PageSourceSearch

https://www.vasaboden.se/

html vasaboden.se collected 2026-10-07 02:03:00 UTC 850,383 bytes, 15,043 lines download raw bytes

1<!doctype html>
2<html class="no-js  " lang="sv">
3  <head>
4 <!-- BSS Custom -->
5    <style>
6      .bss-theme-hidden {
7        display: none !important;
8        cursor: not-allowed;
9      }
10
11      .bss-loading-btn {
12        background: #333;
13        width: 100%;
14        height: 46px;
15        display: flex;
16        justify-content: center;
17        align-items: center;
18        position: relative;
19        border-radius: 4px;
20      }
21
22      .bss-loading-btn::after {
23        content: "";
24        position: absolute;
25        width: 16px;
26        height: 16px;
27        border: 2px solid white;
28        border-top-color: transparent;
29        border-radius: 50%;
30        animation: spin 0.6s linear infinite;
31      }
32      
33      @keyframes spin {
34			  to { transform: rotate(360deg); }
35			}
36    </style>
37    <!-- End BSS Custom -->
38<!-- redirect /collections och dölj från google -->
39    
39<script>
40  
41</script>
41
42
43<!-- redirect /collections och dölj från google -->
44    <!-- CookieBot -->
45    
45<script
46  id="Cookiebot"
47  src="https://consent.cookiebot.com/uc.js"
48  data-cbid="6b48b83b-26b1-46e5-99e5-4349fd3a525e"
49  type="text/javascript"
50  defer>
51</script>
51
52    <!-- CookieBot -->
53    <!-- Metafält fr produktserier. Dölj från google -->
54
55<!-- Metafält fr produktserier. Dölj från google -->
56<!-- Endast svenska sidor crawlas av google --><!-- Endast svenska sidor crawlas av google -->
57    <!-- ** Hänvisa collecitons/all till startsida ** (Fungerar inte med redirects) -->
58    
59 <!-- ** Hänvisa collecitons/all till startsida ** (Fungerar inte med redirects) -->
60    <meta charset="utf-8">
61    <meta http-equiv="X-UA-Compatible" content="IE=edge">
62    <meta name="viewport" content="width=device-width, initial-scale=1.0">
63    <meta name="theme-color" content="">
64    
65      <link rel="canonical" href="https://www.vasaboden.se/">
66    
67<link rel="icon" type="image/png" href="//www.vasaboden.se/cdn/shop/files/Favicon_2024_d3ae2988-6240-48b4-804b-a3a784996382.png?crop=center&height=96&v=1719316378&width=96"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><!-- Originalkod för titel på sidan & Google.
68    <title>
69      Pokaler, medaljer och idrottspriser sedan 1982 | Vasaboden
70</title>
71  -->
72  <!-- Ser till att inte Store name kommer med dubbelt för sökmotor -->
73  <title>
74  Pokaler, medaljer och idrottspriser sedan 1982 | Vasaboden
75</title>
76  <!-- Ser till att inte Store name kommer med dubbelt för sökmotor -->
77      
77<script type="application/ld+json">
78        {
79          "@context": "http://schema.org",
80          "@type": "OnlineStore",
81          "name": "Vasaboden AB | Idrottspriser & profilprodukter",
82          "description": "Försäljning av idrottspriser så som pokaler, medaljer och glaspriser. Vi graverar på beställning!",
83          
84          "logo": "https:\/\/www.vasaboden.se\/cdn\/shop\/files\/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245\u0026width=112",
85          
86          "telephone": "031 13 84 20",
87          "address": [{
88            "@type": "PostalAddress",
89            "streetAddress": "Norra ågatan 10",
90            "addressLocality": "",
91            "addressRegion": "",
92            "postalCode": "",
93            "addressCountry": ""
94          },{
95            "streetAddress": "41664 Göteborg",
96            "addressLocality": "",
97            "addressRegion": "",
98            "postalCode": "",
99            "addressCountry": ""
100          }],
101          "email": "[email protected]"
102        }
103      </script>
103
104      
104<script type="application/ld+json">
105        {
106          "@context": "https://schema.org",
107          "@type": "WebSite",
108          "name": "Vasaboden",
109          "potentialAction": {
110            "@type": "SearchAction",
111            "target": "https://www.vasaboden.se/search?q={search_term_string}",
112            "query-input": "required name=search_term_string"
113          },
114          "url": "https://www.vasaboden.se"
115        }
116      </script>
116
117    
118    
119      <meta name="description" content="Köp pokal, medaljer och idrottspriser hos Vasaboden i Göteborg. Vi erbjuder billiga priser, snabb gravyr och specialmedaljer. Över 40 år i branschen. Välkommen!">
120    
121    <link href="//www.vasaboden.se/cdn/shop/t/28/assets/theme.css?v=179510187239556461531776329373" rel="stylesheet" type="text/css" media="all" />
122    
123    
124<link rel="preload" href="" as="font" type="font/woff2" crossorigin="anonymous" />
125    
126    
127    
128
129<meta property="og:site_name" content="Vasaboden">
130<meta property="og:url" content="https://www.vasaboden.se/">
131<meta property="og:title" content="Pokaler, medaljer och idrottspriser sedan 1982 | Vasaboden">
132<meta property="og:type" content="website">
133<meta property="og:description" content="Köp pokal, medaljer och idrottspriser hos Vasaboden i Göteborg. Vi erbjuder billiga priser, snabb gravyr och specialmedaljer. Över 40 år i branschen. Välkommen!"><meta name="twitter:site" content="@vasaboden"><meta name="twitter:card" content="summary_large_image">
134<meta name="twitter:title" content="Pokaler, medaljer och idrottspriser sedan 1982 | Vasaboden">
135<meta name="twitter:description" content="Köp pokal, medaljer och idrottspriser hos Vasaboden i Göteborg. Vi erbjuder billiga priser, snabb gravyr och specialmedaljer. Över 40 år i branschen. Välkommen!">
136<style data-shopify>@font-face {
137  font-family: "DM Sans";
138  font-weight: 400;
139  font-style: normal;
140  font-display: swap;
141  src: url("//www.vasaboden.se/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
142       url("//www.vasaboden.se/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
143}
144
145  
146  @font-face {
147  font-family: "DM Sans";
148  font-weight: 400;
149  font-style: normal;
150  font-display: swap;
151  src: url("//www.vasaboden.se/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
152       url("//www.vasaboden.se/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
153}
154
155  @font-face {
156  font-family: "Tenor Sans";
157  font-weight: 400;
158  font-style: normal;
159  font-display: swap;
160  src: url("//www.vasaboden.se/cdn/fonts/tenor_sans/tenorsans_n4.966071a72c28462a9256039d3e3dc5b0cf314f65.woff2") format("woff2"),
161       url("//www.vasaboden.se/cdn/fonts/tenor_sans/tenorsans_n4.2282841d948f9649ba5c3cad6ea46df268141820.woff") format("woff");
162}
163
164  @font-face {
165  font-family: Assistant;
166  font-weight: 400;
167  font-style: normal;
168  font-display: swap;
169  src: url("//www.vasaboden.se/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
170       url("//www.vasaboden.se/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
171}
172
173
174  
175  
176  �</style>
177<style data-shopify>:root,
178  *:before {
179    --base-font-size: 0.875rem;
180    --font-size-medium-mobile: 0.9rem;
181    --font-size-medium: 1.0rem;
182    --font-size-small: 0.625rem;
183    --font-size-small-mobile: 0.5625rem;
184    --font-size-normal: 0.75rem;
185    --font-size-normal-mobile: 0.675rem;
186    --font-size-large: 1.25rem;
187    --font-size-large-mobile: 1.125rem;
188    --heading-highlight-font-size: 100%;
189    --h1-font-size: 3.825rem;
190    --h2-font-size: 2.25rem;
191    --h3-font-size: 1.35rem;
192    --h4-font-size: 1.2375rem;
193    --h5-font-size: 1.125rem;
194    --h6-font-size: 1.0125rem;
195    --base-font-size-mobile: 0.7875rem;
196    --h1-font-size-mobile: 1.9125rem;
197    --h2-font-size-mobile: 1.35rem;
198    --h3-font-size-mobile: 0.945rem;
199    --h4-font-size-mobile: 0.86625rem;
200    --h5-font-size-mobile: 0.7875rem;
201    --h6-font-size-mobile: 0.70875rem;
202    --rating-star-size: 0.7rem;
203    --border-radius: 6px;
204    --page-width: 1200px;
205    --width-countdown: 7.875rem;
206    --font-menu: "DM Sans", sans-serif;
207    --font-menu-weight: 400;
208    --font-menu-style: normal;
209    --font-button: "Tenor Sans", sans-serif;
210    --font-button-weight: 400;
211    --font-button-style: normal;
212    --font-body-family: Helvetica, Arial, sans-serif;
213    --font-body-style: normal;
214    --font-body-weight: 400;
215    --font-heading-family: "DM Sans", sans-serif;
216    --font-heading-highlight: Assistant, sans-serif;
217    --font-heading-highlight-style: normal;
218    --font-heading-highlight-weight: 400;
219    --font-heading-style: normal;
220    --font-heading-weight: 400;
221    --heading-text-tranform: none;
222    --advanced-sections-spacing: 0px;
223    --divider-spacing: -0;
224
225    --colors-pulse-speech: 251, 133, 0;
226    --image-treatment-overlay: 32, 32, 32;
227    --image-treatment-text: 255, 255, 255;
228    --colors-line-and-border: 227, 227, 227;
229    --colors-line-and-border-base: 227, 227, 227;
230    --colors-line-header: 215, 147, 26;
231    --colors-line-footer: 104, 129, 155;
232    --colors-background: 255, 255, 255;
233    --colors-text: 36, 36, 36;
234    --colors-heading: 18, 56, 96;
235    --colors-heading-base: 18, 56, 96;
236    --colors-background-secondary: 242, 242, 242;
237    --colors-text-secondary: 137, 137, 137;
238    --colors-heading-secondary: 36, 36, 36;
239    --colors-text-link: 215, 147, 26;
240    --background-color:  255, 255, 255;
241    --background-color-header: 255, 255, 255;
242    --colors-text-header: 36, 36, 36;
243    --background-color-footer: 18, 69, 123;
244    --colors-text-footer: 255, 255, 255;
245    --colors-heading-footer: 255, 255, 255;
246    --colors-text-link-footer: 241, 196, 15;
247    --color-error: 169, 0, 0;
248    --color-success: 18, 69, 123;
249    --colors-price: 74, 74, 74;
250    --colors-price-sale: 169, 0, 0;
251    --colors-button-text: 255, 255, 255;
252    --colors-button: 18, 69, 123;
253    --colors-button-text-hover: 255, 255, 255;
254    --colors-secondary-button: 255, 255, 255;
255    --colors-button-hover: rgb(215, 147, 26);
256    --colors-cart: 18, 69, 123;
257    --colors-cart-text: 255, 255, 255;
258    --colors-icon-rating: 18, 69, 123;
259    --colors-transition-arrows: 0, 0, 0;
260    --color-highlight: #000000;
261    --background-pagination-slideshow: 32, 32, 32;
262    --text-color-pagination-slideshow: 255, 255, 255;
263    
264      --background-secondary-button: 18, 69, 123;
265      --colors-line-secondary-button: 18, 69, 123;
266    
267    
268      --button-width: 120%;
269      --button-height: 100%;
270      --button-transform: rotate3d(0,0,1,10deg) translate3d(-1.2em,110%,0);
271      --button-transform-origin: 0% 100%;
272    
273    
274      --height-parallax: 110%;
275    
276    
277      --image-zoom: 1.05;
278    
279    --card-product-bg: rgba(0,0,0,0);
280    --card-product-padding: 20px;
281    --card-product-padding-mobile: 5px;
282    --card-product-alignment: center;
283    
284    --width-scrollbar: 0;
285    --card-product-ratio: 100.0%;
286    --card-product-img-position:  absolute;
287    --card-product-img-height:  0;
288    --card-product-img-zoom:  scale(1.1);
289    --height-header: 0px;
290    --transition-card-loading: 600ms;
291    --transition-card-image-hover: 500ms;
292    --transition-slideshow: 600ms;
293    --transition-image-hover: 600ms;
294  }
295  .dark,
296  .dark *:before {
297    --image-treatment-overlay: 32, 32, 32;
298    --image-treatment-text: 255, 255, 255;
299    --colors-line-and-border: 94, 94, 94;
300    --colors-line-and-border-base: 94, 94, 94;
301    --colors-line-header: 94, 94, 94;
302    --colors-line-footer: 82, 80, 81;
303    --colors-background: 32, 32, 32;
304    --colors-text: 137, 137, 137;
305    --colors-heading: 255, 255, 255;
306    --colors-heading-base: 255, 255, 255;
307    --background-color: 32, 32, 32;
308    --colors-text-link: 200, 184, 159;
309    --color-error: 169, 0, 0;
310    --color-success: 66, 162, 70;
311    --background-color-header: 32, 32, 32;
312    --colors-text-header: 137, 137, 137;
313    --background-color-footer: 41, 41, 41;
314    --colors-text-footer: 137, 137, 137;
315    --colors-heading-footer: 255, 255, 255;
316    --colors-text-link-footer: 107, 112, 80;
317    --colors-price: 195, 195, 195;
318    --colors-price-sale: 169, 0, 0;
319    --colors-button-text: 255, 255, 255;
320    --colors-button: 107, 112, 80;
321    --colors-button-text-hover: 36, 36, 36;
322    --colors-secondary-button: 255, 255, 255;
323    --colors-button-hover: rgb(255, 255, 255);
324    --colors-cart: 107, 112, 80;
325    --colors-cart-text: 255, 255, 255;
326    --colors-background-secondary: 58, 58, 58;
327    --colors-text-secondary: 255, 255, 255;
328    --colors-heading-secondary: 255, 255, 255;
329    --colors-icon-rating: 200, 184, 159;
330    --colors-pulse-speech: 251, 133, 0;
331    --colors-transition-arrows: 0, 0, 0;
332    --color-highlight: #FFFFFF;
333    
334      --background-secondary-button: transparent;
335      --colors-line-secondary-button: 255, 255, 255;
336    
337    --card-product-bg: rgba(0,0,0,0);
338  }
339  shopify-accelerated-checkout {
340    --shopify-accelerated-checkout-button-border-radius: 6px;
341  }
342  shopify-accelerated-checkout-cart {
343    --shopify-accelerated-checkout-button-border-radius: 6px;
344    --shopify-accelerated-checkout-inline-alignment: end;
345    --shopify-accelerated-checkout-button-block-size: 48px;
346    --shopify-accelerated-checkout-button-inline-size: 48px;
347  }
348  
349    [role="button"],
350    [type="button"],
351    .button {
352      color: rgb(var(--colors-button-text));
353    }
354    button.button-solid,
355    .button.button-solid {
356      border: none;
357      background-color: rgba(var(--colors-button));
358    }
359    button.button-disable-effect,
360    .button.button-disable-effect,
361    .payment-button .shopify-payment-button__button--unbranded {
362      color: rgb(var(--colors-button-text));
363      background-color: rgba(var(--colors-button));
364    }
365    .button-action {
366      border: none;
367      color: rgb(var(--colors-button-text));
368      background-color: rgba(var(--colors-button));
369    }
370  
371  .header, .header *::before {
372    --colors-text: var(--colors-text-header);
373    --colors-heading: var(--colors-text-header);
374    --colors-price: var(--colors-text-header);
375    --colors-line-and-border: var(--colors-line-header);
376  }
377  #sticky-header-content .divider {
378    --colors-line-and-border: var(--colors-line-header);
379  }
380  .paginate-slide-image {
381    background: rgba(var(--background-pagination-slideshow));
382    color: rgba(var(--text-color-pagination-slideshow));
383  }
384
385  @media (min-width: 1024px) {
386    .paginate-slide-image {
387      color: rgba(var(--text-color-pagination-slideshow));
388    }
389    .paginate-slide-image:hover {
390      color: rgba(var(--text-color-pagination-slideshow));
391    }
392  }
393
394  .section-quick-links,
395  .section-quick-links *::before,
396  .section-footer,
397  .section-footer *::before {
398    --colors-text: var(--colors-text-footer);
399    --colors-heading: var(--colors-heading-footer);
400    --colors-text-link: var(--colors-text-link-footer);
401    --colors-line-and-border: var(--colors-line-footer);
402  }
403  .sticky-header {
404    --font-body-weight: 700;
405  }
406
407  .scrollbar-horizontal {
408    position: relative;
409    -ms-overflow-style: none;
410  }
411  .scrollbar-horizontal::-webkit-scrollbar-track {
412    background-color: #ececec;
413  }
414  .scrollbar-horizontal::-webkit-scrollbar {
415    height: 3px;
416  }
417
418  .scrollbar-horizontal::-webkit-scrollbar-track {
419    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
420  }
421
422  .scrollbar-horizontal::-webkit-scrollbar-thumb {
423    visibility: visible;
424    background-color: #747474;
425  }
426
427  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
428    background-color: #747474;
429  }
430  body.scrollbar-body::-webkit-scrollbar{
431    width: 3px;
432  }
433  .scrollbar-body::-webkit-scrollbar-track{
434    background: #ececec;
435  }
436  .scrollbar-horizontal {
437    position: relative;
438    -ms-overflow-style: none;
439  }
440  .scrollbar-horizontal::-webkit-scrollbar-track {
441    background-color: #ececec;
442  }
443  .scrollbar-horizontal::-webkit-scrollbar {
444    height: 3px;
445  }
446
447  .scrollbar-horizontal::-webkit-scrollbar-track {
448    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
449  }
450
451  .scrollbar-horizontal::-webkit-scrollbar-thumb {
452    visibility: visible;
453    background-color: #747474;
454  }
455
456  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
457    background-color: #747474;
458  }
459  .scrollbar-body::-webkit-scrollbar{
460    width: 3px;
461  }
462  .scrollbar-body::-webkit-scrollbar-track{
463    background: #ececec;
464  }
465  .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
466  .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
467  .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb {
468    background: #747474;
469    visibility: visible;
470  }
471  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{
472    background: transparent;
473  }
474  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{
475    background: transparent;
476    visibility: visible;
477  }
478  .scrollbar-body::-webkit-scrollbar-thumb{
479    background: #747474;
480  }
481  .animate-scroll-banner {
482    animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
483  }
484  .padding-scrollbar, .padding-scrollbar-header {
485    padding-right: min(var(--width-scrollbar), 20px);
486  }
487  .rtl .padding-scrollbar-header {
488    padding-left: min(var(--width-scrollbar), 20px);
489    padding-right: 0;
490  }
491  
492  
493  .des-block iframe {
494    width: 100%;
495    height: 100%;
496  }
497  .toggle-compare  + label span:first-child,
498  .toggle-compare:checked + label span:last-child {
499    display: block
500  }
501  .toggle-compare  + label span:last-child,
502  .toggle-compare:checked + label span:first-child {
503    display: none;
504  }
505  .card-product:not(.recommendations) {}
506  .dark .card-product:not(.recommendations) {background: transparent;}
507  .card-product:not(.recommendations) .card-info,
508  .card-product:not(.recommendations) .x-variants-data {
509    padding-left: 5px;
510    padding-right: 5px;
511  }
512  .card-product:not(.recommendations) .x-variants-separator::before {
513    content: var(--tw-content);
514    position: absolute;
515    width: calc(100% - 2 * 5px);
516    top: 0;
517    left: 0;
518    margin-left: 5px;
519    margin-right: 5px;
520  }
521  .card-product:not(.recommendations) .card-info .x-variants-data
522  {
523    padding-left: 0;
524    padding-right: 0;
525  }
526  .card-product:not(.recommendations) .card-info .x-variants-separator::before {
527    width: 100%;
528    margin-left: 0;
529    margin-right: 0;
530  }
531  .card-product-slideshow {
532      background: #f2f2f2;}
533  .dark .card-product-slideshow {
534      background: #3a3a3a;}
535  button[class*='shopify-payment-button__more-options'] {
536    color: rgba(var(--colors-text));
537  }
538  .group-discount:before,.group-discount:after {
539    background-color: rgba(var(--colors-price-sale), 5%);
540    content: "";
541    position: absolute;
542    right: 100%;
543    height: 100%;
544    top: 0;
545    width: 1.25rem;
546  }
547  .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after {
548    background-color: rgb(var(--colors-background-secondary));
549  }
550  .group-discount:after {
551    left: 100%;
552    right: auto;
553  }
554  @media (min-width: 768px){
555    .list-layout .card-product:not(.recommendations) {
556      padding-bottom: 0;
557    }
558    .list-layout .card-product:not(.recommendations) .card-info,
559    .list-layout .card-product:not(.recommendations) .x-variants-data{
560      padding-left: 0;
561      padding-right: 0;
562    }
563    .list-layout .card-product:not(.recommendations) .x-variants-separator::before {
564      width: 100%;
565      margin-left: 0;
566      margin-right: 0;
567    }
568    shopify-accelerated-checkout-cart {
569    --shopify-accelerated-checkout-button-block-size: 46px;
570    --shopify-accelerated-checkout-button-inline-size: 46px;
571  }
572  }
573  @media (min-width: 1024px){
574    .group-discount:before,.group-discount:after {
575       width: 0;
576    }
577    .payment-button .shopify-payment-button__button--unbranded {
578      color: rgb(var(--colors-button-text));
579      background: rgba(var(--colors-button));
580    }
581    .card-product:not(.recommendations) .card-info,
582    .card-product:not(.recommendations) .x-variants-data {
583      padding-left: 20px;
584      padding-right: 20px;
585    }
586    .card-product:not(.recommendations) .x-variants-separator::before {
587      width: calc(100% - 2 * 20px);
588      margin-left: 20px;
589      margin-right: 20px;
590    }
591    [role="button"],
592    [type="button"],
593    .button {
594      color: rgba(var(--colors-button-text));
595    }
596    button.button-solid,
597    .button.button-solid {
598      border: none;
599      box-shadow: none;
600      color: rgb(var(--colors-button-text));
601      background-color: rgba(var(--colors-button));
602      overflow: hidden;
603      background-origin: border-box;
604    }
605    button.button-solid:hover,
606    .button.button-solid:hover {
607      
608      transition-delay: 0.5s;
609      
610      transition-property: background-color;
611      background-color: var(--colors-button-hover);
612      color: rgba(var(--colors-button-text-hover));
613      background-origin: border-box;
614    }
615    .button-action {
616      border: none;
617      color: rgba(var(--colors-button-text-hover));
618      background-color: var(--colors-button-hover);
619    }
620    button.button-disable-effect,
621    .button.button-disable-effect {
622      color: rgb(var(--colors-button-text));
623      background-color: rgba(var(--colors-button));
624    }
625    button.button-disable-effect:hover,
626    .button.button-disable-effect:hover {
627      color: rgba(var(--colors-button-text-hover));
628      background-color: var(--colors-button-hover);
629    }
630    
631      button.button-solid:before,
632      .button.button-solid:before {
633        content: "";
634        z-index: -1;
635        position: absolute;
636        top: 0;
637        right: 0;
638        bottom: 0;
639        left: 0;
640        width: var(--button-width);
641        height: var(--button-height);
642        background-color: var(--colors-button-hover);
643        backface-visibility: hidden;
644        will-change: transform;
645        transform: var(--button-transform);
646        transform-origin: var(--button-transform-origin);
647        transition: transform 0.5s ease;
648      }
649      button.button-solid:hover:before,
650      .button.button-solid:hover:before {
651        transform: rotate3d(0,0,1,0) translateZ(0);
652      }
653    
654    
655  }
656  .inventory-low-stock-status {
657    
658      --stock-color: rgba(192, 129, 18);
659    
660      color: var(--stock-color);
661    }
662  .dark .inventory-low-stock-status {
663    
664      --stock-color: rgba(191, 18, 42);
665    
666  }
667  .inventory-in-stock-status {
668    
669      --stock-color: rgba(107, 118, 45);
670    
671      color: var(--stock-color);
672  }
673  .dark .inventory-in-stock-status {
674    
675      --stock-color: rgba(133, 143, 77);
676    
677  }
678  .inventory-out-of-stock-status {
679    
680      --stock-color: rgba(125, 6, 6);
681    
682      color: var(--stock-color);
683  }
684  .dark .inventory-out-of-stock-status {
685    
686      --stock-color: rgba(134, 127, 127);
687    
688  }
689  .inventory-status {
690    background-color: var(--stock-color);
691  }
692  .card-testimonial {
693      background: #f2f2f2;}
694  .dark .card-testimonial {
695      background: #3a3a3a;}/* App Shopify Subscription */
696  .shopify_subscriptions_app_policy a {
697    position: relative;
698    margin-top: .5rem;
699    margin-bottom: .5rem;
700    color: rgba(var(--colors-text-link)) !important;
701    text-decoration-thickness: 1px;
702    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
703    background-size: 100% 0.1em, 0 0.1em;
704    background-position: 100% 100%,100% 100%;
705    background-repeat: no-repeat;
706    transition: background-size 250ms;
707  }
708  .shopify_subscriptions_app_policy:after {
709    clear: both;
710    content: var(--tw-content);
711    display: block;
712  }
713  @media (min-width: 1024px) {
714    .shopify_subscriptions_app_policy a:hover {
715      background-size: 0 .1em, 100% .1em;
716      background-position: 100% 100%, 0% 100%;
717    }
718  }
719
720  /* Recurpay Subscription App */
721  #recurpay-account-widget {
722    margin-top: 1rem;
723  }
724  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title {
725    padding-right: 10px;
726    right: 0.25rem;
727  }
728  .rtl .recurpay__widget .recurpay__group_title {
729    text-align: right;
730    margin-right: 0;
731    margin-left: 0.5em;
732  }
733  .rtl .recurpay__widget .recurpay__group_subtitle {
734    text-align: right;
735  }
736  .rtl .recurpay__widget .recurpay__description {
737    text-align: right;
738  }
739  .rtl .recurpay__widget .recurpay__radio_group {
740    margin-right: 0;
741    margin-left: 10px;
742  }
743  .rtl .recurpay__widget .recurpay__offer_saving_message {
744    padding-right: 10px;
745    padding-left: 0;
746  }
747  .rtl .recurpay__widget .recurpay__offer_wrapper svg {
748    margin-right: 0;
749    margin-left: 10px;
750  }
751  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title:before {
752    left: 0.5em;
753    margin-right: -50%;
754    right: auto;
755    margin-left: 0
756  }
757  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title:after {
758    right: 0.5em;
759    left: auto;
760    margin-left: 0;
761  }
762  .rtl .upgrade-subscription-cart .upgrade-icon-wrapper {
763    text-align: right;
764  }
765
766  /* Seal Subscriptions */
767  .sls-widget-branding {
768    z-index: 20 !important;
769  }
770  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
771    display: none !important;
772  }
773  .seal-portal-link a {
774    position: relative;
775    margin-top: .5rem;
776    margin-bottom: .5rem;
777    color: rgba(var(--colors-text-link)) !important;
778    text-decoration-thickness: 1px;
779    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
780    background-size: 100% 0.1em, 0 0.1em;
781    background-position: 100% 100%,100% 100%;
782    background-repeat: no-repeat;
783    transition: background-size 250ms;
784  }
785  .seal-portal-link:after {
786    clear: both;
787    content: var(--tw-content);
788    display: block;
789  }
790  @media (min-width: 1024px) {
791    .seal-portal-link a:hover {
792      background-size: 0 .1em, 100% .1em;
793      background-position: 100% 100%, 0% 100%;
794    }
795  }
796  .rtl .sealsubs-container {
797    text-align: right;
798  }
799  .x-card-title {
800    font-size: 0.9rem;
801    font-family: var(--font-heading-family);
802    font-weight: var(--font-heading-weight);
803  }
804  .x-card-price, .x-card-price-init {
805    font-size: 0.9rem;
806    font-family: var(--font-body-family);
807    font-weight: var(--font-body-weight);
808  }
809  @media (min-width: 768px) {
810    .x-card-title {
811      font-size: 1.0rem;
812    }
813    .x-card-price, .x-card-price-init {
814      font-size: 1.0rem;
815    }
816  }
817  .back{
818    position: absolute;
819    top: 50%;
820    left: 50%;
821    white-space: nowrap;
822    opacity: 0;
823    transform: translate(-50%, -50%) translateY(100%) translateZ(0);
824    transition-behavior: normal, normal;
825    transition-duration: 0.6s, 0.6s;
826    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
827    transition-delay: 0s, 0s;
828    transition-property: transform, opacity;
829  }
830  .front{
831    transform: translateZ(0);
832    transition-behavior: normal, normal;
833    transition-duration: 0.6s, 0.6s;
834    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
835    transition-delay: 0s, 0s;
836    transition-property: transform, opacity;
837    border-bottom: 1px solid transparent;
838  }
839  .flip-container:hover .front{
840    opacity: 0;
841    transform: translateY(-100%) translateZ(0);
842  }
843  .flip-container:hover .back{
844    opacity: 1;
845    transform: translate(-50%, -50%) translateY(0%) translateZ(0);
846    border-bottom: 1px solid rgba(var(--colors-text-link));
847  }
848  .dbtap-overlay{
849    display: none
850  }
851  @media (max-width: 1024px) and (pointer: coarse) and (hover: none) {
852    .dbtap-overlay{
853      display: block
854    }
855  }
856  .swatch-count-small {
857    min-height: 28px;
858    min-width: 28px;
859  }
860  .swatch-count-medium {
861    min-height: 32px;
862    min-width: 32px;
863  }
864  .swatch-count-large {
865    min-height: 38px;
866    min-width: 38px;
867  }</style>
868    
869    
869<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
869<meta name="google-site-verification" content="gA28_JmI_9eTxxsKQku4n08OtjF4Z4ICm63809cpcKs">
870<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/81940939090/digital_wallets/dialog">
871<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://www.vasaboden.se/">
872<link rel="alternate" hreflang="sv" href="https://www.vasaboden.se/">
873<link rel="alternate" hreflang="da" href="https://www.vasaboden.se/da">
874<link rel="alternate" hreflang="en" href="https://www.vasaboden.se/en">
875<link rel="alternate" hreflang="fi" href="https://www.vasaboden.se/fi">
876<link rel="alternate" hreflang="no" href="https://www.vasaboden.se/no">
877<link rel="alternate" hreflang="de" href="https://www.vasaboden.se/de">
878<script async="async" src="/checkouts/internal/preloads.js?locale=sv-SE"></script>
vendor: 1 bytes, line 878
878
879<script id="shopify-features" type="application/json">{"accessToken":"c32ed13e4360cc5d4b8c71af70bcc99e","betas":["rich-media-storefront-analytics"],"domain":"www.vasaboden.se","predictiveSearch":true,"shopId":81940939090,"locale":"sv"}</script>
vendor: 1 bytes, line 879
879
880<script>var Shopify = Shopify || {};
881Shopify.shop = "df9307-27.myshopify.com";
882Shopify.locale = "sv";
883Shopify.currency = {"active":"SEK","rate":"1.0"};
884Shopify.country = "SE";
885Shopify.theme = {"name":"Med ny kassa- Eurus 20260416","id":199351173458,"schema_name":"Eurus","schema_version":"9.8.0","theme_store_id":2048,"role":"main"};
886Shopify.theme.handle = "null";
887Shopify.theme.style = {"id":null,"handle":null};
888Shopify.cdnHost = "www.vasaboden.se/cdn";
889Shopify.routes = Shopify.routes || {};
890Shopify.routes.root = "/";
891Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
892Shopify.SignInWithShop = Shopify.SignInWithShop || {};
893Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
894Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 894
894
895<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 895
895
896<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>
vendor: 1 bytes, line 896
896
897<script>
898  window.Shopify = window.Shopify || {};
899  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
900  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
901  window.Shopify.SignInWithShop.eligible = true;
902</script>
vendor: 1 bytes, line 902
902
903<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 903
903
904<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.sv.esm.js"></script>
vendor: 1 bytes, line 904
904
905<script type="module">
906  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.sv.esm.js");
907
908  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
909
910</script>
vendor: 1 bytes, line 910
910
911<script>
912  window.Shopify = window.Shopify || {};
913  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
914  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.sv.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.sv.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.sv.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.sv.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.sv.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.sv.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.sv.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.sv.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.sv.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.sv.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.sv.esm.js"],"listener":["modules/v2/loader.listener.sv.esm.js"],"pay-button":["modules/v2/loader.pay-button.sv.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.sv.esm.js"],"shop-button":["modules/v2/loader.shop-button.sv.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.sv.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.sv.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.sv.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.sv.esm.js"],"shop-login":["modules/v2/loader.shop-login.sv.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.sv.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.sv.esm.js"]};
915</script>
vendor: 1 bytes, line 915
915
916<script>(function() {
917  var isLoaded = false;
918  function asyncLoad() {
919    if (isLoaded) return;
920    isLoaded = true;
921    var urls = ["https:\/\/shy.elfsight.com\/p\/platform.js?shop=df9307-27.myshopify.com"];
922    for (var i = 0; i < urls.length; i++) {
923      var s = document.createElement('script');
924      s.type = 'text/javascript';
925      s.async = true;
926      s.src = urls[i];
927      var x = document.getElementsByTagName('script')[0];
928      x.parentNode.insertBefore(s, x);
929    }
930  };
931  if(window.attachEvent) {
932    window.attachEvent('onload', asyncLoad);
933  } else {
934    window.addEventListener('load', asyncLoad, false);
935  }
936})();</script>
vendor: 1 bytes, line 936
936
937<script id="__st">var __st={"a":81940939090,"offset":7200,"reqid":"d561f50c-92ed-49fd-8a49-eecf34ac7b9a-1791338579","pageurl":"www.vasaboden.se\/","u":"751ace8f7f48","p":"home"};</script>
vendor: 1 bytes, line 937
937
938<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 938
938
939<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.3.iife.js',D={infoText:'Skyddas av hCaptcha',privacyText:'Integritet',termsText:'Villkor'},(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>
vendor: 1 bytes, line 939
939
940<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.vasaboden.se/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 940
940
941<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.vasaboden.se/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
941<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 941
941
942<script>
943  window.Shopify = window.Shopify || {};
944  window.Shopify.MCP = window.Shopify.MCP || {};
945  window.Shopify.MCP.enabled = true;
946  window.Shopify.MCP.shop = "df9307-27.myshopify.com";
947  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.vasaboden.se\/api\/mcp";
948  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
949</script>
vendor: 1 bytes, line 949
949
950<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.vasaboden.se\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
951</script>
vendor: 1 bytes, line 951
951
952<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://www.vasaboden.se/cdn/shopifycloud/portable-wallets/latest/portable-wallets.sv.js",t.type="module",document.head.appendChild(t)}};
953</script>
vendor: 1 bytes, line 953
953
954<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
955  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);
956</script>
vendor: 1 bytes, line 956
956
957<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})}}));
958</script>
958
959
960<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
960
961    
962    
962<script>
963function feedback() {
964  const p = window.Shopify.customerPrivacy;
965  console.log(`Tracking ${p.userCanBeTracked() ? "en" : "dis"}abled`);
966}
967window.Shopify.loadFeatures(
968  [
969    {
970      name: "consent-tracking-api",
971      version: "0.1",
972    },
973  ],
974  function (error) {
975    if (error) throw error;
976    if ("Cookiebot" in window)
977      window.Shopify.customerPrivacy.setTrackingConsent({
978        "analytics": false,
979        "marketing": false,
980        "preferences": false,
981        "sale_of_data": false,
982      }, () => console.log("Awaiting consent")
983    );
984  }
985);
986
987window.addEventListener("CookiebotOnConsentReady", function () {
988  const C = Cookiebot.consent,
989      existConsentShopify = setInterval(function () {
990        if (window.Shopify.customerPrivacy) {
991          clearInterval(existConsentShopify);
992          window.Shopify.customerPrivacy.setTrackingConsent({
993            "analytics": C["statistics"],
994            "marketing": C["marketing"],
995            "preferences": C["preferences"],
996            "sale_of_data": C["marketing"],
997          }, () => console.log("Consent captured"))
998        }
999      }, 100);
1000});
1001</script>
1001
1002    
1003    
1004
1005    
1006
1007    <style data-shopify>
1008      body {
1009        /* INP mobile */
1010        touch-action: manipulation;
1011      }
1012      @font-face {
1013  font-family: "DM Sans";
1014  font-weight: 400;
1015  font-style: normal;
1016  font-display: swap;
1017  src: url("//www.vasaboden.se/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
1018       url("//www.vasaboden.se/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
1019}
1020
1021    </style>
1022  <!-- BEGIN app block: shopify://apps/xcloud-search-filter/blocks/cloudsearch_opt/8ddbd0bf-e311-492e-ab28-69d0ad268fac -->
1022<script type="application/json" id="cloudsearch-settings">{"srp":"\/a\/search","filtersEnabled":true,"markets":true,"appEmbedOnly":true}</script>
1022<!-- END app block --><!-- BEGIN app block: shopify://apps/optis-product-options/blocks/bss-po-script/2c446099-c349-4e73-80cd-49c9770b7807 -->
1022<script id="bss-po-store-data" type="application/json">
1023
1024{
1025    "shop": {
1026        "domain": "df9307-27.myshopify.com",
1027        "permanent_domain": "df9307-27.myshopify.com",
1028        "url": "https://www.vasaboden.se",
1029        "secure_url": "https://www.vasaboden.se",
1030        "money_format": "{{amount_no_decimals}} kr"
1031    },
1032    "customer": {
1033        "id": null,
1034        "tags": null
1035    },
1036    "template": "index",
1037    "product": null,
1038    "collection": null,
1039    "collections": [
1040        
1041    ],
1042    "cart": {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"SEK","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0},
1043    "cart_type": "drawer"
1044}
1045</script>
1045
1046
1047<script id="bss-po-config-data">
1048    var data = {"storeId":11877,"currentPlan":"advanced","storeIdCustomOld":"3518","settings":{"id":11816,"shopId":11877,"enable":1,"enableInCart":1,"enableAddOns":1,"enableMiniCart":1,"enableDiscount":0,"enableDisplayProductPrice":1,"optionPosition":"above","enableFileUpload":0,"enableFeaturedProduct":0,"enableSpecificVariant":0,"enableBaseFeature":0,"installPriceAddOns":0,"generals":{"widget_has_limit":0,"widget_height_limit":200,"widget_alignment":"left","value_next_to_title":0,"scroll_to_error":1,"show_swatch_tooltip":1,"file_display_type":1,"count_character":0,"swatches_hover":1,"swatches_shape":0,"sku_type":0,"sku_separator":"-","add_ons_display_type":1},"colors":{"addon_text":"#B22222","required_char":"#B22222","error_msg":"#B22222","textbox_border":"#E3E1E1","textbox_background":"#ffffff","textbox_hover_border":"#ABA2A2","dropdown_border":"#E3E1E1","dropdown_background":"#ffffff","dropdown_hover_border":"#ABA2A2","checkbox_radio_hover":"#F2F2F2","checkbox_radio_active":"#18181b","switch_background":"#cccccc","switch_active":"#18181b","button_text":"#000000","button_active_text":"#ffffff","button_background":"#ffffff","button_active_background":"#555555","button_border":"#e3e1e1","button_hover_border":"#555555","button_active_border":"#e3e1e1","swatch_border":"#e5e5e5","swatch_hover_border":"#555555","swatch_active_border":"#555555","quantity_button":"#eaeaea","edit_option_button":"#000000","option_title":"#000000","option_value":"#131212","text_tooltip":"#949494","text_tooltip_background":"#eaeaea","button_hover":"#555555","button_hover_text":"#ffffff","swatches_hover_color":"#555555","swatches_hover_text_color":"#ffffff"},"borders":{"input_border_size":1,"input_border_radius":3,"button_border_size":1,"button_border_radius":3,"dropdown_border_size":1,"dropdown_border_radius":3,"swatch_border_size":1,"swatch_border_radius":8,"quantity_button_border_radius":10,"edit_button_border_radius":3},"sizes":{"addon_text_font_size":15,"addon_text_font_weight":0,"error_msg_font_size":13,"error_msg_font_weight":0,"switch_width":30,"switch_height":17,"textarea_width":100,"textarea_height":64,"thumbnail_img_width":28,"thumbnail_img_height":28,"button_padding_tb":5,"button_padding_lr":10,"checkbox_radio_image_width":50,"title_font_size":13,"title_font_weight":0,"text_tooltip_font_size":13,"text_tooltip_font_weight":0,"value_font_size":13,"value_font_weight":0,"textbox_number_width":100,"textbox_number_height":30,"checkbox_radio_width":13,"dropdown_width":100,"dropdown_height":30,"swatches_width":51,"swatches_height":51},"translations":{"option_text":"Option","option_name_placeholder":"{{Option name}}","required_text":"Krävs","live_preview_edit_size_lable":"{{Option name}}'s live preview size (px):","min_character_text":"Minst antal tecken","max_character_text":"Max antal tecken","characters_text":"Tecken","min_value_text":"Minst antal tecken","max_value_text":"Max antal tecken","min_selector_text":"Min selector","max_selector_text":"Max selector","min_quantity_text":"Minsta antal","max_quantity_text":"Max antal","check_size_text":"Filstorleken måste vara mindre än","max_number_uploaded_text":"Maximalt antal filer som kan laddas upp","error_cut_off_time":"\"Du kan endast välja tid mellan","and_text":"och","error_date_range":"Datumintervallet är ogiltigt. Vänligen välj slutdatum.","error_email_format_message":"Epostadress är ej giltig","button_choose_file_text":"Välj fil","drag_drop_file_to_upload_text":"eller drag fil hit","edit_options_text":"Redigera alternativ","in_cart_update_button_text":"Uppdatera","in_cart_cancel_button_text":"Avbryt","discount_button":"Bekräfta","discount_input_placeholder":"Ange din rabattkod här","discount_error_empty":"Rabattkodsfältet får inte vara tomt","discount_error_invalid":"Ogiltig rabattkod","discount_value_text":"Rabatt","add_ons_text":"Extrakostnader för val"},"enableOrderNote":0,"orderNoteTemplate":null,"orderNoteKeepExisting":1,"enableOrderTagFixed":0,"orderTagFixedValue":null,"enableOrderTagCustom":0,"css_selectors":{"buy_it_now_btn_selector":"","cart_selector":""},"primary_locale":null,"custom_fonts":null},"enable":1,"enableInCart":1,"enableDiscount":0,"enableMiniCart":1,"enableAddOns":1,"enableFeaturedProduct":0,"enableDisplayProductPrice":1,"cartSelector":"","buyItNowBtnSelector":"","apiDomain":"https://api-option.optis.me","proxySubpath":"bssoptionsets","apiVersion":"2026-04","optionSetTotalKey":1,"isUseMetaobject":true,"inlineMetaobject":false,"shop":"df9307-27.myshopify.com"}
1049    if (typeof BSS_PO == 'undefined' || data != "") {
1050        var BSS_PO = {};
1051        let optionSets = []
1052
1053        BSS_PO.apiDomain = 'https://api-option.optis.me'
1054        BSS_PO.proxySubpath = data.proxySubpath || 'bssoptionsets'
1055        BSS_PO.storeId = data.storeId 
1056        BSS_PO.currentPlan = data.currentPlan 
1057        BSS_PO.storeIdCustomOld = data.storeIdCustomOld 
1058        BSS_PO.optionSetTotalKey = data.optionSetTotalKey
1059
1060        BSS_PO.enable = data.enable 
1061        BSS_PO.enableInCart = data.enableInCart 
1062        BSS_PO.enableDiscount = data.enableDiscount 
1063        BSS_PO.enableMiniCart = data.enableMiniCart 
1064        BSS_PO.enableAddOns = 1
1065        BSS_PO.enableFeaturedProduct = data.enableFeaturedProduct 
1066        BSS_PO.enableDisplayProductPrice = data.enableDisplayProductPrice
1067        
1068        BSS_PO.cartSelector = data.settings?.css_selectors?.cart_selector 
1069        BSS_PO.buyItNowBtnSelector = data.settings?.css_selectors?.buy_it_now_btn_selector
1070        BSS_PO.settings = data.settings
1071        BSS_PO.canUseStorefrontFeature = data.canUseStorefrontFeature
1072
1073        
1074        
1075        
1076
1077        
1078            BSS_PO.metaobject = {
1079                storefrontAccessToken: data?.storefrontAccessToken,
1080                domain: data?.shop,
1081                apiVersion: data?.apiVersion,
1082            }
1083
1084            
1085            
1086
1087            
1088            
1089
1090            
1091            
1092            
1093            
1094        
1095    }
1096
1097    function customFlatpickrCss() {
1098        if(typeof importFlatpickrCss === 'undefined'){
1099            const importFlatpickrCss = document.createElement('link');
1100            importFlatpickrCss.setAttribute('rel', 'stylesheet');
1101            importFlatpickrCss.setAttribute('href', 'https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css');
1102
1103            const importFlatpickr = document.createElement('script');
1104            importFlatpickr.setAttribute('src', 'https://cdn.jsdelivr.net/npm/flatpickr');
1105            importFlatpickr.setAttribute('defer', '')
1106
1107            const importFlatpickrSpecialCharacter = document.createElement('script');
1108            importFlatpickrSpecialCharacter.setAttribute('src', 'https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/da.js');
1109            const importFlatpickrLocaleAr = document.createElement('script');
1110            importFlatpickrLocaleAr.setAttribute('src', 'https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/ar.js');
1111            const importFontAwesomeCdn = document.createElement('link');
1112            importFontAwesomeCdn.setAttribute('rel', 'stylesheet');
1113            importFontAwesomeCdn.setAttribute('href', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
1114            
1115            let poParentNode = document.getElementsByTagName('head')[0];
1116            const POConfigScript = document.getElementById('bss-po-store-data');
1117            if(!poParentNode.querySelector('#bss-po-store-data')) {
1118                poParentNode = POConfigScript.parentNode;
1119            }
1120    
1121            if (BSS_PO.storeId != 4293) {
1122                for( let i in BSS_PO.optionSets ) {
1123                        for( let j in BSS_PO.optionSets[i].options ) {
1124                            if( BSS_PO.optionSets[i].options[j].option_type == 8 ) {
1125                                poParentNode.insertBefore(importFlatpickrCss, POConfigScript);
1126                                poParentNode.insertBefore(importFlatpickr, POConfigScript);
1127                                if( BSS_PO.storeId == 2041 ) {
1128                                    poParentNode.insertBefore(importFlatpickrSpecialCharacter, POConfigScript);
1129                                }
1130                                else if( BSS_PO.storeId == 4126 ) {
1131                                    poParentNode.insertBefore(importFlatpickrLocaleAr, POConfigScript);
1132                                }
1133                                break;
1134                            }
1135                        }
1136                    }
1137            }
1138    
1139            if( BSS_PO.storeId == 375 ) {
1140                for( let i in BSS_PO.optionSets ) {
1141                    for( let j in BSS_PO.optionSets[i].options ) {
1142                        if( BSS_PO.optionSets[i].options[j].option_type == 7 ) {
1143                            poParentNode.appendChild(importFontAwesomeCdn);
1144                            break;
1145                        }
1146                    }
1147                }
1148            } else {
1149                poParentNode.appendChild(importFontAwesomeCdn);
1150            }
1151        }
1152    }
1153</script>
1153
1154
1155<style id="bss-po-setting-styles">
1156
1157
1158
1159    /* widget setting */
1160    
1161    
1162     
1163        .po-label-container {
1164            display: flex;
1165            flex-direction: column;
1166        }
1167    
1168    
1169    /* add on text */
1170    .po-extra-price {
1171        color: #B22222;
1172        font-size: 15px;
1173        font-weight: normal;
1174    }
1175    /* OPTION TITLE */
1176    .po-stack .po-label-container .po-label span:first-child {
1177        font-size: 13px;
1178        font-weight: normal;
1179        color: #000000;
1180    }
1181    .po-group-title {
1182        font-size: 17px;
1183        color: #000000;
1184    }
1185    
1186    /* required char */
1187    .po-required {
1188        color: #B22222 !important;
1189    }
1190    /* HELPTEXT TOOLTIP */
1191    .po-helptext-content, .po-helptext-content p, .tooltip-text {
1192        font-size:  13px;
1193        font-weight: normal;
1194        color: #949494;
1195    }
1196    .tooltip-text {
1197        background-color:  #eaeaea;
1198    }
1199    /* OPTION VALUE */
1200    .po-value {
1201        font-size: 13px;
1202        font-weight: normal;
1203        color: #131212;
1204    }
1205    /* ERROR MSGS */
1206    .bss-error-msg small,
1207    .bss-warning-msg small{
1208        font-size: 13px;
1209        font-weight: normal;
1210        color: #B22222;
1211    }
1212    /* TEXT INPUT */
1213    .po-option--type-text, 
1214    .po-option--type-number, 
1215    .po-option--color-picker-content {
1216        width: calc(100% + 1px);
1217        height: calc(30px + 1px);
1218        border: solid #E3E1E1 1px;
1219        border-radius: 3px;
1220        background-color: #ffffff;
1221    }
1222    .po-option--type-text:hover, 
1223    .po-option--type-number:hover, 
1224    .po-option--color-picker-content:hover {
1225        border-color: #ABA2A2;
1226    }
1227    .po-option--type-datepicker {
1228        width: 100%;
1229        height: 30px;
1230    }
1231    /* TEXT AREA */
1232    textarea.po-option--type-text {
1233        width: 100%;
1234        height: 64px!important;
1235    }
1236    /* DROPDOWN, DROPDOWN THUMBNAIL */
1237    .po-select-dropdown-thumbnail,
1238    .po-select-font_picker {
1239        width: 100%;
1240    }
1241    .po-dropdown-selected-option,
1242    .po-font_picker-selected-option {
1243        height: 30px;
1244        line-height: 30px;
1245        border: solid #E3E1E1 1px;
1246        border-radius: 3px;
1247        background-color: #ffffff;
1248    }
1249    .po-dropdown-selected-option:hover,
1250    .po-font_picker-selected-option:hover {
1251        border-color: #ABA2A2;
1252    }
1253    .po-dropdown-list,
1254    .po-font_picker-list {
1255        background-color: #ffffff;
1256    }
1257    .po-dropdown-arrow {
1258        border-color: #131212;
1259    }
1260    .po-dropdown-thumbnail-option .po-dropdown-option-shape {
1261        width: 28px;
1262        height: 28px;
1263    }
1264    /* RADIO CHECKBOX */
1265    
1266    
1267    
1268    
1269    
1270    
1271    
1272    .po-radio-circle, 
1273    .po-option--type-checkbox input {
1274        width: 13px;
1275        height: 13px;
1276    }
1277    .bss-po-product-page {
1278        --bss-checkbox-radio-size: 13px;
1279        --bss-switch-height: 17px;
1280        --bss-swatch-width: 52px;
1281        --bss-helptext-option-value-color: #949494;
1282        --bss-helptext-option-value-size: 13px;
1283        --bss-helptext-option-value-bg: #eaeaea;
1284    }
1285    .po-circle-inside {
1286        width: 7px;
1287        height: 7px;
1288    }
1289    .po-radio-circle,
1290    .po-option--type-checkbox input::before {
1291        border: 1px solid #18181b;
1292    }
1293    .po-radio-circle:hover,
1294    .po-option--type-checkbox input:hover::before {
1295        background-color: #F2F2F2;
1296    }
1297    .po-option--type-radiobutton:has(input:checked) .po-circle-inside,
1298    .po-option--type-checkbox input:checked::before {
1299        background-color: #18181b;
1300    }
1301    /* SWITCH */
1302    .po-label--switch,
1303    .po-switch-slider {
1304        min-width: 30px;
1305        min-height: 17px;
1306    }
1307    .po-switch-slider {
1308        background-color: #cccccc;
1309    }
1310    .po-label--switch:has(input:checked) .po-switch-slider {
1311        background-color: #18181b;
1312    }
1313    .po-switch-slider::before {
1314        height: 80%;
1315        width: calc(17 * 0.8px);
1316        -webkit-transform: translateX(0px);
1317        -ms-transform: translateX(0px);
1318        transform: translateX(0px);
1319    }
1320    .po-option--type-switch:has(input:checked) .po-switch-slider::before {
1321        -webkit-transform: translateX(calc(30px - 17px));
1322        -ms-transform: translateX(calc(30px - 17px));
1323        transform: translateX(calc(30px - 17px));
1324    }
1325
1326    /* SWATCH */
1327    
1328    
1329    
1330    
1331    
1332    
1333     
1334     
1335    
1336    
1337
1338    
1339    
1340    
1341    /* show swatch tooltip */
1342    
1343        .tooltip-swatch-label, .tooltip-swatch-label p {
1344            font-size:  13px;
1345            font-weight: normal;
1346            color: #ffffff;
1347            background-color: #555555;
1348        }
1349    
1350     
1351        .po-option--swatch-container .po-option__swatch-media,
1352        .po-option--swatch-container .po-option__color-value,
1353        .po-option--swatch-container .po-option__image-value {
1354            border-radius: 8%;
1355            width: 42px;
1356            height: 42px;
1357        }
1358
1359        .po-option--swatch-container .po-option__swatch-media {
1360            width: 52px;
1361            height: 52px;
1362        }
1363    
1364    .po-option__swatch-media,  
1365    .po-option__value--showBorder  {
1366        border: 1px solid #e5e5e5;
1367    }
1368    .po-option__value--vertical { 
1369        width: 52px;
1370    }
1371    .po-option__swatch-label--vertical {
1372        width: 42px;
1373    }
1374    .po-option__value--horizontal {
1375        height: 52px;    
1376    }
1377    .po-option__value--showBorder .po-option__swatch-media{
1378        height: 51px;
1379        width: 51px;
1380    }
1381    .po-option__value--showBorder {
1382        border-radius: 8%;
1383    }
1384    
1385    .po-option__swatch-media:focus .tooltip-swatch-label {
1386        opacity: 1;
1387        visibility: visible;
1388    }
1389    /* Original hover style (will only apply on non-touch devices) */
1390    @media (hover: hover) {
1391        .po-option__swatch-media:hover,
1392        .po-option__value--showBorder:hover,
1393        .po-option__value--horizontal:hover .po-option__swatch-media,
1394        .po-option__value--vertical:hover .po-option__swatch-media {
1395            border-color: #555555;
1396        }
1397    }
1398  
1399    .po-option__value input:checked~.po-option__swatch-media {
1400        border: solid calc(1 * 1.25px)  #555555;
1401    }
1402    .po-option__value--showBorder:has(input:checked) {
1403        border: solid calc(1 * 1.25px)  #555555;
1404    }
1405    /* DROPDOWN THUMBNAIL */
1406    .po-dropdown-thumbnail-option img,
1407    .po-select-dropdown-thumbnail .po-dropdown-selected-option img,
1408    .po-dropdown-thumbnail-option .po-dropdown-option-shape {
1409        width: 28px;
1410        height: 28px;
1411    }
1412    /* BUTTON */
1413    .po-option__button-media {
1414        background-color: #ffffff;
1415        padding: 5px 10px;
1416        border: solid 1px #e3e1e1;
1417        border-radius: 3px;
1418    }
1419    .po-option__button-media:hover {
1420        border-color: #555555;
1421        background-color: #555555;
1422    }
1423    .po-option__button-value {
1424        color: #000000;
1425    }
1426    .po-option__button-media:hover .po-option__button-value {
1427        color: #ffffff;
1428    }
1429    .po-option__value:has(input:checked) .po-option__button-media {
1430        border-color: #e3e1e1;
1431        background-color: #555555;
1432    }
1433    .po-option__value:has(input:checked) .po-option__button-media .po-option__button-value {
1434        color: #ffffff;
1435    }
1436    /* FONT PICKER */
1437    #searchWithFontPicker {
1438        display: block;
1439    }
1440    #searchWithFontPicker input {
1441        width: 100% ; 
1442        height: 30px;
1443        border-radius: 5px;
1444    }
1445    /* FONT PICKER BUTTON */
1446    .po-font_picker-option--button {
1447        background-color: #ffffff;
1448        padding: 5px 10px;
1449        border: solid 1px #e3e1e1;
1450        border-radius: 3px;
1451    }
1452    .po-font_picker-option--button .po_description {
1453        color: #000000;
1454    }
1455    .po-font_picker-option--button:hover {
1456        border-color: #555555;
1457        background-color: #555555;
1458    }
1459    .po-font_picker-option--button:hover .po_description {
1460        color: #ffffff;
1461    }
1462    .po-font_picker-option--button.selected, 
1463    .po-font_picker-option--button.selected:hover {
1464        border-color: #e3e1e1;
1465        background-color: #555555;
1466    }
1467    .po-font_picker-option--button.selected .po_description, 
1468    .po-font_picker-option--button.selected:hover .po_description {
1469        color: #ffffff;
1470    }
1471
1472
1473    /* EDIT OPTION BUTTON */
1474    button[name="po-edit-options-in-cart"] {
1475        border-radius: 3px;
1476        background-color: #000000;
1477    }
1478    /* QUANTITY BUTTON */
1479    .quantity-control {
1480        background-color: #eaeaea;
1481        border-radius: 10px;
1482        border: 1px solid #A8A8A8;
1483    }
1484
1485    #searchWithThumbnail,
1486    #searchWithDropdown
1487     {
1488        display: flex;
1489        align-items: center;
1490        gap: 8px;
1491    }
1492    #searchWithThumbnail input,
1493    #searchWithDropdown input {
1494        flex: 1; 
1495        height: 30px;
1496        border-radius: 5px;
1497    }
1498
1499    textarea.po-option--type-text {
1500        position: relative; 
1501        outline: none;
1502    }
1503
1504</style>
1505 
1506
1507    
1508
1509
1510
1511
1512
1513    <style>
1514        [bss-po-cart-item-key],
1515        [bss-po-cart-total-price],
1516        [bss-po-cart-discount-total],
1517        [data-cart-item-regular-price],
1518        span[data-cart-subtotal] {
1519            visibility: visible;
1520        }
1521
1522    </style>
1523
1524
1525
1526    
1527<script>
1528function bssFixSupportReloadPageWhenEditOptions(BSS_PO, productDataFromCartJs) {
1529    if (!productDataFromCartJs) {
1530        window.location.pathname = '/cart';
1531    }
1532    return;
1533}
1534</script>
vendor: 1 bytes, line 1534
1534
1535<script>
1536function bssFixSupportHandleMinicart(BSS_PO, data, customHandleMinicart) {
1537    const parser = new DOMParser();
1538
1539    let htmlText;
1540    let parsedHTML;
1541
1542    let miniCartDrawer = document.querySelector(
1543        '#update-cart'
1544    );
1545
1546    if (miniCartDrawer) {
1547        htmlText = data.sections['cart-drawer'];
1548        parsedHTML = parser.parseFromString(htmlText, 'text/html');
1549        miniCartDrawer.outerHTML = parsedHTML.querySelector(
1550            '#update-cart'
1551        ).outerHTML;
1552    }
1553
1554    let miniCartIcon = document.getElementById('cart-icon-bubble');
1555    miniCartIcon.click();
1556    BSS_PO.cart.initMiniCart(1000);
1557    customHandleMinicart = true;
1558
1559    return customHandleMinicart;
1560}
1561</script>
vendor: 1 bytes, line 1561
1561
1562<script>
1563function bssFixSupportGetAppliedOptionSetOnQVCollectionPage(BSS_PO, productId) {
1564    productId = document.querySelector('form[action="/cart/add"]:has(.bss-po-option-set) [name="product-id"]')?.value;
1565    return productId;
1566}
1567</script>
vendor: 1 bytes, line 1567
1567
1568<script>
1569function bssFixSupportATCInCollectionQuickView(BSS_PO, shopData, currentProduct) {
1570    if (BSS_PO.currentProduct) currentProduct = BSS_PO.currentProduct;
1571    return currentProduct;
1572}
1573</script>
vendor: 1 bytes, line 1573
1573
1574<script>
1575function bssFixSupportCustomQVInHomePage() {
1576    return true;
1577}
1578</script>
vendor: 1 bytes, line 1578
1578
1579<script>
1580async function bssFixSupportIntegrateThemeATC(BSS_PO, formData) {
1581    try {
1582        const findStartupCostProduct = document.querySelector('.startup-cost')?.getAttribute('data-id');
1583        const productSCFee = document.querySelector('.startup-cost')?.getAttribute('data-price');
1584
1585        if (!findStartupCostProduct || !formData.items) return;
1586
1587        if (!BSS_PO.__eurusStartupCostSelectorGuardInstalled) {
1588            const originalQuerySelector = document.querySelector.bind(document);
1589            document.querySelector = function(selector) {
1590                const element = originalQuerySelector(selector);
1591
1592                if (element || selector !== '#CartDrawer .item-startup-cost-hidden') {
1593                    return element;
1594                }
1595
1596                const data = BSS_PO.__eurusStartupCostMarker;
1597                if (!data) return null;
1598
1599                const marker = document.createElement('div');
1600                marker.setAttribute('data-id', data.id);
1601                marker.setAttribute('data-price', data.price);
1602                return marker;
1603            };
1604            BSS_PO.__eurusStartupCostSelectorGuardInstalled = true;
1605        }
1606
1607        BSS_PO.__eurusStartupCostMarker = {
1608            id: findStartupCostProduct,
1609            price: productSCFee
1610        };
1611
1612        formData.items[0].properties = formData.items[0].properties || {};
1613        formData.items[0].properties._startup_cost_id = findStartupCostProduct;
1614        formData.items[0].properties._startup_cost_price = productSCFee;
1615
1616        const cartResponse = await window.fetch('/cart.js');
1617        const cart = await cartResponse.json();
1618
1619        const existedSCItems = cart.items.filter(
1620            item => String(item.variant_id) === String(findStartupCostProduct) ||
1621            String(item.properties?._is_startup_cost) === 'true'
1622        );
1623        const existedSCItem = existedSCItems[0];
1624
1625        const removeStartupCostFromPayload = () => {
1626            for (let index = formData.items.length - 1; index >= 0; index -= 1) {
1627                if (String(formData.items[index].id) === String(findStartupCostProduct)) {
1628                    formData.items.splice(index, 1);
1629                }
1630            }
1631        };
1632
1633        if (existedSCItem) {
1634            removeStartupCostFromPayload();
1635
1636            const existedFee = existedSCItem.properties?._startup_cost_price ?? existedSCItem.price;
1637            const shouldReplaceFee = Number(productSCFee) > Number(existedFee);
1638
1639            for (const [index, item] of existedSCItems.entries()) {
1640                const quantity = shouldReplaceFee || index > 0 ? 0 : 1;
1641
1642                if (item.quantity !== quantity) {
1643                    await window.fetch('/cart/change.js', {
1644                        method: 'POST',
1645                        credentials: 'same-origin',
1646                        headers: {
1647                            'Content-Type': 'application/json',
1648                            'X-Requested-With': 'XMLHttpRequest'
1649                        },
1650                        body: JSON.stringify({
1651                            id: item.key,
1652                            quantity
1653                        }),
1654                    });
1655                }
1656            }
1657
1658            if (shouldReplaceFee) {
1659                formData.items.push({
1660                    id: findStartupCostProduct,
1661                    quantity: 1,
1662                    properties: {
1663                        _is_startup_cost: true
1664                    }
1665                });
1666            }
1667        } else {
1668            removeStartupCostFromPayload();
1669            formData.items.push({
1670                id: findStartupCostProduct,
1671                quantity: 1,
1672                properties: {
1673                    _is_startup_cost: true
1674                }
1675            });
1676        }
1677    } catch (error) {
1678        console.error(error);
1679    }
1680}
1681</script>
vendor: 1 bytes, line 1681
1681
1682<script>
1683function bssFixSupportCloneButtonCheckOut(BSS_PO, checkoutBtn, sellyCheckoutBtn, listCheckoutBtn) {
1684    return listCheckoutBtn;
1685}
1686</script>
vendor: 1 bytes, line 1686
1686
1687<script>
1688function bssFixSupportManualInstall() {
1689    return {
1690        proxyAtcRequest: true,
1691    };
1692}
1693</script>
1693
1694
1695
1696<script src="https://cdn.shopify.com/extensions/01a0f69c-3175-7bf4-8236-7ae5e5418099/product-options-by-bss-641/assets/bss-po-live-preview.js" defer></script>
1696
1697
1698<!-- END app block --><!-- BEGIN app block: shopify://apps/c-hub-customer-accounts/blocks/app-embed/0fb3ba0b-4c65-4919-a85a-48bc2d368e9c -->
1698<script>(function () { try { localStorage.removeItem('chInitPageLoad'); } catch (error) {}})();</script>
1698<!-- END app block --><!-- BEGIN app block: shopify://apps/sk-contact-form-builder/blocks/app/f3e35b58-5874-4ef2-8e03-c92cda6e49eb --><div class="skformscript" data-src="https://cdn.shopify.com/extensions/01a1006c-b75d-7a3f-90c2-025e93a5727f/squadkin-form-builder-345/assets/skform.js"></div>
1699<div class="skformcss" data-src="https://cdn.shopify.com/extensions/01a1006c-b75d-7a3f-90c2-025e93a5727f/squadkin-form-builder-345/assets/formbuilder.css"></div>
1700
1701<script type="text/javascript">
1702	window.skplan = 
1703	 
1704		{"freeplan":0,"plan":1,"billable":true}
1705	;
1706</script>
1706
1707<!-- END app block -->
1707<script src="https://cdn.shopify.com/extensions/01a11158-9fe2-7c78-8036-592929e89c97/xcloud-search-filter-76/assets/shopify.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1707
1707
1708<script src="https://cdn.shopify.com/extensions/01a0f69c-3175-7bf4-8236-7ae5e5418099/product-options-by-bss-641/assets/bss-po-js.js" type="text/javascript" defer="defer"></script>
1708
1709<link href="https://cdn.shopify.com/extensions/01a0f69c-3175-7bf4-8236-7ae5e5418099/product-options-by-bss-641/assets/bss-po-style.css" rel="stylesheet" type="text/css" media="all">
1710<script src="https://cdn.shopify.com/extensions/01a1006c-b75d-7a3f-90c2-025e93a5727f/squadkin-form-builder-345/assets/formbuilder.js" type="text/javascript" defer="defer"></script>
1710
1711<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1712<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: 81940939090,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>
vendor: 1 bytes, line 1712
1712
1713<script>
1714  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1715</script>
vendor: 1 bytes, line 1715
1715
1716<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1716).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 81940939090,storefrontBaseUrl: "https://www.vasaboden.se",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.vasaboden.se/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"3079635282","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-BTHQY5PRR6\\\",\\\"GT-WK2TKLFK\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-BTHQY5PRR6\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-BTHQY5PRR6\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-BTHQY5PRR6\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-BTHQY5PRR6\\\",\\\"MC-0GE2P5DEVF\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-BTHQY5PRR6\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-BTHQY5PRR6\\\",\\\"MC-0GE2P5DEVF\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-BTHQY5PRR6\\\",\\\"MC-0GE2P5DEVF\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-BTHQY5PRR6\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-BTHQY5PRR6\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-BTHQY5PRR6\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-BTHQY5PRR6\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"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"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Vasaboden","paymentSettings":{"currencyCode":"SEK"},"myshopifyDomain":"df9307-27.myshopify.com","countryCode":"SE","storefrontUrl":"https:\/\/www.vasaboden.se"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
171610937154535762","handle":"medalj-falun-32mm","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53971665027410","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10839810638162","handle":"segermedaljer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53653120221522","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10830531166546","handle":"medalj-tummen-upp","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53625220432210","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10828791349586","handle":"medalj-1-2-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53617690378578","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10567412515154","handle":"pokal-vanern","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52616302756178","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10246252888402","handle":"pokal-kalmar","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51433159426386","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10074995130706","handle":"pokal-vattern","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50781741613394","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9959712358738","handle":"ordforandeklubba-med-slagblock-och-gravyr","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50351468151122","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9951696388434","handle":"glasstatyett-new-york-glasplakett","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50317961691474","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901140939090","handle":"pokal-fristad","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49534988550482","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10581235990866","handle":"expresshantering-1-3-arbetsdagar-150-kr","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52670130127186","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901082022226","handle":"2d-specialmedalj","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48130990113106","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901075992914","handle":"3d-specialmedalj","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48130974843218","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901090246994","handle":"specialmedalj-med-emaljfarg","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48131013116242","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901047058770","handle":"langt-medaljband-med-egen-design","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48130904162642","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8900989845842","handle":"praglade-mynt-i-metall","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48130771353938","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901132452178","handle":"praglad-skylt-i-metall","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48131112304978","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8900873224530","handle":"hardemaljerade-pins","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48130518876498","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8900879843666","handle":"metall-pins","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48130532049234","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8900875682130","handle":"epoxy-pins","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48130523693394","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8900927062354","handle":"emblem-metallmarken","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48130669609298","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8900946166098","handle":"metallplaketter-med-egen-design","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48130710929746","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901135794514","handle":"vagnsmarke","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48131120267602","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901104566610","handle":"broderade-tygmarken","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48131050438994","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901099782482","handle":"vavda-tygmarken","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48131039560018","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901092016466","handle":"pvc-specialmedalj","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48131019800914","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8901038375250","handle":"silikonarmband","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48130888302930","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.vasaboden.se/cdn","87a86122w399bf3b8pd0403c97m2c07468c",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"199351173458","themeStoreId":"2048","themePublished":"true","eventMetadataId":"8ada43eb-16aa-4393-8ce6-857adc33fd80","pageType":"home","shopId":"81940939090","storefrontBaseUrl":"https:\/\/www.vasaboden.se","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"87a86122w399bf3b8pd0403c97m2c07468c","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1716<script>
1717  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1718  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1719  window.ShopifyAnalytics.meta.currency = 'SEK';
1720  var meta = {"page":{"pageType":"home","requestId":"d561f50c-92ed-49fd-8a49-eecf34ac7b9a-1791338579"}};
1721  for (var attr in meta) {
1722    window.ShopifyAnalytics.meta[attr] = meta[attr];
1723  }
1724</script>
vendor: 1 bytes, line 1724
1724
1725<script class="analytics">
1726  (function () {
1727    var customDocumentWrite = function(content) {
1728      var jquery = null;
1729
1730      if (window.jQuery) {
1731        jquery = window.jQuery;
1732      } else if (window.Checkout && window.Checkout.$) {
1733        jquery = window.Checkout.$;
1734      }
1735
1736      if (jquery) {
1737        jquery('body').append(content);
1738      }
1739    };
1740
1741    var hasLoggedConversion = function(token) {
1742      if (token) {
1743        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1744      }
1745      return false;
1746    }
1747
1748    var setCookieIfConversion = function(token) {
1749      if (token) {
1750        var twoMonthsFromNow = new Date(Date.now());
1751        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1752
1753        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1754      }
1755    }
1756
1757    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1758    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1759    if (trekkie.integrations) {
1760      return;
1761    }
1762    trekkie.methods = [
1763      'identify',
1764      'page',
1765      'ready',
1766      'track',
1767      'trackForm',
1768      'trackLink'
1769    ];
1770    trekkie.factory = function(method) {
1771      return function() {
1772        var args = Array.prototype.slice.call(arguments);
1773        args.unshift(method);
1774        trekkie.push(args);
1775        if (method == 'track' || method == 'page') {
1776          var pageUrl;
1777          try {
1778            pageUrl = window.location.href;
1779          } catch (e) {}
1780          var pageReferrer;
1781          try {
1782            pageReferrer = document.referrer;
1783          } catch (e) {}
1784          try {
1785            if (window.__TREKKIE_SHIM_QUEUE == null) {
1786              window.__TREKKIE_SHIM_QUEUE = [];
1787            }
1788            window.__TREKKIE_SHIM_QUEUE.push({
1789              from: 'trekkie-stub',
1790              method: method,
1791              args: args.slice(1),
1792              pageContext: {
1793                url: pageUrl,
1794                referrer: pageReferrer
1795              }
1796            });
1797          } catch (e) {
1798            // no-op
1799          }
1800        }
1801        return trekkie;
1802      };
1803    };
1804    for (var i = 0; i < trekkie.methods.length; i++) {
1805      var key = trekkie.methods[i];
1806      trekkie[key] = trekkie.factory(key);
1807    }
1808    trekkie.load = function(config) {
1809      trekkie.config = config || {};
1810      trekkie.config.initialDocumentCookie = document.cookie;
1811      var first = document.getElementsByTagName('script')[0];
1812var script = document.createElement('script');
1813script.type = 'text/javascript';
1814script.onerror = function(e) {
1815  var scriptFallback = document.createElement('script');
1816  scriptFallback.type = 'text/javascript';
1817  scriptFallback.onerror = function(error) {
1818          var Monorail = {
1819      produce: function produce(monorailDomain, schemaId, payload) {
1820        var currentMs = new Date().getTime();
1821        var event = {
1822          schema_id: schemaId,
1823          payload: payload,
1824          metadata: {
1825            event_created_at_ms: currentMs,
1826            event_sent_at_ms: currentMs
1827          }
1828        };
1829        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1830      },
1831      sendRequest: function sendRequest(endpointUrl, payload) {
1832        // Try the sendBeacon API
1833        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1834          var blobData = new window.Blob([payload], {
1835            type: 'text/plain'
1836          });
1837
1838          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1839            return true;
1840          } // sendBeacon was not successful
1841
1842        } // XHR beacon
1843
1844        var xhr = new XMLHttpRequest();
1845
1846        try {
1847          xhr.open('POST', endpointUrl);
1848          xhr.setRequestHeader('Content-Type', 'text/plain');
1849          xhr.send(payload);
1850        } catch (e) {
1851          console.log(e);
1852        }
1853
1854        return false;
1855      },
1856      isIos12: function isIos12() {
1857        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1858      }
1859    };
1860    Monorail.produce('monorail-edge.shopifysvc.com',
1861      'trekkie_storefront_load_errors/1.1',
1862      {shop_id: 81940939090,
1863      theme_id: 199351173458,
1864      app_name: "storefront",
1865      context_url: window.location.href,
1866      source_url: "//www.vasaboden.se/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1867
1868  };
1869  scriptFallback.async = true;
1870  scriptFallback.src = '//www.vasaboden.se/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1871  first.parentNode.insertBefore(scriptFallback, first);
1872};
1873script.async = true;
1874script.src = '//www.vasaboden.se/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1875first.parentNode.insertBefore(script, first);
1876
1877    };
1878    trekkie.load(
1879      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":81940939090,"isMerchantRequest":null,"themeId":199351173458,"themeCityHash":"6200675437305073422","contentLanguage":"sv","currency":"SEK","eventMetadataId":"8ada43eb-16aa-4393-8ce6-857adc33fd80"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1880    );
1881
1882    var loaded = false;
1883    trekkie.ready(function() {
1884      if (loaded) return;
1885      loaded = true;
1886
1887      window.ShopifyAnalytics.lib = window.trekkie;
1888
1889      var originalDocumentWrite = document.write;
1890      document.write = customDocumentWrite;
1891      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1892      document.write = originalDocumentWrite;
1893
1894      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1895      var token = match? match[1]: undefined;
1896      if (!hasLoggedConversion(token)) {
1897        setCookieIfConversion(token);
1898        
1899      }
1900    });
1901
1902    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"d561f50c-92ed-49fd-8a49-eecf34ac7b9a-1791338579","shopifyEmitted":true});
1903
1904    var eventsListenerScript = document.createElement('script');
1905    eventsListenerScript.async = true;
1906    eventsListenerScript.src = "//www.vasaboden.se/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1907    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1908})();</script>
vendor: 1 bytes, line 1908
1908
1909<script
1910  defer
1911  src="https://www.vasaboden.se/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
1912  data-application="storefront-renderer"
1913  data-shop-id="81940939090"
1914  data-render-region="gcp-us-west1"
1915  data-page-type="index"
1916  data-theme-instance-id="199351173458"
1917  data-theme-name="Eurus"
1918  data-theme-version="9.8.0"
1919  data-monorail-region="shop_domain"
1920  data-resource-timing-sampling-rate="10"
1921  data-shs="true"
1922  data-shs-beacon="true"
1923  data-shs-export-with-fetch="true"
1924  data-shs-logs-sample-rate="1"
1925  data-shs-beacon-endpoint="https://www.vasaboden.se/api/collect"
1926></script>
1926
1927<meta name="shopify-y" content="87c31d75-6bdb-4ee2-9b8c-6974b6ed326d" data-expiration="1822896180000"><meta name="shopify-s" content="311343ab-4dd7-4eaa-8f36-b132dce2c9e2" data-expiration="1791340380000"><meta name="new-cookie-storage-activated" content="t">
1928</head>
1929  <body 
1930    class="gradient scrollbar-body overflow-x-hidden text-[0.7875rem] md:text-[0.875rem]" 
1931    x-data="{ runDispatch: true }"
1932    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
1933    x-init="$store.xPopup.setWidthScrollbar();"
1934    x-on:mouseover="if (runDispatch) { $dispatch('init-run'); runDispatch = false; }"
1935    x-on:touchstart="if (runDispatch) { 
1936      if (event.target.parentNode.parentNode.id == 'SearchOpen' || event.target.parentNode.id == 'SearchOpen') { setTimeout(() => {  document.querySelector('#SearchOpen').click() }, 200) 
1937      } else if (event.target.parentNode.parentNode.id == 'cart-icon' || event.target.parentNode.id == 'cart-icon') { setTimeout(() => {  document.querySelector('#cart-icon').click() }, 200) 
1938      }  else if (event.target.parentNode.id == 'mobile-navigation' || event.target.id == 'mobile-navigation') { setTimeout(() => {  document.querySelector('#mobile-navigation').click() }, 200) 
1939      }
1940      $dispatch('init-run'); runDispatch = false;
1941    }"
1942  ><div class="main-container flex flex-col min-h-screen relative">
1943      <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent">
1944        Hoppa till innehåll
1945      </a>
1946      
1947      
1948          <!-- BEGIN sections: header-group-puff -->
1949<div id="shopify-section-sections--29795648143698__announcement-bar" class="shopify-section shopify-section-group-header-group-puff section-announcement"><style data-shopify>#x-announcement-bar .arrow {
1950    background: transparent;
1951    border: 0;
1952    box-shadow: none;
1953    color: #ffffff;
1954  }
1955  .dark #x-announcement-bar .arrow {
1956    color: #ffffff;
1957  }
1958  .announcement-bar_container-sections--29795648143698__announcement-bar {
1959    
1960      background: #d7931a;
1961    
1962    
1963      --colors-text-link: 241,196,15;
1964    
1965  }
1966  .dark .announcement-bar_container-sections--29795648143698__announcement-bar {
1967    
1968      background: #3e2f28;
1969    
1970  
1971      --colors-text-link: 200, 184, 159;
1972    
1973  }
1974  .announcement-bar_text {
1975    
1976      color: #ffffff;
1977      --colors-line-and-border: 255,255,255;
1978    
1979  }
1980  .dark .announcement-bar_text {
1981    
1982      color: #ffffff;
1983      --colors-line-and-border: 255,255,255;
1984    
1985  }
1986  
1987</style><div 
1988    id="x-announcement" 
1989    class="announcement-bar_container-sections--29795648143698__announcement-bar ltr mx-auto flex items-center lg:pl-5 lg:pr-5"
1990    
1991  >
1992        
1993          <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide has-toolbar:lg:pr-5 has-toolbar:lg:pl-5 overflow-hidden visible relative">
1994            <div class="splide__track x-pgw page-width mx-auto pl-0 pr-0">
1995              <div class="splide__list w-full flex  md:block"><style data-shopify>.text--announcement-bar-1 .width-countdown {
1996                    width: 7.875rem;
1997                  }.text--announcement-bar-1,
1998                    .btn--announcement-bar-1 {
1999                      font-size: 0.7875rem;
2000                    }
2001                    @media (min-width: 768px) {
2002                      .text--announcement-bar-1,
2003                      .btn--announcement-bar-1 {
2004                        font-size: 0.875rem;
2005                      }
2006                    }.icon--announcement-bar-1 {
2007                    width: 0.875rem;
2008                    height: 0.875rem;
2009                  }
2010                  .button.text_button_announ--announcement-bar-1 {
2011                    
2012                      color: #ffffff;
2013                    
2014                    
2015                      background: #f1c40f;
2016                    
2017                  }
2018                  .dark .button.text_button_announ--announcement-bar-1 {
2019                    
2020                      color: rgb(var(--colors-button-text));
2021                    
2022                    
2023                      background: rgba(var(--colors-button));
2024                    
2025                  } 
2026                  @media(min-width: 768px){
2027                    .button.text_button_announ--announcement-bar-1 {
2028                      
2029                        color: #ffffff;
2030                      
2031                      
2032                        background: #f1c40f;
2033                      
2034                    }
2035                    .dark .button.text_button_announ--announcement-bar-1 {
2036                      
2037                        color: rgba(var(--colors-button-text-hover));
2038                      
2039                      
2040                        background: transparent;
2041                      
2042                    } 
2043                  }
2044                  .text-link-with-arrow--announcement-bar-1 {
2045                    
2046                      color: rgb(var(--colors-text-link));
2047                    
2048                  }
2049                  .dark .text-link-with-arrow--announcement-bar-1 {
2050                    
2051                      color: rgb(var(--colors-text-link));
2052                    
2053                  }
2054                  .hyperlink-circle-color--announcement-bar-1 {
2055                    
2056                      background-color: rgba(var(--colors-text-link));
2057                    
2058                  }
2059                  .dark .hyperlink-circle-color--announcement-bar-1 {
2060                    
2061                      background-color: rgba(var(--colors-button-text-hover));
2062                    
2063                  }</style><div x-slide-index="0" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center py-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div
2064                      
2065                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
2066                      
2067                      <div class="text--announcement-bar-1 announcement-bar_text flex rtl:order-1">
2068<p>
2069                            <a href="/pages/handla-som-forening" class="button-link relative hover-text-link x-announcement-bar-block-data leading-[initial]"
2070                            >HANDLA SOM FÖRENING ELLER KOMMUN?</a>
2071                          </p></div><div class="flex items-center">
2072                              <a class="button relative disable-effect btn--announcement-bar-1 inline-block none_transition text_button_announ--announcement-bar-1 empty:hidden center pl-2 pr-2 pt-1 pb-1" href="https://www.vasaboden.se/account/login?ae_return_url=%2Fa%2Fcustomerhub">
2073                                  
2074                                    LOGGA IN / SKAPA KONTO   
2075                                      
2076                                </a></div></div></div></div>
2077            </div></div>
2078        
2079
2080</div>
2081<style> #shopify-section-sections--29795648143698__announcement-bar .announcement-bar_container {background: #d7931a; background: linear-gradient( 180deg, rgba(215, 147, 26, 1) 0%, rgba(236, 212, 169, 0.46) 57% );} #shopify-section-sections--29795648143698__announcement-bar a.x-announcement-bar-block-data {text-decoration: underline !important; text-underline-offset: 4px;} </style></div><div id="shopify-section-sections--29795648143698__header" class="shopify-section shopify-section-group-header-group-puff section-header"><style data-shopify>
2082.logo-name {
2083    font-size: 1.125rem;
2084  }
2085  .transparent-header .logo-name,
2086  .transparent-header header {
2087    
2088      color: #ffffff;
2089    
2090  }
2091  .dark .transparent-header .logo-name,
2092  .dark .transparent-header header {
2093    
2094      color: #ffffff;
2095    
2096    
2097  }
2098  
2099    .reduce-logo-size .header-logo {
2100      width: 75%;
2101    }
2102  
2103  header {
2104    grid-template-areas: "drawer heading icons" "search search search";
2105    
2106  }
2107  @media (min-width: 1024px) {
2108    header {
2109      grid-template-areas: "heading search icons toolbar" "navigation navigation navigation navigation";
2110      grid-template-columns: 2fr 6fr 2fr auto;
2111    } 
2112    .logo-name {
2113      font-size: 2.25rem;
2114    }
2115    .pt-header {
2116      padding-top: 24px;
2117    }
2118    .pb-header {
2119      padding-bottom: 8px;
2120    }
2121  }
2122  .h-hamburger {
2123    height: var(--hamburger-menu-height);
2124  }</style><div x-show="$store.xHeaderMenu.overlay" 
2125  x-transition:enter="ease-in-out duration-300"
2126  x-transition:enter-start="opacity-0"
2127  x-transition:enter-end="opacity-100"
2128  x-transition:leave="transition-all ease-in-out duration-300"
2129  x-transition:leave-end="opacity-0"
2130  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0 z-20" x-cloak>
2131</div>
2132<div
2133  id="x-header-container"
2134  class="relative text-[rgb(var(--colors-text-header))] z-50"
2135  
2136  x-init='document.getElementById("x-announcement")?.dataset.isSticky == "true" && $el.classList.add("z-[60]");$store.xHeaderMenu.removeStickyHeader();$store.xHeaderMenu.initSticky($el, "shopify-section-sections--29795648143698__header", "reduce-logo-size", false); $store.xHeaderMenu.mobileHeaderLayout="center-left";'
2137  
2138    x-intersect:leave="$store.xHeaderMenu.handleAlwaysSticky()"
2139    data-is-sticky="true"
2140    :class="$store.xMiniCart.open && 'z-[60]'"
2141  
2142  @click.away="$store.xHeaderMenu.openHamburgerMenu = false;"
2143  
2144>
2145  <div id="sticky-header" class="shopify-header text-[rgb(var(--colors-text-header))] background-header"
2146    x-intersect="$store.xHeaderMenu.setVariableHeightHeader(true)"
2147  >
2148    <div
2149      id="sticky-header-content"
2150      class="sticky-header-content z-20 w-full top-0
2151       header-full-width"
2152      :class="{ 'background-header sticky-header-active': ($store.xHeaderMenu.isSticky || $store.xHeaderMenu.overlay), 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}"
2153      
2154      x-intersect.once="$store.xHeaderMenu.setTopStickyHeader()"
2155    >
2156      <header 
2157        class="header lg:pb-0 pt-[16px] pb-[16px] pt-header lg:pb-0 full-width grid lg:mx-auto gap-x-2 items-center" :class="{ '': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }"
2158        
2159      >
2160        <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full">
2161          
2162          
2163          <style data-shopify>
2164            .mobile-navigation-modern-icon-bg{
2165              background: rgba(var(--colors-line-header),1)
2166            }
2167          </style>
2168          <div 
2169            id="mobile-navigation"
2170            @click="setTimeout(() => { $store.xMobileNav.open() }, 0)"
2171            class="relative w-11 h-8 px-3 py-2.5 -left-3 rounded-full cursor-pointer "
2172          > 
2173            <div class=""><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 400 280" enable-background="new 0 0 400 280">
2174    <g>
2175      <g>
2176        <path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M-0.002-0.039v40h400.001v-40H-0.002z M-0.002,159.969h400.001
2177          v-40.006H-0.002V159.969z M-0.002,279.965h280.001v-40.012H-0.002V279.965z"/>
2178      </g>
2179    </g>
2180  </svg>
2181</div>            
2182          </div>
2183        </div><div class="header-toolbar col-span-full lg:col-span-1 lg:col-start-4 lg:justify-end lg:[grid-area:toolbar] w-full flex justify-end lg:gap-3" :class="{ ' lg:mb-0': $store.xHeaderMenu.isSticky }">
2184            <style data-shopify>
2185              .header-toolbar .country-options {
2186                left: auto;
2187                right: 0;
2188              }
2189            </style>
2190            <div class="hidden relative lg:block">
2191              
2192<div id="selector-social" class="top-0 inline-flex left-0 lg:flex-row-reverse lg:items-center mx-auto">
2193     
2194
2195
2196<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors flex flex-col lg:flex-row lg:items-center lg:justify-center" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div 
2197      class="text-normal relative inline-flex lg:inline-block"
2198      x-data="{ open: false }" 
2199      @keyup.escape="open = false"
2200    >
2201      <button 
2202        @click.prevent="open = ! open;"
2203        class="toolbar-button relative pt-2.5 pb-2.5 lg:pl-5 rtl:lg:pr-5 pr-5 rtl:pr-0 rtl:pl-5 curs
2203or-pointer hover-text-link duration-200 transition"
2204        aria-expanded="false" aria-controls="LanguageList"
2205      >
2206        <span>svenska</span>
2207        <span class="absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="open && ' -rotate-180'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2208    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2209  </svg>
2210</span>
2211      </button>
2212      <div x-show="open" @click.away="open = false" x-cloak>
2213        
2214          <ul 
2215            
2216              x-transition:enter="transition-all ease-in-out duration-500"
2217              x-transition:enter-start="opacity-0 transform -translate-y-4"
2218              x-transition:enter-end="opacity-100 transform translate-y-0"
2219              x-transition:leave="transition-all ease-in-out duration-500"
2220              x-transition:leave-end="opacity-0 transform -translate-y-4"
2221            
2222            x-show="open"
2223            id="LanguageList"
2224            role="list" 
2225            x-data="xLocalizationForm" 
2226            class="locale-options scrollbar-body w-max py-3 px-5 absolute left-0 bottom-full z-50 shadow-md max-h-64 overflow-y-auto background-header bottom-0 lg:bottom-auto"
2227          >
2228            
2229              <li class="cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]">
2230                <a class="nav-link hover-text-link relative border-b underline-color effect-inline"
2231                  href="#"
2232                  data-no-instant
2233                  @click="submit('sv', 'locale_selector')"
2234                >
2235                  <span class="disclosure-list__label">svenska</span>
2236                </a>
2237              </li>
2238              <li class="cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]">
2239                <a class="nav-link hover-text-link relative options-text-color"
2240                  href="#"
2241                  data-no-instant
2242                  @click="submit('da', 'locale_selector')"
2243                >
2244                  <span class="disclosure-list__label">Dansk</span>
2245                </a>
2246              </li>
2247              <li class="cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]">
2248                <a class="nav-link hover-text-link relative options-text-color"
2249                  href="#"
2250                  data-no-instant
2251                  @click="submit('en', 'locale_selector')"
2252                >
2253                  <span class="disclosure-list__label">English</span>
2254                </a>
2255              </li>
2256              <li class="cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]">
2257                <a class="nav-link hover-text-link relative options-text-color"
2258                  href="#"
2259                  data-no-instant
2260                  @click="submit('fi', 'locale_selector')"
2261                >
2262                  <span class="disclosure-list__label">Suomi</span>
2263                </a>
2264              </li>
2265              <li class="cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]">
2266                <a class="nav-link hover-text-link relative options-text-color"
2267                  href="#"
2268                  data-no-instant
2269                  @click="submit('no', 'locale_selector')"
2270                >
2271                  <span class="disclosure-list__label">norsk</span>
2272                </a>
2273              </li>
2274              <li class="cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]">
2275                <a class="nav-link hover-text-link relative options-text-color"
2276                  href="#"
2277                  data-no-instant
2278                  @click="submit('de', 'locale_selector')"
2279                >
2280                  <span class="disclosure-list__label">Deutsch</span>
2281                </a>
2282              </li></ul>
2283        
2284      </div>
2285      <input type="hidden" aria-hidden="true" name="locale_code" id="locale_selector" value="sv" data-disclosure-input/>
2286    </div></form>
2286<script src="//www.vasaboden.se/cdn/shop/t/28/assets/locales-form.js?v=77424405773733899781776329373" defer></script>
2286</div>
2287            </div>
2288          </div>
2289          <h1 class="flex logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mx-auto justify-center lg:justify-start lg:mr-0 lg:ml-0 lg:relative lg:left-0 lg:translate-x-0 lg:mt-0 lg:top-0"
2290          >
2291        
2292          
2293
2294<div class="flex lg:py-2 items-center">
2295  <a href="/" class="w-[100px] md:w-[180px] h-auto disable-effect inline-block"><span class="hidden dark:block h-0 dark:h-auto mx-auto md:mx-auto">Vasaboden</span><img
2296        src="//www.vasaboden.se/cdn/shop/files/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245&width=510"
2297        alt="Vasaboden"
2298        sizes="(min-width: 768px) 180px, 100px"
2299        srcset="//www.vasaboden.se/cdn/shop/files/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245&width=50 50w,
2300          //www.vasaboden.se/cdn/shop/files/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245&width=100 100w,
2301          //www.vasaboden.se/cdn/shop/files/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245&width=150 150w,
2302          //www.vasaboden.se/cdn/shop/files/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245&width=200 200w,
2303          //www.vasaboden.se/cdn/shop/files/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245&width=250 250w,
2304          //www.vasaboden.se/cdn/shop/files/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245&width=300 300w,
2305          //www.vasaboden.se/cdn/shop/files/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245&width=400 400w,
2306          //www.vasaboden.se/cdn/shop/files/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245&width=500 500w,
2307          //www.vasaboden.se/cdn/shop/files/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245&width=600 600w"
2308        width="510"
2309        height="93"
2310        class="header-logo block dark:hidden dark:absolute mx-auto md:mx-auto"
2311        loading="eager"
2312        fetchpriority="high"
2313        decoding="sync"
2314      /></a>
2315</div>
2316</h1>
2317        
2318          
2319<div 
2320  x-data="xModalSearch('query,product,page,collection,article','8',3, 'Alla typer')" 
2321  class="x-container-header-search justify-center items-center max-w-7xl header-search lg:flex lg:mr-0.5 [grid-area:search] pt-4 md:pt-0"
2322  @click.away="showSuggest = false; openResults = false;"
2323><div class="relative max-w-4xl w-full" data-loading-text="Laddar..."><div class="max-w-[62rem] mx-auto w-full border border-solid rounded-full pl-5 pr-2 rtl:pr-5 rtl:pl-2">
2324    <div class="relative rtl:flex-row-reverse rtl:md:flex-row field pr-5 lg:pr-0 flex pl-5 lg:pl-0">
2325      
2326      <form id="header-form-search-sections--29795648143698__header" class="w-full" action="/search" method="get" role="search">
2327        <style data-shopify>
2328          .input-search::placeholder {
2329            
2330              font-family: var(--font-body-family);
2331            
2332          }
2333        </style>
2334        <input 
2335          x-data="xSearchPrompts($el, ['Sök produkter', 'Sök kategorier', 'Sök artikelnummer'], false)"
2336          id="header-search-in-modal"
2337          aria-label="Search"
2338          class="peer input-search focus-visible:outline-none py-4 pr-[4.5rem]  lg:pr-20 text-left w-full appearance-none relative outline-none bg-transparent placeholder:text-current placeholder:opacity-60 rounded-full"
2339          type="search"
2340          name="q"
2341          value=""
2342          x-on:keyup="keyUp()"
2343          @keydown.tab="showSuggest = false; openResults = false;"
2344          @focus="focusForm()"
2345          placeholder="Sök..."
2346        >
2347        <input type="hidden" aria-hidden="true" name="options[prefix]" value="last">
2348        <button 
2349          class="btn-search absolute none_border w-7 h-7 p-1 top-1/2 -translate-y-1/2 opacity-60 bg-none text-current lg:right-2 right-7"
2350          aria-label="Sök..."><svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 19 18" fill="none" style="fill: none;">
2351    <path d="M9.2665 16.2001C13.4639 16.2001 16.8665 12.7975 16.8665 8.60009C16.8665 4.40272 13.4639 1.00009 9.2665 1.00009C5.06914 1.00009 1.6665 4.40272 1.6665 8.60009C1.6665 12.7975 5.06914 16.2001 9.2665 16.2001Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2352    <path d="M17.6669 16.9999L16.0669 15.3999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2353  </svg>
2354</button>
2355        
2356<style data-shopify>
2357            #header-search-result {
2358              width: calc(var(--page-width));
2359              max-width: calc(100vw - 45px);
2360            }
2361          </style>
2362          <div 
2363            x-intersect.once="$store.xHelper.centerElement($el)"
2364            :class="openResults ? 'visible' : 'invisible'"
2365            id="header-search-result" class="md:max-h-96 z-50 w-full absolute left-0 " tabindex="-1" data-predictive-search x-html="result" x-show="loading == false" 
2366            style="top: calc(100% + 8px / 2)"
2367          >
2368            <div class="predictive-search__loading-state">
2369              <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
2370                <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
2371              </svg>
2372            </div>
2373          </div>
2374          
2375</form>
2376    </div>
2377  </div></div></div>
2378        
2379        <div
2380          class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:icons] flex"
2381        >
2382          <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3"></div>
2383          
2384          
2385<style data-shopify>
2386              
2387            </style>
2388            <div class="x-header-icon-search flex hidden items-center justify-center mobile-center-left" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');">
2389              <a 
2390                id="SearchOpen"
2391                href="/search" 
2392                aria-label="search"
2393                class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 
2394                @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)">
2395                <span class="w-11 h-10 px-3 pt-2.5 pb-2"><svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 19 18" fill="none" style="fill: none;">
2396    <path d="M9.2665 16.2001C13.4639 16.2001 16.8665 12.7975 16.8665 8.60009C16.8665 4.40272 13.4639 1.00009 9.2665 1.00009C5.06914 1.00009 1.6665 4.40272 1.6665 8.60009C1.6665 12.7975 5.06914 16.2001 9.2665 16.2001Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2397    <path d="M17.6669 16.9999L16.0669 15.3999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2398  </svg>
2399</span>
2400              </a>
2401            </div>
2402            <a href="/account/login"
2403              aria-label="Logga in"
2404              class="header-icon-account hidden lg:flex relative items-center justify-center">
2405              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2">
2406                <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" style="fill: none;">
2407    <path d="M10.6768 1.76956C10.0249 1.282 9.21778 1.00012 8.33305 1.00012C6.19106 1.00012 4.45264 2.70658 4.45264 4.80919C4.45264 6.91179 6.19106 8.61825 8.33305 8.61825C10.475 8.61825 12.2135 6.91179 12.2135 4.80919" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2408    <path d="M15 16.9999C15 14.0516 12.0122 11.6672 8.33357 11.6672C4.6549 11.6672 1.66699 14.0516 1.66699 16.9999" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2409    </svg>
2410
2411              </span>
2412            </a><div class="header-icon-cart cursor-pointer relative flex items-center">
2413              <a 
2414                id="cart-icon"
2415                href="/cart"
2416                class="relative flex items-center"   
2417                           
2418                  @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)"
2419                  :class="$store.xMiniCart.open && 'pointer-events-none'"
2420                
2421                aria-controls="CartDrawer"
2422                aria-expanded="false"
2423                aria-label="icon-cart"
2424              >
2425                <span class="w-11 h-10 md:pl-3 inline-block pl-3 pr-0 md:pr-2.5 pt-2.5 pb-2">
2426                  <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22 22" fill="none">
2427    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.59556 15.0449C7.33025 15.0449 6.30389 16.0713 6.30389 17.3366C6.30389 18.6019 7.33025 19.6283 8.59556 19.6283C9.86087 19.6283 10.8872 18.6019 10.8872 17.3366C10.8872 16.0713 9.86087 15.0449 8.59556 15.0449ZM8.59556 18.1201C8.16073 18.1201 7.81209 17.7675 7.81209 17.3366C7.81209 16.9057 8.16465 16.5531 8.59556 16.5531C9.03039 16.5531 9.37904 16.9057 9.37904 17.3366C9.37904 17.7675 9.03039 18.1201 8.59556 18.1201Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.2" stroke-miterlimit="10"/>
2428    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9 4.64037C20.4557 4.51721 19.9981 4.79088 19.8793 5.25156L19.8574 5.33367C19.8222 5.39752 19.7914 5.46594 19.7738 5.53892L19.3514 7.17182C19.3426 7.20831 19.3338 7.24937 19.3294 7.28585C19.3118 7.32691 19.2986 7.36796 19.2854 7.40901L18.8631 9.04191C18.8543 9.07384 18.8499 9.10577 18.8455 9.14226L18.5156 10.4103C18.5068 10.4468 18.498 10.4878 18.4936 10.5243C18.476 10.5653 18.4628 10.6064 18.4496 10.6475L18.058 12.1572H18.0448C18.014 12.4309 17.8953 12.5039 17.8073 12.5175H17.7457C17.7237 12.513 17.7149 12.5084 17.7149 12.5084V12.5175H13.6895C13.6851 12.5175 13.6763 12.5175 13.6719 12.5175C13.6675 12.5175 13.6587 12.5175 13.6543 12.5175H7.80321L7.79441 12.4947C7.57445 12.5449 7.46886 12.4856 7.41607 12.4218L7.11252 11.245C7.10812 11.1857 7.09932 11.1218 7.08612 11.058L6.78697 9.90854C6.78257 9.88573 6.77817 9.85836 6.77377 9.83556L6.38223 8.33037C6.37783 8.27107 6.36903 8.20721 6.35584 8.14336L5.9599 6.61992C5.9555 6.57431 5.9467 6.53326 5.9379 6.48765L5.54636 4.98245C5.54196 4.92316 5.53316 4.8593 5.51997 4.79545L5.12843 3.27657C5.12403 3.2492 5.11963 3.22184 5.11083 3.19447C4.82487 1.86716 3.23672 2.004 3.23672 2.004H1.63537C1.17344 2.004 0.803894 2.3917 0.803894 2.86606C0.803894 3.34043 1.17784 3.72813 1.63537 3.72813H3.26751C3.29391 3.72813 3.32031 3.72813 3.3423 3.72357C3.45668 3.74181 3.51827 3.79655 3.54467 3.85128L3.57547 3.97443C3.57547 3.97899 3.57547 3.97899 3.57547 3.97899L3.86582 5.11017C3.87022 5.16946 3.87902 5.23332 3.89222 5.29718L4.28816 6.82061C4.29256 6.86622 4.30135 6.90728 4.31015 6.95289L4.70169 8.45808C4.70609 8.51737 4.71489 8.58123 4.72809 8.64509L5.02724 9.79451C5.03164 9.81731 5.03604 9.84468 5.04044 9.86749L5.43198 11.3727C5.43
2428638 11.432 5.44518 11.4958 5.45837 11.5597L5.88071 13.1926C5.90271 13.2838 5.9423 13.3659 5.98629 13.4389C6.30744 14.0775 6.97614 14.2189 7.41607 14.2371C7.43367 14.2371 7.44687 14.2417 7.46447 14.2417H13.6455C13.6499 14.2417 13.6587 14.2417 13.6631 14.2417C13.6675 14.2417 13.6763 14.2417 13.6807 14.2417H18.1152C18.1328 14.2417 18.1548 14.2417 18.1724 14.2417H18.1944C18.278 14.2417 18.3572 14.228 18.4364 14.2052C19.1975 14.0182 19.501 13.1972 19.6022 12.8368C19.6154 12.8003 19.6286 12.7638 19.6418 12.7274L20.0641 11.0944C20.0729 11.058 20.0817 11.0169 20.0861 10.9804C20.1037 10.9394 20.1169 10.8983 20.1301 10.8573L20.5524 9.22436C20.5612 9.19243 20.5656 9.1605 20.57 9.12401L20.9 7.856C20.9088 7.81951 20.9176 7.77846 20.922 7.74197C20.9396 7.70092 20.9528 7.65987 20.966 7.61882L20.988 7.53672C21.0232 7.47286 21.054 7.40445 21.0716 7.33147L21.4939 5.69856C21.6083 5.23788 21.3443 4.76352 20.9 4.64037Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2429    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9289 15.0449C14.6636 15.0449 13.6372 16.0713 13.6372 17.3366C13.6372 18.6019 14.6636 19.6283 15.9289 19.6283C17.1942 19.6283 18.2205 18.6019 18.2205 17.3366C18.2205 16.0713 17.1942 15.0449 15.9289 15.0449ZM15.9289 18.1201C15.494 18.1201 15.1454 17.7675 15.1454 17.3366C15.1454 16.9057 15.498 16.5531 15.9289 16.5531C16.3637 16.5531 16.7123 16.9057 16.7123 17.3366C16.7123 17.7675 16.3637 18.1201 15.9289 18.1201Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.2" stroke-miterlimit="10"/>
2430  </svg>
2431                </span>
2432                <div id="cart-icon-bubble" class="count_item absolute -top-0.5
2433                -right-1.5
2434                   md:right-0 " data-value="0">
2435                  <div class="bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[10px] hidden"><span class="h-full flex items-center justify-center mt-[1px]" aria-hidden="true">0</span></div>
2436                </div>
2437              </a>
2438            </div></div>
2439
2440        
2441
2442        
2443          
2444
2445<style data-shopify>
2446  .x-icon-caret svg {
2447    color: var(--colors-text-header);
2448    --tw-rotate: 0deg;
2449    transform: rotate(var(--tw-rotate));
2450    transition: transform 0.5s ease 0.1s;
2451  }
2452  .clicked .x-icon-caret svg {
2453      color: var(--colors-text-link);
2454      --tw-rotate: 180deg;
2455    }
2456</style><nav 
2457  x-on:click.away="$store.xHeaderMenu.hideMenu($el)"
2458  class="x-container-header-nav [grid-area:navigation] w-full order-3 hidden header__inline-menu lg:flex items-center pb-header lg:[grid-area:navigation] mt-4 justify-center"
2459>
2460  <ul class="list-menu inline-flex flex-wrap gap-x-10 items-center justify-center"
2461  >
2462    
2463
2464<li x-data='{ active: false }' 
2465                class=" simple_menu  has-dropdown" 
2466                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2467                
2468                  
2469                  x-on:mouseover="$el.classList.add('is-focus');"
2470                  @mouseleave="$el.classList.remove('is-focus');"
2471                  @focusin="$el.classList.add('is-focus');"
2472                  @focusout="$el.classList.remove('is-focus');"
2473                
2474              >
2475                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active"
2476                  
2477                    
2478                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2479                    
2480                  
2481                >
2482                  <div class=" flex items-center">
2483                    <div class="relative x-anm">
2484                      <a href="/collections/idrottspriser"
2485                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2486                      >
2487                        
2488          
2489          
2490            <span>POKALER &amp; PRISER</span>
2491          
2492        
2493                      </a>
2494                      
2495                    </div><span class="x-icon-caret w-5 pl-2">
2495<svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2496    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2497  </svg>
2498</span></div>
2499                </div><div id="menu-1"></div></li>
2500<li x-data='{ active: false }' 
2501                class=" simple_menu  has-dropdown" 
2502                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2503                
2504                  
2505                  x-on:mouseover="$el.classList.add('is-focus');"
2506                  @mouseleave="$el.classList.remove('is-focus');"
2507                  @focusin="$el.classList.add('is-focus');"
2508                  @focusout="$el.classList.remove('is-focus');"
2509                
2510              >
2511                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active"
2512                  
2513                    
2514                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2515                    
2516                  
2517                >
2518                  <div class=" flex items-center">
2519                    <div class="relative x-anm">
2520                      <a href="/collections/medaljer"
2521                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2522                      >
2523                        
2524          
2525          
2526            <span>MEDALJER &amp; PINS</span>
2527          
2528        
2529                      </a>
2530                      
2531                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2532    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2533  </svg>
2534</span></div>
2535                </div><div id="menu-2"></div></li>
2536<li x-data='{ selectedMenu: false, active: false }' 
2537                class=" tabbed_menu tabbed_menu   has-dropdown tabbed-animation-change"
2538                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2539                
2540                  
2541                  x-on:mouseover="$el.classList.add('is-focus'); selectedMenu = true;"
2542                  @mouseleave="$el.classList.remove('is-focus');"
2543                  @focusin="$el.classList.add('is-focus'); selectedMenu = true;"
2544                  @focusout="$el.classList.remove('is-focus');"
2545                
2546              >
2547                <div class="tabbed_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active"
2548                  
2549                    
2550                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2551                    
2552                  
2553                >
2554                  <div class=" flex items-center">
2555                    <div class="relative x-anm">
2556                      <a href="/collections/graverade-skyltar"
2557                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2558                      >
2559                        
2560          
2561          
2562            <span>SKYLTAR</span>
2563          
2564        
2565                      </a>
2566                      
2567                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2568    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2569  </svg>
2570</span></div>
2571                </div>
2572                <div id="menu-3"></div>
2573              </li>
2574<li x-data='{ active: false }' 
2575                class=" simple_menu  has-dropdown" 
2576                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2577                
2578                  
2579                  x-on:mouseover="$el.classList.add('is-focus');"
2580                  @mouseleave="$el.classList.remove('is-focus');"
2581                  @focusin="$el.classList.add('is-focus');"
2582                  @focusout="$el.classList.remove('is-focus');"
2583                
2584              >
2585                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link 
2585is-focus:link-active"
2586                  
2587                    
2588                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2589                    
2590                  
2591                >
2592                  <div class=" flex items-center">
2593                    <div class="relative x-anm">
2594                      <a href="https://www.vasaboden.se/collections/specialtillverkade-produkter"
2595                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2596                      >
2597                        
2598          
2599          
2600            <span>SPECIALDESIGNAT</span>
2601          
2602        
2603                      </a>
2604                      
2605                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2606    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2607  </svg>
2608</span></div>
2609                </div><div id="menu-4"></div></li>
2610<li x-data='{ selectedMenu: false, active: false }' 
2611                class=" tabbed_menu tabbed_menu   has-dropdown tabbed-animation-change"
2612                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2613                
2614                  
2615                  x-on:mouseover="$el.classList.add('is-focus'); selectedMenu = true;"
2616                  @mouseleave="$el.classList.remove('is-focus');"
2617                  @focusin="$el.classList.add('is-focus'); selectedMenu = true;"
2618                  @focusout="$el.classList.remove('is-focus');"
2619                
2620              >
2621                <div class="tabbed_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active"
2622                  
2623                    
2624                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2625                    
2626                  
2627                >
2628                  <div class=" flex items-center">
2629                    <div class="relative x-anm">
2630                      <a href="#"
2631                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2632                      >
2633                        
2634          
2635          
2636            <span>LOTTER &amp; TRYCK</span>
2637          
2638        
2639                      </a>
2640                      
2641                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2642    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2643  </svg>
2644</span></div>
2645                </div>
2646                <div id="menu-5"></div>
2647              </li>
2648<li x-data='{ active: false }' 
2649                class=" tabbed_menu product-menu " 
2650                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2651                
2652                  
2653                  x-on:mouseover="$el.classList.add('is-focus');"
2654                  @mouseleave="$el.classList.remove('is-focus');"
2655                  @focusin="$el.classList.add('is-focus');"
2656                  @focusout="$el.classList.remove('is-focus');"
2657                
2658              >
2659                <div class="tabbed_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active"
2660                  
2661                >
2662                  <div class=" flex items-center">
2663                    <div class="relative x-anm">
2664                      <a href="https://profil.vasaboden.se/" target="_blank"
2665                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2666                      >
2667                        
2668          
2669          
2670            <span>PROFILPRODUKTER</span>
2671          
2672        
2673                      </a>
2674                      
2675                    </div></div>
2676                </div></li>
2677<template x-teleport="#menu-1">
2678
2679<template x-if="!runDispatch">  
2680      <div class="toggle-menu toggle-menu-hidden top-full text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-right is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
2681        <div>
2682          <div class="x-pgw page-width mx-auto flex promotion-vertical image-count-1 md:max-h-[80vh]"><ul class="mega-nav justify-left order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-4/5 top-full"><style data-shopify>
2683</style><li class="relative w-24 lg:w-48">
2684                    <div class="">
2685
2686
2687    <a
2688      href="/collections/pokaler" 
2689      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2690      aria-label="image"
2691      style="padding-bottom: 88.23529411764706%;"
2692    >
2693      
2694      <img
2695        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=100 100w,
2696        //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=225 225w,
2697        //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=375 375w,
2698        //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=450 450w,
2699        //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=750 750w,
2700        //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=900 900w,
2701        //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=1100 1100w,
2702        //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=1500 1500w,
2703        //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=1780 1780w"
2704        src="//www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=3840"
2705        sizes="(min-width: 768px) calc(1200px / 1),
2706        
2707        (min-width: 768px) 100px"
2708        alt=""
2709        height="960"
2710        width="1088"
2711        loading="lazy"
2712        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
2713        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
2714      >
2715      
2716    </a>
2717  
2718<a href="/collections/pokaler" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2719                        
2720                        
2721                        
2722                          <span class="p-break-words">POKALER</span>
2723                        
2724                        
2725                      </a>
2726                    </div></li><li class="relative w-24 lg:w-48">
2727                    <div class="">
2728
2729
2730    <a
2731      href="/collections/glaspriser" 
2732      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2733      aria-label="image"
2734      style="padding-bottom: 88.23529411764706%;"
2735    >
2736      
2737      <img
2738        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=100 100w,
2739        //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=225 225w,
2740        //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=375 375w,
2741        //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=450 450w,
2742        //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=750 750w,
2743        //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=900 900w,
2744        //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=1100 1100w,
2745        //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=1500 1500w,
2746        //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=1780 1780w"
2747        src="//www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=3840"
2748        sizes="(min-width: 768px) calc(1200px / 1),
2749        
2750        (min-width: 768px) 100px"
2751        alt=""
2752        height="960"
2753        width="1088"
2754        loading="lazy"
2755        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
2756        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
2757      >
2758      
2759    </a>
2760  
2761<a href="/collections/glaspriser" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
2761inline-block">
2762                        
2763                        
2764                        
2765                          <span class="p-break-words">GLASPRISER</span>
2766                        
2767                        
2768                      </a>
2769                    </div></li><li class="relative w-24 lg:w-48">
2770                    <div class="">
2771
2772
2773    <a
2774      href="/collections/neutrala-stayetter" 
2775      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2776      aria-label="image"
2777      style="padding-bottom: 88.23529411764706%;"
2778    >
2779      
2780      <img
2781        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=100 100w,
2782        //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=225 225w,
2783        //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=375 375w,
2784        //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=450 450w,
2785        //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=750 750w,
2786        //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=900 900w,
2787        //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=1100 1100w,
2788        //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=1500 1500w,
2789        //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=1780 1780w"
2790        src="//www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=3840"
2791        sizes="(min-width: 768px) calc(1200px / 1),
2792        
2793        (min-width: 768px) 100px"
2794        alt=""
2795        height="960"
2796        width="1088"
2797        loading="lazy"
2798        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
2799        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
2800      >
2801      
2802    </a>
2803  
2804<a href="/collections/neutrala-stayetter" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2805                        
2806                        
2807                        
2808                          <span class="p-break-words">NEUTRALA STAYETTER</span>
2809                        
2810                        
2811                      </a>
2812                    </div></li><li class="relative w-24 lg:w-48">
2813                    <div class="">
2814
2815
2816    <a
2817      href="/collections/plaketter" 
2818      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2819      aria-label="image"
2820      style="padding-bottom: 88.23529411764706%;"
2821    >
2822      
2823      <img
2824        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=100 100w,
2825        //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=225 225w,
2826        //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=375 375w,
2827        //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=450 450w,
2828        //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=750 750w,
2829        //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=900 900w,
2830        //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=1100 1100w,
2831        //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=1500 1500w,
2832        //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=1780 1780w"
2833        src="//www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=3840"
2834        sizes="(min-width: 768px) calc(1200px / 1),
2835        
2836        (min-width: 768px) 100px"
2837        alt=""
2838        height="960"
2839        width="1088"
2840        loading="lazy"
2841        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
2842        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
2843      >
2844      
2845    </a>
2846  
2847<a href="/collections/plaketter" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
2847inline-block">
2848                        
2849                        
2850                        
2851                          <span class="p-break-words">PLAKETTER</span>
2852                        
2853                        
2854                      </a>
2855                    </div></li><li class="relative w-24 lg:w-48">
2856                    <div class="">
2857
2858
2859    <a
2860      href="/collections/prisrosetter" 
2861      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2862      aria-label="image"
2863      style="padding-bottom: 88.23529411764706%;"
2864    >
2865      
2866      <img
2867        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=100 100w,
2868        //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=225 225w,
2869        //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=375 375w,
2870        //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=450 450w,
2871        //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=750 750w,
2872        //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=900 900w,
2873        //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=1100 1100w,
2874        //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=1500 1500w,
2875        //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=1780 1780w"
2876        src="//www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=3840"
2877        sizes="(min-width: 768px) calc(1200px / 1),
2878        
2879        (min-width: 768px) 100px"
2880        alt=""
2881        height="960"
2882        width="1088"
2883        loading="lazy"
2884        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
2885        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
2886      >
2887      
2888    </a>
2889  
2890<a href="/collections/prisrosetter" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2891                        
2892                        
2893                        
2894                          <span class="p-break-words">PRISROSETTER</span>
2895                        
2896                        
2897                      </a>
2898                    </div></li><li class="relative w-24 lg:w-48">
2899                    <div class="">
2900
2901
2902    <a
2903      href="/collections/vandringspriser" 
2904      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2905      aria-label="image"
2906      style="padding-bottom: 88.23529411764706%;"
2907    >
2908      
2909      <img
2910        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=100 100w,
2911        //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=225 225w,
2912        //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=375 375w,
2913        //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=450 450w,
2914        //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=750 750w,
2915        //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=900 900w,
2916        //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=1100 1100w,
2917        //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=1500 1500w,
2918        //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=1780 1780w"
2919        src="//www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=3840"
2920        sizes="(min-width: 768px) calc(1200px / 1),
2921        
2922        (min-width: 768px) 100px"
2923        alt=""
2924        height="960"
2925        width="1088"
2926        loading="lazy"
2927        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
2928        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
2929      >
2930      
2931    </a>
2932  
2933<a href="/collections/vandringspriser" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
2933inline-block">
2934                        
2935                        
2936                        
2937                          <span class="p-break-words">VANDRINGSPRISER</span>
2938                        
2939                        
2940                      </a>
2941                    </div></li><li class="relative w-24 lg:w-48">
2942                    <div class="">
2943
2944
2945    <a
2946      href="/collections/sporter" 
2947      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2948      aria-label="image"
2949      style="padding-bottom: 88.23529411764706%;"
2950    >
2951      
2952      <img
2953        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=100 100w,
2954        //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=225 225w,
2955        //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=375 375w,
2956        //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=450 450w,
2957        //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=750 750w,
2958        //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=900 900w,
2959        //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=1100 1100w,
2960        //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=1500 1500w,
2961        //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=1780 1780w"
2962        src="//www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=3840"
2963        sizes="(min-width: 768px) calc(1200px / 1),
2964        
2965        (min-width: 768px) 100px"
2966        alt=""
2967        height="960"
2968        width="1088"
2969        loading="lazy"
2970        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
2971        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
2972      >
2973      
2974    </a>
2975  
2976<a href="/collections/sporter" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2977                        
2978                        
2979                        
2980                          <span class="p-break-words">SPORTER</span>
2981                        
2982                        
2983                      </a>
2984                    </div></li><li class="relative w-24 lg:w-48">
2985                    <div class="">
2986
2987
2988    <a
2989      href="/collections/outlet" 
2990      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
2991      aria-label="image"
2992      style="padding-bottom: 88.23529411764706%;"
2993    >
2994      
2995      <img
2996        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=100 100w,
2997        //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=225 225w,
2998        //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=375 375w,
2999        //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=450 450w,
3000        //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=750 750w,
3001        //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=900 900w,
3002        //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=1100 1100w,
3003        //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=1500 1500w,
3004        //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=1780 1780w"
3005        src="//www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=3840"
3006        sizes="(min-width: 768px) calc(1200px / 1),
3007        
3008        (min-width: 768px) 100px"
3009        alt=""
3010        height="960"
3011        width="1088"
3012        loading="lazy"
3013        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3014        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3015      >
3016      
3017    </a>
3018  
3019<a href="/collections/outlet" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
3019inline-block">
3020                        
3021                        
3022                        
3023                          <span class="p-break-words">OUTLET</span>
3024                        
3025                        
3026                      </a>
3027                    </div></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/5 order-4"
3028              > 
3029                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex flex-col gap-3"><style data-shopify>
3030                      .image-simple_menu_wLMqkm-1 {
3031                        height: 400px;
3032                      }
3033                    </style>
3034                    
3035                    <div class="mega-menu-card w-full group relative background-color-simple_menu_wLMqkm-1 rounded-[10px] ltr"
3036                    >
3037                      
3038<style data-shopify>.title-color-simple_menu_wLMqkm-1 {
3039      color: ;
3040      --colors-heading: , , ;
3041    }.text-simple_menu_wLMqkm-1 {
3042    font-size: 0.7875rem;
3043  }
3044  .sub-heading-simple_menu_wLMqkm-1 {
3045    font-size: 1.125rem;
3046  }
3047  .heading-simple_menu_wLMqkm-1 {
3048    font-size: 1.575rem;
3049  }
3050  @media (min-width: 768px) {
3051    .sub-heading-simple_menu_wLMqkm-1 {
3052      font-size: 1.305rem;
3053    }
3054    .heading-simple_menu_wLMqkm-1 {
3055      font-size: 2.25rem; 
3056    }
3057    .text-simple_menu_wLMqkm-1 {
3058      font-size: 0.875rem;
3059    }
3060  }.button--simple_menu_wLMqkm-1.button-solid,
3061    .button--simple_menu_wLMqkm-1.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--simple_menu_wLMqkm-1.button-outline {}
3062  
3063</style><div 
3064    
3065    class="w-full  relative z-0 before:h-0 before:block promotion-header image-simple_menu_wLMqkm-1 pb-[%] rounded-[10px] overflow-hidden"
3066    
3067  >
3068    
3069    
3070      <div 
3071        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
3072      >
3073    
3074      <img
3075        srcset="//www.vasaboden.se/cdn/shop/files/Hero_slider_Fotboll_2025_mobil.webp?v=1758021848&width=225 225w,
3076        //www.vasaboden.se/cdn/shop/files/Hero_slider_Fotboll_2025_mobil.webp?v=1758021848&width=375 375w,
3077        //www.vasaboden.se/cdn/shop/files/Hero_slider_Fotboll_2025_mobil.webp?v=1758021848&width=450 450w,
3078        //www.vasaboden.se/cdn/shop/files/Hero_slider_Fotboll_2025_mobil.webp?v=1758021848&width=750 750w,
3079        //www.vasaboden.se/cdn/shop/files/Hero_slider_Fotboll_2025_mobil.webp?v=1758021848&width=900 900w,
3080        //www.vasaboden.se/cdn/shop/files/Hero_slider_Fotboll_2025_mobil.webp?v=1758021848&width=1100 1100w,
3081        //www.vasaboden.se/cdn/shop/files/Hero_slider_Fotboll_2025_mobil.webp?v=1758021848&width=1500 1500w,
3082        //www.vasaboden.se/cdn/shop/files/Hero_slider_Fotboll_2025_mobil.webp?v=1758021848&width=1780 1780w"
3083        src="//www.vasaboden.se/cdn/shop/files/Hero_slider_Fotboll_2025_mobil.webp?v=1758021848&width=1780"
3084        
3085          
3086            loading="lazy"
3087          
3088         
3089        sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw"
3090        alt=""
3091        width="900"
3092        height="1290.0"
3093        style="object-position: 50.0% 50.0%;"
3094        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
3095        onload="this?.classList.add('active'); 
3096          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
3097          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
3098        "
3099      />
3100    </div>
3101  
3102  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div>
3103
3104                    </div></div>
3105              </div></div>
3106          
3107        </div>
3108      </div>
3109    </template></template>
3110          
3111
3112<template x-teleport="#menu-2">
3113
3114<template x-if="!runDispatch">  
3115      <div class="toggle-menu toggle-menu-hidden top-full text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-right is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
3116        <div>
3117          <div class="x-pgw page-width mx-auto flex promotion-horizontal image-count-1 md:max-h-[80vh]"><ul class="mega-nav justify-left order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-4/5 top-full"><style data-shopify>
3118</style><li class="relative w-24 lg:w-48">
3119                    <div class="font-semibold">
3120
3121
3122    <a
3123      href="/collections/medaljer" 
3124      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3125      aria-label="image"
3126      style="padding-bottom: 88.23529411764706%;"
3127    >
3128      
3129      <img
3130        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=100 100w,
3131        //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=225 225w,
3132        //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=375 375w,
3133        //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=450 450w,
3134        //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=750 750w,
3135        //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=900 900w,
3136        //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=1100 1100w,
3137        //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=1500 1500w,
3138        //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=1780 1780w"
3139        src="//www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=3840"
3140        sizes="(min-width: 768px) calc(1200px / 1),
3141        
3142        (min-width: 768px) 100px"
3143        alt=""
3144        height="960"
3145        width="1088"
3146        loading="lazy"
3147        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3148        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3149      >
3150      
3151    </a>
3152  
3153<a href="/collections/medaljer" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
3153inline-block">
3154                        
3155                        
3156                        
3157                          <span class="p-break-words">MEDALJER</span>
3158                        
3159                        
3160                      </a>
3161                    </div></li><li class="relative w-24 lg:w-48">
3162                    <div class="font-semibold">
3163
3164
3165    <a
3166      href="/collections/praglade-medaljer" 
3167      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3168      aria-label="image"
3169      style="padding-bottom: 88.23529411764706%;"
3170    >
3171      
3172      <img
3173        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=100 100w,
3174        //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=225 225w,
3175        //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=375 375w,
3176        //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=450 450w,
3177        //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=750 750w,
3178        //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=900 900w,
3179        //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=1100 1100w,
3180        //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=1500 1500w,
3181        //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=1780 1780w"
3182        src="//www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=3840"
3183        sizes="(min-width: 768px) calc(1200px / 1),
3184        
3185        (min-width: 768px) 100px"
3186        alt=""
3187        height="960"
3188        width="1088"
3189        loading="lazy"
3190        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3191        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3192      >
3193      
3194    </a>
3195  
3196<a href="/collections/praglade-medaljer" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
3197                        
3198                        
3199                        
3200                          <span class="p-break-words">MEDALJER MED FAST MOTIV</span>
3201                        
3202                        
3203                      </a>
3204                    </div></li><li class="relative w-24 lg:w-48">
3205                    <div class="font-semibold">
3206
3207
3208    <a
3209      href="/collections/specialmedaljer" 
3210      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3211      aria-label="image"
3212      style="padding-bottom: 88.23529411764706%;"
3213    >
3214      
3215      <img
3216        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=100 100w,
3217        //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=225 225w,
3218        //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=375 375w,
3219        //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=450 450w,
3220        //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=750 750w,
3221        //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=900 900w,
3222        //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=1100 1100w,
3223        //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=1500 1500w,
3224        //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=1780 1780w"
3225        src="//www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=3840"
3226        sizes="(min-width: 768px) calc(1200px / 1),
3227        
3228        (min-width: 768px) 100px"
3229        alt=""
3230        height="960"
3231        width="1088"
3232        loading="lazy"
3233        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3234        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3235      >
3236      
3237    </a>
3238  
3239<a href="/collections/specialmedaljer" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
3239inline-block">
3240                        
3241                        
3242                        
3243                          <span class="p-break-words">SPECIALGJUTNA MEDALJER</span>
3244                        
3245                        
3246                      </a>
3247                    </div></li><li class="relative w-24 lg:w-48">
3248                    <div class="font-semibold">
3249
3250
3251    <a
3252      href="/collections/medaljetui" 
3253      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3254      aria-label="image"
3255      style="padding-bottom: 88.23529411764706%;"
3256    >
3257      
3258      <img
3259        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=100 100w,
3260        //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=225 225w,
3261        //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=375 375w,
3262        //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=450 450w,
3263        //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=750 750w,
3264        //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=900 900w,
3265        //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=1100 1100w,
3266        //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=1500 1500w,
3267        //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=1780 1780w"
3268        src="//www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=3840"
3269        sizes="(min-width: 768px) calc(1200px / 1),
3270        
3271        (min-width: 768px) 100px"
3272        alt=""
3273        height="960"
3274        width="1088"
3275        loading="lazy"
3276        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3277        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3278      >
3279      
3280    </a>
3281  
3282<a href="/collections/medaljetui" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
3283                        
3284                        
3285                        
3286                          <span class="p-break-words">MEDALJETUIER</span>
3287                        
3288                        
3289                      </a>
3290                    </div></li><li class="relative w-24 lg:w-48">
3291                    <div class="font-semibold">
3292
3293
3294    <a
3295      href="/collections/medaljband" 
3296      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3297      aria-label="image"
3298      style="padding-bottom: 88.23529411764706%;"
3299    >
3300      
3301      <img
3302        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=100 100w,
3303        //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=225 225w,
3304        //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=375 375w,
3305        //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=450 450w,
3306        //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=750 750w,
3307        //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=900 900w,
3308        //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=1100 1100w,
3309        //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=1500 1500w,
3310        //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=1780 1780w"
3311        src="//www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=3840"
3312        sizes="(min-width: 768px) calc(1200px / 1),
3313        
3314        (min-width: 768px) 100px"
3315        alt=""
3316        height="960"
3317        width="1088"
3318        loading="lazy"
3319        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3320        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3321      >
3322      
3323    </a>
3324  
3325<a href="/collections/medaljband" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
3325inline-block mb-3">
3326                        
3327                        
3328                        
3329                          <span class="p-break-words">MEDALJBAND</span>
3330                        
3331                        
3332                      </a>
3333                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
3334<span class="flex-1">
3335                              <a href="/products/langt-medaljband" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
3336                                
3337                                
3338                                
3339                                  <span class="p-break-words">LÅNGA MEDALJBAND</span>
3340                                
3341                                
3342                              </a>
3343                            </span>
3344                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
3345<span class="flex-1">
3346                              <a href="/products/kort-medaljband" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
3347                                
3348                                
3349                                
3350                                  <span class="p-break-words">KORTA MEDALJBAND</span>
3351                                
3352                                
3353                              </a>
3354                            </span>
3355                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
3356<span class="flex-1">
3357                              <a href="/products/langt-medaljband-med-egen-design" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
3358                                
3359                                
3360                                
3361                                  <span class="p-break-words">MEDALJBAND MED EGEN DESIGN</span>
3362                                
3363                                
3364                              </a>
3365                            </span>
3366                          </li></ul></li><li class="relative w-24 lg:w-48">
3367                    <div class="font-semibold">
3368
3369
3370    <a
3371      href="/collections/pins" 
3372      class="inline-block relative overflow-hidden w-full h-0 mt-1 rounded-md" 
3373      aria-label="image"
3374      style="padding-bottom: 88.23529411764706%;"
3375    >
3376      
3377      <img
3378        srcset="//www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=100 100w,
3379        //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=225 225w,
3380        //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=375 375w,
3381        //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=450 450w,
3382        //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=750 750w,
3383        //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=900 900w,
3384        //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=1100 1100w,
3385        //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=1500 1500w,
3386        //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=1780 1780w"
3387        src="//www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=3840"
3388        sizes="(min-width: 768px) calc(1200px / 1),
3389        
3390        (min-width: 768px) 100px"
3391        alt=""
3392        height="960"
3393        width="1088"
3394        loading="lazy"
3395        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3396        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3397      >
3398      
3399    </a>
3400  
3401<a href="/collections/pins" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
3402                        
3403                        
3404                        
3405                          <span class="p-break-words">PINS</span>
3406                        
3407                        
3408                      </a>
3409                    </div></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/5 order-4"
3410              > 
3411                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify>
3412                      .image-simple_menu_pc999a-1 {
3413                        height: 400px;
3414                      }
3415                    </style>
3416                    
3417                    <div class="mega-menu-card w-full group relative background-color-simple_menu_pc999a-1 rounded-[10px] ltr"
3418                    >
3419                      
3420<style data-shopify>.title-color-simple_menu_pc999a-1 {
3421      color: ;
3422      --colors-heading: , , ;
3423    }.text-simple_menu_pc999a-1 {
3424    font-size: 0.7875rem;
3425  }
3426  .sub-heading-simple_menu_pc999a-1 {
3427    font-size: 1.125rem;
3428  }
3429  .heading-simple_menu_pc999a-1 {
3430    font-size: 1.575rem;
3431  }
3432  @media (min-width: 768px) {
3433    .sub-heading-simple_menu_pc999a-1 {
3434      font-size: 1.305rem;
3435    }
3436    .heading-simple_menu_pc999a-1 {
3437      font-size: 2.25rem; 
3438    }
3439    .text-simple_menu_pc999a-1 {
3440      font-size: 0.875rem;
3441    }
3442  }.button--simple_menu_pc999a-1.button-solid,
3443    .button--simple_menu_pc999a-1.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--simple_menu_pc999a-1.button-outline {}
3444  
3445</style><div 
3446    
3447    class="w-full  relative z-0 before:h-0 before:block promotion-header image-simple_menu_pc999a-1 pb-[%] rounded-[10px] overflow-hidden"
3448    
3449  >
3450    
3451    
3452      <div 
3453        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
3454      >
3455    
3456      <img
3457        srcset="//www.vasaboden.se/cdn/shop/files/medalj_vinnare.webp?v=1773413123&width=225 225w,
3458        //www.vasaboden.se/cdn/shop/files/medalj_vinnare.webp?v=1773413123&width=375 375w,
3459        //www.vasaboden.se/cdn/shop/files/medalj_vinnare.webp?v=1773413123&width=450 450w,
3460        //www.vasaboden.se/cdn/shop/files/medalj_vinnare.webp?v=1773413123&width=750 750w,
3461        //www.vasaboden.se/cdn/shop/files/medalj_vinnare.webp?v=1773413123&width=900 900w,
3462        //www.vasaboden.se/cdn/shop/files/medalj_vinnare.webp?v=1773413123&width=1100 1100w,
3463        //www.vasaboden.se/cdn/shop/files/medalj_vinnare.webp?v=1773413123&width=1500 1500w,
3464        //www.vasaboden.se/cdn/shop/files/medalj_vinnare.webp?v=1773413123&width=1780 1780w"
3465        src="//www.vasaboden.se/cdn/shop/files/medalj_vinnare.webp?v=1773413123&width=1780"
3466        
3467          
3468            loading="lazy"
3469          
3470         
3471        sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw"
3472        alt=""
3473        width="698"
3474        height="812.0"
3475        style="object-position: 50.0% 50.0%;"
3476        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
3477        onload="this?.classList.add('active'); 
3478          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
3479          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
3480        "
3481      />
3482    </div>
3483  
3484  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div>
3485
3486                    </div></div>
3487              </div></div>
3488          
3489        </div>
3490      </div>
3491    </template></template>
3492          
3493
3494<template x-teleport="#menu-3">
3495
3496<template x-if="!runDispatch">
3497        <div class="toggle-menu toggle-menu-hidden top-full background-header is-focus:text-[rgba(var(--colors-text))] text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr mega-menu-vertical main-nav-child-left"
3498        >
3499          <div class="mega-menu-container x-pgw page-width mx-auto promotion-horizontal image-count-1 md:max-h-[80vh]">
3500            <div class="mega-nav pt-8 relative w-3/4 grid-cols-3 relative mega-menu-vertical"><style data-shopify>
3501</style>
3502                <ul class="mega-list-nav flex-wrap items-end w-72 md:max-h-[calc(80vh-3rem)] md:overflow-y-scroll scrollbar-body scrollbar-visible" x-refs="mega_nav"><li
3503                      class="sub-menu-item table tabbed-animation-change is-active"
3504                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
3505                      @mouseleave="$el.classList.remove('is-focus-child');"
3506                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
3507                      @focusout="$el.classList.remove('is-focus-child');"
3508                      
3509                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 1)"
3510                      
3511
3512                    >
3513                      <div class="sub-menu  border-t flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
3514<span class="flex-1">
3515                          <a
3516                            href="/collections/vandringsprisskyltar"
3517                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
3518                            
3519                          >
3520                            
3521                            
3522                            
3523                              <span class="p-break-words">VANDRINGSPRISSKYLT</span>
3524                            
3525                            
3526</a>
3527                        </span>
3528                      </div>
3529                      
3530                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto open toggle-menu-sub-hidden ltr">   
3531                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
3532                        
3533                      </div>
3534                    </li><li
3535                      class="sub-menu-item table tabbed-animation-change"
3536                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
3537                      @mouseleave="$el.classList.remove('is-focus-child');"
3538                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
3539                      @focusout="$el.classList.remove('is-focus-child');"
3540                      
3541                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 2)"
3542                      
3543
3544                    >
3545                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
3546<span class="flex-1">
3547                          <a
3548                            href="/collections/namnskyltar"
3549                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
3550                            
3551                          >
3552                            
3553                            
3554                            
3555                              <span class="p-break-words">NAMNSKYLT</span>
3556                            
3557                            
3558</a>
3559                        </span>
3560                      </div>
3561                      
3562                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
3563                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
3564                        
3565                      </div>
3566                    </li><li
3567                      class="sub-menu-item table tabbed-animation-change"
3568                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
3569                      @mouseleave="$el.classList.remove('is-focus-child');"
3570                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
3571                      @focusout="$el.classList.remove('is-focus-child');"
3572                      
3573                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 3)"
3574                      
3575
3576                    >
3577                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
3578<span class="flex-1">
3579                          <a
3580                            href="/collections/dorrskyltar"
3581                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link 
3581is-focus-child:effect-inline"
3582                            
3583                          >
3584                            
3585                            
3586                            
3587                              <span class="p-break-words">DÖRRSKYLT</span>
3588                            
3589                            
3590</a>
3591                        </span>
3592                      </div>
3593                      
3594                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
3595                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
3596                        
3597                      </div>
3598                    </li><li
3599                      class="sub-menu-item table tabbed-animation-change"
3600                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
3601                      @mouseleave="$el.classList.remove('is-focus-child');"
3602                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
3603                      @focusout="$el.classList.remove('is-focus-child');"
3604                      
3605                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 4)"
3606                      
3607
3608                    >
3609                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
3610<span class="flex-1">
3611                          <a
3612                            href="/collections/boxskyltar"
3613                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
3614                            
3615                          >
3616                            
3617                            
3618                            
3619                              <span class="p-break-words">BOXSKYLT</span>
3620                            
3621                            
3622</a>
3623                        </span>
3624                      </div>
3625                      
3626                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
3627                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
3628                        
3629                      </div>
3630                    </li><li
3631                      class="sub-menu-item table tabbed-animation-change"
3632                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
3633                      @mouseleave="$el.classList.remove('is-focus-child');"
3634                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
3635                      @focusout="$el.classList.remove('is-focus-child');"
3636                      
3637                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 5)"
3638                      
3639
3640                    >
3641                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
3642<span class="flex-1">
3643                          <a
3644                            href="/collections/informationsskyltar"
3645                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
3646                            
3647                          >
3648                            
3649                            
3650                            
3651                              <span class="p-break-words">INFORMATIONSSKYLT</span>
3652                            
3653                            
3654</a>
3655                        </span>
3656                      </div>
3657                      
3658                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
3659                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
3660                        
3661                      </div>
3662                    </li><li
3663                      class="sub-menu-item table tabbed-animation-change"
3664                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
3665                      @mouseleave="$el.classList.remove('is-focus-child');"
3666                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
3667                      @focusout="$el.classList.remove('is-focus-child');"
3668                      
3669                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 6)"
3670                      
3671
3672                    >
3673                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
3674<span class="flex-1">
3675                          <a
3676                            href="/products/praglad-skylt-i-metall"
3677                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
3678                            
3679                          >
3680                            
3681                            
3682                            
3683                              <span class="p-break-words">PRÄGLAD METALLSKYLT</span>
3684                            
3685                            
3686</a>
3687                        </span>
3688                      </div>
3689                      
3690                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
3691                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
3692                        
3693                      </div>
3694                    </li></ul>
3695              
3696            </div><div class="overflow-hidden relative float-right md:right-5 lg:right-0 pt-8 pb-5 w-1/5"
3697              > 
3698                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex flex-row ltr gap-x-5 pr-5 rtl:pr-0 rtl:pl-5"
3699                ><style data-shopify>
3700                      .image-tabbed_menu_QyEJ63-1 {
3701                        height: 310px;
3702                      }
3703                    </style>
3704                    
3705                    <div class="mega-menu-card w-full group relative background-color-tabbed_menu_QyEJ63-1 rounded-[10px]"
3706                    >
3707                      
3708<style data-shopify>.title-color-tabbed_menu_QyEJ63-1 {
3709      color: ;
3710      --colors-heading: , , ;
3711    }.text-tabbed_menu_QyEJ63-1 {
3712    font-size: 0.7875rem;
3713  }
3714  .sub-heading-tabbed_menu_QyEJ63-1 {
3715    font-size: 0.5625rem;
3716  }
3717  .heading-tabbed_menu_QyEJ63-1 {
3718    font-size: 0.7875rem;
3719  }
3720  @media (min-width: 768px) {
3721    .sub-heading-tabbed_menu_QyEJ63-1 {
3722      font-size: 0.6525rem;
3723    }
3724    .heading-tabbed_menu_QyEJ63-1 {
3725      font-size: 1.125rem; 
3726    }
3727    .text-tabbed_menu_QyEJ63-1 {
3728      font-size: 0.875rem;
3729    }
3730  }.button--tabbed_menu_QyEJ63-1.button-solid,
3731    .button--tabbed_menu_QyEJ63-1.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--tabbed_menu_QyEJ63-1.button-outline {}
3732  
3733</style><div 
3734    
3735    class="w-full  relative z-0 before:h-0 before:block promotion-header image-tabbed_menu_QyEJ63-1 pb-[%] rounded-[10px] overflow-hidden"
3736    
3737  >
3738    
3739    
3740      <div 
3741        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
3742      >
3743    
3744      <img
3745        srcset="//www.vasaboden.se/cdn/shop/files/vandringsprisskylt.webp?v=1773748958&width=225 225w,
3746        //www.vasaboden.se/cdn/shop/files/vandringsprisskylt.webp?v=1773748958&width=375 375w,
3747        //www.vasaboden.se/cdn/shop/files/vandringsprisskylt.webp?v=1773748958&width=450 450w,
3748        //www.vasaboden.se/cdn/shop/files/vandringsprisskylt.webp?v=1773748958&width=750 750w,
3749        //www.vasaboden.se/cdn/shop/files/vandringsprisskylt.webp?v=1773748958&width=900 900w,
3750        //www.vasaboden.se/cdn/shop/files/vandringsprisskylt.webp?v=1773748958&width=1100 1100w,
3751        //www.vasaboden.se/cdn/shop/files/vandringsprisskylt.webp?v=1773748958&width=1500 1500w,
3752        //www.vasaboden.se/cdn/shop/files/vandringsprisskylt.webp?v=1773748958&width=1780 1780w"
3753        src="//www.vasaboden.se/cdn/shop/files/vandringsprisskylt.webp?v=1773748958&width=1780"
3754        
3755          
3756            loading="lazy"
3757          
3758         
3759        sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw"
3760        alt="Vandringspokal med plaketter"
3761        width="637"
3762        height="638.0"
3763        style="object-position: 50.0% 50.0%;"
3764        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
3765        onload="this?.classList.add('active'); 
3766          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
3767          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
3768        "
3769      />
3770    </div>
3771  
3772  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div>
3773
3774                    </div></div>
3775              </div></div>
3776        </div>
3777      </template></template>
3778          
3779
3780<template x-teleport="#menu-4">
3781
3782<template x-if="!runDispatch">  
3783      <div class="toggle-menu toggle-menu-hidden top-full text-[rgba(var(--colors-text))] mega-menu-horizontal is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
3784        <div>
3785          <div class="x-pgw page-width mx-auto mega-menu-container md:max-h-[80vh]"><ul class="mega-nav justify-left order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-full top-full"><style data-shopify>
3786</style><li class="relative w-24 lg:w-48">
3787                    <div class="">
3788
3789
3790    <a
3791      href="/products/2d-specialmedalj" 
3792      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
3793      aria-label="image"
3794      
3795    >
3796      
3797      <img
3798        srcset="//www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=100 100w,
3799        //www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=225 225w,
3800        //www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=375 375w,
3801        //www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=450 450w,
3802        //www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=750 750w,
3803        //www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=900 900w,
3804        //www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=1100 1100w,
3805        //www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=1500 1500w,
3806        //www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=1780 1780w"
3807        src="//www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=3840"
3808        sizes="(min-width: 768px) calc(1200px / 1),
3809        
3810        (min-width: 768px) 100px"
3811        alt="MUC Medalj 2D - Specialtillverkad av Vasaboden AB"
3812        height="750"
3813        width="750"
3814        loading="lazy"
3815        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3816        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3817      >
3818      
3819    </a>
3820  
3821<a href="/products/2d-specialmedalj" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
3822                        
3823                        
3824                        
3825                          <span class="p-break-words">GJUTEN MEDALJ 2D MED EGEN DESIGN</span>
3826                        
3827                        
3828                      </a>
3829                    </div></li><li class="relative w-24 lg:w-48">
3830                    <div class="">
3831
3832
3833    <a
3834      href="/products/3d-specialmedalj" 
3835      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
3836      aria-label="image"
3837      
3838    >
3839      
3840      <img
3841        srcset="//www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=100 100w,
3842        //www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=225 225w,
3843        //www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=375 375w,
3844        //www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=450 450w,
3845        //www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=750 750w,
3846        //www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=900 900w,
3847        //www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=1100 1100w,
3848        //www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=1500 1500w,
3849        //www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=1780 1780w"
3850        src="//www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=3840"
3851        sizes="(min-width: 768px) calc(1200px / 1),
3852        
3853        (min-width: 768px) 100px"
3854        alt="Specialtillverkad medalj järn-finish"
3855        height="750"
3856        width="750"
3857        loading="lazy"
3858        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3859        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3860      >
3861      
3862    </a>
3863  
3864<a href="/products/3d-specialmedalj" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
3864inline-block">
3865                        
3866                        
3867                        
3868                          <span class="p-break-words">SPECIALGJUTNA MEDALJER I 3D</span>
3869                        
3870                        
3871                      </a>
3872                    </div></li><li class="relative w-24 lg:w-48">
3873                    <div class="">
3874
3875
3876    <a
3877      href="/products/specialmedalj-med-emaljfarg" 
3878      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
3879      aria-label="image"
3880      
3881    >
3882      
3883      <img
3884        srcset="//www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=100 100w,
3885        //www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=225 225w,
3886        //www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=375 375w,
3887        //www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=450 450w,
3888        //www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=750 750w,
3889        //www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=900 900w,
3890        //www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=1100 1100w,
3891        //www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=1500 1500w,
3892        //www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=1780 1780w"
3893        src="//www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=3840"
3894        sizes="(min-width: 768px) calc(1200px / 1),
3895        
3896        (min-width: 768px) 100px"
3897        alt="kundunika medaljer och tryckta band"
3898        height="850"
3899        width="850"
3900        loading="lazy"
3901        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3902        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3903      >
3904      
3905    </a>
3906  
3907<a href="/products/specialmedalj-med-emaljfarg" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
3908                        
3909                        
3910                        
3911                          <span class="p-break-words">EMALJERAD MEDALJ MED DIN EGEN DESIGN</span>
3912                        
3913                        
3914                      </a>
3915                    </div></li><li class="relative w-24 lg:w-48">
3916                    <div class="">
3917
3918
3919    <a
3920      href="/products/langt-medaljband-med-egen-design" 
3921      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
3922      aria-label="image"
3923      
3924    >
3925      
3926      <img
3927        srcset="//www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=100 100w,
3928        //www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=225 225w,
3929        //www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=375 375w,
3930        //www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=450 450w,
3931        //www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=750 750w,
3932        //www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=900 900w,
3933        //www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=1100 1100w,
3934        //www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=1500 1500w,
3935        //www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=1780 1780w"
3936        src="//www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=3840"
3937        sizes="(min-width: 768px) calc(1200px / 1),
3938        
3939        (min-width: 768px) 100px"
3940        alt="Medaljband med eget motiv"
3941        height="850"
3942        width="850"
3943        loading="lazy"
3944        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3945        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3946      >
3947      
3948    </a>
3949  
3950<a href="/products/langt-medaljband-med-egen-design" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
3950inline-block">
3951                        
3952                        
3953                        
3954                          <span class="p-break-words">MEDALJBAND MED EGET TRYCK</span>
3955                        
3956                        
3957                      </a>
3958                    </div></li><li class="relative w-24 lg:w-48">
3959                    <div class="">
3960
3961
3962    <a
3963      href="/products/praglade-mynt-i-metall" 
3964      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
3965      aria-label="image"
3966      
3967    >
3968      
3969      <img
3970        srcset="//www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=100 100w,
3971        //www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=225 225w,
3972        //www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=375 375w,
3973        //www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=450 450w,
3974        //www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=750 750w,
3975        //www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=900 900w,
3976        //www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=1100 1100w,
3977        //www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=1500 1500w,
3978        //www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=1780 1780w"
3979        src="//www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=3840"
3980        sizes="(min-width: 768px) calc(1200px / 1),
3981        
3982        (min-width: 768px) 100px"
3983        alt="Snyggt mynt till Västtrafik"
3984        height="850"
3985        width="850"
3986        loading="lazy"
3987        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
3988        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3989      >
3990      
3991    </a>
3992  
3993<a href="/products/praglade-mynt-i-metall" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
3994                        
3995                        
3996                        
3997                          <span class="p-break-words">EGENDESIGNAT PRÄGLAT MYNT</span>
3998                        
3999                        
4000                      </a>
4001                    </div></li><li class="relative w-24 lg:w-48">
4002                    <div class="">
4003
4004
4005    <a
4006      href="/products/praglad-skylt-i-metall" 
4007      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4008      aria-label="image"
4009      
4010    >
4011      
4012      <img
4013        srcset="//www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=100 100w,
4014        //www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=225 225w,
4015        //www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=375 375w,
4016        //www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=450 450w,
4017        //www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=750 750w,
4018        //www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=900 900w,
4019        //www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=1100 1100w,
4020        //www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=1500 1500w,
4021        //www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=1780 1780w"
4022        src="//www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=3840"
4023        sizes="(min-width: 768px) calc(1200px / 1),
4024        
4025        (min-width: 768px) 100px"
4026        alt="Gjuten skylt 3d  - Specialdesign"
4027        height="1200"
4028        width="1200"
4029        loading="lazy"
4030        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4031        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4032      >
4033      
4034    </a>
4035  
4036<a href="/products/praglad-skylt-i-metall" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4037                        
4038                        
4039                        
4040                          <span class="p-break-words">PRÄGLAD SKYLT FÖR MONTERING</span>
4041                        
4042                        
4043                      </a>
4044                    </div></li><li class="relative w-24 lg:w-48">
4045                    <div class="">
4046
4047
4048    <a
4049      href="/products/hardemaljerade-pins" 
4050      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4051      aria-label="image"
4052      
4053    >
4054      
4055      <img
4056        srcset="//www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=100 100w,
4057        //www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=225 225w,
4058        //www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=375 375w,
4059        //www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=450 450w,
4060        //www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=750 750w,
4061        //www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=900 900w,
4062        //www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=1100 1100w,
4063        //www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=1500 1500w,
4064        //www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=1780 1780w"
4065        src="//www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=3840"
4066        sizes="(min-width: 768px) calc(1200px / 1),
4067        
4068        (min-width: 768px) 100px"
4069        alt="Emaljerad pin - spårvagn"
4070        height="850"
4071        width="850"
4072        loading="lazy"
4073        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4074        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4075      >
4076      
4077    </a>
4078  
4079<a href="/products/hardemaljerade-pins" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
4079inline-block">
4080                        
4081                        
4082                        
4083                          <span class="p-break-words">EMALJERADE PINS</span>
4084                        
4085                        
4086                      </a>
4087                    </div></li><li class="relative w-24 lg:w-48">
4088                    <div class="">
4089
4090
4091    <a
4092      href="/products/metall-pins" 
4093      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4094      aria-label="image"
4095      
4096    >
4097      
4098      <img
4099        srcset="//www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=100 100w,
4100        //www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=225 225w,
4101        //www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=375 375w,
4102        //www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=450 450w,
4103        //www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=750 750w,
4104        //www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=900 900w,
4105        //www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=1100 1100w,
4106        //www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=1500 1500w,
4107        //www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=1780 1780w"
4108        src="//www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=3840"
4109        sizes="(min-width: 768px) calc(1200px / 1),
4110        
4111        (min-width: 768px) 100px"
4112        alt="Liten Pin till kavajslaget"
4113        height="850"
4114        width="850"
4115        loading="lazy"
4116        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4117        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4118      >
4119      
4120    </a>
4121  
4122<a href="/products/metall-pins" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4123                        
4124                        
4125                        
4126                          <span class="p-break-words">GJUTEN METALLPIN MED EGEN SYMBOL</span>
4127                        
4128                        
4129                      </a>
4130                    </div></li><li class="relative w-24 lg:w-48">
4131                    <div class="">
4132
4133
4134    <a
4135      href="/products/epoxy-pins" 
4136      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4137      aria-label="image"
4138      
4139    >
4140      
4141      <img
4142        srcset="//www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=100 100w,
4143        //www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=225 225w,
4144        //www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=375 375w,
4145        //www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=450 450w,
4146        //www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=750 750w,
4147        //www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=900 900w,
4148        //www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=1100 1100w,
4149        //www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=1500 1500w,
4150        //www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=1780 1780w"
4151        src="//www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=3840"
4152        sizes="(min-width: 768px) calc(1200px / 1),
4153        
4154        (min-width: 768px) 100px"
4155        alt="Namnbricka kupol epoxy"
4156        height="850"
4157        width="850"
4158        loading="lazy"
4159        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4160        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4161      >
4162      
4163    </a>
4164  
4165<a href="/products/epoxy-pins" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
4165inline-block">
4166                        
4167                        
4168                        
4169                          <span class="p-break-words">PINS MED EPOXYDOME</span>
4170                        
4171                        
4172                      </a>
4173                    </div></li><li class="relative w-24 lg:w-48">
4174                    <div class="">
4175
4176
4177    <a
4178      href="/products/emblem-metallmarken" 
4179      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4180      aria-label="image"
4181      
4182    >
4183      
4184      <img
4185        srcset="//www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=100 100w,
4186        //www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=225 225w,
4187        //www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=375 375w,
4188        //www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=450 450w,
4189        //www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=750 750w,
4190        //www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=900 900w,
4191        //www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=1100 1100w,
4192        //www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=1500 1500w,
4193        //www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=1780 1780w"
4194        src="//www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=3840"
4195        sizes="(min-width: 768px) calc(1200px / 1),
4196        
4197        (min-width: 768px) 100px"
4198        alt="Gjutet metallemblem med logga"
4199        height="850"
4200        width="850"
4201        loading="lazy"
4202        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4203        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4204      >
4205      
4206    </a>
4207  
4208<a href="/products/emblem-metallmarken" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4209                        
4210                        
4211                        
4212                          <span class="p-break-words">EMBLEM OCH METALLMÄRKEN</span>
4213                        
4214                        
4215                      </a>
4216                    </div></li><li class="relative w-24 lg:w-48">
4217                    <div class="">
4218
4219
4220    <a
4221      href="/products/metallplaketter-med-egen-design" 
4222      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4223      aria-label="image"
4224      
4225    >
4226      
4227      <img
4228        srcset="//www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=100 100w,
4229        //www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=225 225w,
4230        //www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=375 375w,
4231        //www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=450 450w,
4232        //www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=750 750w,
4233        //www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=900 900w,
4234        //www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=1100 1100w,
4235        //www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=1500 1500w,
4236        //www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=1780 1780w"
4237        src="//www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=3840"
4238        sizes="(min-width: 768px) calc(1200px / 1),
4239        
4240        (min-width: 768px) 100px"
4241        alt="Specialtillverkad plakett i metall med blank finish"
4242        height="1000"
4243        width="1000"
4244        loading="lazy"
4245        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4246        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4247      >
4248      
4249    </a>
4250  
4251<a href="/products/metallplaketter-med-egen-design" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
4251inline-block">
4252                        
4253                        
4254                        
4255                          <span class="p-break-words">METALLPLAKETT MED EGEN DESIGN</span>
4256                        
4257                        
4258                      </a>
4259                    </div></li><li class="relative w-24 lg:w-48">
4260                    <div class="">
4261
4262
4263    <a
4264      href="/products/vagnsmarke" 
4265      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4266      aria-label="image"
4267      
4268    >
4269      
4270      <img
4271        srcset="//www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=100 100w,
4272        //www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=225 225w,
4273        //www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=375 375w,
4274        //www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=450 450w,
4275        //www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=750 750w,
4276        //www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=900 900w,
4277        //www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=1100 1100w,
4278        //www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=1500 1500w,
4279        //www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=1780 1780w"
4280        src="//www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=3840"
4281        sizes="(min-width: 768px) calc(1200px / 1),
4282        
4283        (min-width: 768px) 100px"
4284        alt="Excellence Limousine Executive custom skylt"
4285        height="1512"
4286        width="1512"
4287        loading="lazy"
4288        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4289        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4290      >
4291      
4292    </a>
4293  
4294<a href="/products/vagnsmarke" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4295                        
4296                        
4297                        
4298                          <span class="p-break-words">EXKLUSIVA VAGNSMÄRKEN</span>
4299                        
4300                        
4301                      </a>
4302                    </div></li><li class="relative w-24 lg:w-48">
4303                    <div class="">
4304
4305
4306    <a
4307      href="/products/broderade-tygmarken" 
4308      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4309      aria-label="image"
4310      
4311    >
4312      
4313      <img
4314        srcset="//www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=100 100w,
4315        //www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=225 225w,
4316        //www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=375 375w,
4317        //www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=450 450w,
4318        //www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=750 750w,
4319        //www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=900 900w,
4320        //www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=1100 1100w,
4321        //www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=1500 1500w,
4322        //www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=1780 1780w"
4323        src="//www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=3840"
4324        sizes="(min-width: 768px) calc(1200px / 1),
4325        
4326        (min-width: 768px) 100px"
4327        alt="Broderade tygmärken till IFK Göteborg"
4328        height="1280"
4329        width="1280"
4330        loading="lazy"
4331        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4332        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4333      >
4334      
4335    </a>
4336  
4337<a href="/products/broderade-tygmarken" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
4337inline-block">
4338                        
4339                        
4340                        
4341                          <span class="p-break-words">BRODERAT TYGMÄRKE - EGEN DESIGN</span>
4342                        
4343                        
4344                      </a>
4345                    </div></li><li class="relative w-24 lg:w-48">
4346                    <div class="">
4347
4348
4349    <a
4350      href="/products/vavda-tygmarken" 
4351      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4352      aria-label="image"
4353      
4354    >
4355      
4356      <img
4357        srcset="//www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=100 100w,
4358        //www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=225 225w,
4359        //www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=375 375w,
4360        //www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=450 450w,
4361        //www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=750 750w,
4362        //www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=900 900w,
4363        //www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=1100 1100w,
4364        //www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=1500 1500w,
4365        //www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=1780 1780w"
4366        src="//www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=3840"
4367        sizes="(min-width: 768px) calc(1200px / 1),
4368        
4369        (min-width: 768px) 100px"
4370        alt="Timbuktu - runt tygmärke"
4371        height="1000"
4372        width="1000"
4373        loading="lazy"
4374        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4375        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4376      >
4377      
4378    </a>
4379  
4380<a href="/products/vavda-tygmarken" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4381                        
4382                        
4383                        
4384                          <span class="p-break-words">VÄVDA TYGMÄRKEN</span>
4385                        
4386                        
4387                      </a>
4388                    </div></li><li class="relative w-24 lg:w-48">
4389                    <div class="">
4390
4391
4392    <a
4393      href="/products/pvc-specialmedalj" 
4394      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4395      aria-label="image"
4396      
4397    >
4398      
4399      <img
4400        srcset="//www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=100 100w,
4401        //www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=225 225w,
4402        //www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=375 375w,
4403        //www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=450 450w,
4404        //www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=750 750w,
4405        //www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=900 900w,
4406        //www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=1100 1100w,
4407        //www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=1500 1500w,
4408        //www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=1780 1780w"
4409        src="//www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=3840"
4410        sizes="(min-width: 768px) calc(1200px / 1),
4411        
4412        (min-width: 768px) 100px"
4413        alt="Specialtillverkad medalj i PVC"
4414        height="1000"
4415        width="1000"
4416        loading="lazy"
4417        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4418        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4419      >
4420      
4421    </a>
4422  
4423<a href="/products/pvc-specialmedalj" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link 
4423inline-block">
4424                        
4425                        
4426                        
4427                          <span class="p-break-words">GJUTEN MEDALJ AV PVC 2D eller 3D</span>
4428                        
4429                        
4430                      </a>
4431                    </div></li><li class="relative w-24 lg:w-48">
4432                    <div class="">
4433
4434
4435    <a
4436      href="/products/silikonarmband" 
4437      class="inline-block relative overflow-hidden w-full h-0 mt-1 pb-[56%] rounded-md" 
4438      aria-label="image"
4439      
4440    >
4441      
4442      <img
4443        srcset="//www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=100 100w,
4444        //www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=225 225w,
4445        //www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=375 375w,
4446        //www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=450 450w,
4447        //www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=750 750w,
4448        //www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=900 900w,
4449        //www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=1100 1100w,
4450        //www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=1500 1500w,
4451        //www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=1780 1780w"
4452        src="//www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=3840"
4453        sizes="(min-width: 768px) calc(1200px / 1),
4454        
4455        (min-width: 768px) 100px"
4456        alt="armband till World cocktail championships"
4457        height="1000"
4458        width="1000"
4459        loading="lazy"
4460        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');"
4461        class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4462      >
4463      
4464    </a>
4465  
4466<a href="/products/silikonarmband" class="flex flex-wrap gap-2 nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
4467                        
4468                        
4469                        
4470                          <span class="p-break-words">SILKONARMBAND MED EGET TRYCK</span>
4471                        
4472                        
4473                      </a>
4474                    </div></li></ul></div>
4475          
4476        </div>
4477      </div>
4478    </template></template>
4479          
4480
4481<template x-teleport="#menu-5">
4482
4483<template x-if="!runDispatch">
4484        <div class="toggle-menu toggle-menu-hidden top-full background-header is-focus:text-[rgba(var(--colors-text))] text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr mega-menu-vertical main-nav-child-left"
4485        >
4486          <div class="mega-menu-container x-pgw page-width mx-auto promotion-horizontal image-count-1 md:max-h-[80vh]">
4487            <div class="mega-nav pt-8 relative w-3/4 grid-cols-3 relative mega-menu-vertical"><style data-shopify>
4488</style>
4489                <ul class="mega-list-nav flex-wrap items-end w-72 md:max-h-[calc(80vh-3rem)] md:overflow-y-scroll scrollbar-body scrollbar-visible" x-refs="mega_nav"><li
4490                      class="sub-menu-item table tabbed-animation-change is-active"
4491                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4492                      @mouseleave="$el.classList.remove('is-focus-child');"
4493                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4494                      @focusout="$el.classList.remove('is-focus-child');"
4495                      
4496                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 1)"
4497                      
4498
4499                    >
4500                      <div class="sub-menu  border-t flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4501<span class="flex-1">
4502                          <a
4503                            href="/collections/tombolalotter-och-lottringar"
4504                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link 
4504is-focus-child:effect-inline"
4505                            
4506                          >
4507                            
4508                            
4509                            
4510                              <span class="p-break-words">TOMBOLALOTTER &amp; LOTTRINGAR</span>
4511                            
4512                            
4513</a>
4514                        </span>
4515                      </div>
4516                      
4517                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto open toggle-menu-sub-hidden ltr">   
4518                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4519                        
4520                      </div>
4521                    </li><li
4522                      class="sub-menu-item table tabbed-animation-change"
4523                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4524                      @mouseleave="$el.classList.remove('is-focus-child');"
4525                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4526                      @focusout="$el.classList.remove('is-focus-child');"
4527                      
4528                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 2)"
4529                      
4530
4531                    >
4532                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4533<span class="flex-1">
4534                          <a
4535                            href="/collections/skraplotter"
4536                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4537                            
4538                          >
4539                            
4540                            
4541                            
4542                              <span class="p-break-words">SKRAPLOTTER</span>
4543                            
4544                            
4545</a>
4546                        </span>
4547                      </div>
4548                      
4549                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4550                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4551                        
4552                      </div>
4553                    </li><li
4554                      class="sub-menu-item table tabbed-animation-change"
4555                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4556                      @mouseleave="$el.classList.remove('is-focus-child');"
4557                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4558                      @focusout="$el.classList.remove('is-focus-child');"
4559                      
4560                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 3)"
4561                      
4562
4563                    >
4564                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4565<span class="flex-1">
4566                          <a
4567                            href="/collections/50-50-lotter"
4568                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4569                            
4570                          >
4571                            
4572                            
4573                            
4574                              <span class="p-break-words">50/50-LOTTER</span>
4575                            
4576                            
4577</a>
4578                        </span>
4579                      </div>
4580                      
4581                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4582                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4583                        
4584                      </div>
4585                    </li><li
4586                      class="sub-menu-item table tabbed-animation-change"
4587                      x-on:mouseover="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child'); $store.xHeaderMenu.setHeightScroll($el)"
4588                      @mouseleave="$el.classList.remove('is-focus-child');"
4589                      @focusin="$store.xHeaderMenu.selectItem($el, true); $el.classList.add('is-focus-child');"
4590                      @focusout="$el.classList.remove('is-focus-child');"
4591                      
4592                        x-intersect.once.margin.200px="$store.xHeaderMenu.setHeightScroll($el, 4)"
4593                      
4594
4595                    >
4596                      <div class="sub-menu  flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]">
4597<span class="flex-1">
4598                          <a
4599                            href="/collections/biljetter-och-nummerlappar"
4600                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
4601                            
4602                          >
4603                            
4604                            
4605                            
4606                              <span class="p-break-words">BILJETTER &amp; NUMMERLAPPAR</span>
4607                            
4608                            
4609</a>
4610                        </span>
4611                      </div>
4612                      
4613                      <div  class="toggle-menu-sub overflow-hidden absolute right-0 rtl:left-0 left-72 rtl:right-72 pt-8 z-0 top-0 pb-7 h-auto toggle-menu-sub-hidden ltr">   
4614                        <div class="relative x-pgw page-width mx-auto h-full max-h-[calc(80vh-3rem)] overflow-y-auto scrollbar-body scrollbar-visible overflow-hidden"></div>
4615                        
4616                      </div>
4617                    </li></ul>
4618              
4619            </div><div class="overflow-hidden relative float-right md:right-5 lg:right-0 pt-8 pb-5 w-1/5"
4620              > 
4621                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex flex-row ltr gap-x-5 pr-5 rtl:pr-0 rtl:pl-5"
4622                ><style data-shopify>
4623                      .image-tabbed_menu_PcmHKc-1 {
4624                        height: 400px;
4625                      }
4626                    </style>
4627                    
4628                    <div class="mega-menu-card w-full group relative background-color-tabbed_menu_PcmHKc-1 rounded-[10px]"
4629                    >
4630                      
4631<style data-shopify>.title-color-tabbed_menu_PcmHKc-1 {
4632      color: ;
4633      --colors-heading: , , ;
4634    }.text-tabbed_menu_PcmHKc-1 {
4635    font-size: 0.7875rem;
4636  }
4637  .sub-heading-tabbed_menu_PcmHKc-1 {
4638    font-size: 1.125rem;
4639  }
4640  .heading-tabbed_menu_PcmHKc-1 {
4641    font-size: 1.575rem;
4642  }
4643  @media (min-width: 768px) {
4644    .sub-heading-tabbed_menu_PcmHKc-1 {
4645      font-size: 1.305rem;
4646    }
4647    .heading-tabbed_menu_PcmHKc-1 {
4648      font-size: 2.25rem; 
4649    }
4650    .text-tabbed_menu_PcmHKc-1 {
4651      font-size: 0.875rem;
4652    }
4653  }.button--tabbed_menu_PcmHKc-1.button-solid,
4654    .button--tabbed_menu_PcmHKc-1.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--tabbed_menu_PcmHKc-1.button-outline {}
4655  
4656</style><div 
4657    
4658    class="w-full  relative z-0 before:h-0 before:block promotion-header image-tabbed_menu_PcmHKc-1 pb-[%] rounded-[10px] overflow-hidden"
4659    
4660  >
4661    
4662    
4663      <div 
4664        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
4665      >
4666    
4667      <img
4668        srcset="//www.vasaboden.se/cdn/shop/files/rullbiljetter.jpg?v=1739285475&width=225 225w,
4669        //www.vasaboden.se/cdn/shop/files/rullbiljetter.jpg?v=1739285475&width=375 375w,
4670        //www.vasaboden.se/cdn/shop/files/rullbiljetter.jpg?v=1739285475&width=450 450w,
4671        //www.vasaboden.se/cdn/shop/files/rullbiljetter.jpg?v=1739285475&width=750 750w,
4672        //www.vasaboden.se/cdn/shop/files/rullbiljetter.jpg?v=1739285475&width=900 900w,
4673        //www.vasaboden.se/cdn/shop/files/rullbiljetter.jpg?v=1739285475&width=1100 1100w,
4674        //www.vasaboden.se/cdn/shop/files/rullbiljetter.jpg?v=1739285475&width=1500 1500w,
4675        //www.vasaboden.se/cdn/shop/files/rullbiljetter.jpg?v=1739285475&width=1780 1780w"
4676        src="//www.vasaboden.se/cdn/shop/files/rullbiljetter.jpg?v=1739285475&width=1780"
4677        
4678          
4679            loading="lazy"
4680          
4681         
4682        sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw"
4683        alt="Flera rullar med biljetter i olika färger som beige, röd, rosa, grön och svart, papper, 1000 st per rulle."
4684        width="500"
4685        height="400.0"
4686        style="object-position: 50.0% 50.0%;"
4687        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
4688        onload="this?.classList.add('active'); 
4689          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
4690          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
4691        "
4692      />
4693    </div>
4694  
4695  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div>
4696
4697                    </div></div>
4698              </div></div>
4699        </div>
4700      </template></template>
4701          
4702
4703
4704          
4705</ul>
4706</nav>
4707        
4708      </header>
4709      
4710<div @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div><div class=" md:pl-0 md:pr-0  pr-5 pl-5 m-auto">
4711    <div class="divider absolute top-full left-0 w-full m-auto border-t md:hidden">
4712    </div>
4713  </div>
4714    </div>
4715    
4716  </div>
4717</div>    
4718<script src="//www.vasaboden.se/cdn/shop/t/28/assets/search-prompts.js?v=124244002410771306181776329373" defer></script>
4718                   
4719<script type="application/ld+json">
4720  {
4721    "@context": "http://schema.org",
4722    "@type": "Organization",
4723    "name": "Vasaboden",
4724    
4725      "logo": "https:\/\/www.vasaboden.se\/cdn\/shop\/files\/Vasab1den_Logo_webb_Startsida_orginal.webp?v=1734082245\u0026width=510",
4726    
4727    "sameAs": [
4728      "https:\/\/twitter.com\/vasaboden",
4729      "https:\/\/facebook.com\/vasaboden",
4730      "",
4731      "http:\/\/instagram.com\/vasaboden",
4732      "",
4733      "",
4734      "",
4735      "",
4736      ""
4737    ],
4738    "url": "https:\/\/www.vasaboden.se"
4739  }
4740</script>
4740
4741  
4741<script type="application/ld+json">
4742    {
4743      "@context": "http://schema.org",
4744      "@type": "WebSite",
4745      "name": "Vasaboden",
4746      "potentialAction": {
4747        "@type": "SearchAction",
4748        "target": "https:\/\/www.vasaboden.se\/search?q={search_term_string}",
4749        "query-input": "required name=search_term_string"
4750      },
4751      "url": "https:\/\/www.vasaboden.se"
4752    }
4753  </script>
4753<script src="//www.vasaboden.se/cdn/shop/t/28/assets/store-selector.js?v=36088188951445041851776329373" defer="defer"></script>
4753
4754
4755<style> #shopify-section-sections--29795648143698__header .background-header {background: rgb(18, 69, 123); background: linear-gradient( 90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 4% );} </style></div><div id="shopify-section-sections--29795648143698__mobile-navigation" class="shopify-section shopify-section-group-header-group-puff section-mobile-navigation"><style data-shopify>#mobile-navigation * {border-color: #f2f2f2;}
4756  .dark #mobile-navigation * {border-color: #313131;}
4757  #mobile-navigation .text-color,
4758  #mobile-navigation .background-header {background: #ffffff;--colors-heading: 0, 0, 0;
4759      color: #000000;
4760      --colors-text: 0, 0, 0;
4761      --colors-text-header: 0, 0, 0;  
4762      --colors-text-link: 215, 147, 26;
4763    
4764  }
4765  .dark #mobile-navigation .text-color,
4766  .dark #mobile-navigation .background-header {background: #202020;--colors-heading: 255, 255, 255;
4767      color: #ffffff;
4768      --colors-text-header: 255, 255, 255;
4769      --colors-text: 255, 255, 255;  
4770      --colors-text-link: 200, 184, 159;
4771    
4772  }
4773  
4774  .block-mobile-navigation-after::after {
4775    content: var(--tw-content);
4776    position: absolute;
4777    width: 100%;
4778    left: 0;
4779    border-bottom-width: 1px;border-color: #f2f2f2;}
4780  .dark .block-mobile-navigation-after::after {border-color: #313131;}
4781  .font-menu-level-0 {
4782    font-size: 1.25rem;
4783  }
4784  .font-menu-level-1 {
4785    font-size: 1.0rem;
4786  }
4787  .font-menu-level-2 {
4788    font-size: 0.875rem;
4789  }
4790  
4791    .block-mobile-navigation-menu .font-menu-level-0, 
4792    .block-mobile-navigation-menu .font-menu-level-1, 
4793    .block-mobile-navigation-menu .font-menu-level-2,
4794    .block-mobile-navigation-carousel_menu .font-menu-level-0,
4795    .block-mobile-navigation-carousel_menu .font-menu-level-2,
4796    .block-mobile-navigation-account .font-menu-level-1,
4797    .block-mobile-navigation-cart .font-menu-level-1
4798    {
4799      font-size: 0.7875rem;
4800      font-weight: var(--font-body-weight);
4801    }
4802  
4803  .block-mobile-navigation-after::after {
4804    content: var(--tw-content);
4805    position: absolute;
4806    width: 100%;
4807    left: 0;
4808    border-bottom-width: 1px;border-color: #f2f2f2;}
4809  .dark .block-mobile-navigation-after::after {border-color: #313131;}</style><div
4810  class="z-[70] fixed top-0 h-full w-full opacity-60 bg-black"
4811  x-show="$store.xMobileNav.show"
4812  x-cloak
4813  @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4814></div>
4815<template x-if="!runDispatch">
4816  <div
4817    id="mobile-navigation"
4818    :class="{ 'menu-opening': $store.xMobileNav.show }" 
4819    class="menu-drawer fixed z-[70] top-0 bottom-0 w-full max-w-xl motion-reduce overflow-x-hidden ltr left-0 -translate-x-full"
4820  >
4821    <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col">
4822      <div class="x-block-mobile-nav-close p-4 w-full flex justify-between items-center"
4823        aria-label="Stäng"
4824      >
4825        <span class="font-menu-level-2 uppercase">Meny</span>
4826        <span
4827          class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full absolute top-2 right-2 rtl:right-auto rtl:left-2"
4828          @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4829        ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
4830    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4831  </svg>
4832</span>
4833      </div>
4834      <div
4835        id="menu-navigation"
4836        class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable"
4837      >
4838        
4839        <ul 
4840          x-data="{ openCur: 0 }"
4841          id="menu-level-0"
4842          role="list" 
4843          class="menu-parent relative h-full w-full" 
4844        >
4845           
4846                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
4847                    
4848                    <div 
4849                      
4850                        @click="openCur = (openCur === 0 || openCur !== 1) ? 1 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);"
4851                       
4852                      :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
4853                      class="flex items-center gap-4 ml-4 mr-4 border-t"
4854                    >
4855                      
4856                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
4857                          <span
4858                            @click="window.open('/collections/idrottspriser', '_self')"
4859                            class="p-break-words font-medium font-menu-level-0"
4860                          >
4861                    
4862                    
4863                      <span>POKALER &amp; PRISER</span>
4864                    
4865                  </span>
4866                          
4867
4868                        </div>
4869                        <span
4870                          x-cloak x-show="openCur !== 1"
4871                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
4872                        >
4873                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
4874    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
4875  </svg>
4876
4877                        </span>
4878                        <span
4879                          x-cloak x-show="openCur === 1"
4880                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
4881                        >
4882                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
4883    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
4884  </svg>
4885
4886                        </span>
4887                      
4888                    </div><div
4889                        x-collapse.duration.500ms
4890                        x-show="openCur === 1"
4891                        class="menu-drawer w-full h-full overflow-visible"
4892                      >
4893                        <ul 
4894                          x-data='{ openSub: 0 }'
4895                          id="menu-level-1"
4896                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
4897                          >
4898
4899
4900
4901<li>
4902        <div  
4903          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
4904        ><style data-shopify>
4905</style>
4906            <a href="/collections/pokaler" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
4907          
4908            
4909              
4910              
4911                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
4912                  
4913                  <img
4914                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=100 100w,
4915                    //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=225 225w,
4916                    //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=375 375w,
4917                    //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=450 450w,
4918                    //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=750 750w,
4919                    //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=900 900w,
4920                    //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=1100 1100w,
4921                    //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=1500 1500w,
4922                    //www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=1780 1780w"
4923                    src="//www.vasaboden.se/cdn/shop/files/Ikon_pokal.webp?v=1790836764&width=3840"
4924                    sizes="(min-width: 768px) calc(1200px / 1),
4925                    
4926                    (min-width: 768px) 100px"
4927                    alt=""
4928                    height=""
4929                    width=""
4930                    loading="lazy"
4931                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
4932                  >
4933                  
4934                </span>
4935              
4936            
4937            
4938            <span class="flex flex-wrap gap-x-2">
4939              <span @click="window.open('/collections/pokaler', '_self')" class="p-break-words font-medium font-menu-level-1">
4940                
4941                
4942                  <span>POKALER</span>
4943                
4944              </span>
4945              
4946              
4947            </span>
4948          
4949            </a>
4950          
4951</div></li><li>
4952        <div  
4953          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
4954        ><style data-shopify>
4955</style>
4956            <a href="/collections/glaspriser" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
4957          
4958            
4959              
4960              
4961                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
4962                  
4963                  <img
4964                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=100 100w,
4965                    //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=225 225w,
4966                    //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=375 375w,
4967                    //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=450 450w,
4968                    //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=750 750w,
4969                    //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=900 900w,
4970                    //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=1100 1100w,
4971                    //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=1500 1500w,
4972                    //www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=1780 1780w"
4973                    src="//www.vasaboden.se/cdn/shop/files/Ikon_glaspris.webp?v=1790836830&width=3840"
4974                    sizes="(min-width: 768px) calc(1200px / 1),
4975                    
4976                    (min-width: 768px) 100px"
4977                    alt=""
4978                    height=""
4979                    width=""
4980                    loading="lazy"
4981                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
4982                  >
4983                  
4984                </span>
4985              
4986            
4987            
4988            <span class="flex flex-wrap gap-x-2">
4989              <span @click="window.open('/collections/glaspriser', '_self')" class="p-break-words font-medium font-menu-level-1">
4990                
4991                
4992                  <span>GLASPRISER</span>
4993                
4994              </span>
4995              
4996              
4997            </span>
4998          
4999            </a>
5000          
5001</div></li><li>
5002        <div  
5003          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5004        ><style data-shopify>
5005</style>
5006            <a href="/collections/neutrala-stayetter" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5007          
5008            
5009              
5010              
5011                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5012                  
5013                  <img
5014                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=100 100w,
5015                    //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=225 225w,
5016                    //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=375 375w,
5017                    //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=450 450w,
5018                    //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=750 750w,
5019                    //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=900 900w,
5020                    //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=1100 1100w,
5021                    //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=1500 1500w,
5022                    //www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=1780 1780w"
5023                    src="//www.vasaboden.se/cdn/shop/files/Ikon_statyett.webp?v=1790836846&width=3840"
5024                    sizes="(min-width: 768px) calc(1200px / 1),
5025                    
5026                    (min-width: 768px) 100px"
5027                    alt=""
5028                    height=""
5029                    width=""
5030                    loading="lazy"
5031                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5032                  >
5033                  
5034                </span>
5035              
5036            
5037            
5038            <span class="flex flex-wrap gap-x-2">
5039              <span @click="window.open('/collections/neutrala-stayetter', '_self')" class="p-break-words font-medium font-menu-level-1">
5040                
5041                
5042                  <span>NEUTRALA STAYETTER</span>
5043                
5044              </span>
5045              
5046              
5047            </span>
5048          
5049            </a>
5050          
5051</div></li><li>
5052        <div  
5053          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5054        ><style data-shopify>
5055</style>
5056            <a href="/collections/plaketter" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5057          
5058            
5059              
5060              
5061                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5062                  
5063                  <img
5064                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=100 100w,
5065                    //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=225 225w,
5066                    //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=375 375w,
5067                    //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=450 450w,
5068                    //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=750 750w,
5069                    //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=900 900w,
5070                    //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=1100 1100w,
5071                    //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=1500 1500w,
5072                    //www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=1780 1780w"
5073                    src="//www.vasaboden.se/cdn/shop/files/Ikon_vaggplakett.webp?v=1790836846&width=3840"
5074                    sizes="(min-width: 768px) calc(1200px / 1),
5075                    
5076                    (min-width: 768px) 100px"
5077                    alt=""
5078                    height=""
5079                    width=""
5080                    loading="lazy"
5081                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5082                  >
5083                  
5084                </span>
5085              
5086            
5087            
5088            <span class="flex flex-wrap gap-x-2">
5089              <span @click="window.open('/collections/plaketter', '_self')" class="p-break-words font-medium font-menu-level-1">
5090                
5091                
5092                  <span>PLAKETTER</span>
5093                
5094              </span>
5095              
5096              
5097            </span>
5098          
5099            </a>
5100          
5101</div></li><li>
5102        <div  
5103          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5104        ><style data-shopify>
5105</style>
5106            <a href="/collections/prisrosetter" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5107          
5108            
5109              
5110              
5111                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5112                  
5113                  <img
5114                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=100 100w,
5115                    //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=225 225w,
5116                    //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=375 375w,
5117                    //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=450 450w,
5118                    //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=750 750w,
5119                    //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=900 900w,
5120                    //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=1100 1100w,
5121                    //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=1500 1500w,
5122                    //www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=1780 1780w"
5123                    src="//www.vasaboden.se/cdn/shop/files/Ikon_prisrosetter.webp?v=1790836846&width=3840"
5124                    sizes="(min-width: 768px) calc(1200px / 1),
5125                    
5126                    (min-width: 768px) 100px"
5127                    alt=""
5128                    height=""
5129                    width=""
5130                    loading="lazy"
5131                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5132                  >
5133                  
5134                </span>
5135              
5136            
5137            
5138            <span class="flex flex-wrap gap-x-2">
5139              <span @click="window.open('/collections/prisrosetter', '_self')" class="p-break-words font-medium font-menu-level-1">
5140                
5141                
5142                  <span>PRISROSETTER</span>
5143                
5144              </span>
5145              
5146              
5147            </span>
5148          
5149            </a>
5150          
5151</div></li><li>
5152        <div  
5153          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5154        ><style data-shopify>
5155</style>
5156            <a href="/collections/vandringspriser" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5157          
5158            
5159              
5160              
5161                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5162                  
5163                  <img
5164                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=100 100w,
5165                    //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=225 225w,
5166                    //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=375 375w,
5167                    //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=450 450w,
5168                    //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=750 750w,
5169                    //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=900 900w,
5170                    //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=1100 1100w,
5171                    //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=1500 1500w,
5172                    //www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=1780 1780w"
5173                    src="//www.vasaboden.se/cdn/shop/files/Ikon_vpokal.webp?v=1790836846&width=3840"
5174                    sizes="(min-width: 768px) calc(1200px / 1),
5175                    
5176                    (min-width: 768px) 100px"
5177                    alt=""
5178                    height=""
5179                    width=""
5180                    loading="lazy"
5181                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5182                  >
5183                  
5184                </span>
5185              
5186            
5187            
5188            <span class="flex flex-wrap gap-x-2">
5189              <span @click="window.open('/collections/vandringspriser', '_self')" class="p-break-words font-medium font-menu-level-1">
5190                
5191                
5192                  <span>VANDRINGSPRISER</span>
5193                
5194              </span>
5195              
5196              
5197            </span>
5198          
5199            </a>
5200          
5201</div></li><li>
5202        <div  
5203          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5204        ><style data-shopify>
5205</style>
5206            <a href="/collections/sporter" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5207          
5208            
5209              
5210              
5211                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5212                  
5213                  <img
5214                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=100 100w,
5215                    //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=225 225w,
5216                    //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=375 375w,
5217                    //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=450 450w,
5218                    //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=750 750w,
5219                    //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=900 900w,
5220                    //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=1100 1100w,
5221                    //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=1500 1500w,
5222                    //www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=1780 1780w"
5223                    src="//www.vasaboden.se/cdn/shop/files/Ikon_sporter.webp?v=1790836846&width=3840"
5224                    sizes="(min-width: 768px) calc(1200px / 1),
5225                    
5226                    (min-width: 768px) 100px"
5227                    alt=""
5228                    height=""
5229                    width=""
5230                    loading="lazy"
5231                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5232                  >
5233                  
5234                </span>
5235              
5236            
5237            
5238            <span class="flex flex-wrap gap-x-2">
5239              <span @click="window.open('/collections/sporter', '_self')" class="p-break-words font-medium font-menu-level-1">
5240                
5241                
5242                  <span>SPORTER</span>
5243                
5244              </span>
5245              
5246              
5247            </span>
5248          
5249            </a>
5250          
5251</div></li><li>
5252        <div  
5253          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5254        ><style data-shopify>
5255</style>
5256            <a href="/collections/outlet" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5257          
5258            
5259              
5260              
5261                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5262                  
5263                  <img
5264                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=100 100w,
5265                    //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=225 225w,
5266                    //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=375 375w,
5267                    //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=450 450w,
5268                    //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=750 750w,
5269                    //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=900 900w,
5270                    //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=1100 1100w,
5271                    //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=1500 1500w,
5272                    //www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=1780 1780w"
5273                    src="//www.vasaboden.se/cdn/shop/files/Ikon_outlet_vit.webp?v=1773752199&width=3840"
5274                    sizes="(min-width: 768px) calc(1200px / 1),
5275                    
5276                    (min-width: 768px) 100px"
5277                    alt=""
5278                    height=""
5279                    width=""
5280                    loading="lazy"
5281                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5282                  >
5283                  
5284                </span>
5285              
5286            
5287            
5288            <span class="flex flex-wrap gap-x-2">
5289              <span @click="window.open('/collections/outlet', '_self')" class="p-break-words font-medium font-menu-level-1">
5290                
5291                
5292                  <span>OUTLET</span>
5293                
5294              </span>
5295              
5296              
5297            </span>
5298          
5299            </a>
5300          
5301</div></li>
5302</ul>
5303                      </div></li>
5304                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
5305                    
5306                    <div 
5307                      
5308                        @click="openCur = (openCur === 0 || openCur !== 2) ? 2 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);"
5309                       
5310                      :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5311                      class="flex items-center gap-4 ml-4 mr-4"
5312                    >
5313                      
5314                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
5315                          <span
5316                            @click="window.open('/collections/medaljer', '_self')"
5317                            class="p-break-words font-medium font-menu-level-0"
5318                          >
5319                    
5320                    
5321                      <span>MEDALJER</span>
5322                    
5323                  </span>
5324                          
5325
5326                        </div>
5327                        <span
5328                          x-cloak x-show="openCur !== 2"
5329                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
5330                        >
5331                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
5332    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
5333  </svg>
5334
5335                        </span>
5336                        <span
5337                          x-cloak x-show="openCur === 2"
5338                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
5339                        >
5340                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
5341    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
5342  </svg>
5343
5344                        </span>
5345                      
5346                    </div><div
5347                        x-collapse.duration.500ms
5348                        x-show="openCur === 2"
5349                        class="menu-drawer w-full h-full overflow-visible"
5350                      >
5351                        <ul 
5352                          x-data='{ openSub: 0 }'
5353                          id="menu-level-1"
5354                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
5355                          >
5356
5357
5358
5359<li>
5360        <div  
5361          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5362        ><style data-shopify>
5363</style>
5364            <a href="/collections/medaljer" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5365          
5366            
5367              
5368              
5369                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5370                  
5371                  <img
5372                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=100 100w,
5373                    //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=225 225w,
5374                    //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=375 375w,
5375                    //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=450 450w,
5376                    //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=750 750w,
5377                    //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=900 900w,
5378                    //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=1100 1100w,
5379                    //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=1500 1500w,
5380                    //www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=1780 1780w"
5381                    src="//www.vasaboden.se/cdn/shop/files/Ikon_graverade_medaljer.webp?v=1790836846&width=3840"
5382                    sizes="(min-width: 768px) calc(1200px / 1),
5383                    
5384                    (min-width: 768px) 100px"
5385                    alt=""
5386                    height=""
5387                    width=""
5388                    loading="lazy"
5389                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5390                  >
5391                  
5392                </span>
5393              
5394            
5395            
5396            <span class="flex flex-wrap gap-x-2">
5397              <span @click="window.open('/collections/medaljer', '_self')" class="p-break-words font-medium font-menu-level-1">
5398                
5399                
5400                  <span>MEDALJER</span>
5401                
5402              </span>
5403              
5404              
5405            </span>
5406          
5407            </a>
5408          
5409</div></li><li>
5410        <div  
5411          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5412        ><style data-shopify>
5413</style>
5414            <a href="/collections/praglade-medaljer" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5415          
5416            
5417              
5418              
5419                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5420                  
5421                  <img
5422                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=100 100w,
5423                    //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=225 225w,
5424                    //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=375 375w,
5425                    //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=450 450w,
5426                    //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=750 750w,
5427                    //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=900 900w,
5428                    //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=1100 1100w,
5429                    //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=1500 1500w,
5430                    //www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=1780 1780w"
5431                    src="//www.vasaboden.se/cdn/shop/files/Ikon_medalj.webp?v=1790836846&width=3840"
5432                    sizes="(min-width: 768px) calc(1200px / 1),
5433                    
5434                    (min-width: 768px) 100px"
5435                    alt=""
5436                    height=""
5437                    width=""
5438                    loading="lazy"
5439                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5440                  >
5441                  
5442                </span>
5443              
5444            
5445            
5446            <span class="flex flex-wrap gap-x-2">
5447              <span @click="window.open('/collections/praglade-medaljer', '_self')" class="p-break-words font-medium font-menu-level-1">
5448                
5449                
5450                  <span>MEDALJER MED FAST MOTIV</span>
5451                
5452              </span>
5453              
5454              
5455            </span>
5456          
5457            </a>
5458          
5459</div></li><li>
5460        <div  
5461          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5462        ><style data-shopify>
5463</style>
5464            <a href="/collections/specialmedaljer" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5465          
5466            
5467              
5468              
5469                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5470                  
5471                  <img
5472                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=100 100w,
5473                    //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=225 225w,
5474                    //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=375 375w,
5475                    //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=450 450w,
5476                    //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=750 750w,
5477                    //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=900 900w,
5478                    //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=1100 1100w,
5479                    //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=1500 1500w,
5480                    //www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=1780 1780w"
5481                    src="//www.vasaboden.se/cdn/shop/files/Ikon_specialmedaljer.webp?v=1790836846&width=3840"
5482                    sizes="(min-width: 768px) calc(1200px / 1),
5483                    
5484                    (min-width: 768px) 100px"
5485                    alt=""
5486                    height=""
5487                    width=""
5488                    loading="lazy"
5489                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5490                  >
5491                  
5492                </span>
5493              
5494            
5495            
5496            <span class="flex flex-wrap gap-x-2">
5497              <span @click="window.open('/collections/specialmedaljer', '_self')" class="p-break-words font-medium font-menu-level-1">
5498                
5499                
5500                  <span>SPECIALGJUTNA MEDALJER</span>
5501                
5502              </span>
5503              
5504              
5505            </span>
5506          
5507            </a>
5508          
5509</div></li><li>
5510        <div  
5511          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5512        ><style data-shopify>
5513</style>
5514            <a href="/collections/medaljetui" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5515          
5516            
5517              
5518              
5519                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5520                  
5521                  <img
5522                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=100 100w,
5523                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=225 225w,
5524                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=375 375w,
5525                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=450 450w,
5526                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=750 750w,
5527                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=900 900w,
5528                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=1100 1100w,
5529                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=1500 1500w,
5530                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=1780 1780w"
5531                    src="//www.vasaboden.se/cdn/shop/files/Ikon_medaljetui.webp?v=1790836846&width=3840"
5532                    sizes="(min-width: 768px) calc(1200px / 1),
5533                    
5534                    (min-width: 768px) 100px"
5535                    alt=""
5536                    height=""
5537                    width=""
5538                    loading="lazy"
5539                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5540                  >
5541                  
5542                </span>
5543              
5544            
5545            
5546            <span class="flex flex-wrap gap-x-2">
5547              <span @click="window.open('/collections/medaljetui', '_self')" class="p-break-words font-medium font-menu-level-1">
5548                
5549                
5550                  <span>MEDALJETUIER</span>
5551                
5552              </span>
5553              
5554              
5555            </span>
5556          
5557            </a>
5558          
5559</div></li><li>
5560        <div @click="openSub = (openSub === 0 || openSub !== 5) ? 5 : 0; $store.xMobileNav.setActiveLink('2-5'); setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);" 
5561          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5562        ><style data-shopify>
5563</style>
5564            <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5565          
5566            
5567              
5568              
5569                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5570                  
5571                  <img
5572                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=100 100w,
5573                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=225 225w,
5574                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=375 375w,
5575                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=450 450w,
5576                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=750 750w,
5577                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=900 900w,
5578                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=1100 1100w,
5579                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=1500 1500w,
5580                    //www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=1780 1780w"
5581                    src="//www.vasaboden.se/cdn/shop/files/Ikon_medaljband.webp?v=1790836846&width=3840"
5582                    sizes="(min-width: 768px) calc(1200px / 1),
5583                    
5584                    (min-width: 768px) 100px"
5585                    alt=""
5586                    height=""
5587                    width=""
5588                    loading="lazy"
5589                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5590                  >
5591                  
5592                </span>
5593              
5594            
5595            
5596            <span class="flex flex-wrap gap-x-2">
5597              <span @click="window.open('/collections/medaljband', '_self')" class="p-break-words font-medium font-menu-level-1">
5598                
5599                
5600                  <span>MEDALJBAND</span>
5601                
5602              </span>
5603              
5604              
5605            </span>
5606          
5607            </span>
5608          
5609<span
5610              x-cloak x-show="openSub !== 5"
5611              class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block"
5612              :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5613            >
5614              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
5615    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
5616  </svg>
5617
5618            </span>
5619            <span
5620              x-cloak x-show="openSub === 5"
5621              class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block"
5622              :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5623            >
5624              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
5625    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
5626  </svg>
5627
5628            </span></div><div
5629            x-collapse.duration.500ms
5630            x-show="openSub === 5"
5631            class="background-header w-full h-full overflow-hidden"
5632            :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('2-5')}"
5633          >
5634            <div class="w-full h-full">
5635              <ul 
5636                x-data="{ openSubCur: 0 }"
5637                id="menu-level-2"
5638                class="background-header w-full pl-6 pr-4 rtl:pl-4 rtl:pr-6" 
5639              ><li  class="">
5640                    
5641                    <div
5642                      class="flex items-center gap-4 justify-between h-full"
5643                      
5644                    >
5645                      
5646                        <a href="/products/langt-medaljband" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5647                      
5648                        
5649                        
5650                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5651                          <span  class="flex flex-wrap gap-x-2">
5652                            
5653                            
5654                              <span>LÅNGA MEDALJBAND</span>
5655                            
5656                            
5657                            
5658                          </span>
5659                          
5660                        </span>
5661                      </a>
5662</div></li><li  class="">
5663                    
5664                    <div
5665                      class="flex items-center gap-4 justify-between h-full"
5666                      
5667                    >
5668                      
5669                        <a href="/products/kort-medaljband" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5670                      
5671                        
5672                        
5673                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5674                          <span  class="flex flex-wrap gap-x-2">
5675                            
5676                            
5677                              <span>KORTA MEDALJBAND</span>
5678                            
5679                            
5680                            
5681                          </span>
5682                          
5683                        </span>
5684                      </a>
5685</div></li><li  class="">
5686                    
5687                    <div
5688                      class="flex items-center gap-4 justify-between h-full"
5689                      
5690                    >
5691                      
5692                        <a href="/products/langt-medaljband-med-egen-design" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
5693                      
5694                        
5695                        
5696                        <span class="flex justify-between items-center w-full gap-2 font-menu-level-2">
5697                          <span  class="flex flex-wrap gap-x-2">
5698                            
5699                            
5700                              <span>MEDALJBAND MED EGEN DESIGN</span>
5701                            
5702                            
5703                            
5704                          </span>
5705                          
5706                        </span>
5707                      </a>
5708</div></li></ul>
5709            </div>
5710          </div></li><li>
5711        <div  
5712          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5713        ><style data-shopify>
5714</style>
5715            <a href="/collections/pins" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5716          
5717            
5718              
5719              
5720                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
5721                  
5722                  <img
5723                    srcset="//www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=100 100w,
5724                    //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=225 225w,
5725                    //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=375 375w,
5726                    //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=450 450w,
5727                    //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=750 750w,
5728                    //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=900 900w,
5729                    //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=1100 1100w,
5730                    //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=1500 1500w,
5731                    //www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=1780 1780w"
5732                    src="//www.vasaboden.se/cdn/shop/files/Ikon_pin.webp?v=1790836846&width=3840"
5733                    sizes="(min-width: 768px) calc(1200px / 1),
5734                    
5735                    (min-width: 768px) 100px"
5736                    alt=""
5737                    height=""
5738                    width=""
5739                    loading="lazy"
5740                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
5741                  >
5742                  
5743                </span>
5744              
5745            
5746            
5747            <span class="flex flex-wrap gap-x-2">
5748              <span @click="window.open('/collections/pins', '_self')" class="p-break-words font-medium font-menu-level-1">
5749                
5750                
5751                  <span>PINS</span>
5752                
5753              </span>
5754              
5755              
5756            </span>
5757          
5758            </a>
5759          
5760</div></li>
5761</ul>
5762                      </div></li>
5763                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
5764                    
5765                    <div 
5766                      
5767                        @click="openCur = (openCur === 0 || openCur !== 3) ? 3 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);"
5768                       
5769                      :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5770                      class="flex items-center gap-4 ml-4 mr-4"
5771                    >
5772                      
5773                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
5774                          <span
5775                            @click="window.open('/collections/graverade-skyltar', '_self')"
5776                            class="p-break-words font-medium font-menu-level-0"
5777                          >
5778                    
5779                    
5780                      <span>SKYLTAR</span>
5781                    
5782                  </span>
5783                          
5784
5785                        </div>
5786                        <span
5787                          x-cloak x-show="openCur !== 3"
5788                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
5789                        >
5790                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
5791    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
5792  </svg>
5793
5794                        </span>
5795                        <span
5796                          x-cloak x-show="openCur === 3"
5797                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
5798                        >
5799                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
5800    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
5801  </svg>
5802
5803                        </span>
5804                      
5805                    </div><div
5806                        x-collapse.duration.500ms
5807                        x-show="openCur === 3"
5808                        class="menu-drawer w-full h-full overflow-visible"
5809                      >
5810                        <ul 
5811                          x-data='{ openSub: 0 }'
5812                          id="menu-level-1"
5813                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
5814                          >
5815
5816
5817
5818<li>
5819        <div  
5820          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5821        ><style data-shopify>
5822</style>
5823            <a href="/collections/vandringsprisskyltar" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5824          
5825            
5826              
5827              
5828            
5829            
5830            <span class="flex flex-wrap gap-x-2">
5831              <span @click="window.open('/collections/vandringsprisskyltar', '_self')" class="p-break-words font-medium font-menu-level-1">
5832                
5833                
5834                  <span>VANDRINGSPRISSKYLT</span>
5835                
5836              </span>
5837              
5838              
5839            </span>
5840          
5841            </a>
5842          
5843</div></li><li>
5844        <div  
5845          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5846        ><style data-shopify>
5847</style>
5848            <a href="/collections/namnskyltar" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5849          
5850            
5851              
5852              
5853            
5854            
5855            <span class="flex flex-wrap gap-x-2">
5856              <span @click="window.open('/collections/namnskyltar', '_self')" class="p-break-words font-medium font-menu-level-1">
5857                
5858                
5859                  <span>NAMNSKYLT</span>
5860                
5861              </span>
5862              
5863              
5864            </span>
5865          
5866            </a>
5867          
5868</div></li><li>
5869        <div  
5870          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5871        ><style data-shopify>
5872</style>
5873            <a href="/collections/dorrskyltar" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5874          
5875            
5876              
5877              
5878            
5879            
5880            <span class="flex flex-wrap gap-x-2">
5881              <span @click="window.open('/collections/dorrskyltar', '_self')" class="p-break-words font-medium font-menu-level-1">
5882                
5883                
5884                  <span>DÖRRSKYLT</span>
5885                
5886              </span>
5887              
5888              
5889            </span>
5890          
5891            </a>
5892          
5893</div></li><li>
5894        <div  
5895          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5896        ><style data-shopify>
5897</style>
5898            <a href="/collections/boxskyltar" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5899          
5900            
5901              
5902              
5903            
5904            
5905            <span class="flex flex-wrap gap-x-2">
5906              <span @click="window.open('/collections/boxskyltar', '_self')" class="p-break-words font-medium font-menu-level-1">
5907                
5908                
5909                  <span>BOXSKYLT</span>
5910                
5911              </span>
5912              
5913              
5914            </span>
5915          
5916            </a>
5917          
5918</div></li><li>
5919        <div  
5920          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5921        ><style data-shopify>
5922</style>
5923            <a href="/collections/informationsskyltar" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5924          
5925            
5926              
5927              
5928            
5929            
5930            <span class="flex flex-wrap gap-x-2">
5931              <span @click="window.open('/collections/informationsskyltar', '_self')" class="p-break-words font-medium font-menu-level-1">
5932                
5933                
5934                  <span>INFORMATIONSSKYLT</span>
5935                
5936              </span>
5937              
5938              
5939            </span>
5940          
5941            </a>
5942          
5943</div></li><li>
5944        <div  
5945          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
5946        ><style data-shopify>
5947</style>
5948            <a href="/products/praglad-skylt-i-metall" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5949          
5950            
5951            
5952            <span class="flex flex-wrap gap-x-2">
5953              <span @click="window.open('/products/praglad-skylt-i-metall', '_self')" class="p-break-words font-medium font-menu-level-1">
5954                
5955                
5956                  <span>PRÄGLAD METALLSKYLT</span>
5957                
5958              </span>
5959              
5960              
5961            </span>
5962          
5963            </a>
5964          
5965</div></li>
5966</ul>
5967                      </div></li>
5968                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
5969                    
5970                    <div 
5971                      
5972                        @click="openCur = (openCur === 0 || openCur !== 4) ? 4 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);"
5973                       
5974                      :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
5975                      class="flex items-center gap-4 ml-4 mr-4"
5976                    >
5977                      
5978                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
5979                          <span
5980                            
5981                            class="p-break-words font-medium font-menu-level-0"
5982                          >
5983                    
5984                    
5985                      <span>SPECIALDESIGNAT</span>
5986                    
5987                  </span>
5988                          
5989
5990                        </div>
5991                        <span
5992                          x-cloak x-show="openCur !== 4"
5993                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
5994                        >
5995                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
5996    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
5997  </svg>
5998
5999                        </span>
6000                        <span
6001                          x-cloak x-show="openCur === 4"
6002                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6003                        >
6004                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
6005    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
6006  </svg>
6007
6008                        </span>
6009                      
6010                    </div><div
6011                        x-collapse.duration.500ms
6012                        x-show="openCur === 4"
6013                        class="menu-drawer w-full h-full overflow-visible"
6014                      >
6015                        <ul 
6016                          x-data='{ openSub: 0 }'
6017                          id="menu-level-1"
6018                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
6019                          >
6020
6021
6022
6023<li>
6024        <div  
6025          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6026        ><style data-shopify>
6027</style>
6028            <a href="/products/2d-specialmedalj" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6029          
6030            
6031            
6032              
6033              
6034                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6035                  
6036                  <img
6037                    src="//www.vasaboden.se/cdn/shop/files/2D-Specialmedalj-04.webp?v=1739285317&width=50"
6038                    alt="MUC Medalj 2D - Specialtillverkad av Vasaboden AB"
6039                    height="750"
6040                    width="750"
6041                    loading="lazy"
6042                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6043                  >
6044                  
6045                </span>
6046              
6047            
6048            <span class="flex flex-wrap gap-x-2">
6049              <span @click="window.open('/products/2d-specialmedalj', '_self')" class="p-break-words font-medium font-menu-level-1">
6050                
6051                
6052                  <span>GJUTEN MEDALJ 2D MED EGEN DESIGN</span>
6053                
6054              </span>
6055              
6056              
6057            </span>
6058          
6059            </a>
6060          
6061</div></li><li>
6062        <div  
6063          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6064        ><style data-shopify>
6065</style>
6066            <a href="/products/3d-specialmedalj" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6067          
6068            
6069            
6070              
6071              
6072                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6073                  
6074                  <img
6075                    src="//www.vasaboden.se/cdn/shop/files/Spec-3D-01-Photoroom_1.jpg?v=1739285319&width=50"
6076                    alt="Specialtillverkad medalj järn-finish"
6077                    height="750"
6078                    width="750"
6079                    loading="lazy"
6080                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6081                  >
6082                  
6083                </span>
6084              
6085            
6086            <span class="flex flex-wrap gap-x-2">
6087              <span @click="window.open('/products/3d-specialmedalj', '_self')" class="p-break-words font-medium font-menu-level-1">
6088                
6089                
6090                  <span>SPECIALGJUTNA MEDALJER I 3D</span>
6091                
6092              </span>
6093              
6094              
6095            </span>
6096          
6097            </a>
6098          
6099</div></li><li>
6100        <div  
6101          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6102        ><style data-shopify>
6103</style>
6104            <a href="/products/specialmedalj-med-emaljfarg" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6105          
6106            
6107            
6108              
6109              
6110                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6111                  
6112                  <img
6113                    src="//www.vasaboden.se/cdn/shop/files/Emaljeradmedalj.webp?v=1739285315&width=50"
6114                    alt="kundunika medaljer och tryckta band"
6115                    height="850"
6116                    width="850"
6117                    loading="lazy"
6118                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6119                  >
6120                  
6121                </span>
6122              
6123            
6124            <span class="flex flex-wrap gap-x-2">
6125              <span @click="window.open('/products/specialmedalj-med-emaljfarg', '_self')" class="p-break-words font-medium font-menu-level-1">
6126                
6127                
6128                  <span>EMALJERAD MEDALJ MED DIN EGEN DESIGN</span>
6129                
6130              </span>
6131              
6132              
6133            </span>
6134          
6135            </a>
6136          
6137</div></li><li>
6138        <div  
6139          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6140        ><style data-shopify>
6141</style>
6142            <a href="/products/langt-medaljband-med-egen-design" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6143          
6144            
6145            
6146              
6147              
6148                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6149                  
6150                  <img
6151                    src="//www.vasaboden.se/cdn/shop/files/Medaljbanddmedegetmotiv.webp?v=1739285325&width=50"
6152                    alt="Medaljband med eget motiv"
6153                    height="850"
6154                    width="850"
6155                    loading="lazy"
6156                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6157                  >
6158                  
6159                </span>
6160              
6161            
6162            <span class="flex flex-wrap gap-x-2">
6163              <span @click="window.open('/products/langt-medaljband-med-egen-design', '_self')" class="p-break-words font-medium font-menu-level-1">
6164                
6165                
6166                  <span>MEDALJBAND MED EGET TRYCK</span>
6167                
6168              </span>
6169              
6170              
6171            </span>
6172          
6173            </a>
6174          
6175</div></li><li>
6176        <div  
6177          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6178        ><style data-shopify>
6179</style>
6180            <a href="/products/praglade-mynt-i-metall" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6181          
6182            
6183            
6184              
6185              
6186                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6187                  
6188                  <img
6189                    src="//www.vasaboden.se/cdn/shop/files/Praglademynt-vasttrafik.webp?v=1739285362&width=50"
6190                    alt="Snyggt mynt till Västtrafik"
6191                    height="850"
6192                    width="850"
6193                    loading="lazy"
6194                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6195                  >
6196                  
6197                </span>
6198              
6199            
6200            <span class="flex flex-wrap gap-x-2">
6201              <span @click="window.open('/products/praglade-mynt-i-metall', '_self')" class="p-break-words font-medium font-menu-level-1">
6202                
6203                
6204                  <span>EGENDESIGNAT PRÄGLAT MYNT</span>
6205                
6206              </span>
6207              
6208              
6209            </span>
6210          
6211            </a>
6212          
6213</div></li><li>
6214        <div  
6215          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6216        ><style data-shopify>
6217</style>
6218            <a href="/products/praglad-skylt-i-metall" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6219          
6220            
6221            
6222              
6223              
6224                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6225                  
6226                  <img
6227                    src="//www.vasaboden.se/cdn/shop/files/westcoast_tables.webp?v=1739285282&width=50"
6228                    alt="Gjuten skylt 3d  - Specialdesign"
6229                    height="1200"
6230                    width="1200"
6231                    loading="lazy"
6232                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6233                  >
6234                  
6235                </span>
6236              
6237            
6238            <span class="flex flex-wrap gap-x-2">
6239              <span @click="window.open('/products/praglad-skylt-i-metall', '_self')" class="p-break-words font-medium font-menu-level-1">
6240                
6241                
6242                  <span>PRÄGLAD SKYLT FÖR MONTERING</span>
6243                
6244              </span>
6245              
6246              
6247            </span>
6248          
6249            </a>
6250          
6251</div></li><li>
6252        <div  
6253          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6254        ><style data-shopify>
6255</style>
6256            <a href="/products/hardemaljerade-pins" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6257          
6258            
6259            
6260              
6261              
6262                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6263                  
6264                  <img
6265                    src="//www.vasaboden.se/cdn/shop/files/Ladiescirlceemaljeradpinmedsparvagn.webp?v=1773815729&width=50"
6266                    alt="Emaljerad pin - spårvagn"
6267                    height="850"
6268                    width="850"
6269                    loading="lazy"
6270                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6271                  >
6272                  
6273                </span>
6274              
6275            
6276            <span class="flex flex-wrap gap-x-2">
6277              <span @click="window.open('/products/hardemaljerade-pins', '_self')" class="p-break-words font-medium font-menu-level-1">
6278                
6279                
6280                  <span>EMALJERADE PINS</span>
6281                
6282              </span>
6283              
6284              
6285            </span>
6286          
6287            </a>
6288          
6289</div></li><li>
6290        <div  
6291          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6292        ><style data-shopify>
6293</style>
6294            <a href="/products/metall-pins" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6295          
6296            
6297            
6298              
6299              
6300                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6301                  
6302                  <img
6303                    src="//www.vasaboden.se/cdn/shop/files/Litenpintillkavajslaget.webp?v=1739285412&width=50"
6304                    alt="Liten Pin till kavajslaget"
6305                    height="850"
6306                    width="850"
6307                    loading="lazy"
6308                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6309                  >
6310                  
6311                </span>
6312              
6313            
6314            <span class="flex flex-wrap gap-x-2">
6315              <span @click="window.open('/products/metall-pins', '_self')" class="p-break-words font-medium font-menu-level-1">
6316                
6317                
6318                  <span>GJUTEN METALLPIN MED EGEN SYMBOL</span>
6319                
6320              </span>
6321              
6322              
6323            </span>
6324          
6325            </a>
6326          
6327</div></li><li>
6328        <div  
6329          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6330        ><style data-shopify>
6331</style>
6332            <a href="/products/epoxy-pins" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6333          
6334            
6335            
6336              
6337              
6338                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6339                  
6340                  <img
6341                    src="//www.vasaboden.se/cdn/shop/files/Epoxypinnamnbricka.webp?v=1739285413&width=50"
6342                    alt="Namnbricka kupol epoxy"
6343                    height="850"
6344                    width="850"
6345                    loading="lazy"
6346                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6347                  >
6348                  
6349                </span>
6350              
6351            
6352            <span class="flex flex-wrap gap-x-2">
6353              <span @click="window.open('/products/epoxy-pins', '_self')" class="p-break-words font-medium font-menu-level-1">
6354                
6355                
6356                  <span>PINS MED EPOXYDOME</span>
6357                
6358              </span>
6359              
6360              
6361            </span>
6362          
6363            </a>
6364          
6365</div></li><li>
6366        <div  
6367          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6368        ><style data-shopify>
6369</style>
6370            <a href="/products/emblem-metallmarken" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6371          
6372            
6373            
6374              
6375              
6376                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6377                  
6378                  <img
6379                    src="//www.vasaboden.se/cdn/shop/files/GjutetMetallemblem.webp?v=1739285373&width=50"
6380                    alt="Gjutet metallemblem med logga"
6381                    height="850"
6382                    width="850"
6383                    loading="lazy"
6384                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6385                  >
6386                  
6387                </span>
6388              
6389            
6390            <span class="flex flex-wrap gap-x-2">
6391              <span @click="window.open('/products/emblem-metallmarken', '_self')" class="p-break-words font-medium font-menu-level-1">
6392                
6393                
6394                  <span>EMBLEM OCH METALLMÄRKEN</span>
6395                
6396              </span>
6397              
6398              
6399            </span>
6400          
6401            </a>
6402          
6403</div></li><li>
6404        <div  
6405          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6406        ><style data-shopify>
6407</style>
6408            <a href="/products/metallplaketter-med-egen-design" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6409          
6410            
6411            
6412              
6413              
6414                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6415                  
6416                  <img
6417                    src="//www.vasaboden.se/cdn/shop/files/specialplaketter-00-01-v.jpg?v=1739285367&width=50"
6418                    alt="Specialtillverkad plakett i metall med blank finish"
6419                    height="1000"
6420                    width="1000"
6421                    loading="lazy"
6422                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6423                  >
6424                  
6425                </span>
6426              
6427            
6428            <span class="flex flex-wrap gap-x-2">
6429              <span @click="window.open('/products/metallplaketter-med-egen-design', '_self')" class="p-break-words font-medium font-menu-level-1">
6430                
6431                
6432                  <span>METALLPLAKETT MED EGEN DESIGN</span>
6433                
6434              </span>
6435              
6436              
6437            </span>
6438          
6439            </a>
6440          
6441</div></li><li>
6442        <div  
6443          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6444        ><style data-shopify>
6445</style>
6446            <a href="/products/vagnsmarke" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6447          
6448            
6449            
6450              
6451              
6452                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6453                  
6454                  <img
6455                    src="//www.vasaboden.se/cdn/shop/files/V1.png?v=1739285279&width=50"
6456                    alt="Excellence Limousine Executive custom skylt"
6457                    height="1512"
6458                    width="1512"
6459                    loading="lazy"
6460                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6461                  >
6462                  
6463                </span>
6464              
6465            
6466            <span class="flex flex-wrap gap-x-2">
6467              <span @click="window.open('/products/vagnsmarke', '_self')" class="p-break-words font-medium font-menu-level-1">
6468                
6469                
6470                  <span>EXKLUSIVA VAGNSMÄRKEN</span>
6471                
6472              </span>
6473              
6474              
6475            </span>
6476          
6477            </a>
6478          
6479</div></li><li>
6480        <div  
6481          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6482        ><style data-shopify>
6483</style>
6484            <a href="/products/broderade-tygmarken" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6485          
6486            
6487            
6488              
6489              
6490                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6491                  
6492                  <img
6493                    src="//www.vasaboden.se/cdn/shop/files/broderat-tygmarke-vasaboden-2.jpg?v=1739285311&width=50"
6494                    alt="Broderade tygmärken till IFK Göteborg"
6495                    height="1280"
6496                    width="1280"
6497                    loading="lazy"
6498                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6499                  >
6500                  
6501                </span>
6502              
6503            
6504            <span class="flex flex-wrap gap-x-2">
6505              <span @click="window.open('/products/broderade-tygmarken', '_self')" class="p-break-words font-medium font-menu-level-1">
6506                
6507                
6508                  <span>BRODERAT TYGMÄRKE - EGEN DESIGN</span>
6509                
6510              </span>
6511              
6512              
6513            </span>
6514          
6515            </a>
6516          
6517</div></li><li>
6518        <div  
6519          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6520        ><style data-shopify>
6521</style>
6522            <a href="/products/vavda-tygmarken" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6523          
6524            
6525            
6526              
6527              
6528                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6529                  
6530                  <img
6531                    src="//www.vasaboden.se/cdn/shop/files/vavda-tygmarken-m-broderad-kant-05.jpg?v=1739285313&width=50"
6532                    alt="Timbuktu - runt tygmärke"
6533                    height="1000"
6534                    width="1000"
6535                    loading="lazy"
6536                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6537                  >
6538                  
6539                </span>
6540              
6541            
6542            <span class="flex flex-wrap gap-x-2">
6543              <span @click="window.open('/products/vavda-tygmarken', '_self')" class="p-break-words font-medium font-menu-level-1">
6544                
6545                
6546                  <span>VÄVDA TYGMÄRKEN</span>
6547                
6548              </span>
6549              
6550              
6551            </span>
6552          
6553            </a>
6554          
6555</div></li><li>
6556        <div  
6557          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6558        ><style data-shopify>
6559</style>
6560            <a href="/products/pvc-specialmedalj" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6561          
6562            
6563            
6564              
6565              
6566                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6567                  
6568                  <img
6569                    src="//www.vasaboden.se/cdn/shop/files/pvc-specialmedalj-01.jpg?v=1739285314&width=50"
6570                    alt="Specialtillverkad medalj i PVC"
6571                    height="1000"
6572                    width="1000"
6573                    loading="lazy"
6574                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6575                  >
6576                  
6577                </span>
6578              
6579            
6580            <span class="flex flex-wrap gap-x-2">
6581              <span @click="window.open('/products/pvc-specialmedalj', '_self')" class="p-break-words font-medium font-menu-level-1">
6582                
6583                
6584                  <span>GJUTEN MEDALJ AV PVC 2D eller 3D</span>
6585                
6586              </span>
6587              
6588              
6589            </span>
6590          
6591            </a>
6592          
6593</div></li><li>
6594        <div  
6595          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6596        ><style data-shopify>
6597</style>
6598            <a href="/products/silikonarmband" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6599          
6600            
6601            
6602              
6603              
6604                <span class="w-[45px] h-[45px]" aria-label="mobile-navigation-image">
6605                  
6606                  <img
6607                    src="//www.vasaboden.se/cdn/shop/files/Silikonarmband-03.jpg?v=1739285331&width=50"
6608                    alt="armband till World cocktail championships"
6609                    height="1000"
6610                    width="1000"
6611                    loading="lazy"
6612                    class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
6613                  >
6614                  
6615                </span>
6616              
6617            
6618            <span class="flex flex-wrap gap-x-2">
6619              <span @click="window.open('/products/silikonarmband', '_self')" class="p-break-words font-medium font-menu-level-1">
6620                
6621                
6622                  <span>SILKONARMBAND MED EGET TRYCK</span>
6623                
6624              </span>
6625              
6626              
6627            </span>
6628          
6629            </a>
6630          
6631</div></li>
6632</ul>
6633                      </div></li>
6634                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
6635                    
6636                    <div 
6637                      
6638                        @click="openCur = (openCur === 0 || openCur !== 5) ? 5 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);"
6639                       
6640                      :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6641                      class="flex items-center gap-4 ml-4 mr-4"
6642                    >
6643                      
6644                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
6645                          <span
6646                            
6647                            class="p-break-words font-medium font-menu-level-0"
6648                          >
6649                    
6650                    
6651                      <span>LOTTER &amp; TRYCK</span>
6652                    
6653                  </span>
6654                          
6655
6656                        </div>
6657                        <span
6658                          x-cloak x-show="openCur !== 5"
6659                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6660                        >
6661                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
6662    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
6663  </svg>
6664
6665                        </span>
6666                        <span
6667                          x-cloak x-show="openCur === 5"
6668                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6669                        >
6670                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
6671    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
6672  </svg>
6673
6674                        </span>
6675                      
6676                    </div><div
6677                        x-collapse.duration.500ms
6678                        x-show="openCur === 5"
6679                        class="menu-drawer w-full h-full overflow-visible"
6680                      >
6681                        <ul 
6682                          x-data='{ openSub: 0 }'
6683                          id="menu-level-1"
6684                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
6685                          >
6686
6687
6688
6689<li>
6690        <div  
6691          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6692        ><style data-shopify>
6693</style>
6694            <a href="/collections/tombolalotter-och-lottringar" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6695          
6696            
6697            
6698            <span class="flex flex-wrap gap-x-2">
6699              <span @click="window.open('/collections/tombolalotter-och-lottringar', '_self')" class="p-break-words font-medium font-menu-level-1">
6700                
6701                
6702                  <span>TOMBOLALOTTER &amp; LOTTRINGAR</span>
6703                
6704              </span>
6705              
6706              
6707            </span>
6708          
6709            </a>
6710          
6711</div></li><li>
6712        <div  
6713          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6714        ><style data-shopify>
6715</style>
6716            <a href="/collections/skraplotter" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6717          
6718            
6719            
6720            <span class="flex flex-wrap gap-x-2">
6721              <span @click="window.open('/collections/skraplotter', '_self')" class="p-break-words font-medium font-menu-level-1">
6722                
6723                
6724                  <span>SKRAPLOTTER</span>
6725                
6726              </span>
6727              
6728              
6729            </span>
6730          
6731            </a>
6732          
6733</div></li><li>
6734        <div  
6735          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6736        ><style data-shopify>
6737</style>
6738            <a href="/collections/50-50-lotter" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6739          
6740            
6741            
6742            <span class="flex flex-wrap gap-x-2">
6743              <span @click="window.open('/collections/50-50-lotter', '_self')" class="p-break-words font-medium font-menu-level-1">
6744                
6745                
6746                  <span>50/50-LOTTER</span>
6747                
6748              </span>
6749              
6750              
6751            </span>
6752          
6753            </a>
6754          
6755</div></li><li>
6756        <div  
6757          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6758        ><style data-shopify>
6759</style>
6760            <a href="/collections/biljetter-och-nummerlappar" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6761          
6762            
6763            
6764            <span class="flex flex-wrap gap-x-2">
6765              <span @click="window.open('/collections/biljetter-och-nummerlappar', '_self')" class="p-break-words font-medium font-menu-level-1">
6766                
6767                
6768                  <span>BILJETTER &amp; NUMMERLAPPAR</span>
6769                
6770              </span>
6771              
6772              
6773            </span>
6774          
6775            </a>
6776          
6777</div></li>
6778</ul>
6779                      </div></li>
6780                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
6781                    
6782                    <div 
6783                       
6784                      :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6785                      class="flex items-center gap-4 ml-4 mr-4"
6786                    >
6787                      
6788                        <div 
6789                          @click="window.open('https://profil.vasaboden.se', '_self')"
6790                          class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect"
6791                          :class="active && 'effect-inline'"
6792                        >
6793                          <span class="p-break-words font-medium font-menu-level-0">
6794                    
6795                    
6796                      <span>PROFILPRODUKTER</span>
6797                    
6798                  </span>
6799                          
6800
6801                        </div>
6802                      
6803                    </div></li>
6804                  <li x-data='{ active: false }' class="block-mobile-navigation-accordion_menu block-mobile-navigation block-mobile-navigation-after" >
6805                    
6806                    <div 
6807                      
6808                        @click="openCur = (openCur === 0 || openCur !== 7) ? 7 : 0; setTimeout(() => {$el.scrollIntoView({ behavior: 'smooth' })}, 500);"
6809                       
6810                      :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
6811                      class="flex items-center gap-4 ml-4 mr-4"
6812                    >
6813                      
6814                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect">
6815                          <span
6816                            
6817                            class="p-break-words font-medium font-menu-level-0"
6818                          >
6819                    
6820                    
6821                      <span>KLUBBSHOPPAR</span>
6822                    
6823                  </span>
6824                          
6825
6826                        </div>
6827                        <span
6828                          x-cloak x-show="openCur !== 7"
6829                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6830                        >
6831                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="" viewBox="0 0 10 10">
6832    <path fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"/>
6833  </svg>
6834
6835                        </span>
6836                        <span
6837                          x-cloak x-show="openCur === 7"
6838                          class="icon-caret-mobile h-4 w-4 min-h-4 min-w-4 block"
6839                        >
6840                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class=" w-full h-full" viewBox="0 0 10 2">
6841    <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" />
6842  </svg>
6843
6844                        </span>
6845                      
6846                    </div><div
6847                        x-collapse.duration.500ms
6848                        x-show="openCur === 7"
6849                        class="menu-drawer w-full h-full overflow-visible"
6850                      >
6851                        <ul 
6852                          x-data='{ openSub: 0 }'
6853                          id="menu-level-1"
6854                          class="overflow-hidden background-header w-full h-full pl-4 rtl:pl-0 rtl:pr-4" 
6855                          >
6856
6857
6858
6859<li>
6860        <div  
6861          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6862        ><style data-shopify>
6863</style>
6864            <a href="/collections/gfkennedy" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6865          
6866            
6867            
6868            <span class="flex flex-wrap gap-x-2">
6869              <span @click="window.open('/collections/gfkennedy', '_self')" class="p-break-words font-medium font-menu-level-1">
6870                
6871                
6872                  <span>GF KENNEDY</span>
6873                
6874              </span>
6875              
6876              
6877            </span>
6878          
6879            </a>
6880          
6881</div></li><li>
6882        <div  
6883          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6884        ><style data-shopify>
6885</style>
6886            <a href="https://kundportal.vasaboden.se/locked_index" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6887          
6888            
6889            
6890            <span class="flex flex-wrap gap-x-2">
6891              <span @click="window.open('https://kundportal.vasaboden.se/locked_index', '_self')" class="p-break-words font-medium font-menu-level-1">
6892                
6893                
6894                  <span>PINCHOS</span>
6895                
6896              </span>
6897              
6898              
6899            </span>
6900          
6901            </a>
6902          
6903</div></li><li>
6904        <div  
6905          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6906        ><style data-shopify>
6907</style>
6908            <a href="/collections/gkss-medlemsshop" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6909          
6910            
6911            
6912            <span class="flex flex-wrap gap-x-2">
6913              <span @click="window.open('/collections/gkss-medlemsshop', '_self')" class="p-break-words font-medium font-menu-level-1">
6914                
6915                
6916                  <span>GKSS</span>
6917                
6918              </span>
6919              
6920              
6921            </span>
6922          
6923            </a>
6924          
6925</div></li><li>
6926        <div  
6927          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6928        ><style data-shopify>
6929</style>
6930            <a href="/collections/gff" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6931          
6932            
6933            
6934            <span class="flex flex-wrap gap-x-2">
6935              <span @click="window.open('/collections/gff', '_self')" class="p-break-words font-medium font-menu-level-1">
6936                
6937                
6938                  <span>GÖTEBORG FF</span>
6939                
6940              </span>
6941              
6942              
6943            </span>
6944          
6945            </a>
6946          
6947</div></li><li>
6948        <div  
6949          class="flex items-center gap-4 mr-4 ml-3 rtl:mr-3 rtl:ml-4"
6950        ><style data-shopify>
6951</style>
6952            <a href="/products/tangent-namnskylt" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6953          
6954            
6955            
6956            <span class="flex flex-wrap gap-x-2">
6957              <span @click="window.open('/products/tangent-namnskylt', '_self')" class="p-break-words font-medium font-menu-level-1">
6958                
6959                
6960                  <span>TANGENT</span>
6961                
6962              </span>
6963              
6964              
6965            </span>
6966          
6967            </a>
6968          
6969</div></li>
6970</ul>
6971                      </div></li><li class="x-block-cart block-mobile-navigation block-mobile-navigation-cart block-mobile-navigation-after pl-4 pr-4" >
6972                    <a
6973                      href="/cart"
6974                      class="flex pt-3.5 pb-3.5 items-center relative disable-effect"
6975                      data-no-instant
6976                    >
6977                      <span class="w-6 h-6" @click="$store.xMiniCart.openCart('sections--29795648143698__mobile-navigation')">
6978                        <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22 22" fill="none">
6979    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.59556 15.0449C7.33025 15.0449 6.30389 16.0713 6.30389 17.3366C6.30389 18.6019 7.33025 19.6283 8.59556 19.6283C9.86087 19.6283 10.8872 18.6019 10.8872 17.3366C10.8872 16.0713 9.86087 15.0449 8.59556 15.0449ZM8.59556 18.1201C8.16073 18.1201 7.81209 17.7675 7.81209 17.3366C7.81209 16.9057 8.16465 16.5531 8.59556 16.5531C9.03039 16.5531 9.37904 16.9057 9.37904 17.3366C9.37904 17.7675 9.03039 18.1201 8.59556 18.1201Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.2" stroke-miterlimit="10"/>
6980    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9 4.64037C20.4557 4.51721 19.9981 4.79088 19.8793 5.25156L19.8574 5.33367C19.8222 5.39752 19.7914 5.46594 19.7738 5.53892L19.3514 7.17182C19.3426 7.20831 19.3338 7.24937 19.3294 7.28585C19.3118 7.32691 19.2986 7.36796 19.2854 7.40901L18.8631 9.04191C18.8543 9.07384 18.8499 9.10577 18.8455 9.14226L18.5156 10.4103C18.5068 10.4468 18.498 10.4878 18.4936 10.5243C18.476 10.5653 18.4628 10.6064 18.4496 10.6475L18.058 12.1572H18.0448C18.014 12.4309 17.8953 12.5039 17.8073 12.5175H17.7457C17.7237 12.513 17.7149 12.5084 17.7149 12.5084V12.5175H13.6895C13.6851 12.5175 13.6763 12.5175 13.6719 12.5175C13.6675 12.5175 13.6587 12.5175 13.6543 12.5175H7.80321L7.79441 12.4947C7.57445 12.5449 7.46886 12.4856 7.41607 12.4218L7.11252 11.245C7.10812 11.1857 7.09932 11.1218 7.08612 11.058L6.78697 9.90854C6.78257 9.88573 6.77817 9.85836 6.77377 9.83556L6.38223 8.33037C6.37783 8.27107 6.36903 8.20721 6.35584 8.14336L5.9599 6.61992C5.9555 6.57431 5.9467 6.53326 5.9379 6.48765L5.54636 4.98245C5.54196 4.92316 5.53316 4.8593 5.51997 4.79545L5.12843 3.27657C5.12403 3.2492 5.11963 3.22184 5.11083 3.19447C4.82487 1.86716 3.23672 2.004 3.23672 2.004H1.63537C1.17344 2.004 0.803894 2.3917 0.803894 2.86606C0.803894 3.34043 1.17784 3.72813 1.63537 3.72813H3.26751C3.29391 3.72813 3.32031 3.72813 3.3423 3.72357C3.45668 3.74181 3.51827 3.79655 3.54467 3.85128L3.57547 3.97443C3.57547 3.97899 3.57547 3.97899 3.57547 3.97899L3.86582 5.11017C3.87022 5.16946 3.87902 5.23332 3.89222 5.29718L4.28816 6.82061C4.29256 6.86622 4.30135 6.90728 4.31015 6.95289L4.70169 8.45808C4.70609 8.51737 4.71489 8.58123 4.72809 8.64509L5.02724 9.79451C5.03164 9.81731 5.03604 9.84468 5.04044 9.86749L5.43198 11.3727C5.43
6980638 11.432 5.44518 11.4958 5.45837 11.5597L5.88071 13.1926C5.90271 13.2838 5.9423 13.3659 5.98629 13.4389C6.30744 14.0775 6.97614 14.2189 7.41607 14.2371C7.43367 14.2371 7.44687 14.2417 7.46447 14.2417H13.6455C13.6499 14.2417 13.6587 14.2417 13.6631 14.2417C13.6675 14.2417 13.6763 14.2417 13.6807 14.2417H18.1152C18.1328 14.2417 18.1548 14.2417 18.1724 14.2417H18.1944C18.278 14.2417 18.3572 14.228 18.4364 14.2052C19.1975 14.0182 19.501 13.1972 19.6022 12.8368C19.6154 12.8003 19.6286 12.7638 19.6418 12.7274L20.0641 11.0944C20.0729 11.058 20.0817 11.0169 20.0861 10.9804C20.1037 10.9394 20.1169 10.8983 20.1301 10.8573L20.5524 9.22436C20.5612 9.19243 20.5656 9.1605 20.57 9.12401L20.9 7.856C20.9088 7.81951 20.9176 7.77846 20.922 7.74197C20.9396 7.70092 20.9528 7.65987 20.966 7.61882L20.988 7.53672C21.0232 7.47286 21.054 7.40445 21.0716 7.33147L21.4939 5.69856C21.6083 5.23788 21.3443 4.76352 20.9 4.64037Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
6981    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9289 15.0449C14.6636 15.0449 13.6372 16.0713 13.6372 17.3366C13.6372 18.6019 14.6636 19.6283 15.9289 19.6283C17.1942 19.6283 18.2205 18.6019 18.2205 17.3366C18.2205 16.0713 17.1942 15.0449 15.9289 15.0449ZM15.9289 18.1201C15.494 18.1201 15.1454 17.7675 15.1454 17.3366C15.1454 16.9057 15.498 16.5531 15.9289 16.5531C16.3637 16.5531 16.7123 16.9057 16.7123 17.3366C16.7123 17.7675 16.3637 18.1201 15.9289 18.1201Z" fill="currentcolor" stroke="currentcolor" stroke-width="0.2" stroke-miterlimit="10"/>
6982  </svg>
6983                      </span>
6984                      <div id="mobile-cart-icon-bubble" class="count_item absolute top-2 left-2 rtl:left-auto rtl:right-2" data-value="0">
6985                        <div class="bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-4 w-4 ml-1 rounded-full text-[10px] hidden"><span class="h-full flex items-center justify-center" aria-hidden="true">0</span></div>
6986                      </div>
6987                      <span class="font-medium font-menu-level-1 ml-2 rtl:ml-0 rtl:mr-2">Min kundvagn</span>
6988                    </a>
6989                  </li><li class="x-block-login block-mobile-navigation block-mobile-navigation-account pl-4 pr-4 block-mobile-navigation-after" ><a href="/account/login"
6990                      class=" font-medium pt-3.5 pb-3.5 flex items-center disable-effect"
6991                      data-no-instant
6992                      aria-label="Logga in"
6993                    >
6994                      <span class="w-6 h-6 mr-2 rtl:mr-0 rtl:ml-2">
6995                        <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" style="fill: none;">
6996    <path d="M10.6768 1.76956C10.0249 1.282 9.21778 1.00012 8.33305 1.00012C6.19106 1.00012 4.45264 2.70658 4.45264 4.80919C4.45264 6.91179 6.19106 8.61825 8.33305 8.61825C10.475 8.61825 12.2135 6.91179 12.2135 4.80919" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6997    <path d="M15 16.9999C15 14.0516 12.0122 11.6672 8.33357 11.6672C4.6549 11.6672 1.66699 14.0516 1.66699 16.9999" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6998    </svg>
6999
7000                      </span>Logga in</a>
7001                  </li>
7002        </ul>
7003      </div>
7004      <style data-shopify>
7005        #button-light-mode {background: #ffffff;}
7006        #button-dark-mode {
7007          background: transparent;
7008        }
7009        .dark #button-light-mode {
7010          background: transparent;
7011        }
7012        .dark #button-dark-mode {background: #202020;}
7013        .mobile-nav-theme-mode-container + .x-header-store-selector-container {
7014          border-top-width: 1px;
7015        }
7016        .mobile-nav-theme-mode-container + .x-container-mobile-nav-language {
7017          border-top-width: 1px;
7018        }
7019        .bg-theme-mode-sections--29795648143698__mobile-navigation {
7020          
7021            background: #f2f2f2;
7022          
7023        }
7024        .dark .bg-theme-mode-sections--29795648143698__mobile-navigation {
7025          
7026            background: #313131;
7027          
7028        }
7029      </style>
7030      
7031      <div class="block-mobile-navigation x-header-store-selector-container font-menu-level-2 empty:hidden pl-4 pr-4 flex"></div><style data-shopify>
7032          .font-menu-level-2 button {
7033            font-size: 0.875rem;
7034          }
7035
7036          .x-container-mobile-nav-language .toolbar-button {
7037            padding-top: 0.25rem;
7038            padding-bottom: 0.25rem;
7039          }
7040        </style>
7041        <div class="x-container-mobile-nav-language pb-4 pl-4 pr-4 lg:flex lg:items-center font-menu-level-2 background-header justify-center lg:justify-end bottom-0 left-0 max-w-xl">
7042<div id="selector-social" class=" flex lg:items-center lg:justify-end relative">
7043     
7044
7045
7046<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors w-full flex flex-row-reverse justify-between" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div 
7047      class="text-normal relative inline-flex lg:inline-block"
7048      x-data="{ open: false }" 
7049      @keyup.escape="open = false"
7050    >
7051      <button 
7052        @click.prevent="open = ! open;"
7053        class="toolbar-button relative pt-2.5 pb-2.5 lg:pl-5 rtl:lg:pr-5 pr-5 rtl:pr-0 rtl:pl-5 curs
7053or-pointer hover-text-link duration-200 transition"
7054        aria-expanded="false" aria-controls="LanguageList"
7055      >
7056        <span>svenska</span>
7057        <span class="absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="open && ' -rotate-180'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7058    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7059  </svg>
7060</span>
7061      </button>
7062      <div x-show="open" @click.away="open = false" x-cloak>
7063        
7064          <style data-shopify>
7065            .locale-options-mobile-nav-sections--29795648143698__mobile-navigation {
7066              
7067                max-width: 544px;
7068              
7069            }
7070            .locale-options-mobile-nav-sections--29795648143698__mobile-navigation li {
7071              padding-top: 16px;
7072              padding-bottom: 16px;
7073              padding-left: 20px;
7074              padding-right: 20px;
7075              font-size: 0.875rem; 
7076            }
7077          </style>
7078          <ul 
7079            role="list" 
7080            x-data="xLocalizationForm" 
7081            class="locale-options locale-options-mobile-nav-sections--29795648143698__mobile-navigation scrollbar-body w-[calc(100vw-32px)] flex flex-col absolute right-0 rtl:right-auto rtl:left-0 bottom-full z-50 shadow-md max-h-[400px] overflow-y-auto background-header bottom-0"
7082          >
7083            
7084              <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]">
7085                <a 
7086                  class="nav-link hover-text-link relative border-b underline-color effect-inline"
7087                  href="#"
7088                  data-no-instant
7089                  @click="submit('sv', 'locale_selector')"
7090                >
7091                  <span class="disclosure-list__label">svenska</span>
7092                </a>
7093              </li>
7094              <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]">
7095                <a 
7096                  class="nav-link hover-text-link relative options-text-color"
7097                  href="#"
7098                  data-no-instant
7099                  @click="submit('da', 'locale_selector')"
7100                >
7101                  <span class="disclosure-list__label">Dansk</span>
7102                </a>
7103              </li>
7104              <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]">
7105                <a 
7106                  class="nav-link hover-text-link relative options-text-color"
7107                  href="#"
7108                  data-no-instant
7109                  @click="submit('en', 'locale_selector')"
7110                >
7111                  <span class="disclosure-list__label">English</span>
7112                </a>
7113              </li>
7114              <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]">
7115                <a 
7116                  class="nav-link hover-text-link relative options-text-color"
7117                  href="#"
7118                  data-no-instant
7119                  @click="submit('fi', 'locale_selector')"
7120                >
7121                  <span class="disclosure-list__label">Suomi</span>
7122                </a>
7123              </li>
7124              <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]">
7125                <a 
7126                  class="nav-link hover-text-link relative options-text-color"
7127                  href="#"
7128                  data-no-instant
7129                  @click="submit('no', 'locale_selector')"
7130                >
7131                  <span class="disclosure-list__label">norsk</span>
7132                </a>
7133              </li>
7134              <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]">
7135                <a 
7136                  class="nav-link hover-text-link relative options-text-color"
7137                  href="#"
7138                  data-no-instant
7139                  @click="submit('de', 'locale_selector')"
7140                >
7141                  <span class="disclosure-list__label">Deutsch</span>
7142                </a>
7143              </li></ul>
7144        
7145      </div>
7146      <input type="hidden" aria-hidden="true" name="locale_code" id="locale_selector" value="sv" data-disclosure-input/>
7147    </div></form>
7147<script src="//www.vasaboden.se/cdn/shop/t/28/assets/locales-form.js?v=77424405773733899781776329373" defer></script>
7147</div></div></div>
7148  </div>
7149</template>
7150</div><section id="shopify-section-sections--29795648143698__custom_liquid_wi3Tgn" class="shopify-section shopify-section-group-header-group-puff section section-custom-liquid x-section">
7151
7152<style data-shopify>
7153  .custom-liquid ul {
7154    list-style: disc;
7155  }
7156</style>
7157
7158<div class="relative mx-auto pt-[0px] md:pt-[0px] pb-[0px] md:pb-[0px]">
7159  <div class="custom-liquid  x-pgw page-width">
7160    <style>
7161.cart-startup-cost br {
7162    display: none;
7163}
7164.button-product-buy_buttons .add_to_cart_button {
7165  overflow: hidden;
7166  position: relative;
7167}
7168.button-product-buy_buttons .add_to_cart_button:before {
7169  content: "";
7170  z-index: -1;
7171  position: absolute;
7172  top: 0;
7173  right: 0;
7174  bottom: 0;
7175  left: 0;
7176  width: var(--button-width);
7177  height: var(--button-height);
7178  background-color: var(--colors-button-hover);
7179  backface-visibility: hidden;
7180  will-change: transform;
7181  transform: var(--button-transform);
7182  transform-origin: var(--button-transform-origin);
7183  transition: transform 0.5s ease;
7184}
7185.button-product-buy_buttons .add_to_cart_button:hover:before {
7186  transform: rotate3d(0, 0, 1, 0) translateZ(0);
7187}
7188</style>
7189  </div>
7190</div>
7191</section>
7192<!-- END sections: header-group-puff -->
7193          <!-- BEGIN sections: aside-group-puff -->
7194<div id="shopify-section-sections--29795646898514__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group-puff section-product-labels-and-badges"><style data-shopify>.x-badge-product-labels-and-badges-0 .x-badge-content.x-badge-text{
7195          background-color:#a90000;
7196          color:#ffffff;
7197          
7198        }
7199        .dark .x-badge-product-labels-and-badges-0 .x-badge-content.x-badge-text{
7200          background-color:#a90000;
7201          color:#ffffff;
7202          
7203            border-width: 0;
7204          
7205        }.x-badge-product-labels-and-badges-0 {
7206        --font-size-scale: 0.9rem;
7207        
7208          --width-image-label: 30px;
7209          --height-image-label: 30.48px;
7210        
7211      }
7212      @media (min-width: 768px) {
7213        .x-badge-product-labels-and-badges-0 {
7214          --font-size-scale: 0.9rem;
7215          
7216            --width-image-label: 75px;
7217            --height-image-label: 76.2px;
7218          
7219        }
7220      }.x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
7221          background-color:#525151;
7222          color:#ffffff;
7223          
7224        }
7225        .dark .x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
7226          background-color:#525151;
7227          color:#ffffff;
7228          
7229            border-width: 0;
7230          
7231        }.x-badge-product-labels-and-badges-1 {
7232        --font-size-scale: 0.9rem;
7233        
7234      }
7235      @media (min-width: 768px) {
7236        .x-badge-product-labels-and-badges-1 {
7237          --font-size-scale: 0.9rem;
7238          
7239        }
7240      }</style>
7241    <div class="x-badges-block-data" x-badges-block-data='{
7242      "id": "product-labels-and-badges-0",
7243      "enable": true,
7244      "type": "sale-label",
7245      "settings": {
7246        "show_on_product_card": true,
7247        "show_on_product_page": true,
7248        "applied_to": "",
7249        "applied_products": [],
7250        "applied_collections": [],
7251        "content": "{sale}{price}",
7252        
7253          "type": "rounded-full",
7254        
7255        "background_color": "#a90000",
7256        "text_color": "#ffffff",
7257        "image": "\/\/www.vasaboden.se\/cdn\/shop\/files\/REA_label_batch.webp?v=1757927855",
7258        "image_alt": "",
7259        "image_aspect_ratio": 0.984251968503937,
7260        "size": 5,
7261        "size_mobile": 2,
7262        "opacity": 100,
7263        "position": "top-left",
7264        "horizontal_position": 86,
7265        "vertical_position": 0,
7266        "schedule_enabled": false,
7267        "reset": false,
7268        "duration": 0,
7269        "timezone": 0,
7270        "start_year": 0,
7271        "start_month": 0,
7272        "start_day": 0,
7273        "start_hour": 0,
7274        "start_minute": 0,
7275        "end_year": 0,
7276        "end_month": 0,
7277        "end_day": 0,
7278        "end_hour": 0,
7279        "end_minute": 0,
7280        "day_since": "none",
7281        "number_show": 30
7282      }
7283    }' x-badges-icon=''></div>
7284    <div class="x-badges-block-data" x-badges-block-data='{
7285      "id": "product-labels-and-badges-1",
7286      "enable": true,
7287      "type": "sold-out-label",
7288      "settings": {
7289        "show_on_product_card": true,
7290        "show_on_product_page": false,
7291        "applied_to": "",
7292        "applied_products": [],
7293        "applied_collections": [],
7294        "content": "Beställningsvara",
7295        
7296          "type": "round",
7297        
7298        "background_color": "#525151",
7299        "text_color": "#ffffff",
7300        "image": null,
7301        "image_alt": "",
7302        "image_aspect_ratio": 0,
7303        "size": 2,
7304        "size_mobile": 2,
7305        "opacity": 80,
7306        "position": "custom",
7307        "horizontal_position": 50,
7308        "vertical_position": 5,
7309        "schedule_enabled": false,
7310        "reset": false,
7311        "duration": 0,
7312        "timezone": 0,
7313        "start_year": 0,
7314        "start_month": 0,
7315        "start_day": 0,
7316        "start_hour": 0,
7317        "start_minute": 0,
7318        "end_year": 0,
7319        "end_month": 0,
7320        "end_day": 0,
7321        "end_hour": 0,
7322        "end_minute": 0,
7323        "day_since": "none",
7324        "number_show": 30
7325      }
7326    }' x-badges-icon=''></div>
7326<script src="//www.vasaboden.se/cdn/shop/t/28/assets/labels-and-badges.js?v=33704548163748662151776329373" defer></script>
7326
7327</div>
7328<!-- END sections: aside-group-puff -->
7329        
7330
7331      
7332      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-index theme-template-suffix-none" role="main" tabindex="-1">
7333        <section id="shopify-section-template--29795656434002__media_gallery_6gDGeW" class="shopify-section section-media-gallery x-section"><style data-shopify>.cell-template--29795656434002__media_gallery_6gDGeW-1 {
7334    
7335      min-height: 250px;
7336    
7337  }
7338  .gap-grid--template--29795656434002__media_gallery_6gDGeW {
7339    
7340      gap: 16px;
7341    
7342  }
7343  .preload-slide-template--29795656434002__media_gallery_6gDGeW {
7344    
7345      width: 100%;
7346      margin-right: 0;
7347    
7348  }
7349  
7350    
7351    
7352      .cell-template--29795656434002__media_gallery_6gDGeW-2 {
7353        min-height: 500px;
7354      }
7355      .cell-template--29795656434002__media_gallery_6gDGeW-3 {
7356        min-height: 500px;
7357      }
7358    
7359  
7360  @media screen and (min-width: 768px) {
7361    .preload-slide-template--29795656434002__media_gallery_6gDGeW {
7362      width: 100%;
7363      margin-right: 0;
7364    }
7365    
7366      
7367      .cell-template--29795656434002__media_gallery_6gDGeW-1 {
7368        min-height: 180px;
7369      }
7370      .cell-template--29795656434002__media_gallery_6gDGeW-2 {
7371        min-height: 360px;
7372      }
7373      .cell-template--29795656434002__media_gallery_6gDGeW-3 {
7374        min-height: 540px;
7375      }
7376    
7377    .gap-grid--template--29795656434002__media_gallery_6gDGeW {
7378      gap: 20px;
7379    }
7380  }
7381  
7382  #shopify-section-template--29795656434002__media_gallery_6gDGeW {--background-color: 255, 255, 255;}
7383  .dark #shopify-section-template--29795656434002__media_gallery_6gDGeW {--background-color: 32, 32, 32;
7384      background: transparent;}</style>
7385
7386<div class="x-container-media-gallery pt-[28px] md:pt-[20px] pb-[28px] md:pb-[28px] x-pgw page-width mx-auto pl-5 pr-5"><div 
7387    id="x-slide-mobile-template--29795656434002__media_gallery_6gDGeW"
7388    class="overflow-hidden grid grid-cols-1 md:grid-cols-3 gap-grid--template--29795656434002__media_gallery_6gDGeW"
7389    
7390    x-intersect.once='$el.classList.add("is-ready-to-animate")'
7391  >
7392    <style data-shopify>
7393          .x-slide-animation-duration-1 {
7394            --delay-time: 0ms
7395          }
7396        </style>
7397
7398            <style data-shopify>
7399              .media-media_fY4i9w, .media-media_fY4i9w *:before { 
7400                
7401                
7402                
7403                
7404                
7405              }
7406              .button--media_fY4i9w.button-outline {
7407
7408              }
7409              
7410            </style>
7411            <div 
7412              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
7413              class=" x-block-items-media-1 media-media_fY4i9w flex flex-col group overflow-hidden relative col-span-1 md:col-span-1 cell-template--29795656434002__media_gallery_6gDGeW-2 row-span-2" 
7414              
7415            >
7416              
7417              <div class="flex grow relative h-full w-full z-10 overflow-hidden  md:rounded-[10px] rounded-[10px]">
7418                
7419                  <a 
7420                    aria-label="Bildlänk" 
7421                    href="/collections/glaspriser" 
7422                    class="animate_transition_card__image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden animate-Xpulse skeleton-image"
7423                  > 
7424
7425                    
7426                      <img src="//www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=3840" alt="" srcset="//www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=250 250w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=300 300w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=375 375w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=450 450w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=750 750w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=900 900w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=1100 1100w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=1500 1500w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=1780 1780w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=2000 2000w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=3000 3000w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&amp;width=3840 3840w" width="3840" height="2160" loading="lazy" sizes="(min-width: 1200px) 400px, (min-width: 768px) 33vw, 100vw" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" onload="this?.classList.add(&quot;active&quot;); 
7427                    this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
7428                    setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);">
7429                    
7430
7431                  
7432                    <div class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay pointer-events-none opacity-0"></div>
7433                  
7434                
7435                  </a> 
7436              </div><style data-shopify>
7437                
7438                  .content-media_fY4i9w { 
7439                    --colors-heading: 18, 69, 123;
7440                  }
7441                
7442                .heading-media_fY4i9w { 
7443                  font-size: 1.575rem; 
7444                }
7445                .text-media_fY4i9w { 
7446                  font-size: 1.02375rem; 
7447                }
7448                @media screen and (min-width: 1024px) {
7449                  .heading-media_fY4i9w { 
7450                    font-size: 2.25rem; 
7451                  }
7452                  .text-media_fY4i9w { 
7453                    font-size: 1.1375rem; 
7454                  }
7455                }</style><div class="content-media_fY4i9w pointer-events-none pr-5 pl-5 lg:pr-8 lg:pl-8 xl:pr-11 xl:pl-11 text-left rtl:text-right pt-5 pb-5 lg:pt-9 lg:pb-9 2xl:pt-12 2xl:pb-12 2xl:pl-12 2xl:pr-12 z-10 absolute left-0 right-0 top-0"
7456              >
7457                
7458                <p class="heading-media_fY4i9w empty:hidden leading-tight pointer-events-auto p-break-words h4">
7459                  
7460
7461
7462<style data-shopify>
7463  .heading-media_fY4i9w {
7464    
7465  }
7466  .dark .heading-media_fY4i9w {
7467    
7468      --color-highlight: #FFFFFF;
7469    
7470  }
7471</style>
7472
7473
7474
7475  
7476
7477  
7478    
7479      
7480        .BUSINESS AWARDS
7481      
7482    
7483  
7484
7485  
7486
7487                </p>
7488                <div class="leading-tight pointer-events-auto p-break-words pl0-ul rte text-media_fY4i9w text-[rgb(var(--colors-text))]">
7489                  
7490                </div>
7491              </div>
7492            </div>
7493<style data-shopify>
7494          .x-slide-animation-duration-2 {
7495            --delay-time: 100ms
7496          }
7497        </style>
7498
7499            <style data-shopify>
7500              .media-media_wBJCAU, .media-media_wBJCAU *:before { 
7501                
7502                
7503                
7504                
7505                
7506              }
7507              .button--media_wBJCAU.button-outline {
7508
7509              }
7510              
7511            </style>
7512            <div 
7513              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
7514              class=" x-block-items-media-2 media-media_wBJCAU flex flex-col group overflow-hidden relative col-span-1 md:col-span-2 cell-template--29795656434002__media_gallery_6gDGeW-2 row-span-2" 
7515              
7516            >
7517              
7518              <div class="flex grow relative h-full w-full z-10 overflow-hidden  md:rounded-[10px] rounded-[10px]">
7519                
7520                  <a 
7521                    aria-label="Bildlänk" 
7522                    href="/collections/pokaler" 
7523                    class="animate_transition_card__image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden animate-Xpulse skeleton-image"
7524                  > 
7525
7526                    
7527                      <img src="//www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=3840" alt="" srcset="//www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=250 250w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=300 300w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=375 375w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=450 450w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=750 750w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=900 900w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=1100 1100w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=1500 1500w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=1780 1780w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=2000 2000w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=3000 3000w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&amp;width=3840 3840w" width="3840" height="2160" loading="lazy" sizes="(min-width: 1200px) 800px, (min-width: 768px) 66vw, 100vw" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" onload="this?.classList.add(&quot;active&quot;); 
7528                    this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
7529                    setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);">
7530                    
7531
7532                  
7533                    <div class="absolute top-0 left-0 bottom-0 right-0 z-10 
7533image-treatment-overlay pointer-events-none opacity-0"></div>
7534                  
7535                
7536                  </a> 
7537              </div><style data-shopify>
7538                
7539                .heading-media_wBJCAU { 
7540                  font-size: 1.575rem; 
7541                }
7542                .text-media_wBJCAU { 
7543                  font-size: 1.02375rem; 
7544                }
7545                @media screen and (min-width: 1024px) {
7546                  .heading-media_wBJCAU { 
7547                    font-size: 2.25rem; 
7548                  }
7549                  .text-media_wBJCAU { 
7550                    font-size: 1.1375rem; 
7551                  }
7552                }</style><div class="content-media_wBJCAU pointer-events-none pr-5 pl-5 lg:pr-8 lg:pl-8 xl:pr-11 xl:pl-11 text-left rtl:text-right pt-5 pb-5 lg:pt-9 lg:pb-9 2xl:pt-12 2xl:pb-12 2xl:pl-12 2xl:pr-12 z-10 absolute left-0 right-0 top-0"
7553              >
7554                
7555                <p class="heading-media_wBJCAU empty:hidden leading-tight pointer-events-auto p-break-words h4">
7556                  
7557
7558
7559<style data-shopify>
7560  .heading-media_wBJCAU {
7561    
7562  }
7563  .dark .heading-media_wBJCAU {
7564    
7565      --color-highlight: #FFFFFF;
7566    
7567  }
7568</style>
7569
7570
7571
7572  
7573
7574  
7575    
7576      
7577        .POKALER
7578      
7579    
7580  
7581
7582  
7583
7584                </p>
7585                <div class="leading-tight pointer-events-auto p-break-words pl0-ul rte text-media_wBJCAU text-[rgb(var(--colors-text))]">
7586                  
7587                </div>
7588              </div>
7589            </div>
7590<style data-shopify>
7591          .x-slide-animation-duration-3 {
7592            --delay-time: 200ms
7593          }
7594        </style>
7595
7596            <style data-shopify>
7597              .media-media_MApmyg, .media-media_MApmyg *:before { 
7598                
7599                
7600                
7601                
7602                
7603              }
7604              .button--media_MApmyg.button-outline {
7605
7606              }
7607              
7608            </style>
7609            <div 
7610              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
7611              class=" x-block-items-media-3 media-media_MApmyg flex flex-col group overflow-hidden relative col-span-1 md:col-span-2 cell-template--29795656434002__media_gallery_6gDGeW-2 row-span-2" 
7612              
7613            >
7614              
7615              <div class="flex grow relative h-full w-full z-10 overflow-hidden  md:rounded-[10px] rounded-[10px]">
7616                
7617                  <a 
7618                    aria-label="Bildlänk" 
7619                    href="/collections/vandringsprisskyltar" 
7620                    class="animate_transition_card__image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden animate-Xpulse skeleton-image"
7621                  > 
7622
7623                    
7624                      <img src="//www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=3840" alt="" srcset="//www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=250 250w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=300 300w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=375 375w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=450 450w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=750 750w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=900 900w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=1100 1100w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=1500 1500w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=1780 1780w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=2000 2000w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=3000 3000w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&amp;width=3840 3840w" width="3840" height="2160" loading="lazy" sizes="(min-width: 1200px) 800px, (min-width: 768px) 66vw, 100vw" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" onload="this?.classList.add(&quot;active&quot;); 
7625                    this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
7626                    setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);">
7627                    
7628
7629                  
7630                    <div class="absolute top-0 left-0 bottom-0 right-0 z-10 
7630image-treatment-overlay pointer-events-none opacity-0"></div>
7631                  
7632                
7633                  </a> 
7634              </div><style data-shopify>
7635                  .content-media_MApmyg { 
7636                    --colors-text: 255, 255, 255;
7637                  }
7638                
7639                
7640                  .content-media_MApmyg { 
7641                    --colors-heading: 215, 147, 26;
7642                  }
7643                
7644                .heading-media_MApmyg { 
7645                  font-size: 1.26rem; 
7646                }
7647                .text-media_MApmyg { 
7648                  font-size: 0.70875rem; 
7649                }
7650                @media screen and (min-width: 1024px) {
7651                  .heading-media_MApmyg { 
7652                    font-size: 1.8rem; 
7653                  }
7654                  .text-media_MApmyg { 
7655                    font-size: 0.7875rem; 
7656                  }
7657                }</style><div class="content-media_MApmyg pointer-events-none pr-5 pl-5 lg:pr-8 lg:pl-8 xl:pr-11 xl:pl-11 text-right rtl:text-left pt-5 pb-5 lg:pt-9 lg:pb-9 2xl:pt-12 2xl:pb-12 2xl:pl-12 2xl:pr-12 z-10 absolute left-0 right-0 bottom-0"
7658              >
7659                
7660                <p class="heading-media_MApmyg empty:hidden leading-tight pointer-events-auto p-break-words h4">
7661                  
7662
7663
7664<style data-shopify>
7665  .heading-media_MApmyg {
7666    
7667  }
7668  .dark .heading-media_MApmyg {
7669    
7670      --color-highlight: #FFFFFF;
7671    
7672  }
7673</style>
7674
7675
7676
7677  
7678
7679  
7680    
7681      
7682        .VANDRINGSPRISSKYLTAR
7683      
7684    
7685  
7686
7687  
7688
7689                </p>
7690                <div class="leading-tight pointer-events-auto p-break-words pl0-ul rte text-media_MApmyg text-[rgb(var(--colors-text))]">
7691                  
7692                </div>
7693              </div>
7694            </div>
7695<style data-shopify>
7696          .x-slide-animation-duration-4 {
7697            --delay-time: 300ms
7698          }
7699        </style>
7700
7701            <style data-shopify>
7702              .media-media_BjMAVU, .media-media_BjMAVU *:before { 
7703                
7704                
7705                
7706                
7707                
7708              }
7709              .button--media_BjMAVU.button-outline {
7710
7711              }
7712              
7713            </style>
7714            <div 
7715              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
7716              class=" x-block-items-media-4 media-media_BjMAVU flex flex-col group overflow-hidden relative col-span-1 md:col-span-1 cell-template--29795656434002__media_gallery_6gDGeW-2 row-span-2" 
7717              
7718            >
7719              
7720              <div class="flex grow relative h-full w-full z-10 overflow-hidden  md:rounded-[10px] rounded-[10px]">
7721                
7722                  <a 
7723                    aria-label="Bildlänk" 
7724                    href="/collections/medaljer" 
7725                    class="animate_transition_card__image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden animate-Xpulse skeleton-image"
7726                  > 
7727
7728                    
7729                      <img src="//www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=3840" alt="" srcset="//www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=250 250w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=300 300w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=375 375w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=450 450w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=750 750w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=900 900w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=1100 1100w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=1500 1500w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=1780 1780w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=2000 2000w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=3000 3000w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&amp;width=3840 3840w" width="3840" height="2160" loading="lazy" sizes="(min-width: 1200px) 400px, (min-width: 768px) 33vw, 100vw" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" onload="this?.classList.add(&quot;active&quot;); 
7730                    this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
7731                    setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);">
7732                    
7733
7734                  
7735                    <div class="absolute top-0 left-0 bottom-0 right-0 z-10 
7735image-treatment-overlay pointer-events-none opacity-0"></div>
7736                  
7737                
7738                  </a> 
7739              </div><style data-shopify>
7740                
7741                  .content-media_BjMAVU { 
7742                    --colors-heading: 242, 234, 194;
7743                  }
7744                
7745                .heading-media_BjMAVU { 
7746                  font-size: 1.575rem; 
7747                }
7748                .text-media_BjMAVU { 
7749                  font-size: 1.02375rem; 
7750                }
7751                @media screen and (min-width: 1024px) {
7752                  .heading-media_BjMAVU { 
7753                    font-size: 2.25rem; 
7754                  }
7755                  .text-media_BjMAVU { 
7756                    font-size: 1.1375rem; 
7757                  }
7758                }</style><div class="content-media_BjMAVU pointer-events-none pr-5 pl-5 lg:pr-8 lg:pl-8 xl:pr-11 xl:pl-11 text-left rtl:text-right pt-5 pb-5 lg:pt-9 lg:pb-9 2xl:pt-12 2xl:pb-12 2xl:pl-12 2xl:pr-12 z-10 absolute left-0 right-0 top-0"
7759              >
7760                
7761                <p class="heading-media_BjMAVU empty:hidden leading-tight pointer-events-auto p-break-words h4">
7762                  
7763
7764
7765<style data-shopify>
7766  .heading-media_BjMAVU {
7767    
7768  }
7769  .dark .heading-media_BjMAVU {
7770    
7771      --color-highlight: #FFFFFF;
7772    
7773  }
7774</style>
7775
7776
7777
7778  
7779
7780  
7781    
7782      
7783        .MEDALJER
7784      
7785    
7786  
7787
7788  
7789
7790                </p>
7791                <div class="leading-tight pointer-events-auto p-break-words pl0-ul rte text-media_BjMAVU text-[rgb(var(--colors-text))]">
7792                  
7793                </div>
7794              </div>
7795            </div>
7796</div>
7797</div>
7798<style> #shopify-section-template--29795656434002__media_gallery_6gDGeW .content-for-layout {padding-bottom: 12px;} </style></section><section id="shopify-section-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="shopify-section section section-featured-collection x-section">
7799<style data-shopify>.heading-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
7800    font-size: 1.08rem;
7801  }
7802  #shopify-section-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
7803    font-size: 0.875rem; 
7804  }
7805  @media (min-width: 768px) {
7806    .heading-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
7807      font-size: 1.8rem; 
7808    }
7809    #shopify-section-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
7810      font-size: 0.7rem; 
7811    }
7812  }
7813  @media (min-width: 1024px) {
7814    #shopify-section-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
7815      font-size: 0.875rem; 
7816    }
7817  }
7818  .collection-title .label-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 
7819    
7820      
7821        background: transparent;
7822      
7823    
7824    
7825      color: rgb(var(--colors-heading));
7826    
7827  }
7828  .collection-title .label-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .collection-title .label-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 
7829    
7830      
7831        background: rgba(18, 56, 96, 0.1);
7832      
7833    
7834    
7835      color: rgb(var(--colors-heading));
7836    
7837  }
7838  .collection-title .label-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 
7839    
7840      
7841        background: rgba(18, 56, 96, 0.1);
7842      
7843    
7844    
7845      color: rgb(var(--colors-heading));
7846    
7847  }
7848  .dark .collection-title .label-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 
7849    
7850      
7851        background: transparent;
7852      
7853    
7854    
7855      color: rgb(var(--colors-heading));
7856    
7857  }
7858  .dark .collection-title .label-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .dark .collection-title .label-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 
7859    
7860      
7861        background: rgba(255, 255, 255, 0.1);
7862      
7863    
7864    
7865      color: rgb(var(--colors-heading));
7866    
7867  }
7868  .dark .collection-title .label-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 
7869    
7870      
7871        background: rgba(255, 255, 255, 0.1);
7872      
7873    
7874    
7875      color: rgb(var(--colors-heading));
7876    
7877  }</style>
7878
7879<div 
7880  class="x-container-featured-collection pt-[40px] md:pt-[52px] pb-[0px] md:pb-[56px]"
7881  x-data="{ 
7882    view_all_link: '/collections/nytt-i-butiken',
7883    setViewAllLink(url) {
7884      this.view_all_link = url;
7885    }
7886  }"
7887>
7888  <div class="collection_wrapper"><style data-shopify>
7889.collection-title-container.scrollbar-body::-webkit-scrollbar{
7890  width: 1px;
7891  height: 2px;
7892}
7893</style>
7894
7895<div class="mb-4 md:mb-2 relative">
7896  <div class="relative w-full bg-transparent"><div class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2" x-data='xFeaturedCollection("template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656", "page", $el)'>
7897        <div class="x-block-header pl-5 pr-5 flex flex-col items-center x-pgw page-width"
7898        ><div class="mb-5 flex-auto lg:mb-2 text-center rtl:text-center">
7899
7900
7901
7902<style data-shopify>
7903  .heading-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
7904    
7905  }
7906  .dark .heading-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
7907    
7908      --color-highlight: #FFFFFF;
7909    
7910  }
7911</style>
7912
7913
7914
7915  
7916    <div class="overflow-hidden" x-intersect.once="$el.querySelector('.anm-move-up')?.classList.add('active-anm-heading')">
7917  
7918
7919   
7920    <h2
7921      class='heading-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 h2 block leading-tight p-break-words anm-move-up'> 
7922  
7923    
7924      
7925        .SENAST TILLAGDA PRODUKTER
7926      
7927    
7928  </h2>
7929
7930  
7931    </div>
7932  
7933
7934
7935            </div>
7936          
7937          
7938        </div><div class="flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3">
7939            
7940              <a
7941                x-cloak
7942                x-show="view_all_link"
7943                class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1"
7944                :href="view_all_link" 
7945                :class="'opacity-70 hover:cursor-not-allowed' && view_all_link"
7946              >
7947                Visa alla produkter<span class="w-2 h-2 inline-block mt-0.5 rtl:rotate-180" role="link" aria-label="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 8 9" fill="none" style="fill:none;">
7948    <g>
7949    <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
7950    <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
7951    </g>
7952  </svg>
7953</span>
7954              </a>
7955            
7956          </div><div class=" x-pgw page-width mx-auto x-pgw page-width-mobile" x-show="loading">
7957          
7958        </div>
7959        
7960        <div>
7961          
7962            
7963
7964        </div>
7965        <div class="animate-fade-in relative md:mt-4 lg:mt-8"
7966          id="x-fc-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1"
7967          
7968        >
7969          <style data-shopify>
7970            
7971              @media (max-width: 767px) {
7972                .preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
7973                    margin-right: 16px;
7974                  
7975                  width: calc(((100% + 16px) / 2) - 16px);
7976                }
7977              }
7978            
7979            
7980              @media (min-width: 768px){
7981                .preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
7982                    margin-right: 20px;
7983                  
7984                  
7985                    width: calc(((100% + 20px) / 4) - 20px);
7986                  
7987                }
7988              }
7989              
7990                @media (min-width: 1024px){
7991                  .preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
7992                    width: calc(((100% + 20px) / 5) - 20px);
7993                  }
7994                }
7995              
7996            
7997            
7998          </style>
7999          <div
8000            class=" carousel-mobile carousel-tablet x-pgw page-width mx-auto pl-5 pr-5"
8001            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Nytt i butiken`, id: "collection" }}
8001)'
8002          ><div ><div
8003                id="x-collection-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8004                class="collection overflow-hidden x-splide visible splide"
8005                x-data-slider="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656"
8006                  x-intersect.once.margin.200px='$store.xSplide.load($el, {
8007                    "speed": 1000,
8008                    "pagination": false, 
8009                    "mediaQuery": "min",
8010                    "updateOnMove": "true",
8011                    "pauseOnHover": true,
8012                    "pauseOnFocus": false,
8013                    "progressBar": 10,
8014
8015
8016                    "breakpoints": {
8017                      300: {"gap": "16px",
8018                        "perPage": 2,
8019                        "perMove": 2
8020                      },
8021                      768: {
8022                        "drag": true,
8023                          "destroy": false,
8024                        "gap": "20px",
8025                          "perPage": 4,
8026                          "perMove": 4
8027                      },
8028                      1024: {
8029                        "perPage": 5,
8030                        "perMove": 5
8031                      }
8032                    },
8033                    "classes": {
8034                      "arrows" : "block"
8035                    },
8036                    "events": [
8037                      {
8038                        "event": "ready",
8039                        "callback": () => {
8040                          document.dispatchEvent(new CustomEvent("eurus:template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656:splide-ready"));
8041                        }
8042                      }
8043                    ]
8044                  })'x-intersect.once='$el.classList.add("is-ready-to-animate")'
8045              >
8046                <style data-shopify>
8047                  .gap-mobile-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
8048                    gap: 16px;
8049                  }
8050                  @media (min-width: 768px) {
8051                    .gap-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
8052                      
8053                        gap: 0px;
8054                      
8055                    }
8056                  }
8057                </style>
8058                
8059                  <div class="splide__arrows flex items-center justify-center gap-3 md:gap-0 mb-1 md:mb-0 mt-5 md:mt-0 order-2">
8060                    <button 
8061                      class="splide__arrow splide__arrow--prev button-arrow p-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:block md:absolute md:top-1/2 md:-mt-6 md:left-0 rtl:md:left-auto rtl:md:right-0 md:duration-200 hover:opacity-100 md:transition-all md:ease-in-out md:-translate-x-full rtl:md:translate-x-full"
8062                      aria-label="previous slide"
8063                    >
8064                      <span class="hidden">previous slide</span>
8065                      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
8066    
8067        <path d="M72.0001 95L27 49.9999L72.0001 5" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
8068      
8069  </svg>
8070
8071                    </button>
8072                    <button 
8073                      class="splide__arrow splide__arrow--next button-arrow p-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:block md:absolute md:top-1/2 md:-mt-6 md:right-0 rtl:md:right-auto rtl:md:left-0 md:duration-200 hover:opacity-100 md:transition-all md:ease-in-out md:translate-x-full rtl:md:-translate-x-full"
8074                      aria-label="next slide"
8075                    >
8076                      <span class="hidden">next slide</span>
8077                      <svg style="fill: none" width="100%" height="100%" viewB
8077ox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
8078    
8079        <path d="M26.9999 5L72 50.0001L26.9999 95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
8080      
8081  </svg>
8082
8083                    </button>
8084                  </div>
8085                
8086                <div class="splide__track md:cursor-grab lg:pl-0 lg:pr-0">
8087                  <div class="splide__list gap-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 md:grid-cols-none md:flex md:w-full md:gap-0 flex w-full"><style data-shopify>
8088                        .x-slide-animation-duration-1 {
8089                          --delay-time: 0ms
8090                        }
8091                      </style>
8092                      
8093                      
8094
8095<div 
8096  
8097    x-data="xProductCard('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1', '/collections/nytt-i-butiken/products/medalj-falun-32mm', '10937154535762')"  
8098  
8099  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
8100  x-slide-index="0"
8101>
8102  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
8103  >
8104    <style data-shopify>
8105      
8106      .paginate-testimonial {
8107        background: rgba(215, 147, 26, 0.2);
8108      }
8109      .dark .paginate-testimonial {
8110        background: rgba(255, 255, 255, 0.2);
8111      }
8112    </style>
8113    
8114    <style data-shopify>
8115      
8116    </style>
8117    <a 
8118      
8119        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
8120      
8121      href="/collections/nytt-i-butiken/products/medalj-falun-32mm"
8122       
8123        x-data="{ lastWindowWidth: 0 }"
8124        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
8125        x-labels-data="[
8126    
8127{
8128      &quot;variant_id&quot;: 53971665027410,
8129      &quot;product_id&quot;: 10937154535762,
8130      &quot;available&quot;: true,
8131      &quot;title&quot;: &quot;Medalj Falun 32 mm&quot;,
8132      &quot;compare_at_price&quot;: 0,
8133      &quot;price&quot;: 900,
8134      &quot;price_with_currency&quot;: &quot;9 kr&quot;,
8135      &quot;sale_amount&quot;: &quot;-9 kr&quot;,
8136      &quot;collections&quot;: &quot;||620527092050||668942926162||&quot;,
8137      &quot;inventory_management&quot;: &quot;shopify&quot;,
8138      &quot;qty&quot;: 3440,
8139      &quot;container&quot;: &quot;card&quot;,
8140      &quot;can_show_preorder&quot;: false,
8141      &quot;diff_day_create&quot;: 88.58,
8142      &quot;diff_day_publish&quot;: 88.52
8143      
8144      }
8145    ]"
8146       
8147      aria-label="Medalj Falun 32 mm"
8148      id="10937154535762-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656"
8149      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
8150      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
8151        <div
8152          id="x-slideshow-card-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0"
8153          class="block h-full x-splide splide visible" 
8154          @click='$store.xCustomerEvent.fire("product_selected", $el)'
8155          x-customer-event-data="{
8156    &quot;product&quot;: {
8157      &quot;title&quot;: &quot;Medalj Falun 32 mm&quot;,
8158      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
8159      &quot;sku&quot;: &quot;10937154535762&quot;,
8160      &quot;currencyCode&quot;: &quot;SEK&quot;,
8161      &quot;price&quot;: 900,
8162      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
8163    }
8164  }"
8165          x-cloak
8166          >
8167          <div 
8168            id="image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0"
8169            class="splide__track overflow-hidden max-h-full h-full w-full"
8170          >
8171          <div class="w-full h-full splide__list">
8172<div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
8173              >
8174                
8175                <picture>
8176                  <img
8177                    srcset="
8178                    //www.vasaboden.se/cdn/shop/files/Falun-MF32_3756b70e-067f-4e0e-a5bc-730334f1e20f.webp?v=1783691286&width=250 250w,
8179                    //www.vasaboden.se/cdn/shop/files/Falun-MF32_3756b70e-067f-4e0e-a5bc-730334f1e20f.webp?v=1783691286&width=350 350w,
8180                    //www.vasaboden.se/cdn/shop/files/Falun-MF32_3756b70e-067f-4e0e-a5bc-730334f1e20f.webp?v=1783691286&width=450 450w,
8181                    //www.vasaboden.se/cdn/shop/files/Falun-MF32_3756b70e-067f-4e0e-a5bc-730334f1e20f.webp?v=1783691286&width=750 750w,
8182                    //www.vasaboden.se/cdn/shop/files/Falun-MF32_3756b70e-067f-4e0e-a5bc-730334f1e20f.webp?v=1783691286&width=900 900w,
8183                    //www.vasaboden.se/cdn/shop/files/Falun-MF32_3756b70e-067f-4e0e-a5bc-730334f1e20f.webp?v=1783691286&width=1100 1100w,
8184                    //www.vasaboden.se/cdn/shop/files/Falun-MF32_3756b70e-067f-4e0e-a5bc-730334f1e20f.webp?v=1783691286&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/Falun-MF32_3756b70e-067f-4e0e-a5bc-730334f1e20f.webp?v=1783691286 750w" 
8185                    src="//www.vasaboden.se/cdn/shop/files/Falun-MF32_3756b70e-067f-4e0e-a5bc-730334f1e20f.webp?v=1783691286&width=1500"
8186                    sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
8187                    alt="Medalj Falun 32 mm"
8188                    class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
8189                    loading="lazy"
8190                    width="750"
8191                    height="750"
8192                    onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8193                      setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
8194                  />
8195                </picture>
8196                
8197              </div></div>
8198          </div></div>
8199      </div>
8200        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8201              x-show="$store.xQuickView" x-cloak
8202            > 
8203              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
8204                class="w-full hide-icon lg:px-4" 
8205                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
8206                x-cloak
8207              >
8208                
8209                  <button
8210                    type="submit"
8211                    name="add"
8212                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
821256-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
8213                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-falun-32mm', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 201); }, 0)"
8214                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8215                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
8216                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8217                    
8218                      aria-label="Välj alternativ"
8219                    
8220                  >
8221                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8222                      
8223                      <span class="flex items-center justify-center">
8224                        
8225<div class="flex ">
8226  
8227    
8228      
8229        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
8230      
8231    
8232  
8233  
8234</div>
8235                      </span>
8236                    </span>
8237                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
8238                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8239    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8240      fill="currentcolor" stroke="none">
8241      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8242    </g>
8243  </svg>
8244
8245                    </div>
8246                  </button>
8247                  <button 
8248                    type="submit"
8249                    name="add"
8250                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
8251                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-falun-32mm', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 201); }, 0)"
8252                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
8253                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8254                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Välj alternativ"x-customer-event-data="{
8255    &quot;product&quot;: {
8256      &quot;title&quot;: &quot;Medalj Falun 32 mm&quot;,
8257      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
8258      &quot;sku&quot;: &quot;10937154535762&quot;,
8259      &quot;currencyCode&quot;: &quot;SEK&quot;,
8260      &quot;price&quot;: 900,
8261      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
8262    }
8263  }"
8264                  >
8265                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
8266    <g>
8267    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8268    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8269    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8270    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8271    </g>
8272  </svg></span>
8273                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
8274                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8275    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8276      fill="currentcolor" stroke="none">
8277      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8278    </g>
8279  </svg>
8280
8281                    </span>
8282                  </button>
8283                
8284              </div>
8285            </div><div
8286            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8287            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
8288            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
8289            >
8290            <div>
8291              <button
8292                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8293                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-falun-32mm', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8294                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-falun-32mm', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8295                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
8296                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
8297                x-customer-event-data="{
8298    &quot;product&quot;: {
8299      &quot;title&quot;: &quot;Medalj Falun 32 mm&quot;,
8300      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
8301      &quot;sku&quot;: &quot;10937154535762&quot;,
8302      &quot;currencyCode&quot;: &quot;SEK&quot;,
8303      &quot;price&quot;: 900,
8304      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
8305    }
8306  }"
8307                aria-label="Knapp snabbvy"
8308              >
8309                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
8310    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8311    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8312  </svg>
8313</span>
8314                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
8315                  
8316<div class="flex ">
8317  
8318    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8319  
8320  
8321</div>
8322                </span>
8323              </button>
8324              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/nytt-i-butiken/products/medalj-falun-32mm", $el, "template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8325                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
8326                aria-label="Knapp snabbvy"
8327                x-customer-event-data="{
8328    &quot;product&quot;: {
8329      &quot;title&quot;: &quot;Medalj Falun 32 mm&quot;,
8330      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
8331      &quot;sku&quot;: &quot;10937154535762&quot;,
8332      &quot;currencyCode&quot;: &quot;SEK&quot;,
8333      &quot;price&quot;: 900,
8334      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
8335    }
8336  }"
8337              >
8338                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
8339    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8340    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8341  </svg>
8342</span>
8343              </button>
8344            </div>
8345          </div>
8346        </div>
8347      
8348    </a>
8349    
8350    
8351    <div class="md:list-layout:hidden">
8352      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8353        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
8354          
8355            
8356 
8357
8358
8359          
8360          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762">
8361            <a href="/collections/nytt-i-butiken/products/medalj-falun-32mm"
8362              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
8363              @click='$store.xCustomerEvent.fire("product_selected", $el)'
8364              x-customer-event-data="{
8365    &quot;product&quot;: {
8366      &quot;title&quot;: &quot;Medalj Falun 32 mm&quot;,
8367      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
8368      &quot;sku&quot;: &quot;10937154535762&quot;,
8369      &quot;currencyCode&quot;: &quot;SEK&quot;,
8370      &quot;price&quot;: 900,
8371      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
8372    }
8373  }"
8374            >
8375              Medalj Falun 32 mm
8376            </a>
8377          </h3>
8378          
8379<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
8380            
8381            
8382              <div class=" price leading-none">
8383  <div class="">
8384    <div class="target-price hidden">900</div>
8385    <div class="target-compare-at-price hidden"></div>
8386    
8387<p class="price ">
8388          <span>Från 9 kr</span>
8389        </p><small class="text-[70%] hidden">
8390        <span class="hidden">Enhetspris</span>
8391        <span class="up price-item price-item--last">
8392          <span class="unit-price">
8393
8394          </span>
8395          <span aria-hidden="true">/</span>
8396          <span class="hidden">&nbsp;per&nbsp;</span>
8397          <span>
8398          </span>
8399        </span>
8400      </small>
8401    
8402  </div>
8403  
8404</div>
8405            
8406            <div class="leading-none next-price empty:hidden"></div>
8407          </div>
8408          
8409          <template x-if="localStorage.getItem('selectedStore')">
8410            <div id="x-availability-notice-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10937154535762', [620527092050, 668942926162])">
8411              <div 
8412  x-data='{ 
8413    storeAvailabilites: {
8414      "Vasabodens butik": true
8415    },
8416    pickupLocation: [
8417      "Vasabodens butik"
8418    ]
8419  }'
8420  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
8421>
8422  <style data-shopify>
8423    .text-available, .text-unavailable {
8424      font-size: 0.669375rem;
8425      font-family: var(--font-body-family);
8426    }
8427
8428    @media (min-width: 768px) {
8429      .text-available, .text-unavailable {
8430        font-size: 0.74375rem;
8431      }
8432    }
8433
8434    .text-available {
8435      color: #6B762D;
8436    }
8437
8438    .dark .text-available {
8439      color: #858F4D;
8440    }
8441
8442    .text-unavailable {
8443      color: #7d0606;
8444    }
8445
8446    .dark .text-unavailable {
8447      color: #867F7F;
8448    }
8449  </style>
8450  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
8451    <span class="flex h-4 w-4 relative">
8452<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8453  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8454  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8455</svg>
8456
8457</span><span x-text="'Tillgänglig för upphämtning på ' + $store.xStoreSelector?.getStoreText()"> </span>
8458  </div>
8459  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
8460    <span class="flex h-4 w-4 relative">
8461<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8462  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8463  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8464</svg>
8465
8466</span><span x-text="'Slut i lager på ' + $store.xStoreSelector?.getStoreText()"> </span>
8467  </div>
8468</div>
8469            </div>
8470          </template>
8471        </div>
8472      </div>
8473    </div>
8474    
8475  </div><div
8476      id="choose-options-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8477      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
8478      x-show="showOptions"
8479      x-transition:enter="transition-all ease-in-out duration-300"
8480      x-transition:enter-start="opacity-0 transform translate-y-full"
8481      x-transition:enter-end="opacity-100 transform translate-y-0"
8482      x-transition:leave="transition-all ease-in-out duration-300"
8483      x-transition:leave-start="opacity-100 transform translate-y-0"
8484      x-transition:leave-end="opacity-0 transform translate-y-full"
8485      x-cloak
8486    >
8487      <div  class="choose-options relative w-full min-h-full h-full"></div>
8488      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
8489        <div
8490          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
8490calc(50%-10px)]">
8491          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8492    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8493      fill="currentcolor" stroke="none">
8494      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8495    </g>
8496  </svg>
8497
8498        </div>
8499      </div>
8500    </div>
8501  <div
8502    id="x-product-template-10937154535762-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1"
8503    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
8504  >
8505    
8506    
8507    
8508
8509        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
8510          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/medalj-falun-32mm');
8511        });"></div>
8512        <div
8513          id="current-variant-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
8514          class="current-variant hidden"
8515        >
8516          53971665027410
8517        </div>
8518    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
8519    
8520      <div class="card-info x-highlight-icon mt-2.5">
8521        <div 
8522  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
8523  x-data="{setPosition(el) {
8524    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
8525    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
8526    elRect = el.getBoundingClientRect();
8527    let spacingLeft = elRect.left - parentEl.left;
8528    if (spacingLeft < 0) {
8529      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
8530    }
8531    let spacingRight = parentEl.right - elRect.right;
8532    if (spacingRight < 0) {
8533      el.style.setProperty('--left-tooltip', spacingRight + 'px');
8534    } 
8535  }}"
8536  x-init="$el.innerHTML = $el.innerHTML.trim();"
8537>
8538    �
8539    �
8540    �
8541    �</div>
8542      </div>
8543    
8544    
8545      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
8546            class="card-info bottom_atc md:list-layout:hidden hide-icon"
8547            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
8548            x-cloak
8549          >
8550            
8551              <button
8552                type="submit"
8553                name="add"
8554                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
8555                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-falun-32mm', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 201); }, 0)" 
8556                data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
855656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8557                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
8558                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8559                  aria-label="Välj alternativ"
8560                
8561              >
8562                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8563                  
8564                  <span class="flex items-center justify-center">
8565                    
8566<div class="flex ">
8567  
8568    
8569      
8570        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
8571      
8572    
8573  
8574  
8575</div>
8576                  </span>
8577                </span>
8578                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
8579                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8580    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8581      fill="currentcolor" stroke="none">
8582      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8583    </g>
8584  </svg>
8585
8586                </div>
8587              </button>
8588             
8589          </div></template>
8590    
8591    
8592      <template x-if="$store.xQuickView">
8593        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
8594              
8595                <button
8596                  type="submit"
8597                  name="add"
8598                  
8599                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
8600                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-falun-32mm', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 201); }, 0)" 
8601                  data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8602                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
8603                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8604                  aria-label="Välj alternativ"
8605                >
8606                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8607                    
8608                    <span class="flex items-center justify-center">
8609                      
8610<div class="flex ">
8611  
8612    
8613      
8614        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
8615      
8616    
8617  
8618  
8619</div>
8620                    </span>
8621                  </span>
8622                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
8622calc(50%-10px)]" x-show="loading" x-cloak>
8623                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8624    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8625      fill="currentcolor" stroke="none">
8626      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8627    </g>
8628  </svg>
8629
8630                  </div>
8631                </button>
8632               
8633            </div><button 
8634            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-falun-32mm', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8635            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-falun-32mm', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10937154535762-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8636            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8637            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
8638            aria-label="Knapp snabbvy"
8639            x-customer-event-data="{
8640    &quot;product&quot;: {
8641      &quot;title&quot;: &quot;Medalj Falun 32 mm&quot;,
8642      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
8643      &quot;sku&quot;: &quot;10937154535762&quot;,
8644      &quot;currencyCode&quot;: &quot;SEK&quot;,
8645      &quot;price&quot;: 900,
8646      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
8647    }
8648  }"
8649            x-show="$store.xQuickView.enabled"
8650          >
8651            <span class="flex justify-center items-center">
8652              
8653<div class="flex ">
8654  
8655    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8656  
8657  
8658</div>
8659            </span>
8660          </button>
8661        </div>
8662      </template>
8663    
8664  </div>
8665</div>
8666<style data-shopify>
8667                        .x-slide-animation-duration-2 {
8668                          --delay-time: 100ms
8669                        }
8670                      </style>
8671                      
8672                      
8673
8674<div 
8675  
8676    x-data="xProductCard('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2', '/collections/nytt-i-butiken/products/segermedaljer', '10839810638162')"  
8677  
8678  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
8679  x-slide-index="1"
8680>
8681  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
8682  >
8683    <style data-shopify>
8684      
8685      .paginate-testimonial {
8686        background: rgba(215, 147, 26, 0.2);
8687      }
8688      .dark .paginate-testimonial {
8689        background: rgba(255, 255, 255, 0.2);
8690      }
8691    </style>
8692    
8693    <style data-shopify>
8694      
8695    </style>
8696    <a 
8697      
8698        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
8699      
8700      href="/collections/nytt-i-butiken/products/segermedaljer"
8701       
8702        x-data="{ lastWindowWidth: 0 }"
8703        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
8704        x-labels-data="[
8705    
8706{
8707      &quot;variant_id&quot;: 53653120221522,
8708      &quot;product_id&quot;: 10839810638162,
8709      &quot;available&quot;: true,
8710      &quot;title&quot;: &quot;Segermedalj 50 mm&quot;,
8711      &quot;compare_at_price&quot;: 0,
8712      &quot;price&quot;: 3600,
8713      &quot;price_with_currency&quot;: &quot;36 kr&quot;,
8714      &quot;sale_amount&quot;: &quot;-36 kr&quot;,
8715      &quot;collections&quot;: &quot;||620527092050||668942926162||630907339090||&quot;,
8716      &quot;inventory_management&quot;: &quot;shopify&quot;,
8717      &quot;qty&quot;: 225,
8718      &quot;container&quot;: &quot;card&quot;,
8719      &quot;can_show_preorder&quot;: false,
8720      &quot;diff_day_create&quot;: 123.55,
8721      &quot;diff_day_publish&quot;: 123.54
8722      
8723      }
8724    ]"
8725       
8726      aria-label="Segermedalj 50 mm"
8727      id="10839810638162-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
872756"
8728      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
8729      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
8730        <div
8731          id="x-slideshow-card-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2-1"
8732          class="block h-full x-splide splide visible" 
8733          @click='$store.xCustomerEvent.fire("product_selected", $el)'
8734          x-customer-event-data="{
8735    &quot;product&quot;: {
8736      &quot;title&quot;: &quot;Segermedalj 50 mm&quot;,
8737      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
8738      &quot;sku&quot;: &quot;10839810638162&quot;,
8739      &quot;currencyCode&quot;: &quot;SEK&quot;,
8740      &quot;price&quot;: 3600,
8741      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
8742    }
8743  }"
8744          x-cloak
8745          
8746            x-intersect.once.margin.200px='$store.xSplide.load($el, {
8747              "drag": true,
8748              "pagination": true,
8749              "arrows": false,
8750              "pauseOnFocus": false,
8751              "pauseOnHover": false,
8752              "perMove": 1,
8753              "perPage": 1,
8754              "focus": "center",
8755              "mediaQuery": "min",
8756              "rewind": true,
8757              
8758                "destroy": true,
8759              
8760              "breakpoints": {
8761                1024: {
8762                  
8763                    "destroy": true
8764                  
8765                }
8766              },
8767              
8768                "playOnHover": true,
8769              
8770              
8771              "classes": {
8772                "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
8773                "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
8774              },
8775              "type": "fade",
8776            })'>
8777          <div 
8778            id="image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2-1"
8779            class="splide__track overflow-hidden max-h-full h-full w-full"
8780          >
8781          <div class="w-full h-full splide__list">
8782<div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
8783              >
8784                
8785                <picture>
8786                  <img
8787                    srcset="
8788                    //www.vasaboden.se/cdn/shop/files/Segermedalj.webp?v=1780664066&width=250 250w,
8789                    //www.vasaboden.se/cdn/shop/files/Segermedalj.webp?v=1780664066&width=350 350w,
8790                    //www.vasaboden.se/cdn/shop/files/Segermedalj.webp?v=1780664066&width=450 450w,
8791                    //www.vasaboden.se/cdn/shop/files/Segermedalj.webp?v=1780664066&width=750 750w,
8792                    //www.vasaboden.se/cdn/shop/files/Segermedalj.webp?v=1780664066&width=900 900w,
8793                    //www.vasaboden.se/cdn/shop/files/Segermedalj.webp?v=1780664066&width=1100 1100w,
8794                    //www.vasaboden.se/cdn/shop/files/Segermedalj.webp?v=1780664066&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/Segermedalj.webp?v=1780664066 850w" 
8795                    src="//www.vasaboden.se/cdn/shop/files/Segermedalj.webp?v=1780664066&width=1500"
8796                    sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
8797                    alt="Segermedalj 50 mm"
8798                    class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
8799                    loading="lazy"
8800                    width="850"
8801                    height="527"
8802                    onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8803                      setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
8804                  />
8805                </picture>
8806                
8807              </div><style data-shopify>
8808                    #image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
880856-1-2-1 .media-slide:not(:first-child) {
8809                      height: 100%;
8810                    }
8811                  </style>
8812                  <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
8813                    
8814                    <picture>
8815                      <img
8816                        srcset="//www.vasaboden.se/cdn/shop/files/D112J_01_1_d0dfa2bb-9622-4d5a-8cf4-3c969fe9f6df.png?v=1780664039&width=250 250w,
8817                          //www.vasaboden.se/cdn/shop/files/D112J_01_1_d0dfa2bb-9622-4d5a-8cf4-3c969fe9f6df.png?v=1780664039&width=350 350w,
8818                          //www.vasaboden.se/cdn/shop/files/D112J_01_1_d0dfa2bb-9622-4d5a-8cf4-3c969fe9f6df.png?v=1780664039&width=450 450w,
8819                          //www.vasaboden.se/cdn/shop/files/D112J_01_1_d0dfa2bb-9622-4d5a-8cf4-3c969fe9f6df.png?v=1780664039&width=750 750w,
8820                          //www.vasaboden.se/cdn/shop/files/D112J_01_1_d0dfa2bb-9622-4d5a-8cf4-3c969fe9f6df.png?v=1780664039&width=900 900w,
8821                          //www.vasaboden.se/cdn/shop/files/D112J_01_1_d0dfa2bb-9622-4d5a-8cf4-3c969fe9f6df.png?v=1780664039&width=1100 1100w,
8822                          //www.vasaboden.se/cdn/shop/files/D112J_01_1_d0dfa2bb-9622-4d5a-8cf4-3c969fe9f6df.png?v=1780664039&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/D112J_01_1_d0dfa2bb-9622-4d5a-8cf4-3c969fe9f6df.png?v=1780664039 845w"
8823                        src="//www.vasaboden.se/cdn/shop/files/D112J_01_1_d0dfa2bb-9622-4d5a-8cf4-3c969fe9f6df.png?v=1780664039&width=1500"
8824                        sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
8825                        alt="Segermedalj 50 mm"
8826                        class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
8827                        loading="lazy"
8828                        width="845"
8829                        height="913"
8830                        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8831                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
8832                      />
8833                    </picture>
8834                    
8835                  </div></div>
8836          </div></div>
8837      </div>
8838        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8839              x-show="$store.xQuickView" x-cloak
8840            > 
8841              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
8842                class="w-full hide-icon lg:px-4" 
8843                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
8844                x-cloak
8845              >
8846                
8847                  <button
8848                    type="submit"
8849                    name="add"
8850                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
8851                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/segermedaljer', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb76
885156-collection-1', 202); }, 0)"
8852                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8853                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
8854                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8855                    
8856                      aria-label="Välj alternativ"
8857                    
8858                  >
8859                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8860                      
8861                      <span class="flex items-center justify-center">
8862                        
8863<div class="flex ">
8864  
8865    
8866      
8867        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
8868      
8869    
8870  
8871  
8872</div>
8873                      </span>
8874                    </span>
8875                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
8876                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8877    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8878      fill="currentcolor" stroke="none">
8879      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8880    </g>
8881  </svg>
8882
8883                    </div>
8884                  </button>
8885                  <button 
8886                    type="submit"
8887                    name="add"
8888                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
8889                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/segermedaljer', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 202); }, 0)"
8890                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
8891                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8892                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Välj alternativ"x-customer-event-data="{
8893    &quot;product&quot;: {
8894      &quot;title&quot;: &quot;Segermedalj 50 mm&quot;,
8895      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
8896      &quot;sku&quot;: &quot;10839810638162&quot;,
8897      &quot;currencyCode&quot;: &quot;SEK&quot;,
8898      &quot;price&quot;: 3600,
8899      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
8900    }
8901  }"
8902                  >
8903                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
8904    <g>
8905    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8906    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
890614948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8907    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8908    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8909    </g>
8910  </svg></span>
8911                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
8912                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8913    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8914      fill="currentcolor" stroke="none">
8915      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8916    </g>
8917  </svg>
8918
8919                    </span>
8920                  </button>
8921                
8922              </div>
8923            </div><div
8924            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8925            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
8926            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
8927            >
8928            <div>
8929              <button
8930                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8931                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/segermedaljer', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8932                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/segermedaljer', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8933                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
8934                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
8935                x-customer-event-data="{
8936    &quot;product&quot;: {
8937      &quot;title&quot;: &quot;Segermedalj 50 mm&quot;,
8938      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
8939      &quot;sku&quot;: &quot;10839810638162&quot;,
8940      &quot;currencyCode&quot;: &quot;SEK&quot;,
8941      &quot;price&quot;: 3600,
8942      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
8943    }
8944  }"
8945                aria-label="Knapp snabbvy"
8946              >
8947                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
8948    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8949    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8950  </svg>
8951</span>
8952                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
8953                  
8954<div class="flex ">
8955  
8956    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8957  
8958  
8959</div>
8960                </span>
8961              </button>
8962              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/nytt-i-butiken/products/segermedaljer", $el, "template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8963                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
8964                aria-label="Knapp snabbvy"
8965                x-customer-event-data="{
8966    &quot;product&quot;: {
8967      &quot;title&quot;: &quot;Segermedalj 50 mm&quot;,
8968      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
8969      &quot;sku&quot;: &quot;10839810638162&quot;,
8970      &quot;currencyCode&quot;: &quot;SEK&quot;,
8971      &quot;price&quot;: 3600,
8972      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
8973    }
8974  }"
8975              >
8976                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
8977    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8978    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8979  </svg>
8980</span>
8981              </button>
8982            </div>
8983          </div>
8984        </div>
8985      
8986    </a>
8987    
8988    
8989    <div class="md:list-layout:hidden">
8990      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8991        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
8992          
8993            
8994 
8995
8996
8997          
8998          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162">
8999            <a href="/collections/nytt-i-butiken/products/segermedaljer"
9000              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
9001              @click='$store.xCustomerEvent.fire("product_selected", $el)'
9002              x-customer-event-data="{
9003    &quot;product&quot;: {
9004      &quot;title&quot;: &quot;Segermedalj 50 mm&quot;,
9005      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
9006      &quot;sku&quot;: &quot;10839810638162&quot;,
9007      &quot;currencyCode&quot;: &quot;SEK&quot;,
9008      &quot;price&quot;: 3600,
9009      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
9010    }
9011  }"
9012            >
9013              Segermedalj 50 mm
9014            </a>
9015          </h3>
9016          
9017<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
9018            
9019            
9020              <div class=" price leading-none">
9021  <div class="">
9022    <div class="target-price hidden">3600</div>
9023    <div class="target-compare-at-price hidden">0</div>
9024    
9025<p class="price ">
9026          <span>36 kr</span>
9027        </p><small class="text-[70%] hidden">
9028        <span class="hidden">Enhetspris</span>
9029        <span class="up price-item price-item--last">
9030          <span class="unit-price">
9031
9032          </span>
9033          <span aria-hidden="true">/</span>
9034          <span class="hidden">&nbsp;per&nbsp;</span>
9035          <span>
9036          </span>
9037        </span>
9038      </small>
9039    
9040  </div>
9041  
9042</div>
9043            
9044            <div class="leading-none next-price empty:hidden"></div>
9045          </div>
9046          
9047          <template x-if="localStorage.getItem('selectedStore')">
9048            <div id="x-availability-notice-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10839810638162', [620527092050, 668942926162, 630907339090])">
9049              <div 
9050  x-data='{ 
9051    storeAvailabilites: {
9052      "Vasabodens butik": true
9053    },
9054    pickupLocation: [
9055      "Vasabodens butik"
9056    ]
9057  }'
9058  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
9059>
9060  <style data-shopify>
9061    .text-available, .text-unavailable {
9062      font-size: 0.669375rem;
9063      font-family: var(--font-body-family);
9064    }
9065
9066    @media (min-width: 768px) {
9067      .text-available, .text-unavailable {
9068        font-size: 0.74375rem;
9069      }
9070    }
9071
9072    .text-available {
9073      color: #6B762D;
9074    }
9075
9076    .dark .text-available {
9077      color: #858F4D;
9078    }
9079
9080    .text-unavailable {
9081      color: #7d0606;
9082    }
9083
9084    .dark .text-unavailable {
9085      color: #867F7F;
9086    }
9087  </style>
9088  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
9089    <span class="flex h-4 w-4 relative">
9090<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9091  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9092  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9093</svg>
9094
9095</span><span x-text="'Tillgänglig för upphämtning på ' + $store.xStoreSelector?.getStoreText()"> </span>
9096  </div>
9097  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
9098    <span class="flex h-4 w-4 relative">
9099<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9100  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9101  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9102</svg>
9103
9104</span><span x-text="'Slut i lager på ' + $store.xStoreSelector?.getStoreText()"> </span>
9105  </div>
9106</div>
9107            </div>
9108          </template>
9109        </div>
9110      </div>
9111    </div>
9112    
9113  </div><div
9114      id="choose-options-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9115      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
9116      x-show="showOptions"
9117      x-transition:enter="transition-all ease-in-out duration-300"
9118      x-transition:enter-start="opacity-0 transform translate-y-full"
9119      x-transition:enter-end="opacity-100 transform translate-y-0"
9120      x-transition:leave="transition-all ease-in-out duration-300"
9121      x-transition:leave-start="opacity-100 transform translate-y-0"
9122      x-transition:leave-end="opacity-0 transform translate-y-full"
9123      x-cloak
9124    >
9125      <div  class="choose-options relative w-full min-h-full h-full"></div>
9126      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
9127        <div
9128          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
9129          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9130    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9131      fill="currentcolor" stroke="none">
9132      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9133    </g>
9134  </svg>
9135
9136        </div>
9137      </div>
9138    </div>
9139  <div
9140    id="x-product-template-10839810638162-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
914056-1-2"
9141    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
9142  >
9143    
9144    
9145    
9146
9147        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
9148          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/segermedaljer');
9149        });"></div>
9150        <div
9151          id="current-variant-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
9152          class="current-variant hidden"
9153        >
9154          53653120221522
9155        </div>
9156    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
9157    
9158      <div class="card-info x-highlight-icon mt-2.5">
9159        <div 
9160  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
9161  x-data="{setPosition(el) {
9162    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
9163    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
9164    elRect = el.getBoundingClientRect();
9165    let spacingLeft = elRect.left - parentEl.left;
9166    if (spacingLeft < 0) {
9167      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
9168    }
9169    let spacingRight = parentEl.right - elRect.right;
9170    if (spacingRight < 0) {
9171      el.style.setProperty('--left-tooltip', spacingRight + 'px');
9172    } 
9173  }}"
9174  x-init="$el.innerHTML = $el.innerHTML.trim();"
9175>
9176    �
9177    �
9178    �
9179    �</div>
9180      </div>
9181    
9182    
9183      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
9184            class="card-info bottom_atc md:list-layout:hidden hide-icon"
9185            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
9186            x-cloak
9187          >
9188            
9189              <button
9190                type="submit"
9191                name="add"
9192                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
9193                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/segermedaljer', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 202); }, 0)" 
9194                data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9195                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
9196                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9197                  aria-label="Välj alternativ"
9198                
9199              >
9200                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9201                  
9202                  <span class="flex items-center justify-center">
9203                    
9204<div class="flex ">
9205  
9206    
9207      
9208        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
9209      
9210    
9211  
9212  
9213</div>
9214                  </span>
9215                </span>
9216                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
9216calc(50%-10px)]" x-show="loading" x-cloak>
9217                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9218    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9219      fill="currentcolor" stroke="none">
9220      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9221    </g>
9222  </svg>
9223
9224                </div>
9225              </button>
9226             
9227          </div></template>
9228    
9229    
9230      <template x-if="$store.xQuickView">
9231        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
9232              
9233                <button
9234                  type="submit"
9235                  name="add"
9236                  
9237                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
9238                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/segermedaljer', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 202); }, 0)" 
9239                  data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9240                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
9241                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9242                  aria-label="Välj alternativ"
9243                >
9244                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9245                    
9246                    <span class="flex items-center justify-center">
9247                      
9248<div class="flex ">
9249  
9250    
9251      
9252        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
9253      
9254    
9255  
9256  
9257</div>
9258                    </span>
9259                  </span>
9260                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9261                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9262    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9263      fill="currentcolor" stroke="none">
9264      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9265    </g>
9266  </svg>
9267
9268                  </div>
9269                </button>
9270               
9271            </div><button 
9272            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/segermedaljer', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
927256-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
9273            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/segermedaljer', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10839810638162-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
9274            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9275            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
9276            aria-label="Knapp snabbvy"
9277            x-customer-event-data="{
9278    &quot;product&quot;: {
9279      &quot;title&quot;: &quot;Segermedalj 50 mm&quot;,
9280      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
9281      &quot;sku&quot;: &quot;10839810638162&quot;,
9282      &quot;currencyCode&quot;: &quot;SEK&quot;,
9283      &quot;price&quot;: 3600,
9284      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
9285    }
9286  }"
9287            x-show="$store.xQuickView.enabled"
9288          >
9289            <span class="flex justify-center items-center">
9290              
9291<div class="flex ">
9292  
9293    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9294  
9295  
9296</div>
9297            </span>
9298          </button>
9299        </div>
9300      </template>
9301    
9302  </div>
9303</div>
9304<style data-shopify>
9305                        .x-slide-animation-duration-3 {
9306                          --delay-time: 200ms
9307                        }
9308                      </style>
9309                      
9310                      
9311
9312<div 
9313  
9314    x-data="xProductCard('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3', '/collections/nytt-i-butiken/products/medalj-tummen-upp', '10830531166546')"  
9315  
9316  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
9317  x-slide-index="2"
9318>
9319  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
9320  >
9321    <style data-shopify>
9322      
9323      .paginate-testimonial {
9324        background: rgba(215, 147, 26, 0.2);
9325      }
9326      .dark .paginate-testimonial {
9327        background: rgba(255, 255, 255, 0.2);
9328      }
9329    </style>
9330    
9331    <style data-shopify>
9332      
9333    </style>
9334    <a 
9335      
9336        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
9337      
9338      href="/collections/nytt-i-butiken/products/medalj-tummen-upp"
9339       
9340        x-data="{ lastWindowWidth: 0 }"
9341        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
9342        x-labels-data="[
9343    
9344{
9345      &quot;variant_id&quot;: 53625220432210,
9346      &quot;product_id&quot;: 10830531166546,
9347      &quot;available&quot;: true,
9348      &quot;title&quot;: &quot;Medalj Tummen Upp 45 mm&quot;,
9349      &quot;compare_at_price&quot;: 0,
9350      &quot;price&quot;: 3600,
9351      &quot;price_with_currency&quot;: &quot;36 kr&quot;,
9352      &quot;sale_amount&quot;: &quot;-36 kr&quot;,
9353      &quot;collections&quot;: &quot;||620527092050||668942926162||630907339090||&quot;,
9354      &quot;inventory_management&quot;: &quot;shopify&quot;,
9355      &quot;qty&quot;: 100,
9356      &quot;container&quot;: &quot;card&quot;,
9357      &quot;can_show_preorder&quot;: false,
9358      &quot;diff_day_create&quot;: 126.79,
9359      &quot;diff_day_publish&quot;: 126.77
9360      
9361      }
9362    ]"
9363       
9364      aria-label="Medalj Tummen Upp 45 mm"
9365      id="10830531166546-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656"
9366      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
9366or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
9367      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
9368        <div
9369          id="x-slideshow-card-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2"
9370          class="block h-full x-splide splide visible" 
9371          @click='$store.xCustomerEvent.fire("product_selected", $el)'
9372          x-customer-event-data="{
9373    &quot;product&quot;: {
9374      &quot;title&quot;: &quot;Medalj Tummen Upp 45 mm&quot;,
9375      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
9376      &quot;sku&quot;: &quot;10830531166546&quot;,
9377      &quot;currencyCode&quot;: &quot;SEK&quot;,
9378      &quot;price&quot;: 3600,
9379      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
9380    }
9381  }"
9382          x-cloak
9383          
9384            x-intersect.once.margin.200px='$store.xSplide.load($el, {
9385              "drag": true,
9386              "pagination": true,
9387              "arrows": false,
9388              "pauseOnFocus": false,
9389              "pauseOnHover": false,
9390              "perMove": 1,
9391              "perPage": 1,
9392              "focus": "center",
9393              "mediaQuery": "min",
9394              "rewind": true,
9395              
9396                "destroy": true,
9397              
9398              "breakpoints": {
9399                1024: {
9400                  
9401                    "destroy": true
9402                  
9403                }
9404              },
9405              
9406                "playOnHover": true,
9407              
9408              
9409              "classes": {
9410                "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
9411                "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
9412              },
9413              "type": "fade",
9414            })'>
9415          <div 
9416            id="image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2"
9417            class="splide__track overflow-hidden max-h-full h-full w-full"
9418          >
9419          <div class="w-full h-full splide__list">
9420<div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
9421              >
9422                
9423                <picture>
9424                  <img
9425                    srcset="
9426                    //www.vasaboden.se/cdn/shop/files/Tummenupp_cb28b322-d454-41fc-bcb1-01ab1d614d19.webp?v=1780387248&width=250 250w,
9427                    //www.vasaboden.se/cdn/shop/files/Tummenupp_cb28b322-d454-41fc-bcb1-01ab1d614d19.webp?v=1780387248&width=350 350w,
9428                    //www.vasaboden.se/cdn/shop/files/Tummenupp_cb28b322-d454-41fc-bcb1-01ab1d614d19.webp?v=1780387248&width=450 450w,
9429                    //www.vasaboden.se/cdn/shop/files/Tummenupp_cb28b322-d454-41fc-bcb1-01ab1d614d19.webp?v=1780387248&width=750 750w,
9430                    //www.vasaboden.se/cdn/shop/files/Tummenupp_cb28b322-d454-41fc-bcb1-01ab1d614d19.webp?v=1780387248&width=900 900w,
9431                    //www.vasaboden.se/cdn/shop/files/Tummenupp_cb28b322-d454-41fc-bcb1-01ab1d614d19.webp?v=1780387248&width=1100 1100w,
9432                    //www.vasaboden.se/cdn/shop/files/Tummenupp_cb28b322-d454-41fc-bcb1-01ab1d614d19.webp?v=1780387248&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/Tummenupp_cb28b322-d454-41fc-bcb1-01ab1d614d19.webp?v=1780387248 850w" 
9433                    src="//www.vasaboden.se/cdn/shop/files/Tummenupp_cb28b322-d454-41fc-bcb1-01ab1d614d19.webp?v=1780387248&width=1500"
9434                    sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
9435                    alt="Medalj Tummen Upp 45 mm"
9436                    class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
9437                    loading="lazy"
9438                    width="850"
9439                    height="850"
9440                    onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
9441                      setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
9442                  />
9443                </picture>
9444                
9445              </div><style data-shopify>
9446                    #image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
944656-1-3-2 .media-slide:not(:first-child) {
9447                      height: 100%;
9448                    }
9449                  </style>
9450                  <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
9451                    
9452                    <picture>
9453                      <img
9454                        srcset="//www.vasaboden.se/cdn/shop/files/BS_ME108_01_1.png?v=1780384611&width=250 250w,
9455                          //www.vasaboden.se/cdn/shop/files/BS_ME108_01_1.png?v=1780384611&width=350 350w,
9456                          //www.vasaboden.se/cdn/shop/files/BS_ME108_01_1.png?v=1780384611&width=450 450w,
9457                          //www.vasaboden.se/cdn/shop/files/BS_ME108_01_1.png?v=1780384611&width=750 750w,
9458                          //www.vasaboden.se/cdn/shop/files/BS_ME108_01_1.png?v=1780384611&width=900 900w,
9459                          //www.vasaboden.se/cdn/shop/files/BS_ME108_01_1.png?v=1780384611&width=1100 1100w,
9460                          //www.vasaboden.se/cdn/shop/files/BS_ME108_01_1.png?v=1780384611&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/BS_ME108_01_1.png?v=1780384611 1626w"
9461                        src="//www.vasaboden.se/cdn/shop/files/BS_ME108_01_1.png?v=1780384611&width=1500"
9462                        sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
9463                        alt="Medalj Bra jobbat"
9464                        class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
9465                        loading="lazy"
9466                        width="1626"
9467                        height="1791"
9468                        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
9469                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
9470                      />
9471                    </picture>
9472                    
9473                  </div></div>
9474          </div></div>
9475      </div>
9476        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
9477              x-show="$store.xQuickView" x-cloak
9478            > 
9479              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
9480                class="w-full hide-icon lg:px-4" 
9481                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
9482                x-cloak
9483              >
9484                
9485                  <button
9486                    type="submit"
9487                    name="add"
9488                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
9489                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-tummen-upp', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 203); }, 0)"
9490                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9491                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
9492                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9493                    
9494                      aria-label="Välj alternativ"
9495                    
9496                  >
9497                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9498                      
9499                      <span class="flex items-center justify-center">
9500                        
9501<div class="flex ">
9502  
9503    
9504      
9505        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
9506      
9507    
9508  
9509  
9510</div>
9511                      </span>
9512                    </span>
9513                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9514                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9515    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9516      fill="currentcolor" stroke="none">
9517      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9518    </g>
9519  </svg>
9520
9521                    </div>
9522                  </button>
9523                  <button 
9524                    type="submit"
9525                    name="add"
9526                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
9527                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-tummen-upp', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 203); }, 0)"
9528                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
9529                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9530                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Välj alternativ"x-customer-event-data="{
9531    &quot;product&quot;: {
9532      &quot;title&quot;: &quot;Medalj Tummen Upp 45 mm&quot;,
9533      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
9534      &quot;sku&quot;: &quot;10830531166546&quot;,
9535      &quot;currencyCode&quot;: &quot;SEK&quot;,
9536      &quot;price&quot;: 3600,
9537      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
9538    }
9539  }"
9540                  >
9541                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
9542    <g>
9543    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9544    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9545    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9546    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9547    </g>
9548  </svg></span>
9549                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
9550                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9551    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9552      fill="currentcolor" stroke="none">
9553      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9554    </g>
9555  </svg>
9556
9557                    </span>
9558                  </button>
9559                
9560              </div>
9561            </div><div
9562            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
9563            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
9564            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
9565            >
9566            <div>
9567              <button
9568                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9569                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-tummen-upp', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
9570                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-tummen-upp', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
9571                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
9572                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
9573                x-customer-event-data="{
9574    &quot;product&quot;: {
9575      &quot;title&quot;: &quot;Medalj Tummen Upp 45 mm&quot;,
9576      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
9577      &quot;sku&quot;: &quot;10830531166546&quot;,
9578      &quot;currencyCode&quot;: &quot;SEK&quot;,
9579      &quot;price&quot;: 3600,
9580      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
9581    }
9582  }"
9583                aria-label="Knapp snabbvy"
9584              >
9585                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
9586    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9587    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9588  </svg>
9589</span>
9590                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
9591                  
9592<div class="flex ">
9593  
9594    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9595  
9596  
9597</div>
9598                </span>
9599              </button>
9600              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/nytt-i-butiken/products/medalj-tummen-upp", $el, "template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
960056-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9601                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
9602                aria-label="Knapp snabbvy"
9603                x-customer-event-data="{
9604    &quot;product&quot;: {
9605      &quot;title&quot;: &quot;Medalj Tummen Upp 45 mm&quot;,
9606      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
9607      &quot;sku&quot;: &quot;10830531166546&quot;,
9608      &quot;currencyCode&quot;: &quot;SEK&quot;,
9609      &quot;price&quot;: 3600,
9610      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
9611    }
9612  }"
9613              >
9614                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
9615    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9616    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9617  </svg>
9618</span>
9619              </button>
9620            </div>
9621          </div>
9622        </div>
9623      
9624    </a>
9625    
9626    
9627    <div class="md:list-layout:hidden">
9628      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
9629        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
9630          
9631            
9632 
9633
9634
9635          
9636          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546">
9637            <a href="/collections/nytt-i-butiken/products/medalj-tummen-upp"
9638              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
9639              @click='$store.xCustomerEvent.fire("product_selected", $el)'
9640              x-customer-event-data="{
9641    &quot;product&quot;: {
9642      &quot;title&quot;: &quot;Medalj Tummen Upp 45 mm&quot;,
9643      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
9644      &quot;sku&quot;: &quot;10830531166546&quot;,
9645      &quot;currencyCode&quot;: &quot;SEK&quot;,
9646      &quot;price&quot;: 3600,
9647      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
9648    }
9649  }"
9650            >
9651              Medalj Tummen Upp 45 mm
9652            </a>
9653          </h3>
9654          
9655<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
9656            
9657            
9658              <div class=" price leading-none">
9659  <div class="">
9660    <div class="target-price hidden">3600</div>
9661    <div class="target-compare-at-price hidden">0</div>
9662    
9663<p class="price ">
9664          <span>36 kr</span>
9665        </p><small class="text-[70%] hidden">
9666        <span class="hidden">Enhetspris</span>
9667        <span class="up price-item price-item--last">
9668          <span class="unit-price">
9669
9670          </span>
9671          <span aria-hidden="true">/</span>
9672          <span class="hidden">&nbsp;per&nbsp;</span>
9673          <span>
9674          </span>
9675        </span>
9676      </small>
9677    
9678  </div>
9679  
9680</div>
9681            
9682            <div class="leading-none next-price empty:hidden"></div>
9683          </div>
9684          
9685          <template x-if="localStorage.getItem('selectedStore')">
9686            <div id="x-availability-notice-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10830531166546', [620527092050, 668942926162, 630907339090])">
9687              <div 
9688  x-data='{ 
9689    storeAvailabilites: {
9690      "Vasabodens butik": true
9691    },
9692    pickupLocation: [
9693      "Vasabodens butik"
9694    ]
9695  }'
9696  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
9697>
9698  <style data-shopify>
9699    .text-available, .text-unavailable {
9700      font-size: 0.669375rem;
9701      font-family: var(--font-body-family);
9702    }
9703
9704    @media (min-width: 768px) {
9705      .text-available, .text-unavailable {
9706        font-size: 0.74375rem;
9707      }
9708    }
9709
9710    .text-available {
9711      color: #6B762D;
9712    }
9713
9714    .dark .text-available {
9715      color: #858F4D;
9716    }
9717
9718    .text-unavailable {
9719      color: #7d0606;
9720    }
9721
9722    .dark .text-unavailable {
9723      color: #867F7F;
9724    }
9725  </style>
9726  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
9727    <span class="flex h-4 w-4 relative">
9728<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9729  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9730  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9731</svg>
9732
9733</span><span x-text="'Tillgänglig för upphämtning på ' + $store.xStoreSelector?.getStoreText()"> </span>
9734  </div>
9735  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
9736    <span class="flex h-4 w-4 relative">
9737<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9738  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9739  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9740</svg>
9741
9742</span><span x-text="'Slut i lager på ' + $store.xStoreSelector?.getStoreText()"> </span>
9743  </div>
9744</div>
9745            </div>
9746          </template>
9747        </div>
9748      </div>
9749    </div>
9750    
9751  </div><div
9752      id="choose-options-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9753      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
9754      x-show="showOptions"
9755      x-transition:enter="transition-all ease-in-out duration-300"
9756      x-transition:enter-start="opacity-0 transform translate-y-full"
9757      x-transition:enter-end="opacity-100 transform translate-y-0"
9758      x-transition:leave="transition-all ease-in-out duration-300"
9759      x-transition:leave-start="opacity-100 transform translate-y-0"
9760      x-transition:leave-end="opacity-0 transform translate-y-full"
9761      x-cloak
9762    >
9763      <div  class="choose-options relative w-full min-h-full h-full"></div>
9764      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
9765        <div
9766          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
9767          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9768    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9769      fill="currentcolor" stroke="none">
9770      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9771    </g>
9772  </svg>
9773
9774        </div>
9775      </div>
9776    </div>
9777  <div
9778    id="x-product-template-10830531166546-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3"
9779    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
9780  >
9781    
9782    
9783    
9784
9785        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
9786          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/medalj-tummen-upp');
9787        });"></div>
9788        <div
9789          id="current-variant-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
9790          class="current-variant hidden"
9791        >
9792          53625220432210
9793        </div>
9794    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
9795    
9796      <div class="card-info x-highlight-icon mt-2.5">
9797        <div 
9798  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
9799  x-data="{setPosition(el) {
9800    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
9801    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
9802    elRect = el.getBoundingClientRect();
9803    let spacingLeft = elRect.left - parentEl.left;
9804    if (spacingLeft < 0) {
9805      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
9806    }
9807    let spacingRight = parentEl.right - elRect.right;
9808    if (spacingRight < 0) {
9809      el.style.setProperty('--left-tooltip', spacingRight + 'px');
9810    } 
9811  }}"
9812  x-init="$el.innerHTML = $el.innerHTML.trim();"
9813>
9814    �
9815    �
9816    �
9817    �</div>
9818      </div>
9819    
9820    
9821      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
9822            class="card-info bottom_atc md:list-layout:hidden hide-icon"
9823            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
9824            x-cloak
9825          >
9826            
9827              <button
9828                type="submit"
9829                name="add"
9830                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
983056-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
9831                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-tummen-upp', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 203); }, 0)" 
9832                data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9833                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
9834                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9835                  aria-label="Välj alternativ"
9836                
9837              >
9838                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9839                  
9840                  <span class="flex items-center justify-center">
9841                    
9842<div class="flex ">
9843  
9844    
9845      
9846        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
9847      
9848    
9849  
9850  
9851</div>
9852                  </span>
9853                </span>
9854                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9855                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9856    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9857      fill="currentcolor" stroke="none">
9858      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9859    </g>
9860  </svg>
9861
9862                </div>
9863              </button>
9864             
9865          </div></template>
9866    
9867    
9868      <template x-if="$store.xQuickView">
9869        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
9870              
9871                <button
9872                  type="submit"
9873                  name="add"
9874                  
9875                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
9876                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-tummen-upp', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 203); }, 0)" 
9877                  data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9878                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
9879                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9880                  aria-label="Välj alternativ"
9881                >
9882                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9883                    
9884                    <span class="flex items-center justify-center">
9885                      
9886<div class="flex ">
9887  
9888    
9889      
9890        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
9891      
9892    
9893  
9894  
9895</div>
9896                    </span>
9897                  </span>
9898                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9899                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9900    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9901      fill="currentcolor" stroke="none">
9902      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9903    </g>
9904  </svg>
9905
9906                  </div>
9907                </button>
9908               
9909            </div><button 
9910            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-tummen-upp', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
9911            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-tummen-upp', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10830531166546-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
9912            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9913            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
9914            aria-label="Knapp snabbvy"
9915            x-customer-event-data="{
9916    &quot;product&quot;: {
9917      &quot;title&quot;: &quot;Medalj Tummen Upp 45 mm&quot;,
9918      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
9919      &quot;sku&quot;: &quot;10830531166546&quot;,
9920      &quot;currencyCode&quot;: &quot;SEK&quot;,
9921      &quot;price&quot;: 3600,
9922      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
9923    }
9924  }"
9925            x-show="$store.xQuickView.enabled"
9926          >
9927            <span class="flex justify-center items-center">
9928              
9929<div class="flex ">
9930  
9931    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9932  
9933  
9934</div>
9935            </span>
9936          </button>
9937        </div>
9938      </template>
9939    
9940  </div>
9941</div>
9942<style data-shopify>
9943                        .x-slide-animation-duration-4 {
9944                          --delay-time: 300ms
9945                        }
9946                      </style>
9947                      
9948                      
9949
9950<div 
9951  
9952    x-data="xProductCard('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4', '/collections/nytt-i-butiken/products/medalj-1-2-3', '10828791349586')"  
9953  
9954  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
9955  x-slide-index="3"
9956>
9957  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
9958  >
9959    <style data-shopify>
9960      
9961      .paginate-testimonial {
9962        background: rgba(215, 147, 26, 0.2);
9963      }
9964      .dark .paginate-testimonial {
9965        background: rgba(255, 255, 255, 0.2);
9966      }
9967    </style>
9968    
9969    <style data-shopify>
9970      
9971    </style>
9972    <a 
9973      
9974        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
9975      
9976      href="/collections/nytt-i-butiken/products/medalj-1-2-3"
9977       
9978        x-data="{ lastWindowWidth: 0 }"
9979        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
9980        x-labels-data="[
9981    
9982{
9983      &quot;variant_id&quot;: 53617690378578,
9984      &quot;product_id&quot;: 10828791349586,
9985      &quot;available&quot;: true,
9986      &quot;title&quot;: &quot;Medalj 1-2-3 45 mm&quot;,
9987      &quot;compare_at_price&quot;: 0,
9988      &quot;price&quot;: 3600,
9989      &quot;price_with_currency&quot;: &quot;36 kr&quot;,
9990      &quot;sale_amount&quot;: &quot;-36 kr&quot;,
9991      &quot;collections&quot;: &quot;||620527092050||668942926162||630907339090||&quot;,
9992      &quot;inventory_management&quot;: &quot;shopify&quot;,
9993      &quot;qty&quot;: 435,
9994      &quot;container&quot;: &quot;card&quot;,
9995      &quot;can_show_preorder&quot;: false,
9996      &quot;diff_day_create&quot;: 127.55,
9997      &quot;diff_day_publish&quot;: 126.77
9998      
9999      }
10000    ]"
10001       
10002      aria-label="Medalj 1-2-3 45 mm"
10003      id="10828791349586-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1000356"
10004      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
10005      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
10006        <div
10007          id="x-slideshow-card-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3"
10008          class="block h-full x-splide splide visible" 
10009          @click='$store.xCustomerEvent.fire("product_selected", $el)'
10010          x-customer-event-data="{
10011    &quot;product&quot;: {
10012      &quot;title&quot;: &quot;Medalj 1-2-3 45 mm&quot;,
10013      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10014      &quot;sku&quot;: &quot;10828791349586&quot;,
10015      &quot;currencyCode&quot;: &quot;SEK&quot;,
10016      &quot;price&quot;: 3600,
10017      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
10018    }
10019  }"
10020          x-cloak
10021          
10022            x-intersect.once.margin.200px='$store.xSplide.load($el, {
10023              "drag": true,
10024              "pagination": true,
10025              "arrows": false,
10026              "pauseOnFocus": false,
10027              "pauseOnHover": false,
10028              "perMove": 1,
10029              "perPage": 1,
10030              "focus": "center",
10031              "mediaQuery": "min",
10032              "rewind": true,
10033              
10034                "destroy": true,
10035              
10036              "breakpoints": {
10037                1024: {
10038                  
10039                    "destroy": true
10040                  
10041                }
10042              },
10043              
10044                "playOnHover": true,
10045              
10046              
10047              "classes": {
10048                "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
10049                "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
10050              },
10051              "type": "fade",
10052            })'>
10053          <div 
10054            id="image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3"
10055            class="splide__track overflow-hidden max-h-full h-full w-full"
10056          >
10057          <div class="w-full h-full splide__list">
10058<div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
10059              >
10060                
10061                <picture>
10062                  <img
10063                    srcset="
10064                    //www.vasaboden.se/cdn/shop/files/Nummermedaljer_a15b7ff6-aae1-4a81-b119-0a406e76470a.webp?v=1780385778&width=250 250w,
10065                    //www.vasaboden.se/cdn/shop/files/Nummermedaljer_a15b7ff6-aae1-4a81-b119-0a406e76470a.webp?v=1780385778&width=350 350w,
10066                    //www.vasaboden.se/cdn/shop/files/Nummermedaljer_a15b7ff6-aae1-4a81-b119-0a406e76470a.webp?v=1780385778&width=450 450w,
10067                    //www.vasaboden.se/cdn/shop/files/Nummermedaljer_a15b7ff6-aae1-4a81-b119-0a406e76470a.webp?v=1780385778&width=750 750w,
10068                    //www.vasaboden.se/cdn/shop/files/Nummermedaljer_a15b7ff6-aae1-4a81-b119-0a406e76470a.webp?v=1780385778&width=900 900w,
10069                    //www.vasaboden.se/cdn/shop/files/Nummermedaljer_a15b7ff6-aae1-4a81-b119-0a406e76470a.webp?v=1780385778&width=1100 1100w,
10070                    //www.vasaboden.se/cdn/shop/files/Nummermedaljer_a15b7ff6-aae1-4a81-b119-0a406e76470a.webp?v=1780385778&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/Nummermedaljer_a15b7ff6-aae1-4a81-b119-0a406e76470a.webp?v=1780385778 850w" 
10071                    src="//www.vasaboden.se/cdn/shop/files/Nummermedaljer_a15b7ff6-aae1-4a81-b119-0a406e76470a.webp?v=1780385778&width=1500"
10072                    sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
10073                    alt="Medalj 1-2-3 45 mm"
10074                    class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
10075                    loading="lazy"
10076                    width="850"
10077                    height="485"
10078                    onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10079                      setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
10080                  />
10081                </picture>
10082                
10083              </div><style data-shopify>
10084                    #image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1008456-1-4-3 .media-slide:not(:first-child) {
10085                      height: 100%;
10086                    }
10087                  </style>
10088                  <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
10089                    
10090                    <picture>
10091                      <img
10092                        srcset="//www.vasaboden.se/cdn/shop/files/BS_ME101_01_1.png?v=1780385230&width=250 250w,
10093                          //www.vasaboden.se/cdn/shop/files/BS_ME101_01_1.png?v=1780385230&width=350 350w,
10094                          //www.vasaboden.se/cdn/shop/files/BS_ME101_01_1.png?v=1780385230&width=450 450w,
10095                          //www.vasaboden.se/cdn/shop/files/BS_ME101_01_1.png?v=1780385230&width=750 750w,
10096                          //www.vasaboden.se/cdn/shop/files/BS_ME101_01_1.png?v=1780385230&width=900 900w,
10097                          //www.vasaboden.se/cdn/shop/files/BS_ME101_01_1.png?v=1780385230&width=1100 1100w,
10098                          //www.vasaboden.se/cdn/shop/files/BS_ME101_01_1.png?v=1780385230&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/BS_ME101_01_1.png?v=1780385230 1629w"
10099                        src="//www.vasaboden.se/cdn/shop/files/BS_ME101_01_1.png?v=1780385230&width=1500"
10100                        sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
10101                        alt="Medalj 1-2-3 45 mm"
10102                        class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
10103                        loading="lazy"
10104                        width="1629"
10105                        height="1795"
10106                        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10107                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
10108                      />
10109                    </picture>
10110                    
10111                  </div></div>
10112          </div></div>
10113      </div>
10114        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10115              x-show="$store.xQuickView" x-cloak
10116            > 
10117              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
10118                class="w-full hide-icon lg:px-4" 
10119                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
10120                x-cloak
10121              >
10122                
10123                  <button
10124                    type="submit"
10125                    name="add"
10126                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
10127                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-1-2-3', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 204); }, 0)"
10128                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10129                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
10130                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10131                    
10132                      aria-label="Välj alternativ"
10133                    
10134                  >
10135                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10136                      
10137                      <span class="flex items-center justify-center">
10138                        
10139<div class="flex ">
10140  
10141    
10142      
10143        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
10144      
10145    
10146  
10147  
10148</div>
10149                      </span>
10150                    </span>
10151                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10152                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10153    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10154      fill="currentcolor" stroke="none">
10155      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10156    </g>
10157  </svg>
10158
10159                    </div>
10160                  </button>
10161                  <button 
10162                    type="submit"
10163                    name="add"
10164                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
10165                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-1-2-3', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 204); }, 0)"
10166                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
10167                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10168                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Välj alternativ"x-customer-event-data="{
10169    &quot;product&quot;: {
10170      &quot;title&quot;: &quot;Medalj 1-2-3 45 mm&quot;,
10171      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10172      &quot;sku&quot;: &quot;10828791349586&quot;,
10173      &quot;currencyCode&quot;: &quot;SEK&quot;,
10174      &quot;price&quot;: 3600,
10175      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
10176    }
10177  }"
10178                  >
10179                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
10180    <g>
10181    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10182    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10183    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10184    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10185    </g>
10186  </svg></span>
10187                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
10188                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10189    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10190      fill="currentcolor" stroke="none">
10191      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10192    </g>
10193  </svg>
10194
10195                    </span>
10196                  </button>
10197                
10198              </div>
10199            </div><div
10200            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10201            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
10202            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
10203            >
10204            <div>
10205              <button
10206                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10207                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-1-2-3', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10208                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-1-2-3', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10209                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
10210                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
10211                x-customer-event-data="{
10212    &quot;product&quot;: {
10213      &quot;title&quot;: &quot;Medalj 1-2-3 45 mm&quot;,
10214      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10215      &quot;sku&quot;: &quot;10828791349586&quot;,
10216      &quot;currencyCode&quot;: &quot;SEK&quot;,
10217      &quot;price&quot;: 3600,
10218      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
10219    }
10220  }"
10221                aria-label="Knapp snabbvy"
10222              >
10223                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
10224    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10225    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10226  </svg>
10227</span>
10228                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
10229                  
10230<div class="flex ">
10231  
10232    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10233  
10234  
10235</div>
10236                </span>
10237              </button>
10238              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/nytt-i-butiken/products/medalj-1-2-3", $el, "template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1023856-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10239                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
10240                aria-label="Knapp snabbvy"
10241                x-customer-event-data="{
10242    &quot;product&quot;: {
10243      &quot;title&quot;: &quot;Medalj 1-2-3 45 mm&quot;,
10244      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10245      &quot;sku&quot;: &quot;10828791349586&quot;,
10246      &quot;currencyCode&quot;: &quot;SEK&quot;,
10247      &quot;price&quot;: 3600,
10248      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
10249    }
10250  }"
10251              >
10252                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
10253    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10254    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10255  </svg>
10256</span>
10257              </button>
10258            </div>
10259          </div>
10260        </div>
10261      
10262    </a>
10263    
10264    
10265    <div class="md:list-layout:hidden">
10266      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
10267        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
10268          
10269            
10270 
10271
10272
10273          
10274          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586">
10275            <a href="/collections/nytt-i-butiken/products/medalj-1-2-3"
10276              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
10277              @click='$store.xCustomerEvent.fire("product_selected", $el)'
10278              x-customer-event-data="{
10279    &quot;product&quot;: {
10280      &quot;title&quot;: &quot;Medalj 1-2-3 45 mm&quot;,
10281      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10282      &quot;sku&quot;: &quot;10828791349586&quot;,
10283      &quot;currencyCode&quot;: &quot;SEK&quot;,
10284      &quot;price&quot;: 3600,
10285      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
10286    }
10287  }"
10288            >
10289              Medalj 1-2-3 45 mm
10290            </a>
10291          </h3>
10292          
10293<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
10294            
10295            
10296              <div class=" price leading-none">
10297  <div class="">
10298    <div class="target-price hidden">3600</div>
10299    <div class="target-compare-at-price hidden">0</div>
10300    
10301<p class="price ">
10302          <span>36 kr</span>
10303        </p><small class="text-[70%] hidden">
10304        <span class="hidden">Enhetspris</span>
10305        <span class="up price-item price-item--last">
10306          <span class="unit-price">
10307
10308          </span>
10309          <span aria-hidden="true">/</span>
10310          <span class="hidden">&nbsp;per&nbsp;</span>
10311          <span>
10312          </span>
10313        </span>
10314      </small>
10315    
10316  </div>
10317  
10318</div>
10319            
10320            <div class="leading-none next-price empty:hidden"></div>
10321          </div>
10322          
10323          <template x-if="localStorage.getItem('selectedStore')">
10324            <div id="x-availability-notice-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10828791349586', [620527092050, 668942926162, 630907339090])">
10325              <div 
10326  x-data='{ 
10327    storeAvailabilites: {
10328      "Vasabodens butik": true
10329    },
10330    pickupLocation: [
10331      "Vasabodens butik"
10332    ]
10333  }'
10334  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
10335>
10336  <style data-shopify>
10337    .text-available, .text-unavailable {
10338      font-size: 0.669375rem;
10339      font-family: var(--font-body-family);
10340    }
10341
10342    @media (min-width: 768px) {
10343      .text-available, .text-unavailable {
10344        font-size: 0.74375rem;
10345      }
10346    }
10347
10348    .text-available {
10349      color: #6B762D;
10350    }
10351
10352    .dark .text-available {
10353      color: #858F4D;
10354    }
10355
10356    .text-unavailable {
10357      color: #7d0606;
10358    }
10359
10360    .dark .text-unavailable {
10361      color: #867F7F;
10362    }
10363  </style>
10364  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
10365    <span class="flex h-4 w-4 relative">
10366<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10367  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10368  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10369</svg>
10370
10371</span><span x-text="'Tillgänglig för upphämtning på ' + $store.xStoreSelector?.getStoreText()"> </span>
10372  </div>
10373  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
10374    <span class="flex h-4 w-4 relative">
10375<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10376  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10377  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10378</svg>
10379
10380</span><span x-text="'Slut i lager på ' + $store.xStoreSelector?.getStoreText()"> </span>
10381  </div>
10382</div>
10383            </div>
10384          </template>
10385        </div>
10386      </div>
10387    </div>
10388    
10389  </div><div
10390      id="choose-options-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10391      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
10392      x-show="showOptions"
10393      x-transition:enter="transition-all ease-in-out duration-300"
10394      x-transition:enter-start="opacity-0 transform translate-y-full"
10395      x-transition:enter-end="opacity-100 transform translate-y-0"
10396      x-transition:leave="transition-all ease-in-out duration-300"
10397      x-transition:leave-start="opacity-100 transform translate-y-0"
10398      x-transition:leave-end="opacity-0 transform translate-y-full"
10399      x-cloak
10400    >
10401      <div  class="choose-options relative w-full min-h-full h-full"></div>
10402      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
10403        <div
10404          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
10405          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10406    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10407      fill="currentcolor" stroke="none">
10408      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10409    </g>
10410  </svg>
10411
10412        </div>
10413      </div>
10414    </div>
10415  <div
10416    id="x-product-template-10828791349586-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4"
10417    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
10418  >
10419    
10420    
10421    
10422
10423        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
10424          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/medalj-1-2-3');
10425        });"></div>
10426        <div
10427          id="current-variant-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
10428          class="current-variant hidden"
10429        >
10430          53617690378578
10431        </div>
10432    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
10433    
10434      <div class="card-info x-highlight-icon mt-2.5">
10435        <div 
10436  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
10437  x-data="{setPosition(el) {
10438    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
10439    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
10440    elRect = el.getBoundingClientRect();
10441    let spacingLeft = elRect.left - parentEl.left;
10442    if (spacingLeft < 0) {
10443      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
10444    }
10445    let spacingRight = parentEl.right - elRect.right;
10446    if (spacingRight < 0) {
10447      el.style.setProperty('--left-tooltip', spacingRight + 'px');
10448    } 
10449  }}"
10450  x-init="$el.innerHTML = $el.innerHTML.trim();"
10451>
10452    �
10453    �
10454    �
10455    �</div>
10456      </div>
10457    
10458    
10459      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
10460            class="card-info bottom_atc md:list-layout:hidden hide-icon"
10461            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
10462            x-cloak
10463          >
10464            
10465              <button
10466                type="submit"
10467                name="add"
10468                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1046856-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
10469                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-1-2-3', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 204); }, 0)" 
10470                data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10471                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
10472                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10473                  aria-label="Välj alternativ"
10474                
10475              >
10476                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10477                  
10478                  <span class="flex items-center justify-center">
10479                    
10480<div class="flex ">
10481  
10482    
10483      
10484        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
10485      
10486    
10487  
10488  
10489</div>
10490                  </span>
10491                </span>
10492                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10493                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10494    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10495      fill="currentcolor" stroke="none">
10496      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10497    </g>
10498  </svg>
10499
10500                </div>
10501              </button>
10502             
10503          </div></template>
10504    
10505    
10506      <template x-if="$store.xQuickView">
10507        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
10508              
10509                <button
10510                  type="submit"
10511                  name="add"
10512                  
10513                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
10514                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/medalj-1-2-3', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 204); }, 0)" 
10515                  data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10516                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
10517                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10518                  aria-label="Välj alternativ"
10519                >
10520                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10521                    
10522                    <span class="flex items-center justify-center">
10523                      
10524<div class="flex ">
10525  
10526    
10527      
10528        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
10529      
10530    
10531  
10532  
10533</div>
10534                    </span>
10535                  </span>
10536                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10537                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10538    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10539      fill="currentcolor" stroke="none">
10540      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10541    </g>
10542  </svg>
10543
10544                  </div>
10545                </button>
10546               
10547            </div><button 
10548            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-1-2-3', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10549            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/medalj-1-2-3', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10828791349586-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10550            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10551            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
10552            aria-label="Knapp snabbvy"
10553            x-customer-event-data="{
10554    &quot;product&quot;: {
10555      &quot;title&quot;: &quot;Medalj 1-2-3 45 mm&quot;,
10556      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10557      &quot;sku&quot;: &quot;10828791349586&quot;,
10558      &quot;currencyCode&quot;: &quot;SEK&quot;,
10559      &quot;price&quot;: 3600,
10560      &quot;vendor&quot;: &quot;Guld | Silver | Brons&quot;
10561    }
10562  }"
10563            x-show="$store.xQuickView.enabled"
10564          >
10565            <span class="flex justify-center items-center">
10566              
10567<div class="flex ">
10568  
10569    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10570  
10571  
10572</div>
10573            </span>
10574          </button>
10575        </div>
10576      </template>
10577    
10578  </div>
10579</div>
10580<style data-shopify>
10581                        .x-slide-animation-duration-5 {
10582                          --delay-time: 400ms
10583                        }
10584                      </style>
10585                      
10586                      
10587
10588<div 
10589  
10590    x-data="xProductCard('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5', '/collections/nytt-i-butiken/products/pokal-vanern', '10567412515154')"  
10591  
10592  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
10593  x-slide-index="4"
10594>
10595  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
10596  >
10597    <style data-shopify>
10598      
10599      .paginate-testimonial {
10600        background: rgba(215, 147, 26, 0.2);
10601      }
10602      .dark .paginate-testimonial {
10603        background: rgba(255, 255, 255, 0.2);
10604      }
10605    </style>
10606    
10607    <style data-shopify>
10608      
10609    </style>
10610    <a 
10611      
10612        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
10613      
10614      href="/collections/nytt-i-butiken/products/pokal-vanern"
10615       
10616        x-data="{ lastWindowWidth: 0 }"
10617        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
10618        x-labels-data="[
10619    
10620{
10621      &quot;variant_id&quot;: 52616302756178,
10622      &quot;product_id&quot;: 10567412515154,
10623      &quot;available&quot;: true,
10624      &quot;title&quot;: &quot;Guldpokal Vänern med lock&quot;,
10625      &quot;compare_at_price&quot;: 0,
10626      &quot;price&quot;: 21000,
10627      &quot;price_with_currency&quot;: &quot;210 kr&quot;,
10628      &quot;sale_amount&quot;: &quot;-210 kr&quot;,
10629      &quot;collections&quot;: &quot;||620527649106||668942926162||620527059282||&quot;,
10630      &quot;inventory_management&quot;: &quot;shopify&quot;,
10631      &quot;qty&quot;: 26,
10632      &quot;container&quot;: &quot;card&quot;,
10633      &quot;can_show_preorder&quot;: false,
10634      &quot;diff_day_create&quot;: 246.52,
10635      &quot;diff_day_publish&quot;: 222.69
10636      
10637      }
10638    ]"
10639       
10640      aria-label="Guldpokal Vänern med lock"
10641      id="10567412515154-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1064156"
10642      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
10643      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
10644        <div
10645          id="x-slideshow-card-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5-4"
10646          class="block h-full x-splide splide visible" 
10647          @click='$store.xCustomerEvent.fire("product_selected", $el)'
10648          x-customer-event-data="{
10649    &quot;product&quot;: {
10650      &quot;title&quot;: &quot;Guldpokal Vänern med lock&quot;,
10651      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10652      &quot;sku&quot;: &quot;10567412515154&quot;,
10653      &quot;currencyCode&quot;: &quot;SEK&quot;,
10654      &quot;price&quot;: 21000,
10655      &quot;vendor&quot;: &quot;265mm | 305mm | 345mm | 385mm | 430mm&quot;
10656    }
10657  }"
10658          x-cloak
10659          >
10660          <div 
10661            id="image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5-4"
10662            class="splide__track overflow-hidden max-h-full h-full w-full"
10663          >
10664          <div class="w-full h-full splide__list">
10665<div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
10666              >
10667                
10668                <picture>
10669                  <img
10670                    srcset="
10671                    //www.vasaboden.se/cdn/shop/files/Varnenstiligpokalmedlock.webp?v=1770039794&width=250 250w,
10672                    //www.vasaboden.se/cdn/shop/files/Varnenstiligpokalmedlock.webp?v=1770039794&width=350 350w,
10673                    //www.vasaboden.se/cdn/shop/files/Varnenstiligpokalmedlock.webp?v=1770039794&width=450 450w,
10674                    //www.vasaboden.se/cdn/shop/files/Varnenstiligpokalmedlock.webp?v=1770039794&width=750 750w,
10675                    //www.vasaboden.se/cdn/shop/files/Varnenstiligpokalmedlock.webp?v=1770039794&width=900 900w,
10676                    //www.vasaboden.se/cdn/shop/files/Varnenstiligpokalmedlock.webp?v=1770039794&width=1100 1100w,
10677                    //www.vasaboden.se/cdn/shop/files/Varnenstiligpokalmedlock.webp?v=1770039794&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/Varnenstiligpokalmedlock.webp?v=1770039794 850w" 
10678                    src="//www.vasaboden.se/cdn/shop/files/Varnenstiligpokalmedlock.webp?v=1770039794&width=1500"
10679                    sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
10680                    alt="Klassisk pokal i guld med lock"
10681                    class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
10682                    loading="lazy"
10683                    width="850"
10684                    height="850"
10685                    onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10686                      setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
10687                  />
10688                </picture>
10689                
10690              </div></div>
10691          </div></div>
10692      </div>
10693        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10694              x-show="$store.xQuickView" x-cloak
10695            > 
10696              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
10697                class="w-full hide-icon lg:px-4" 
10698                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
10699                x-cloak
10700              >
10701                
10702                  <button
10703                    type="submit"
10704                    name="add"
10705                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1070556-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
10706                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-vanern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 205); }, 0)"
10707                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10708                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
10709                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10710                    
10711                      aria-label="Välj alternativ"
10712                    
10713                  >
10714                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10715                      
10716                      <span class="flex items-center justify-center">
10717                        
10718<div class="flex ">
10719  
10720    
10721      
10722        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
10723      
10724    
10725  
10726  
10727</div>
10728                      </span>
10729                    </span>
10730                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10731                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10732    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10733      fill="currentcolor" stroke="none">
10734      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10735    </g>
10736  </svg>
10737
10738                    </div>
10739                  </button>
10740                  <button 
10741                    type="submit"
10742                    name="add"
10743                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
10744                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-vanern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 205); }, 0)"
10745                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
10746                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10747                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Välj alternativ"x-customer-event-data="{
10748    &quot;product&quot;: {
10749      &quot;title&quot;: &quot;Guldpokal Vänern med lock&quot;,
10750      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10751      &quot;sku&quot;: &quot;10567412515154&quot;,
10752      &quot;currencyCode&quot;: &quot;SEK&quot;,
10753      &quot;price&quot;: 21000,
10754      &quot;vendor&quot;: &quot;265mm | 305mm | 345mm | 385mm | 430mm&quot;
10755    }
10756  }"
10757                  >
10758                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
10759    <g>
10760    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10761    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10762    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10763    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10764    </g>
10765  </svg></span>
10766                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
10767                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10768    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10769      fill="currentcolor" stroke="none">
10770      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10771    </g>
10772  </svg>
10773
10774                    </span>
10775                  </button>
10776                
10777              </div>
10778            </div><div
10779            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10780            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
10781            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
10782            >
10783            <div>
10784              <button
10785                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10786                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-vanern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10787                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-vanern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10788                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
10789                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
10790                x-customer-event-data="{
10791    &quot;product&quot;: {
10792      &quot;title&quot;: &quot;Guldpokal Vänern med lock&quot;,
10793      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10794      &quot;sku&quot;: &quot;10567412515154&quot;,
10795      &quot;currencyCode&quot;: &quot;SEK&quot;,
10796      &quot;price&quot;: 21000,
10797      &quot;vendor&quot;: &quot;265mm | 305mm | 345mm | 385mm | 430mm&quot;
10798    }
10799  }"
10800                aria-label="Knapp snabbvy"
10801              >
10802                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
10803    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10804    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10805  </svg>
10806</span>
10807                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
10808                  
10809<div class="flex ">
10810  
10811    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10812  
10813  
10814</div>
10815                </span>
10816              </button>
10817              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/nytt-i-butiken/products/pokal-vanern", $el, "template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10818                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
10819                aria-label="Knapp snabbvy"
10820                x-customer-event-data="{
10821    &quot;product&quot;: {
10822      &quot;title&quot;: &quot;Guldpokal Vänern med lock&quot;,
10823      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10824      &quot;sku&quot;: &quot;10567412515154&quot;,
10825      &quot;currencyCode&quot;: &quot;SEK&quot;,
10826      &quot;price&quot;: 21000,
10827      &quot;vendor&quot;: &quot;265mm | 305mm | 345mm | 385mm | 430mm&quot;
10828    }
10829  }"
10830              >
10831                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
10832    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10833    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10834  </svg>
10835</span>
10836              </button>
10837            </div>
10838          </div>
10839        </div>
10840      
10841    </a>
10842    
10843    
10844    <div class="md:list-layout:hidden">
10845      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
10846        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
10847          
10848            
10849 
10850
10851
10852          
10853          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154">
10854            <a href="/collections/nytt-i-butiken/products/pokal-vanern"
10855              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
10856              @click='$store.xCustomerEvent.fire("product_selected", $el)'
10857              x-customer-event-data="{
10858    &quot;product&quot;: {
10859      &quot;title&quot;: &quot;Guldpokal Vänern med lock&quot;,
10860      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
10861      &quot;sku&quot;: &quot;10567412515154&quot;,
10862      &quot;currencyCode&quot;: &quot;SEK&quot;,
10863      &quot;price&quot;: 21000,
10864      &quot;vendor&quot;: &quot;265mm | 305mm | 345mm | 385mm | 430mm&quot;
10865    }
10866  }"
10867            >
10868              Guldpokal Vänern med lock
10869            </a>
10870          </h3>
10871          
10872<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
10873            
10874            
10875              <div class=" price leading-none">
10876  <div class="">
10877    <div class="target-price hidden">21000</div>
10878    <div class="target-compare-at-price hidden"></div>
10879    
10880<p class="price ">
10881          <span>Från 210 kr</span>
10882        </p><small class="text-[70%] hidden">
10883        <span class="hidden">Enhetspris</span>
10884        <span class="up price-item price-item--last">
10885          <span class="unit-price">
10886
10887          </span>
10888          <span aria-hidden="true">/</span>
10889          <span class="hidden">&nbsp;per&nbsp;</span>
10890          <span>
10891          </span>
10892        </span>
10893      </small>
10894    
10895  </div>
10896  
10897</div>
10898            
10899            <div class="leading-none next-price empty:hidden"></div>
10900          </div>
10901          
10902          <template x-if="localStorage.getItem('selectedStore')">
10903            <div id="x-availability-notice-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10567412515154', [620527649106, 668942926162, 620527059282])">
10904              <div 
10905  x-data='{ 
10906    storeAvailabilites: {
10907      "Vasabodens butik": true
10908    },
10909    pickupLocation: [
10910      "Vasabodens butik"
10911    ]
10912  }'
10913  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
10914>
10915  <style data-shopify>
10916    .text-available, .text-unavailable {
10917      font-size: 0.669375rem;
10918      font-family: var(--font-body-family);
10919    }
10920
10921    @media (min-width: 768px) {
10922      .text-available, .text-unavailable {
10923        font-size: 0.74375rem;
10924      }
10925    }
10926
10927    .text-available {
10928      color: #6B762D;
10929    }
10930
10931    .dark .text-available {
10932      color: #858F4D;
10933    }
10934
10935    .text-unavailable {
10936      color: #7d0606;
10937    }
10938
10939    .dark .text-unavailable {
10940      color: #867F7F;
10941    }
10942  </style>
10943  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
10944    <span class="flex h-4 w-4 relative">
10945<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10946  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10947  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10948</svg>
10949
10950</span><span x-text="'Tillgänglig för upphämtning på ' + $store.xStoreSelector?.getStoreText()"> </span>
10951  </div>
10952  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
10953    <span class="flex h-4 w-4 relative">
10954<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10955  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10956  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10957</svg>
10958
10959</span><span x-text="'Slut i lager på ' + $store.xStoreSelector?.getStoreText()"> </span>
10960  </div>
10961</div>
10962            </div>
10963          </template>
10964        </div>
10965      </div>
10966    </div>
10967    
10968  </div><div
10969      id="choose-options-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10970      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
10971      x-show="showOptions"
10972      x-transition:enter="transition-all ease-in-out duration-300"
10973      x-transition:enter-start="opacity-0 transform translate-y-full"
10974      x-transition:enter-end="opacity-100 transform translate-y-0"
10975      x-transition:leave="transition-all ease-in-out duration-300"
10976      x-transition:leave-start="opacity-100 transform translate-y-0"
10977      x-transition:leave-end="opacity-0 transform translate-y-full"
10978      x-cloak
10979    >
10980      <div  class="choose-options relative w-full min-h-full h-full"></div>
10981      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
10982        <div
10983          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
10983calc(50%-10px)]">
10984          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10985    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10986      fill="currentcolor" stroke="none">
10987      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10988    </g>
10989  </svg>
10990
10991        </div>
10992      </div>
10993    </div>
10994  <div
10995    id="x-product-template-10567412515154-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5"
10996    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
10997  >
10998    
10999    
11000    
11001
11002        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
11003          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/pokal-vanern');
11004        });"></div>
11005        <div
11006          id="current-variant-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
11007          class="current-variant hidden"
11008        >
11009          52616302756178
11010        </div>
11011    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
11012    
11013      <div class="card-info x-highlight-icon mt-2.5">
11014        <div 
11015  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
11016  x-data="{setPosition(el) {
11017    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
11018    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
11019    elRect = el.getBoundingClientRect();
11020    let spacingLeft = elRect.left - parentEl.left;
11021    if (spacingLeft < 0) {
11022      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
11023    }
11024    let spacingRight = parentEl.right - elRect.right;
11025    if (spacingRight < 0) {
11026      el.style.setProperty('--left-tooltip', spacingRight + 'px');
11027    } 
11028  }}"
11029  x-init="$el.innerHTML = $el.innerHTML.trim();"
11030>
11031    �
11032    �
11033    �
11034    �</div>
11035      </div>
11036    
11037    
11038      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
11039            class="card-info bottom_atc md:list-layout:hidden hide-icon"
11040            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
11041            x-cloak
11042          >
11043            
11044              <button
11045                type="submit"
11046                name="add"
11047                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
11048                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-vanern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 205); }, 0)" 
11049                data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1104956-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11050                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
11051                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11052                  aria-label="Välj alternativ"
11053                
11054              >
11055                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11056                  
11057                  <span class="flex items-center justify-center">
11058                    
11059<div class="flex ">
11060  
11061    
11062      
11063        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
11064      
11065    
11066  
11067  
11068</div>
11069                  </span>
11070                </span>
11071                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11072                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11073    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11074      fill="currentcolor" stroke="none">
11075      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11076    </g>
11077  </svg>
11078
11079                </div>
11080              </button>
11081             
11082          </div></template>
11083    
11084    
11085      <template x-if="$store.xQuickView">
11086        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
11087              
11088                <button
11089                  type="submit"
11090                  name="add"
11091                  
11092                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
11093                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-vanern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 205); }, 0)" 
11094                  data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11095                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
11096                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11097                  aria-label="Välj alternativ"
11098                >
11099                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11100                    
11101                    <span class="flex items-center justify-center">
11102                      
11103<div class="flex ">
11104  
11105    
11106      
11107        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
11108      
11109    
11110  
11111  
11112</div>
11113                    </span>
11114                  </span>
11115                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
11115calc(50%-10px)]" x-show="loading" x-cloak>
11116                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11117    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11118      fill="currentcolor" stroke="none">
11119      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11120    </g>
11121  </svg>
11122
11123                  </div>
11124                </button>
11125               
11126            </div><button 
11127            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-vanern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11128            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-vanern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10567412515154-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11129            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11130            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
11131            aria-label="Knapp snabbvy"
11132            x-customer-event-data="{
11133    &quot;product&quot;: {
11134      &quot;title&quot;: &quot;Guldpokal Vänern med lock&quot;,
11135      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11136      &quot;sku&quot;: &quot;10567412515154&quot;,
11137      &quot;currencyCode&quot;: &quot;SEK&quot;,
11138      &quot;price&quot;: 21000,
11139      &quot;vendor&quot;: &quot;265mm | 305mm | 345mm | 385mm | 430mm&quot;
11140    }
11141  }"
11142            x-show="$store.xQuickView.enabled"
11143          >
11144            <span class="flex justify-center items-center">
11145              
11146<div class="flex ">
11147  
11148    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11149  
11150  
11151</div>
11152            </span>
11153          </button>
11154        </div>
11155      </template>
11156    
11157  </div>
11158</div>
11159<style data-shopify>
11160                        .x-slide-animation-duration-6 {
11161                          --delay-time: 500ms
11162                        }
11163                      </style>
11164                      
11165                      
11166
11167<div 
11168  
11169    x-data="xProductCard('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-6', '/collections/nytt-i-butiken/products/pokal-kalmar', '10246252888402')"  
11170  
11171  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
11172  x-slide-index="5"
11173>
11174  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
11175  >
11176    <style data-shopify>
11177      
11178      .paginate-testimonial {
11179        background: rgba(215, 147, 26, 0.2);
11180      }
11181      .dark .paginate-testimonial {
11182        background: rgba(255, 255, 255, 0.2);
11183      }
11184    </style>
11185    
11186    <style data-shopify>
11187      
11188    </style>
11189    <a 
11190      
11191        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
11192      
11193      href="/collections/nytt-i-butiken/products/pokal-kalmar"
11194       
11195        x-data="{ lastWindowWidth: 0 }"
11196        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
11197        x-labels-data="[
11198    
11199{
11200      &quot;variant_id&quot;: 51433159426386,
11201      &quot;product_id&quot;: 10246252888402,
11202      &quot;available&quot;: true,
11203      &quot;title&quot;: &quot;Pokal Kalmar&quot;,
11204      &quot;compare_at_price&quot;: 0,
11205      &quot;price&quot;: 11500,
11206      &quot;price_with_currency&quot;: &quot;115 kr&quot;,
11207      &quot;sale_amount&quot;: &quot;-115 kr&quot;,
11208      &quot;collections&quot;: &quot;||620527649106||668942926162||620527059282||&quot;,
11209      &quot;inventory_management&quot;: &quot;shopify&quot;,
11210      &quot;qty&quot;: 89,
11211      &quot;container&quot;: &quot;card&quot;,
11212      &quot;can_show_preorder&quot;: false,
11213      &quot;diff_day_create&quot;: 399.59,
11214      &quot;diff_day_publish&quot;: 399.57
11215      
11216      }
11217    ]"
11218       
11219      aria-label="Pokal Kalmar"
11220      id="10246252888402-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1122056"
11221      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
11222      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
11223        <div
11224          id="x-slideshow-card-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-6-5"
11225          class="block h-full x-splide splide visible" 
11226          @click='$store.xCustomerEvent.fire("product_selected", $el)'
11227          x-customer-event-data="{
11228    &quot;product&quot;: {
11229      &quot;title&quot;: &quot;Pokal Kalmar&quot;,
11230      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11231      &quot;sku&quot;: &quot;10246252888402&quot;,
11232      &quot;currencyCode&quot;: &quot;SEK&quot;,
11233      &quot;price&quot;: 11500,
11234      &quot;vendor&quot;: &quot;200mm | 230mm | 260mm | 295mm | 340mm&quot;
11235    }
11236  }"
11237          x-cloak
11238          >
11239          <div 
11240            id="image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-6-5"
11241            class="splide__track overflow-hidden max-h-full h-full w-full"
11242          >
11243          <div class="w-full h-full splide__list">
11244<div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
11245              >
11246                
11247                <picture>
11248                  <img
11249                    srcset="
11250                    //www.vasaboden.se/cdn/shop/files/Pokal_Kalmar.webp?v=1756813350&width=250 250w,
11251                    //www.vasaboden.se/cdn/shop/files/Pokal_Kalmar.webp?v=1756813350&width=350 350w,
11252                    //www.vasaboden.se/cdn/shop/files/Pokal_Kalmar.webp?v=1756813350&width=450 450w,
11253                    //www.vasaboden.se/cdn/shop/files/Pokal_Kalmar.webp?v=1756813350&width=750 750w,
11254                    //www.vasaboden.se/cdn/shop/files/Pokal_Kalmar.webp?v=1756813350&width=900 900w,
11255                    //www.vasaboden.se/cdn/shop/files/Pokal_Kalmar.webp?v=1756813350&width=1100 1100w,
11256                    //www.vasaboden.se/cdn/shop/files/Pokal_Kalmar.webp?v=1756813350&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/Pokal_Kalmar.webp?v=1756813350 850w" 
11257                    src="//www.vasaboden.se/cdn/shop/files/Pokal_Kalmar.webp?v=1756813350&width=1500"
11258                    sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
11259                    alt="Guldpokal på marmorfot, gravyr ingår i priset."
11260                    class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
11261                    loading="lazy"
11262                    width="850"
11263                    height="850"
11264                    onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11265                      setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
11266                  />
11267                </picture>
11268                
11269              </div></div>
11270          </div></div>
11271      </div>
11272        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11273              x-show="$store.xQuickView" x-cloak
11274            > 
11275              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
11276                class="w-full hide-icon lg:px-4" 
11277                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
11278                x-cloak
11279              >
11280                
11281                  <button
11282                    type="submit"
11283                    name="add"
11284                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1128456-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
11285                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-kalmar', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 206); }, 0)"
11286                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11287                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
11288                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11289                    
11290                      aria-label="Välj alternativ"
11291                    
11292                  >
11293                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11294                      
11295                      <span class="flex items-center justify-center">
11296                        
11297<div class="flex ">
11298  
11299    
11300      
11301        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
11302      
11303    
11304  
11305  
11306</div>
11307                      </span>
11308                    </span>
11309                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11310                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11311    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11312      fill="currentcolor" stroke="none">
11313      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11314    </g>
11315  </svg>
11316
11317                    </div>
11318                  </button>
11319                  <button 
11320                    type="submit"
11321                    name="add"
11322                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
11323                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-kalmar', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 206); }, 0)"
11324                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
11325                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11326                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Välj alternativ"x-customer-event-data="{
11327    &quot;product&quot;: {
11328      &quot;title&quot;: &quot;Pokal Kalmar&quot;,
11329      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11330      &quot;sku&quot;: &quot;10246252888402&quot;,
11331      &quot;currencyCode&quot;: &quot;SEK&quot;,
11332      &quot;price&quot;: 11500,
11333      &quot;vendor&quot;: &quot;200mm | 230mm | 260mm | 295mm | 340mm&quot;
11334    }
11335  }"
11336                  >
11337                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
11338    <g>
11339    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11340    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11341    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11342    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11343    </g>
11344  </svg></span>
11345                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
11346                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11347    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11348      fill="currentcolor" stroke="none">
11349      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11350    </g>
11351  </svg>
11352
11353                    </span>
11354                  </button>
11355                
11356              </div>
11357            </div><div
11358            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11359            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
11360            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
11361            >
11362            <div>
11363              <button
11364                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11365                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-kalmar', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11366                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-kalmar', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11367                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
11368                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
11369                x-customer-event-data="{
11370    &quot;product&quot;: {
11371      &quot;title&quot;: &quot;Pokal Kalmar&quot;,
11372      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11373      &quot;sku&quot;: &quot;10246252888402&quot;,
11374      &quot;currencyCode&quot;: &quot;SEK&quot;,
11375      &quot;price&quot;: 11500,
11376      &quot;vendor&quot;: &quot;200mm | 230mm | 260mm | 295mm | 340mm&quot;
11377    }
11378  }"
11379                aria-label="Knapp snabbvy"
11380              >
11381                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
11382    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11383    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11384  </svg>
11385</span>
11386                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
11387                  
11388<div class="flex ">
11389  
11390    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11391  
11392  
11393</div>
11394                </span>
11395              </button>
11396              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/nytt-i-butiken/products/pokal-kalmar", $el, "template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11397                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
11398                aria-label="Knapp snabbvy"
11399                x-customer-event-data="{
11400    &quot;product&quot;: {
11401      &quot;title&quot;: &quot;Pokal Kalmar&quot;,
11402      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11403      &quot;sku&quot;: &quot;10246252888402&quot;,
11404      &quot;currencyCode&quot;: &quot;SEK&quot;,
11405      &quot;price&quot;: 11500,
11406      &quot;vendor&quot;: &quot;200mm | 230mm | 260mm | 295mm | 340mm&quot;
11407    }
11408  }"
11409              >
11410                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
11411    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11412    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11413  </svg>
11414</span>
11415              </button>
11416            </div>
11417          </div>
11418        </div>
11419      
11420    </a>
11421    
11422    
11423    <div class="md:list-layout:hidden">
11424      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
11425        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
11426          
11427            
11428 
11429
11430
11431          
11432          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402">
11433            <a href="/collections/nytt-i-butiken/products/pokal-kalmar"
11434              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11435              @click='$store.xCustomerEvent.fire("product_selected", $el)'
11436              x-customer-event-data="{
11437    &quot;product&quot;: {
11438      &quot;title&quot;: &quot;Pokal Kalmar&quot;,
11439      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11440      &quot;sku&quot;: &quot;10246252888402&quot;,
11441      &quot;currencyCode&quot;: &quot;SEK&quot;,
11442      &quot;price&quot;: 11500,
11443      &quot;vendor&quot;: &quot;200mm | 230mm | 260mm | 295mm | 340mm&quot;
11444    }
11445  }"
11446            >
11447              Pokal Kalmar
11448            </a>
11449          </h3>
11450          
11451<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
11452            
11453            
11454              <div class=" price leading-none">
11455  <div class="">
11456    <div class="target-price hidden">11500</div>
11457    <div class="target-compare-at-price hidden"></div>
11458    
11459<p class="price ">
11460          <span>Från 115 kr</span>
11461        </p><small class="text-[70%] hidden">
11462        <span class="hidden">Enhetspris</span>
11463        <span class="up price-item price-item--last">
11464          <span class="unit-price">
11465
11466          </span>
11467          <span aria-hidden="true">/</span>
11468          <span class="hidden">&nbsp;per&nbsp;</span>
11469          <span>
11470          </span>
11471        </span>
11472      </small>
11473    
11474  </div>
11475  
11476</div>
11477            
11478            <div class="leading-none next-price empty:hidden"></div>
11479          </div>
11480          
11481          <template x-if="localStorage.getItem('selectedStore')">
11482            <div id="x-availability-notice-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10246252888402', [620527649106, 668942926162, 620527059282])">
11483              <div 
11484  x-data='{ 
11485    storeAvailabilites: {
11486      "Vasabodens butik": true
11487    },
11488    pickupLocation: [
11489      "Vasabodens butik"
11490    ]
11491  }'
11492  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
11493>
11494  <style data-shopify>
11495    .text-available, .text-unavailable {
11496      font-size: 0.669375rem;
11497      font-family: var(--font-body-family);
11498    }
11499
11500    @media (min-width: 768px) {
11501      .text-available, .text-unavailable {
11502        font-size: 0.74375rem;
11503      }
11504    }
11505
11506    .text-available {
11507      color: #6B762D;
11508    }
11509
11510    .dark .text-available {
11511      color: #858F4D;
11512    }
11513
11514    .text-unavailable {
11515      color: #7d0606;
11516    }
11517
11518    .dark .text-unavailable {
11519      color: #867F7F;
11520    }
11521  </style>
11522  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
11523    <span class="flex h-4 w-4 relative">
11524<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11525  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11526  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11527</svg>
11528
11529</span><span x-text="'Tillgänglig för upphämtning på ' + $store.xStoreSelector?.getStoreText()"> </span>
11530  </div>
11531  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
11532    <span class="flex h-4 w-4 relative">
11533<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11534  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11535  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11536</svg>
11537
11538</span><span x-text="'Slut i lager på ' + $store.xStoreSelector?.getStoreText()"> </span>
11539  </div>
11540</div>
11541            </div>
11542          </template>
11543        </div>
11544      </div>
11545    </div>
11546    
11547  </div><div
11548      id="choose-options-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11549      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
11550      x-show="showOptions"
11551      x-transition:enter="transition-all ease-in-out duration-300"
11552      x-transition:enter-start="opacity-0 transform translate-y-full"
11553      x-transition:enter-end="opacity-100 transform translate-y-0"
11554      x-transition:leave="transition-all ease-in-out duration-300"
11555      x-transition:leave-start="opacity-100 transform translate-y-0"
11556      x-transition:leave-end="opacity-0 transform translate-y-full"
11557      x-cloak
11558    >
11559      <div  class="choose-options relative w-full min-h-full h-full"></div>
11560      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
11561        <div
11562          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
11562calc(50%-10px)]">
11563          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11564    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11565      fill="currentcolor" stroke="none">
11566      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11567    </g>
11568  </svg>
11569
11570        </div>
11571      </div>
11572    </div>
11573  <div
11574    id="x-product-template-10246252888402-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-6"
11575    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
11576  >
11577    
11578    
11579    
11580
11581        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
11582          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/pokal-kalmar');
11583        });"></div>
11584        <div
11585          id="current-variant-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
11586          class="current-variant hidden"
11587        >
11588          51433159426386
11589        </div>
11590    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
11591    
11592      <div class="card-info x-highlight-icon mt-2.5">
11593        <div 
11594  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
11595  x-data="{setPosition(el) {
11596    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
11597    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
11598    elRect = el.getBoundingClientRect();
11599    let spacingLeft = elRect.left - parentEl.left;
11600    if (spacingLeft < 0) {
11601      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
11602    }
11603    let spacingRight = parentEl.right - elRect.right;
11604    if (spacingRight < 0) {
11605      el.style.setProperty('--left-tooltip', spacingRight + 'px');
11606    } 
11607  }}"
11608  x-init="$el.innerHTML = $el.innerHTML.trim();"
11609>
11610    �
11611    �
11612    �
11613    �</div>
11614      </div>
11615    
11616    
11617      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
11618            class="card-info bottom_atc md:list-layout:hidden hide-icon"
11619            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
11620            x-cloak
11621          >
11622            
11623              <button
11624                type="submit"
11625                name="add"
11626                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
11627                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-kalmar', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 206); }, 0)" 
11628                data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1162856-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11629                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
11630                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11631                  aria-label="Välj alternativ"
11632                
11633              >
11634                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11635                  
11636                  <span class="flex items-center justify-center">
11637                    
11638<div class="flex ">
11639  
11640    
11641      
11642        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
11643      
11644    
11645  
11646  
11647</div>
11648                  </span>
11649                </span>
11650                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11651                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11652    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11653      fill="currentcolor" stroke="none">
11654      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11655    </g>
11656  </svg>
11657
11658                </div>
11659              </button>
11660             
11661          </div></template>
11662    
11663    
11664      <template x-if="$store.xQuickView">
11665        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
11666              
11667                <button
11668                  type="submit"
11669                  name="add"
11670                  
11671                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
11672                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-kalmar', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 206); }, 0)" 
11673                  data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11674                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
11675                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11676                  aria-label="Välj alternativ"
11677                >
11678                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11679                    
11680                    <span class="flex items-center justify-center">
11681                      
11682<div class="flex ">
11683  
11684    
11685      
11686        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
11687      
11688    
11689  
11690  
11691</div>
11692                    </span>
11693                  </span>
11694                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
11694calc(50%-10px)]" x-show="loading" x-cloak>
11695                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11696    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11697      fill="currentcolor" stroke="none">
11698      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11699    </g>
11700  </svg>
11701
11702                  </div>
11703                </button>
11704               
11705            </div><button 
11706            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-kalmar', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11707            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-kalmar', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10246252888402-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11708            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11709            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
11710            aria-label="Knapp snabbvy"
11711            x-customer-event-data="{
11712    &quot;product&quot;: {
11713      &quot;title&quot;: &quot;Pokal Kalmar&quot;,
11714      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11715      &quot;sku&quot;: &quot;10246252888402&quot;,
11716      &quot;currencyCode&quot;: &quot;SEK&quot;,
11717      &quot;price&quot;: 11500,
11718      &quot;vendor&quot;: &quot;200mm | 230mm | 260mm | 295mm | 340mm&quot;
11719    }
11720  }"
11721            x-show="$store.xQuickView.enabled"
11722          >
11723            <span class="flex justify-center items-center">
11724              
11725<div class="flex ">
11726  
11727    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11728  
11729  
11730</div>
11731            </span>
11732          </button>
11733        </div>
11734      </template>
11735    
11736  </div>
11737</div>
11738<style data-shopify>
11739                        .x-slide-animation-duration-7 {
11740                          --delay-time: 600ms
11741                        }
11742                      </style>
11743                      
11744                      
11745
11746<div 
11747  
11748    x-data="xProductCard('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-7', '/collections/nytt-i-butiken/products/pokal-vattern', '10074995130706')"  
11749  
11750  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
11751  x-slide-index="6"
11752>
11753  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
11754  >
11755    <style data-shopify>
11756      
11757      .paginate-testimonial {
11758        background: rgba(215, 147, 26, 0.2);
11759      }
11760      .dark .paginate-testimonial {
11761        background: rgba(255, 255, 255, 0.2);
11762      }
11763    </style>
11764    
11765    <style data-shopify>
11766      
11767    </style>
11768    <a 
11769      
11770        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
11771      
11772      href="/collections/nytt-i-butiken/products/pokal-vattern"
11773       
11774        x-data="{ lastWindowWidth: 0 }"
11775        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
11776        x-labels-data="[
11777    
11778{
11779      &quot;variant_id&quot;: 50781741613394,
11780      &quot;product_id&quot;: 10074995130706,
11781      &quot;available&quot;: true,
11782      &quot;title&quot;: &quot;Silverpokal Vättern med lock&quot;,
11783      &quot;compare_at_price&quot;: 0,
11784      &quot;price&quot;: 21000,
11785      &quot;price_with_currency&quot;: &quot;210 kr&quot;,
11786      &quot;sale_amount&quot;: &quot;-210 kr&quot;,
11787      &quot;collections&quot;: &quot;||620527649106||668942926162||620527059282||&quot;,
11788      &quot;inventory_management&quot;: &quot;shopify&quot;,
11789      &quot;qty&quot;: 32,
11790      &quot;container&quot;: &quot;card&quot;,
11791      &quot;can_show_preorder&quot;: false,
11792      &quot;diff_day_create&quot;: 508.79,
11793      &quot;diff_day_publish&quot;: 508.77
11794      
11795      }
11796    ]"
11797       
11798      aria-label="Silverpokal Vättern med lock"
11799      id="10074995130706-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1179956"
11800      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
11801      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
11802        <div
11803          id="x-slideshow-card-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-7-6"
11804          class="block h-full x-splide splide visible" 
11805          @click='$store.xCustomerEvent.fire("product_selected", $el)'
11806          x-customer-event-data="{
11807    &quot;product&quot;: {
11808      &quot;title&quot;: &quot;Silverpokal Vättern med lock&quot;,
11809      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11810      &quot;sku&quot;: &quot;10074995130706&quot;,
11811      &quot;currencyCode&quot;: &quot;SEK&quot;,
11812      &quot;price&quot;: 21000,
11813      &quot;vendor&quot;: &quot;290mm | 325mm | 365mm&quot;
11814    }
11815  }"
11816          x-cloak
11817          >
11818          <div 
11819            id="image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-7-6"
11820            class="splide__track overflow-hidden max-h-full h-full w-full"
11821          >
11822          <div class="w-full h-full splide__list">
11823<div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
11824              >
11825                
11826                <picture>
11827                  <img
11828                    srcset="
11829                    //www.vasaboden.se/cdn/shop/files/pokalVatternwebb.webp?v=1747379500&width=250 250w,
11830                    //www.vasaboden.se/cdn/shop/files/pokalVatternwebb.webp?v=1747379500&width=350 350w,
11831                    //www.vasaboden.se/cdn/shop/files/pokalVatternwebb.webp?v=1747379500&width=450 450w,
11832                    //www.vasaboden.se/cdn/shop/files/pokalVatternwebb.webp?v=1747379500&width=750 750w,
11833                    //www.vasaboden.se/cdn/shop/files/pokalVatternwebb.webp?v=1747379500&width=900 900w,
11834                    //www.vasaboden.se/cdn/shop/files/pokalVatternwebb.webp?v=1747379500&width=1100 1100w,
11835                    //www.vasaboden.se/cdn/shop/files/pokalVatternwebb.webp?v=1747379500&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/pokalVatternwebb.webp?v=1747379500 850w" 
11836                    src="//www.vasaboden.se/cdn/shop/files/pokalVatternwebb.webp?v=1747379500&width=1500"
11837                    sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
11838                    alt="Klassisk pokal i silver med gravyr"
11839                    class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
11840                    loading="lazy"
11841                    width="850"
11842                    height="850"
11843                    onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11844                      setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
11845                  />
11846                </picture>
11847                
11848              </div></div>
11849          </div></div>
11850      </div>
11851        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11852              x-show="$store.xQuickView" x-cloak
11853            > 
11854              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
11855                class="w-full hide-icon lg:px-4" 
11856                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
11857                x-cloak
11858              >
11859                
11860                  <button
11861                    type="submit"
11862                    name="add"
11863                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1186356-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
11864                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-vattern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 207); }, 0)"
11865                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11866                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
11867                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11868                    
11869                      aria-label="Välj alternativ"
11870                    
11871                  >
11872                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11873                      
11874                      <span class="flex items-center justify-center">
11875                        
11876<div class="flex ">
11877  
11878    
11879      
11880        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
11881      
11882    
11883  
11884  
11885</div>
11886                      </span>
11887                    </span>
11888                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11889                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11890    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11891      fill="currentcolor" stroke="none">
11892      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11893    </g>
11894  </svg>
11895
11896                    </div>
11897                  </button>
11898                  <button 
11899                    type="submit"
11900                    name="add"
11901                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
11902                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-vattern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 207); }, 0)"
11903                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
11904                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11905                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Välj alternativ"x-customer-event-data="{
11906    &quot;product&quot;: {
11907      &quot;title&quot;: &quot;Silverpokal Vättern med lock&quot;,
11908      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11909      &quot;sku&quot;: &quot;10074995130706&quot;,
11910      &quot;currencyCode&quot;: &quot;SEK&quot;,
11911      &quot;price&quot;: 21000,
11912      &quot;vendor&quot;: &quot;290mm | 325mm | 365mm&quot;
11913    }
11914  }"
11915                  >
11916                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
11917    <g>
11918    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11919    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11920    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11921    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11922    </g>
11923  </svg></span>
11924                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
11925                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11926    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11927      fill="currentcolor" stroke="none">
11928      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11929    </g>
11930  </svg>
11931
11932                    </span>
11933                  </button>
11934                
11935              </div>
11936            </div><div
11937            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11938            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
11939            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
11940            >
11941            <div>
11942              <button
11943                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11944                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-vattern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11945                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-vattern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11946                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
11947                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
11948                x-customer-event-data="{
11949    &quot;product&quot;: {
11950      &quot;title&quot;: &quot;Silverpokal Vättern med lock&quot;,
11951      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11952      &quot;sku&quot;: &quot;10074995130706&quot;,
11953      &quot;currencyCode&quot;: &quot;SEK&quot;,
11954      &quot;price&quot;: 21000,
11955      &quot;vendor&quot;: &quot;290mm | 325mm | 365mm&quot;
11956    }
11957  }"
11958                aria-label="Knapp snabbvy"
11959              >
11960                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
11961    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11962    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11963  </svg>
11964</span>
11965                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
11966                  
11967<div class="flex ">
11968  
11969    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11970  
11971  
11972</div>
11973                </span>
11974              </button>
11975              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/nytt-i-butiken/products/pokal-vattern", $el, "template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11976                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
11977                aria-label="Knapp snabbvy"
11978                x-customer-event-data="{
11979    &quot;product&quot;: {
11980      &quot;title&quot;: &quot;Silverpokal Vättern med lock&quot;,
11981      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
11982      &quot;sku&quot;: &quot;10074995130706&quot;,
11983      &quot;currencyCode&quot;: &quot;SEK&quot;,
11984      &quot;price&quot;: 21000,
11985      &quot;vendor&quot;: &quot;290mm | 325mm | 365mm&quot;
11986    }
11987  }"
11988              >
11989                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
11990    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11991    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11992  </svg>
11993</span>
11994              </button>
11995            </div>
11996          </div>
11997        </div>
11998      
11999    </a>
12000    
12001    
12002    <div class="md:list-layout:hidden">
12003      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
12004        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
12005          
12006            
12007 
12008
12009
12010          
12011          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706">
12012            <a href="/collections/nytt-i-butiken/products/pokal-vattern"
12013              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
12014              @click='$store.xCustomerEvent.fire("product_selected", $el)'
12015              x-customer-event-data="{
12016    &quot;product&quot;: {
12017      &quot;title&quot;: &quot;Silverpokal Vättern med lock&quot;,
12018      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
12019      &quot;sku&quot;: &quot;10074995130706&quot;,
12020      &quot;currencyCode&quot;: &quot;SEK&quot;,
12021      &quot;price&quot;: 21000,
12022      &quot;vendor&quot;: &quot;290mm | 325mm | 365mm&quot;
12023    }
12024  }"
12025            >
12026              Silverpokal Vättern med lock
12027            </a>
12028          </h3>
12029          
12030<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
12031            
12032            
12033              <div class=" price leading-none">
12034  <div class="">
12035    <div class="target-price hidden">21000</div>
12036    <div class="target-compare-at-price hidden"></div>
12037    
12038<p class="price ">
12039          <span>Från 210 kr</span>
12040        </p><small class="text-[70%] hidden">
12041        <span class="hidden">Enhetspris</span>
12042        <span class="up price-item price-item--last">
12043          <span class="unit-price">
12044
12045          </span>
12046          <span aria-hidden="true">/</span>
12047          <span class="hidden">&nbsp;per&nbsp;</span>
12048          <span>
12049          </span>
12050        </span>
12051      </small>
12052    
12053  </div>
12054  
12055</div>
12056            
12057            <div class="leading-none next-price empty:hidden"></div>
12058          </div>
12059          
12060          <template x-if="localStorage.getItem('selectedStore')">
12061            <div id="x-availability-notice-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('10074995130706', [620527649106, 668942926162, 620527059282])">
12062              <div 
12063  x-data='{ 
12064    storeAvailabilites: {
12065      "Vasabodens butik": true
12066    },
12067    pickupLocation: [
12068      "Vasabodens butik"
12069    ]
12070  }'
12071  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
12072>
12073  <style data-shopify>
12074    .text-available, .text-unavailable {
12075      font-size: 0.669375rem;
12076      font-family: var(--font-body-family);
12077    }
12078
12079    @media (min-width: 768px) {
12080      .text-available, .text-unavailable {
12081        font-size: 0.74375rem;
12082      }
12083    }
12084
12085    .text-available {
12086      color: #6B762D;
12087    }
12088
12089    .dark .text-available {
12090      color: #858F4D;
12091    }
12092
12093    .text-unavailable {
12094      color: #7d0606;
12095    }
12096
12097    .dark .text-unavailable {
12098      color: #867F7F;
12099    }
12100  </style>
12101  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
12102    <span class="flex h-4 w-4 relative">
12103<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12104  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12105  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12106</svg>
12107
12108</span><span x-text="'Tillgänglig för upphämtning på ' + $store.xStoreSelector?.getStoreText()"> </span>
12109  </div>
12110  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
12111    <span class="flex h-4 w-4 relative">
12112<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12113  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12114  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12115</svg>
12116
12117</span><span x-text="'Slut i lager på ' + $store.xStoreSelector?.getStoreText()"> </span>
12118  </div>
12119</div>
12120            </div>
12121          </template>
12122        </div>
12123      </div>
12124    </div>
12125    
12126  </div><div
12127      id="choose-options-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
12128      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
12129      x-show="showOptions"
12130      x-transition:enter="transition-all ease-in-out duration-300"
12131      x-transition:enter-start="opacity-0 transform translate-y-full"
12132      x-transition:enter-end="opacity-100 transform translate-y-0"
12133      x-transition:leave="transition-all ease-in-out duration-300"
12134      x-transition:leave-start="opacity-100 transform translate-y-0"
12135      x-transition:leave-end="opacity-0 transform translate-y-full"
12136      x-cloak
12137    >
12138      <div  class="choose-options relative w-full min-h-full h-full"></div>
12139      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
12140        <div
12141          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
12141calc(50%-10px)]">
12142          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12143    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12144      fill="currentcolor" stroke="none">
12145      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12146    </g>
12147  </svg>
12148
12149        </div>
12150      </div>
12151    </div>
12152  <div
12153    id="x-product-template-10074995130706-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-7"
12154    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
12155  >
12156    
12157    
12158    
12159
12160        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
12161          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/pokal-vattern');
12162        });"></div>
12163        <div
12164          id="current-variant-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
12165          class="current-variant hidden"
12166        >
12167          50781741613394
12168        </div>
12169    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
12170    
12171      <div class="card-info x-highlight-icon mt-2.5">
12172        <div 
12173  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
12174  x-data="{setPosition(el) {
12175    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
12176    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
12177    elRect = el.getBoundingClientRect();
12178    let spacingLeft = elRect.left - parentEl.left;
12179    if (spacingLeft < 0) {
12180      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
12181    }
12182    let spacingRight = parentEl.right - elRect.right;
12183    if (spacingRight < 0) {
12184      el.style.setProperty('--left-tooltip', spacingRight + 'px');
12185    } 
12186  }}"
12187  x-init="$el.innerHTML = $el.innerHTML.trim();"
12188>
12189    �
12190    �
12191    �
12192    �</div>
12193      </div>
12194    
12195    
12196      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
12197            class="card-info bottom_atc md:list-layout:hidden hide-icon"
12198            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
12199            x-cloak
12200          >
12201            
12202              <button
12203                type="submit"
12204                name="add"
12205                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
12206                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-vattern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 207); }, 0)" 
12207                data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1220756-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
12208                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
12209                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12210                  aria-label="Välj alternativ"
12211                
12212              >
12213                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12214                  
12215                  <span class="flex items-center justify-center">
12216                    
12217<div class="flex ">
12218  
12219    
12220      
12221        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
12222      
12223    
12224  
12225  
12226</div>
12227                  </span>
12228                </span>
12229                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12230                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12231    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12232      fill="currentcolor" stroke="none">
12233      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12234    </g>
12235  </svg>
12236
12237                </div>
12238              </button>
12239             
12240          </div></template>
12241    
12242    
12243      <template x-if="$store.xQuickView">
12244        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
12245              
12246                <button
12247                  type="submit"
12248                  name="add"
12249                  
12250                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
12251                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-vattern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 207); }, 0)" 
12252                  data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
12253                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
12254                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12255                  aria-label="Välj alternativ"
12256                >
12257                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12258                    
12259                    <span class="flex items-center justify-center">
12260                      
12261<div class="flex ">
12262  
12263    
12264      
12265        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
12266      
12267    
12268  
12269  
12270</div>
12271                    </span>
12272                  </span>
12273                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
12273calc(50%-10px)]" x-show="loading" x-cloak>
12274                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12275    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12276      fill="currentcolor" stroke="none">
12277      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12278    </g>
12279  </svg>
12280
12281                  </div>
12282                </button>
12283               
12284            </div><button 
12285            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-vattern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
12286            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-vattern', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-10074995130706-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
12287            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12288            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
12289            aria-label="Knapp snabbvy"
12290            x-customer-event-data="{
12291    &quot;product&quot;: {
12292      &quot;title&quot;: &quot;Silverpokal Vättern med lock&quot;,
12293      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
12294      &quot;sku&quot;: &quot;10074995130706&quot;,
12295      &quot;currencyCode&quot;: &quot;SEK&quot;,
12296      &quot;price&quot;: 21000,
12297      &quot;vendor&quot;: &quot;290mm | 325mm | 365mm&quot;
12298    }
12299  }"
12300            x-show="$store.xQuickView.enabled"
12301          >
12302            <span class="flex justify-center items-center">
12303              
12304<div class="flex ">
12305  
12306    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12307  
12308  
12309</div>
12310            </span>
12311          </button>
12312        </div>
12313      </template>
12314    
12315  </div>
12316</div>
12317<style data-shopify>
12318                        .x-slide-animation-duration-8 {
12319                          --delay-time: 700ms
12320                        }
12321                      </style>
12322                      
12323                      
12324
12325<div 
12326  
12327    x-data="xProductCard('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-8', '/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr', '9959712358738')"  
12328  
12329  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
12330  x-slide-index="7"
12331>
12332  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
12333  >
12334    <style data-shopify>
12335      
12336      .paginate-testimonial {
12337        background: rgba(215, 147, 26, 0.2);
12338      }
12339      .dark .paginate-testimonial {
12340        background: rgba(255, 255, 255, 0.2);
12341      }
12342    </style>
12343    
12344    <style data-shopify>
12345      
12346    </style>
12347    <a 
12348      
12349        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12350      
12351      href="/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr"
12352       
12353        x-data="{ lastWindowWidth: 0 }"
12354        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12355        x-labels-data="[
12356    
12357{
12358      &quot;variant_id&quot;: 50351468151122,
12359      &quot;product_id&quot;: 9959712358738,
12360      &quot;available&quot;: true,
12361      &quot;title&quot;: &quot;Ordförandeklubba med slagblock och gravyr&quot;,
12362      &quot;compare_at_price&quot;: 0,
12363      &quot;price&quot;: 59500,
12364      &quot;price_with_currency&quot;: &quot;595 kr&quot;,
12365      &quot;sale_amount&quot;: &quot;-595 kr&quot;,
12366      &quot;collections&quot;: &quot;||668942926162||&quot;,
12367      &quot;inventory_management&quot;: &quot;shopify&quot;,
12368      &quot;qty&quot;: 126,
12369      &quot;container&quot;: &quot;card&quot;,
12370      &quot;can_show_preorder&quot;: false,
12371      &quot;diff_day_create&quot;: 587.58,
12372      &quot;diff_day_publish&quot;: 194.57
12373      
12374      }
12375    ]"
12376       
12377      aria-label="Ordförandeklubba med slagblock och gravyr"
12378      id="9959712358738-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1237856"
12379      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
12380      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
12381        <div
12382          id="x-slideshow-card-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-8-7"
12383          class="block h-full x-splide splide visible" 
12384          @click='$store.xCustomerEvent.fire("product_selected", $el)'
12385          x-customer-event-data="{
12386    &quot;product&quot;: {
12387      &quot;title&quot;: &quot;Ordförandeklubba med slagblock och gravyr&quot;,
12388      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
12389      &quot;sku&quot;: &quot;9959712358738&quot;,
12390      &quot;currencyCode&quot;: &quot;SEK&quot;,
12391      &quot;price&quot;: 59500,
12392      &quot;vendor&quot;: &quot;Vasaboden&quot;
12393    }
12394  }"
12395          x-cloak
12396          
12397            x-intersect.once.margin.200px='$store.xSplide.load($el, {
12398              "drag": true,
12399              "pagination": true,
12400              "arrows": false,
12401              "pauseOnFocus": false,
12402              "pauseOnHover": false,
12403              "perMove": 1,
12404              "perPage": 1,
12405              "focus": "center",
12406              "mediaQuery": "min",
12407              "rewind": true,
12408              
12409                "destroy": true,
12410              
12411              "breakpoints": {
12412                1024: {
12413                  
12414                    "destroy": true
12415                  
12416                }
12417              },
12418              
12419                "playOnHover": true,
12420              
12421              
12422              "classes": {
12423                "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
12424                "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
12425              },
12426              "type": "fade",
12427            })'>
12428          <div 
12429            id="image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-8-7"
12430            class="splide__track overflow-hidden max-h-full h-full w-full"
12431          >
12432          <div class="w-full h-full splide__list">
12433<div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
12434              >
12435                
12436                <picture>
12437                  <img
12438                    srcset="
12439                    //www.vasaboden.se/cdn/shop/files/Ordforandeklubbamedgravering.jpg?v=1740575485&width=250 250w,
12440                    //www.vasaboden.se/cdn/shop/files/Ordforandeklubbamedgravering.jpg?v=1740575485&width=350 350w,
12441                    //www.vasaboden.se/cdn/shop/files/Ordforandeklubbamedgravering.jpg?v=1740575485&width=450 450w,
12442                    //www.vasaboden.se/cdn/shop/files/Ordforandeklubbamedgravering.jpg?v=1740575485&width=750 750w,
12443                    //www.vasaboden.se/cdn/shop/files/Ordforandeklubbamedgravering.jpg?v=1740575485&width=900 900w,
12444                    //www.vasaboden.se/cdn/shop/files/Ordforandeklubbamedgravering.jpg?v=1740575485&width=1100 1100w,
12445                    //www.vasaboden.se/cdn/shop/files/Ordforandeklubbamedgravering.jpg?v=1740575485&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/Ordforandeklubbamedgravering.jpg?v=1740575485 850w" 
12446                    src="//www.vasaboden.se/cdn/shop/files/Ordforandeklubbamedgravering.jpg?v=1740575485&width=1500"
12447                    sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
12448                    alt="Ordförandeklubba med graverad skylt och slagblock"
12449                    class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
12450                    loading="lazy"
12451                    width="850"
12452                    height="850"
12453                    onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12454                      setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
12455                  />
12456                </picture>
12457                
12458              </div><style data-shopify>
12459                    #image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1245956-1-8-7 .media-slide:not(:first-child) {
12460                      height: 100%;
12461                    }
12462                  </style>
12463                  <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
12464                    
12465                    <picture>
12466                      <img
12467                        srcset="//www.vasaboden.se/cdn/shop/files/Graveradordforandeklubbasilver.jpg?v=1740575485&width=250 250w,
12468                          //www.vasaboden.se/cdn/shop/files/Graveradordforandeklubbasilver.jpg?v=1740575485&width=350 350w,
12469                          //www.vasaboden.se/cdn/shop/files/Graveradordforandeklubbasilver.jpg?v=1740575485&width=450 450w,
12470                          //www.vasaboden.se/cdn/shop/files/Graveradordforandeklubbasilver.jpg?v=1740575485&width=750 750w,
12471                          //www.vasaboden.se/cdn/shop/files/Graveradordforandeklubbasilver.jpg?v=1740575485&width=900 900w,
12472                          //www.vasaboden.se/cdn/shop/files/Graveradordforandeklubbasilver.jpg?v=1740575485&width=1100 1100w,
12473                          //www.vasaboden.se/cdn/shop/files/Graveradordforandeklubbasilver.jpg?v=1740575485&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/Graveradordforandeklubbasilver.jpg?v=1740575485 850w"
12474                        src="//www.vasaboden.se/cdn/shop/files/Graveradordforandeklubbasilver.jpg?v=1740575485&width=1500"
12475                        sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
12476                        alt="Graverad klubba till ordförande"
12477                        class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
12478                        loading="lazy"
12479                        width="850"
12480                        height="850"
12481                        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12482                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
12483                      />
12484                    </picture>
12485                    
12486                  </div></div>
12487          </div></div>
12488      </div>
12489        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12490              x-show="$store.xQuickView" x-cloak
12491            > 
12492              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
12493                class="w-full hide-icon lg:px-4" 
12494                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
12495                x-cloak
12496              >
12497                
12498                  <button
12499                    type="submit"
12500                    name="add"
12501                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
12502                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 208); }, 0)"
12503                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1250356-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
12504                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
12505                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12506                    
12507                      aria-label="Välj alternativ"
12508                    
12509                  >
12510                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12511                      
12512                      <span class="flex items-center justify-center">
12513                        
12514<div class="flex ">
12515  
12516    
12517      
12518        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
12519      
12520    
12521  
12522  
12523</div>
12524                      </span>
12525                    </span>
12526                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12527                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12528    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12529      fill="currentcolor" stroke="none">
12530      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12531    </g>
12532  </svg>
12533
12534                    </div>
12535                  </button>
12536                  <button 
12537                    type="submit"
12538                    name="add"
12539                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
12540                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 208); }, 0)"
12541                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
12542                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
12543                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Välj alternativ"x-customer-event-data="{
12544    &quot;product&quot;: {
12545      &quot;title&quot;: &quot;Ordförandeklubba med slagblock och gravyr&quot;,
12546      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
12547      &quot;sku&quot;: &quot;9959712358738&quot;,
12548      &quot;currencyCode&quot;: &quot;SEK&quot;,
12549      &quot;price&quot;: 59500,
12550      &quot;vendor&quot;: &quot;Vasaboden&quot;
12551    }
12552  }"
12553                  >
12554                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
12555    <g>
12556    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12557    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
1255714948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12558    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12559    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12560    </g>
12561  </svg></span>
12562                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
12563                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12564    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12565      fill="currentcolor" stroke="none">
12566      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12567    </g>
12568  </svg>
12569
12570                    </span>
12571                  </button>
12572                
12573              </div>
12574            </div><div
12575            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12576            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
12577            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
12578            >
12579            <div>
12580              <button
12581                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12582                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
12583                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
12584                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
12585                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
12586                x-customer-event-data="{
12587    &quot;product&quot;: {
12588      &quot;title&quot;: &quot;Ordförandeklubba med slagblock och gravyr&quot;,
12589      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
12590      &quot;sku&quot;: &quot;9959712358738&quot;,
12591      &quot;currencyCode&quot;: &quot;SEK&quot;,
12592      &quot;price&quot;: 59500,
12593      &quot;vendor&quot;: &quot;Vasaboden&quot;
12594    }
12595  }"
12596                aria-label="Knapp snabbvy"
12597              >
12598                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
12599    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12600    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12601  </svg>
12602</span>
12603                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
12604                  
12605<div class="flex ">
12606  
12607    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12608  
12609  
12610</div>
12611                </span>
12612              </button>
12613              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr", $el, "template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12614                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
12615                aria-label="Knapp snabbvy"
12616                x-customer-event-data="{
12617    &quot;product&quot;: {
12618      &quot;title&quot;: &quot;Ordförandeklubba med slagblock och gravyr&quot;,
12619      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
12620      &quot;sku&quot;: &quot;9959712358738&quot;,
12621      &quot;currencyCode&quot;: &quot;SEK&quot;,
12622      &quot;price&quot;: 59500,
12623      &quot;vendor&quot;: &quot;Vasaboden&quot;
12624    }
12625  }"
12626              >
12627                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
12628    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12629    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12630  </svg>
12631</span>
12632              </button>
12633            </div>
12634          </div>
12635        </div>
12636      
12637    </a>
12638    
12639    
12640    <div class="md:list-layout:hidden">
12641      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
12642        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
12643          
12644            
12645 
12646
12647
12648          
12649          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738">
12650            <a href="/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr"
12651              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
12652              @click='$store.xCustomerEvent.fire("product_selected", $el)'
12653              x-customer-event-data="{
12654    &quot;product&quot;: {
12655      &quot;title&quot;: &quot;Ordförandeklubba med slagblock och gravyr&quot;,
12656      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
12657      &quot;sku&quot;: &quot;9959712358738&quot;,
12658      &quot;currencyCode&quot;: &quot;SEK&quot;,
12659      &quot;price&quot;: 59500,
12660      &quot;vendor&quot;: &quot;Vasaboden&quot;
12661    }
12662  }"
12663            >
12664              Ordförandeklubba med slagblock och gravyr
12665            </a>
12666          </h3>
12667          
12668<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
12669            
12670            
12671              <div class=" price leading-none">
12672  <div class="">
12673    <div class="target-price hidden">59500</div>
12674    <div class="target-compare-at-price hidden"></div>
12675    
12676<p class="price ">
12677          <span>595 kr</span>
12678        </p><small class="text-[70%] hidden">
12679        <span class="hidden">Enhetspris</span>
12680        <span class="up price-item price-item--last">
12681          <span class="unit-price">
12682
12683          </span>
12684          <span aria-hidden="true">/</span>
12685          <span class="hidden">&nbsp;per&nbsp;</span>
12686          <span>
12687          </span>
12688        </span>
12689      </small>
12690    
12691  </div>
12692  
12693</div>
12694            
12695            <div class="leading-none next-price empty:hidden"></div>
12696          </div>
12697          
12698          <template x-if="localStorage.getItem('selectedStore')">
12699            <div id="x-availability-notice-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9959712358738', [668942926162])">
12700              <div 
12701  x-data='{ 
12702    storeAvailabilites: {
12703      "Vasabodens butik": true
12704    },
12705    pickupLocation: [
12706      "Vasabodens butik"
12707    ]
12708  }'
12709  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
12710>
12711  <style data-shopify>
12712    .text-available, .text-unavailable {
12713      font-size: 0.669375rem;
12714      font-family: var(--font-body-family);
12715    }
12716
12717    @media (min-width: 768px) {
12718      .text-available, .text-unavailable {
12719        font-size: 0.74375rem;
12720      }
12721    }
12722
12723    .text-available {
12724      color: #6B762D;
12725    }
12726
12727    .dark .text-available {
12728      color: #858F4D;
12729    }
12730
12731    .text-unavailable {
12732      color: #7d0606;
12733    }
12734
12735    .dark .text-unavailable {
12736      color: #867F7F;
12737    }
12738  </style>
12739  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
12740    <span class="flex h-4 w-4 relative">
12741<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12742  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12743  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12744</svg>
12745
12746</span><span x-text="'Tillgänglig för upphämtning på ' + $store.xStoreSelector?.getStoreText()"> </span>
12747  </div>
12748  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
12749    <span class="flex h-4 w-4 relative">
12750<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12751  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12752  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12753</svg>
12754
12755</span><span x-text="'Slut i lager på ' + $store.xStoreSelector?.getStoreText()"> </span>
12756  </div>
12757</div>
12758            </div>
12759          </template>
12760        </div>
12761      </div>
12762    </div>
12763    
12764  </div><div
12765      id="choose-options-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
12766      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
12767      x-show="showOptions"
12768      x-transition:enter="transition-all ease-in-out duration-300"
12769      x-transition:enter-start="opacity-0 transform translate-y-full"
12770      x-transition:enter-end="opacity-100 transform translate-y-0"
12771      x-transition:leave="transition-all ease-in-out duration-300"
12772      x-transition:leave-start="opacity-100 transform translate-y-0"
12773      x-transition:leave-end="opacity-0 transform translate-y-full"
12774      x-cloak
12775    >
12776      <div  class="choose-options relative w-full min-h-full h-full"></div>
12777      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
12778        <div
12779          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
12780          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12781    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12782      fill="currentcolor" stroke="none">
12783      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12784    </g>
12785  </svg>
12786
12787        </div>
12788      </div>
12789    </div>
12790  <div
12791    id="x-product-template-9959712358738-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1279156-1-8"
12792    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
12793  >
12794    
12795    
12796    
12797
12798        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
12799          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/ordforandeklubba-med-slagblock-och-gravyr');
12800        });"></div>
12801        <div
12802          id="current-variant-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
12803          class="current-variant hidden"
12804        >
12805          50351468151122
12806        </div>
12807    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
12808    
12809      <div class="card-info x-highlight-icon mt-2.5">
12810        <div 
12811  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
12812  x-data="{setPosition(el) {
12813    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
12814    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
12815    elRect = el.getBoundingClientRect();
12816    let spacingLeft = elRect.left - parentEl.left;
12817    if (spacingLeft < 0) {
12818      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
12819    }
12820    let spacingRight = parentEl.right - elRect.right;
12821    if (spacingRight < 0) {
12822      el.style.setProperty('--left-tooltip', spacingRight + 'px');
12823    } 
12824  }}"
12825  x-init="$el.innerHTML = $el.innerHTML.trim();"
12826>
12827    �
12828    �
12829    �
12830    �</div>
12831      </div>
12832    
12833    
12834      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
12835            class="card-info bottom_atc md:list-layout:hidden hide-icon"
12836            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
12837            x-cloak
12838          >
12839            
12840              <button
12841                type="submit"
12842                name="add"
12843                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
12844                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 208); }, 0)" 
12845                data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
12846                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
12847                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12848                  aria-label="Välj alternativ"
12849                
12850              >
12851                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12852                  
12853                  <span class="flex items-center justify-center">
12854                    
12855<div class="flex ">
12856  
12857    
12858      
12859        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
12860      
12861    
12862  
12863  
12864</div>
12865                  </span>
12866                </span>
12867                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
12867calc(50%-10px)]" x-show="loading" x-cloak>
12868                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12869    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12870      fill="currentcolor" stroke="none">
12871      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12872    </g>
12873  </svg>
12874
12875                </div>
12876              </button>
12877             
12878          </div></template>
12879    
12880    
12881      <template x-if="$store.xQuickView">
12882        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
12883              
12884                <button
12885                  type="submit"
12886                  name="add"
12887                  
12888                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
12889                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 208); }, 0)" 
12890                  data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
12891                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
12892                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12893                  aria-label="Välj alternativ"
12894                >
12895                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12896                    
12897                    <span class="flex items-center justify-center">
12898                      
12899<div class="flex ">
12900  
12901    
12902      
12903        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
12904      
12905    
12906  
12907  
12908</div>
12909                    </span>
12910                  </span>
12911                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12912                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12913    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12914      fill="currentcolor" stroke="none">
12915      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12916    </g>
12917  </svg>
12918
12919                  </div>
12920                </button>
12921               
12922            </div><button 
12923            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1292356-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
12924            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/ordforandeklubba-med-slagblock-och-gravyr', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9959712358738-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
12925            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12926            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
12927            aria-label="Knapp snabbvy"
12928            x-customer-event-data="{
12929    &quot;product&quot;: {
12930      &quot;title&quot;: &quot;Ordförandeklubba med slagblock och gravyr&quot;,
12931      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
12932      &quot;sku&quot;: &quot;9959712358738&quot;,
12933      &quot;currencyCode&quot;: &quot;SEK&quot;,
12934      &quot;price&quot;: 59500,
12935      &quot;vendor&quot;: &quot;Vasaboden&quot;
12936    }
12937  }"
12938            x-show="$store.xQuickView.enabled"
12939          >
12940            <span class="flex justify-center items-center">
12941              
12942<div class="flex ">
12943  
12944    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12945  
12946  
12947</div>
12948            </span>
12949          </button>
12950        </div>
12951      </template>
12952    
12953  </div>
12954</div>
12955<style data-shopify>
12956                        .x-slide-animation-duration-9 {
12957                          --delay-time: 800ms
12958                        }
12959                      </style>
12960                      
12961                      
12962
12963<div 
12964  
12965    x-data="xProductCard('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-9', '/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett', '9951696388434')"  
12966  
12967  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
12968  x-slide-index="8"
12969>
12970  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
12971  >
12972    <style data-shopify>
12973      
12974      .paginate-testimonial {
12975        background: rgba(215, 147, 26, 0.2);
12976      }
12977      .dark .paginate-testimonial {
12978        background: rgba(255, 255, 255, 0.2);
12979      }
12980    </style>
12981    
12982    <style data-shopify>
12983      
12984    </style>
12985    <a 
12986      
12987        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12988      
12989      href="/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett"
12990       
12991        x-data="{ lastWindowWidth: 0 }"
12992        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12993        x-labels-data="[
12994    
12995{
12996      &quot;variant_id&quot;: 50317961691474,
12997      &quot;product_id&quot;: 9951696388434,
12998      &quot;available&quot;: true,
12999      &quot;title&quot;: &quot;Glasstatyett New York (glasplakett)&quot;,
13000      &quot;compare_at_price&quot;: 0,
13001      &quot;price&quot;: 49500,
13002      &quot;price_with_currency&quot;: &quot;495 kr&quot;,
13003      &quot;sale_amount&quot;: &quot;-495 kr&quot;,
13004      &quot;collections&quot;: &quot;||620527190354||668942926162||&quot;,
13005      &quot;inventory_management&quot;: &quot;shopify&quot;,
13006      &quot;qty&quot;: 118,
13007      &quot;container&quot;: &quot;card&quot;,
13008      &quot;can_show_preorder&quot;: false,
13009      &quot;diff_day_create&quot;: 593.68,
13010      &quot;diff_day_publish&quot;: 208.48
13011      
13012      }
13013    ]"
13014       
13015      aria-label="Glasstatyett New York (glasplakett)"
13016      id="9951696388434-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1301656"
13017      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
13018      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
13019        <div
13020          id="x-slideshow-card-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-9-8"
13021          class="block h-full x-splide splide visible" 
13022          @click='$store.xCustomerEvent.fire("product_selected", $el)'
13023          x-customer-event-data="{
13024    &quot;product&quot;: {
13025      &quot;title&quot;: &quot;Glasstatyett New York (glasplakett)&quot;,
13026      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13027      &quot;sku&quot;: &quot;9951696388434&quot;,
13028      &quot;currencyCode&quot;: &quot;SEK&quot;,
13029      &quot;price&quot;: 49500,
13030      &quot;vendor&quot;: &quot;Vasaboden&quot;
13031    }
13032  }"
13033          x-cloak
13034          
13035            x-intersect.once.margin.200px='$store.xSplide.load($el, {
13036              "drag": true,
13037              "pagination": true,
13038              "arrows": false,
13039              "pauseOnFocus": false,
13040              "pauseOnHover": false,
13041              "perMove": 1,
13042              "perPage": 1,
13043              "focus": "center",
13044              "mediaQuery": "min",
13045              "rewind": true,
13046              
13047                "destroy": true,
13048              
13049              "breakpoints": {
13050                1024: {
13051                  
13052                    "destroy": true
13053                  
13054                }
13055              },
13056              
13057                "playOnHover": true,
13058              
13059              
13060              "classes": {
13061                "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
13062                "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
13063              },
13064              "type": "fade",
13065            })'>
13066          <div 
13067            id="image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-9-8"
13068            class="splide__track overflow-hidden max-h-full h-full w-full"
13069          >
13070          <div class="w-full h-full splide__list">
13071<div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
13072              >
13073                
13074                <picture>
13075                  <img
13076                    srcset="
13077                    //www.vasaboden.se/cdn/shop/files/NewyorkGlasstatyettmedgravyr.webp?v=1740044937&width=250 250w,
13078                    //www.vasaboden.se/cdn/shop/files/NewyorkGlasstatyettmedgravyr.webp?v=1740044937&width=350 350w,
13079                    //www.vasaboden.se/cdn/shop/files/NewyorkGlasstatyettmedgravyr.webp?v=1740044937&width=450 450w,
13080                    //www.vasaboden.se/cdn/shop/files/NewyorkGlasstatyettmedgravyr.webp?v=1740044937&width=750 750w,
13081                    //www.vasaboden.se/cdn/shop/files/NewyorkGlasstatyettmedgravyr.webp?v=1740044937&width=900 900w,
13082                    //www.vasaboden.se/cdn/shop/files/NewyorkGlasstatyettmedgravyr.webp?v=1740044937&width=1100 1100w,
13083                    //www.vasaboden.se/cdn/shop/files/NewyorkGlasstatyettmedgravyr.webp?v=1740044937&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/NewyorkGlasstatyettmedgravyr.webp?v=1740044937 850w" 
13084                    src="//www.vasaboden.se/cdn/shop/files/NewyorkGlasstatyettmedgravyr.webp?v=1740044937&width=1500"
13085                    sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
13086                    alt="Graverad glasplakett - Business award"
13087                    class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
13088                    loading="lazy"
13089                    width="850"
13090                    height="850"
13091                    onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13092                      setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
13093                  />
13094                </picture>
13095                
13096              </div><style data-shopify>
13097                    #image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1309756-1-9-8 .media-slide:not(:first-child) {
13098                      height: 100%;
13099                    }
13100                  </style>
13101                  <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
13102                    
13103                    <picture>
13104                      <img
13105                        srcset="//www.vasaboden.se/cdn/shop/files/businessawardglasplakett-Newyork.webp?v=1740044937&width=250 250w,
13106                          //www.vasaboden.se/cdn/shop/files/businessawardglasplakett-Newyork.webp?v=1740044937&width=350 350w,
13107                          //www.vasaboden.se/cdn/shop/files/businessawardglasplakett-Newyork.webp?v=1740044937&width=450 450w,
13108                          //www.vasaboden.se/cdn/shop/files/businessawardglasplakett-Newyork.webp?v=1740044937&width=750 750w,
13109                          //www.vasaboden.se/cdn/shop/files/businessawardglasplakett-Newyork.webp?v=1740044937&width=900 900w,
13110                          //www.vasaboden.se/cdn/shop/files/businessawardglasplakett-Newyork.webp?v=1740044937&width=1100 1100w,
13111                          //www.vasaboden.se/cdn/shop/files/businessawardglasplakett-Newyork.webp?v=1740044937&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/businessawardglasplakett-Newyork.webp?v=1740044937 850w"
13112                        src="//www.vasaboden.se/cdn/shop/files/businessawardglasplakett-Newyork.webp?v=1740044937&width=1500"
13113                        sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
13114                        alt="Graverad statyett i glas - tävlingspris"
13115                        class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
13116                        loading="lazy"
13117                        width="850"
13118                        height="850"
13119                        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13120                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
13121                      />
13122                    </picture>
13123                    
13124                  </div></div>
13125          </div></div>
13126      </div>
13127        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13128              x-show="$store.xQuickView" x-cloak
13129            > 
13130              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
13131                class="w-full hide-icon lg:px-4" 
13132                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
13133                x-cloak
13134              >
13135                
13136                  <button
13137                    type="submit"
13138                    name="add"
13139                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
13140                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 209); }, 0)"
13141                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1314156-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
13142                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
13143                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13144                    
13145                      aria-label="Välj alternativ"
13146                    
13147                  >
13148                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13149                      
13150                      <span class="flex items-center justify-center">
13151                        
13152<div class="flex ">
13153  
13154    
13155      
13156        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
13157      
13158    
13159  
13160  
13161</div>
13162                      </span>
13163                    </span>
13164                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
13165                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13166    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13167      fill="currentcolor" stroke="none">
13168      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13169    </g>
13170  </svg>
13171
13172                    </div>
13173                  </button>
13174                  <button 
13175                    type="submit"
13176                    name="add"
13177                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
13178                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 209); }, 0)"
13179                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
13180                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
13181                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Välj alternativ"x-customer-event-data="{
13182    &quot;product&quot;: {
13183      &quot;title&quot;: &quot;Glasstatyett New York (glasplakett)&quot;,
13184      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13185      &quot;sku&quot;: &quot;9951696388434&quot;,
13186      &quot;currencyCode&quot;: &quot;SEK&quot;,
13187      &quot;price&quot;: 49500,
13188      &quot;vendor&quot;: &quot;Vasaboden&quot;
13189    }
13190  }"
13191                  >
13192                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
13193    <g>
13194    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13195    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
1319514948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13196    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13197    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13198    </g>
13199  </svg></span>
13200                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
13201                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13202    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13203      fill="currentcolor" stroke="none">
13204      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13205    </g>
13206  </svg>
13207
13208                    </span>
13209                  </button>
13210                
13211              </div>
13212            </div><div
13213            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13214            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
13215            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
13216            >
13217            <div>
13218              <button
13219                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13220                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
13221                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
13222                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
13223                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
13224                x-customer-event-data="{
13225    &quot;product&quot;: {
13226      &quot;title&quot;: &quot;Glasstatyett New York (glasplakett)&quot;,
13227      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13228      &quot;sku&quot;: &quot;9951696388434&quot;,
13229      &quot;currencyCode&quot;: &quot;SEK&quot;,
13230      &quot;price&quot;: 49500,
13231      &quot;vendor&quot;: &quot;Vasaboden&quot;
13232    }
13233  }"
13234                aria-label="Knapp snabbvy"
13235              >
13236                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13237    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13238    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13239  </svg>
13240</span>
13241                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
13242                  
13243<div class="flex ">
13244  
13245    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13246  
13247  
13248</div>
13249                </span>
13250              </button>
13251              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett", $el, "template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13252                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
13253                aria-label="Knapp snabbvy"
13254                x-customer-event-data="{
13255    &quot;product&quot;: {
13256      &quot;title&quot;: &quot;Glasstatyett New York (glasplakett)&quot;,
13257      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13258      &quot;sku&quot;: &quot;9951696388434&quot;,
13259      &quot;currencyCode&quot;: &quot;SEK&quot;,
13260      &quot;price&quot;: 49500,
13261      &quot;vendor&quot;: &quot;Vasaboden&quot;
13262    }
13263  }"
13264              >
13265                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13266    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13267    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13268  </svg>
13269</span>
13270              </button>
13271            </div>
13272          </div>
13273        </div>
13274      
13275    </a>
13276    
13277    
13278    <div class="md:list-layout:hidden">
13279      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13280        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
13281          
13282            
13283 
13284
13285
13286          
13287          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434">
13288            <a href="/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett"
13289              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
13290              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13291              x-customer-event-data="{
13292    &quot;product&quot;: {
13293      &quot;title&quot;: &quot;Glasstatyett New York (glasplakett)&quot;,
13294      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13295      &quot;sku&quot;: &quot;9951696388434&quot;,
13296      &quot;currencyCode&quot;: &quot;SEK&quot;,
13297      &quot;price&quot;: 49500,
13298      &quot;vendor&quot;: &quot;Vasaboden&quot;
13299    }
13300  }"
13301            >
13302              Glasstatyett New York (glasplakett)
13303            </a>
13304          </h3>
13305          
13306<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
13307            
13308            
13309              <div class=" price leading-none">
13310  <div class="">
13311    <div class="target-price hidden">49500</div>
13312    <div class="target-compare-at-price hidden"></div>
13313    
13314<p class="price ">
13315          <span>Från 495 kr</span>
13316        </p><small class="text-[70%] hidden">
13317        <span class="hidden">Enhetspris</span>
13318        <span class="up price-item price-item--last">
13319          <span class="unit-price">
13320
13321          </span>
13322          <span aria-hidden="true">/</span>
13323          <span class="hidden">&nbsp;per&nbsp;</span>
13324          <span>
13325          </span>
13326        </span>
13327      </small>
13328    
13329  </div>
13330  
13331</div>
13332            
13333            <div class="leading-none next-price empty:hidden"></div>
13334          </div>
13335          
13336          <template x-if="localStorage.getItem('selectedStore')">
13337            <div id="x-availability-notice-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9951696388434', [620527190354, 668942926162])">
13338              <div 
13339  x-data='{ 
13340    storeAvailabilites: {
13341      "Vasabodens butik": true
13342    },
13343    pickupLocation: [
13344      "Vasabodens butik"
13345    ]
13346  }'
13347  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13348>
13349  <style data-shopify>
13350    .text-available, .text-unavailable {
13351      font-size: 0.669375rem;
13352      font-family: var(--font-body-family);
13353    }
13354
13355    @media (min-width: 768px) {
13356      .text-available, .text-unavailable {
13357        font-size: 0.74375rem;
13358      }
13359    }
13360
13361    .text-available {
13362      color: #6B762D;
13363    }
13364
13365    .dark .text-available {
13366      color: #858F4D;
13367    }
13368
13369    .text-unavailable {
13370      color: #7d0606;
13371    }
13372
13373    .dark .text-unavailable {
13374      color: #867F7F;
13375    }
13376  </style>
13377  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
13378    <span class="flex h-4 w-4 relative">
13379<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13380  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13381  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13382</svg>
13383
13384</span><span x-text="'Tillgänglig för upphämtning på ' + $store.xStoreSelector?.getStoreText()"> </span>
13385  </div>
13386  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
13387    <span class="flex h-4 w-4 relative">
13388<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13389  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13390  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13391</svg>
13392
13393</span><span x-text="'Slut i lager på ' + $store.xStoreSelector?.getStoreText()"> </span>
13394  </div>
13395</div>
13396            </div>
13397          </template>
13398        </div>
13399      </div>
13400    </div>
13401    
13402  </div><div
13403      id="choose-options-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
13404      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
13405      x-show="showOptions"
13406      x-transition:enter="transition-all ease-in-out duration-300"
13407      x-transition:enter-start="opacity-0 transform translate-y-full"
13408      x-transition:enter-end="opacity-100 transform translate-y-0"
13409      x-transition:leave="transition-all ease-in-out duration-300"
13410      x-transition:leave-start="opacity-100 transform translate-y-0"
13411      x-transition:leave-end="opacity-0 transform translate-y-full"
13412      x-cloak
13413    >
13414      <div  class="choose-options relative w-full min-h-full h-full"></div>
13415      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
13416        <div
13417          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
13418          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13419    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13420      fill="currentcolor" stroke="none">
13421      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13422    </g>
13423  </svg>
13424
13425        </div>
13426      </div>
13427    </div>
13428  <div
13429    id="x-product-template-9951696388434-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1342956-1-9"
13430    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
13431  >
13432    
13433    
13434    
13435
13436        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
13437          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/glasstatyett-new-york-glasplakett');
13438        });"></div>
13439        <div
13440          id="current-variant-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
13441          class="current-variant hidden"
13442        >
13443          50317961691474
13444        </div>
13445    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
13446    
13447      <div class="card-info x-highlight-icon mt-2.5">
13448        <div 
13449  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
13450  x-data="{setPosition(el) {
13451    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
13452    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
13453    elRect = el.getBoundingClientRect();
13454    let spacingLeft = elRect.left - parentEl.left;
13455    if (spacingLeft < 0) {
13456      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
13457    }
13458    let spacingRight = parentEl.right - elRect.right;
13459    if (spacingRight < 0) {
13460      el.style.setProperty('--left-tooltip', spacingRight + 'px');
13461    } 
13462  }}"
13463  x-init="$el.innerHTML = $el.innerHTML.trim();"
13464>
13465    �
13466    �
13467    �
13468    �</div>
13469      </div>
13470    
13471    
13472      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
13473            class="card-info bottom_atc md:list-layout:hidden hide-icon"
13474            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
13475            x-cloak
13476          >
13477            
13478              <button
13479                type="submit"
13480                name="add"
13481                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
13482                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 209); }, 0)" 
13483                data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
13484                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
13485                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13486                  aria-label="Välj alternativ"
13487                
13488              >
13489                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13490                  
13491                  <span class="flex items-center justify-center">
13492                    
13493<div class="flex ">
13494  
13495    
13496      
13497        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
13498      
13499    
13500  
13501  
13502</div>
13503                  </span>
13504                </span>
13505                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
13505calc(50%-10px)]" x-show="loading" x-cloak>
13506                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13507    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13508      fill="currentcolor" stroke="none">
13509      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13510    </g>
13511  </svg>
13512
13513                </div>
13514              </button>
13515             
13516          </div></template>
13517    
13518    
13519      <template x-if="$store.xQuickView">
13520        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
13521              
13522                <button
13523                  type="submit"
13524                  name="add"
13525                  
13526                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
13527                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 209); }, 0)" 
13528                  data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
13529                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
13530                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13531                  aria-label="Välj alternativ"
13532                >
13533                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13534                    
13535                    <span class="flex items-center justify-center">
13536                      
13537<div class="flex ">
13538  
13539    
13540      
13541        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
13542      
13543    
13544  
13545  
13546</div>
13547                    </span>
13548                  </span>
13549                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
13550                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13551    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13552      fill="currentcolor" stroke="none">
13553      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13554    </g>
13555  </svg>
13556
13557                  </div>
13558                </button>
13559               
13560            </div><button 
13561            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/glasstatyett-new-yor
13561k-glasplakett', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
13562            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/glasstatyett-new-york-glasplakett', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-9951696388434-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
13563            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13564            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
13565            aria-label="Knapp snabbvy"
13566            x-customer-event-data="{
13567    &quot;product&quot;: {
13568      &quot;title&quot;: &quot;Glasstatyett New York (glasplakett)&quot;,
13569      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13570      &quot;sku&quot;: &quot;9951696388434&quot;,
13571      &quot;currencyCode&quot;: &quot;SEK&quot;,
13572      &quot;price&quot;: 49500,
13573      &quot;vendor&quot;: &quot;Vasaboden&quot;
13574    }
13575  }"
13576            x-show="$store.xQuickView.enabled"
13577          >
13578            <span class="flex justify-center items-center">
13579              
13580<div class="flex ">
13581  
13582    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13583  
13584  
13585</div>
13586            </span>
13587          </button>
13588        </div>
13589      </template>
13590    
13591  </div>
13592</div>
13593<style data-shopify>
13594                        .x-slide-animation-duration-10 {
13595                          --delay-time: 900ms
13596                        }
13597                      </style>
13598                      
13599                      
13600
13601<div 
13602  
13603    x-data="xProductCard('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-10', '/collections/nytt-i-butiken/products/pokal-fristad', '8901140939090')"  
13604  
13605  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
13606  x-slide-index="9"
13607>
13608  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
13609  >
13610    <style data-shopify>
13611      
13612      .paginate-testimonial {
13613        background: rgba(215, 147, 26, 0.2);
13614      }
13615      .dark .paginate-testimonial {
13616        background: rgba(255, 255, 255, 0.2);
13617      }
13618    </style>
13619    
13620    <style data-shopify>
13621      
13622    </style>
13623    <a 
13624      
13625        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
13626      
13627      href="/collections/nytt-i-butiken/products/pokal-fristad"
13628       
13629        x-data="{ lastWindowWidth: 0 }"
13630        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
13631        x-labels-data="[
13632    
13633{
13634      &quot;variant_id&quot;: 49534988550482,
13635      &quot;product_id&quot;: 8901140939090,
13636      &quot;available&quot;: true,
13637      &quot;title&quot;: &quot;Pokal Fristad&quot;,
13638      &quot;compare_at_price&quot;: 0,
13639      &quot;price&quot;: 13500,
13640      &quot;price_with_currency&quot;: &quot;135 kr&quot;,
13641      &quot;sale_amount&quot;: &quot;-135 kr&quot;,
13642      &quot;collections&quot;: &quot;||620527649106||668942926162||620527059282||&quot;,
13643      &quot;inventory_management&quot;: &quot;shopify&quot;,
13644      &quot;qty&quot;: 47,
13645      &quot;container&quot;: &quot;card&quot;,
13646      &quot;can_show_preorder&quot;: false,
13647      &quot;diff_day_create&quot;: 887.31,
13648      &quot;diff_day_publish&quot;: 887.31
13649      
13650      }
13651    ]"
13652       
13653      aria-label="Pokal Fristad"
13654      id="8901140939090-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1365456"
13655      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
13656      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
13657        <div
13658          id="x-slideshow-card-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-10-9"
13659          class="block h-full x-splide splide visible" 
13660          @click='$store.xCustomerEvent.fire("product_selected", $el)'
13661          x-customer-event-data="{
13662    &quot;product&quot;: {
13663      &quot;title&quot;: &quot;Pokal Fristad&quot;,
13664      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13665      &quot;sku&quot;: &quot;8901140939090&quot;,
13666      &quot;currencyCode&quot;: &quot;SEK&quot;,
13667      &quot;price&quot;: 13500,
13668      &quot;vendor&quot;: &quot;265mm | 280mm | 305mm | 335mm | 360mm&quot;
13669    }
13670  }"
13671          x-cloak
13672          
13673            x-intersect.once.margin.200px='$store.xSplide.load($el, {
13674              "drag": true,
13675              "pagination": true,
13676              "arrows": false,
13677              "pauseOnFocus": false,
13678              "pauseOnHover": false,
13679              "perMove": 1,
13680              "perPage": 1,
13681              "focus": "center",
13682              "mediaQuery": "min",
13683              "rewind": true,
13684              
13685                "destroy": true,
13686              
13687              "breakpoints": {
13688                1024: {
13689                  
13690                    "destroy": true
13691                  
13692                }
13693              },
13694              
13695                "playOnHover": true,
13696              
13697              
13698              "classes": {
13699                "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
13700                "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
13701              },
13702              "type": "fade",
13703            })'>
13704          <div 
13705            id="image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-10-9"
13706            class="splide__track overflow-hidden max-h-full h-full w-full"
13707          >
13708          <div class="w-full h-full splide__list">
13709<div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
13710              >
13711                
13712                <picture>
13713                  <img
13714                    srcset="
13715                    //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001.jpg?v=1739285273&width=250 250w,
13716                    //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001.jpg?v=1739285273&width=350 350w,
13717                    //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001.jpg?v=1739285273&width=450 450w,
13718                    //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001.jpg?v=1739285273&width=750 750w,
13719                    //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001.jpg?v=1739285273&width=900 900w,
13720                    //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001.jpg?v=1739285273&width=1100 1100w,
13721                    //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001.jpg?v=1739285273&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001.jpg?v=1739285273 850w" 
13722                    src="//www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001.jpg?v=1739285273&width=1500"
13723                    sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
13724                    alt="Pokal Fristad finns i fyra storlekar"
13725                    class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
13726                    loading="lazy"
13727                    width="850"
13728                    height="850"
13729                    onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13730                      setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
13731                  />
13732                </picture>
13733                
13734              </div><style data-shopify>
13735                    #image-product-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1373556-1-10-9 .media-slide:not(:first-child) {
13736                      height: 100%;
13737                    }
13738                  </style>
13739                  <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
13740                    
13741                    <picture>
13742                      <img
13743                        srcset="//www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001_d0a83233-104b-4c07-a04e-6a6bf14bbb14.jpg?v=1739285273&width=250 250w,
13744                          //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001_d0a83233-104b-4c07-a04e-6a6bf14bbb14.jpg?v=1739285273&width=350 350w,
13745                          //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001_d0a83233-104b-4c07-a04e-6a6bf14bbb14.jpg?v=1739285273&width=450 450w,
13746                          //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001_d0a83233-104b-4c07-a04e-6a6bf14bbb14.jpg?v=1739285273&width=750 750w,
13747                          //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001_d0a83233-104b-4c07-a04e-6a6bf14bbb14.jpg?v=1739285273&width=900 900w,
13748                          //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001_d0a83233-104b-4c07-a04e-6a6bf14bbb14.jpg?v=1739285273&width=1100 1100w,
13749                          //www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001_d0a83233-104b-4c07-a04e-6a6bf14bbb14.jpg?v=1739285273&width=1500 1500w,//www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001_d0a83233-104b-4c07-a04e-6a6bf14bbb14.jpg?v=1739285273 850w"
13750                        src="//www.vasaboden.se/cdn/shop/files/Pokal_20Fristad_2001_d0a83233-104b-4c07-a04e-6a6bf14bbb14.jpg?v=1739285273&width=1500"
13751                        sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
13752                        alt="Väl tilltagen pokal - Silver och blå"
13753                        class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
13754                        loading="lazy"
13755                        width="850"
13756                        height="850"
13757                        onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13758                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
13759                      />
13760                    </picture>
13761                    
13762                  </div></div>
13763          </div></div>
13764      </div>
13765        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13766              x-show="$store.xQuickView" x-cloak
13767            > 
13768              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
13769                class="w-full hide-icon lg:px-4" 
13770                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
13771                x-cloak
13772              >
13773                
13774                  <button
13775                    type="submit"
13776                    name="add"
13777                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
13778                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-fristad', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1377856-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 2010); }, 0)"
13779                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
13780                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
13781                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13782                    
13783                      aria-label="Välj alternativ"
13784                    
13785                  >
13786                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13787                      
13788                      <span class="flex items-center justify-center">
13789                        
13790<div class="flex ">
13791  
13792    
13793      
13794        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
13795      
13796    
13797  
13798  
13799</div>
13800                      </span>
13801                    </span>
13802                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
13803                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13804    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13805      fill="currentcolor" stroke="none">
13806      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13807    </g>
13808  </svg>
13809
13810                    </div>
13811                  </button>
13812                  <button 
13813                    type="submit"
13814                    name="add"
13815                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
13816                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-fristad', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 2010); }, 0)"
13817                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
13818                    data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
13819                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Välj alternativ"x-customer-event-data="{
13820    &quot;product&quot;: {
13821      &quot;title&quot;: &quot;Pokal Fristad&quot;,
13822      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13823      &quot;sku&quot;: &quot;8901140939090&quot;,
13824      &quot;currencyCode&quot;: &quot;SEK&quot;,
13825      &quot;price&quot;: 13500,
13826      &quot;vendor&quot;: &quot;265mm | 280mm | 305mm | 335mm | 360mm&quot;
13827    }
13828  }"
13829                  >
13830                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
13830ox="0 0 20 16" fill="none" style="fill:none;">
13831    <g>
13832    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13833    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13834    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13835    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13836    </g>
13837  </svg></span>
13838                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
13839                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13840    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13841      fill="currentcolor" stroke="none">
13842      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13843    </g>
13844  </svg>
13845
13846                    </span>
13847                  </button>
13848                
13849              </div>
13850            </div><div
13851            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13852            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
13853            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
13854            >
13855            <div>
13856              <button
13857                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13858                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-fristad', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
13859                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-fristad', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
13860                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
13861                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
13862                x-customer-event-data="{
13863    &quot;product&quot;: {
13864      &quot;title&quot;: &quot;Pokal Fristad&quot;,
13865      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13866      &quot;sku&quot;: &quot;8901140939090&quot;,
13867      &quot;currencyCode&quot;: &quot;SEK&quot;,
13868      &quot;price&quot;: 13500,
13869      &quot;vendor&quot;: &quot;265mm | 280mm | 305mm | 335mm | 360mm&quot;
13870    }
13871  }"
13872                aria-label="Knapp snabbvy"
13873              >
13874                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
13874ox="0 0 16 16" fill="none" style="fill:none;">
13875    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13876    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13877  </svg>
13878</span>
13879                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
13880                  
13881<div class="flex ">
13882  
13883    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13884  
13885  
13886</div>
13887                </span>
13888              </button>
13889              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/nytt-i-butiken/products/pokal-fristad", $el, "template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13890                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
13891                aria-label="Knapp snabbvy"
13892                x-customer-event-data="{
13893    &quot;product&quot;: {
13894      &quot;title&quot;: &quot;Pokal Fristad&quot;,
13895      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13896      &quot;sku&quot;: &quot;8901140939090&quot;,
13897      &quot;currencyCode&quot;: &quot;SEK&quot;,
13898      &quot;price&quot;: 13500,
13899      &quot;vendor&quot;: &quot;265mm | 280mm | 305mm | 335mm | 360mm&quot;
13900    }
13901  }"
13902              >
13903                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13904    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13905    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13906  </svg>
13907</span>
13908              </button>
13909            </div>
13910          </div>
13911        </div>
13912      
13913    </a>
13914    
13915    
13916    <div class="md:list-layout:hidden">
13917      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13918        <div class="no-collage:mb-2 text-center md:list-layout:text-left">
13919          
13920            
13921 
13922
13923
13924          
13925          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090">
13926            <a href="/collections/nytt-i-butiken/products/pokal-fristad"
13927              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
13928              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13929              x-customer-event-data="{
13930    &quot;product&quot;: {
13931      &quot;title&quot;: &quot;Pokal Fristad&quot;,
13932      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
13933      &quot;sku&quot;: &quot;8901140939090&quot;,
13934      &quot;currencyCode&quot;: &quot;SEK&quot;,
13935      &quot;price&quot;: 13500,
13936      &quot;vendor&quot;: &quot;265mm | 280mm | 305mm | 335mm | 360mm&quot;
13937    }
13938  }"
13939            >
13940              Pokal Fristad
13941            </a>
13942          </h3>
13943          
13944<div  class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
13945            
13946            
13947              <div class=" price leading-none">
13948  <div class="">
13949    <div class="target-price hidden">13500</div>
13950    <div class="target-compare-at-price hidden"></div>
13951    
13952<p class="price ">
13953          <span>Från 135 kr</span>
13954        </p><small class="text-[70%] hidden">
13955        <span class="hidden">Enhetspris</span>
13956        <span class="up price-item price-item--last">
13957          <span class="unit-price">
13958
13959          </span>
13960          <span aria-hidden="true">/</span>
13961          <span class="hidden">&nbsp;per&nbsp;</span>
13962          <span>
13963          </span>
13964        </span>
13965      </small>
13966    
13967  </div>
13968  
13969</div>
13970            
13971            <div class="leading-none next-price empty:hidden"></div>
13972          </div>
13973          
13974          <template x-if="localStorage.getItem('selectedStore')">
13975            <div id="x-availability-notice-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('8901140939090', [620527649106, 668942926162, 620527059282])">
13976              <div 
13977  x-data='{ 
13978    storeAvailabilites: {
13979      "Vasabodens butik": true
13980    },
13981    pickupLocation: [
13982      "Vasabodens butik"
13983    ]
13984  }'
13985  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13986>
13987  <style data-shopify>
13988    .text-available, .text-unavailable {
13989      font-size: 0.669375rem;
13990      font-family: var(--font-body-family);
13991    }
13992
13993    @media (min-width: 768px) {
13994      .text-available, .text-unavailable {
13995        font-size: 0.74375rem;
13996      }
13997    }
13998
13999    .text-available {
14000      color: #6B762D;
14001    }
14002
14003    .dark .text-available {
14004      color: #858F4D;
14005    }
14006
14007    .text-unavailable {
14008      color: #7d0606;
14009    }
14010
14011    .dark .text-unavailable {
14012      color: #867F7F;
14013    }
14014  </style>
14015  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
14016    <span class="flex h-4 w-4 relative">
14017<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14018  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14019  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14020</svg>
14021
14022</span><span x-text="'Tillgänglig för upphämtning på ' + $store.xStoreSelector?.getStoreText()"> </span>
14023  </div>
14024  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
14025    <span class="flex h-4 w-4 relative">
14026<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14027  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14028  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14029</svg>
14030
14031</span><span x-text="'Slut i lager på ' + $store.xStoreSelector?.getStoreText()"> </span>
14032  </div>
14033</div>
14034            </div>
14035          </template>
14036        </div>
14037      </div>
14038    </div>
14039    
14040  </div><div
14041      id="choose-options-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
14042      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
14043      x-show="showOptions"
14044      x-transition:enter="transition-all ease-in-out duration-300"
14045      x-transition:enter-start="opacity-0 transform translate-y-full"
14046      x-transition:enter-end="opacity-100 transform translate-y-0"
14047      x-transition:leave="transition-all ease-in-out duration-300"
14048      x-transition:leave-start="opacity-100 transform translate-y-0"
14049      x-transition:leave-end="opacity-0 transform translate-y-full"
14050      x-cloak
14051    >
14052      <div  class="choose-options relative w-full min-h-full h-full"></div>
14053      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
14054        <div
14055          class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
14055calc(50%-10px)]">
14056          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14057    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14058      fill="currentcolor" stroke="none">
14059      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14060    </g>
14061  </svg>
14062
14063        </div>
14064      </div>
14065    </div>
14066  <div
14067    id="x-product-template-8901140939090-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-10"
14068    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
14069  >
14070    
14071    
14072    
14073
14074        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
14075          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/pokal-fristad');
14076        });"></div>
14077        <div
14078          id="current-variant-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
14079          class="current-variant hidden"
14080        >
14081          49534988550482
14082        </div>
14083    <div class="bottom-card card-info ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
14084    
14085      <div class="card-info x-highlight-icon mt-2.5">
14086        <div 
14087  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
14088  x-data="{setPosition(el) {
14089    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
14090    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
14091    elRect = el.getBoundingClientRect();
14092    let spacingLeft = elRect.left - parentEl.left;
14093    if (spacingLeft < 0) {
14094      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
14095    }
14096    let spacingRight = parentEl.right - elRect.right;
14097    if (spacingRight < 0) {
14098      el.style.setProperty('--left-tooltip', spacingRight + 'px');
14099    } 
14100  }}"
14101  x-init="$el.innerHTML = $el.innerHTML.trim();"
14102>
14103    �
14104    �
14105    �
14106    �</div>
14107      </div>
14108    
14109    
14110      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
14111            class="card-info bottom_atc md:list-layout:hidden hide-icon"
14112            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
14113            x-cloak
14114          >
14115            
14116              <button
14117                type="submit"
14118                name="add"
14119                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
14120                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-fristad', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 2010); }, 0)" 
14121                data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb76
1412156-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
14122                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
14123                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14124                  aria-label="Välj alternativ"
14125                
14126              >
14127                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14128                  
14129                  <span class="flex items-center justify-center">
14130                    
14131<div class="flex ">
14132  
14133    
14134      
14135        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
14136      
14137    
14138  
14139  
14140</div>
14141                  </span>
14142                </span>
14143                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
14144                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14145    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14146      fill="currentcolor" stroke="none">
14147      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14148    </g>
14149  </svg>
14150
14151                </div>
14152              </button>
14153             
14154          </div></template>
14155    
14156    
14157      <template x-if="$store.xQuickView">
14158        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
14159              
14160                <button
14161                  type="submit"
14162                  name="add"
14163                  
14164                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', $el); }, 0)"
14165                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/nytt-i-butiken/products/pokal-fristad', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1', 2010); }, 0)" 
14166                  data-id="template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
14167                  class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:pl-5 lg:pr-5 lg:py-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
14168                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14169                  aria-label="Välj alternativ"
14170                >
14171                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14172                    
14173                    <span class="flex items-center justify-center">
14174                      
14175<div class="flex ">
14176  
14177    
14178      
14179        <span class="button-text  is-focus-button:opacity-0">Välj alternativ</span>
14180      
14181    
14182  
14183  
14184</div>
14185                    </span>
14186                  </span>
14187                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
14187calc(50%-10px)]" x-show="loading" x-cloak>
14188                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14189    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14190      fill="currentcolor" stroke="none">
14191      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14192    </g>
14193  </svg>
14194
14195                  </div>
14196                </button>
14197               
14198            </div><button 
14199            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-fristad', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
14200            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/nytt-i-butiken/products/pokal-fristad', $el, 'template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-8901140939090-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
14201            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14202            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
14203            aria-label="Knapp snabbvy"
14204            x-customer-event-data="{
14205    &quot;product&quot;: {
14206      &quot;title&quot;: &quot;Pokal Fristad&quot;,
14207      &quot;listName&quot;: &quot;Nytt i butiken&quot;,
14208      &quot;sku&quot;: &quot;8901140939090&quot;,
14209      &quot;currencyCode&quot;: &quot;SEK&quot;,
14210      &quot;price&quot;: 13500,
14211      &quot;vendor&quot;: &quot;265mm | 280mm | 305mm | 335mm | 360mm&quot;
14212    }
14213  }"
14214            x-show="$store.xQuickView.enabled"
14215          >
14216            <span class="flex justify-center items-center">
14217              
14218<div class="flex ">
14219  
14220    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
14221  
14222  
14223</div>
14224            </span>
14225          </button>
14226        </div>
14227      </template>
14228    
14229  </div>
14230</div>
14231</div>
14232                </div><div class=" md:flex items-center flex w-full gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto">
14233                    <div class="splide-progress inline-block grow rounded-md">
14234                       <style data-shopify>.splide-progress-bar-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 {
14235                          width: 20.0%;
14236                        }
14237                        @media (min-width: 768px) {
14238                          .splide-progress-bar-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 {
14239                            width: 50.0%;
14240                          }
14241                        }</style><div class="splide-progress-bar-template--29795656434002__e32885d8-0a8f-4c4f-8801-377d01cb7656-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 splide-progress-bar rounded-md"></div>
14242                    </div>
14243                  </div></div>
14244            </div>
14245          </div>
14246        </div>
14247      </div>
14248  </div>
14249</div>
14250<script src="//www.vasaboden.se/cdn/shop/t/28/assets/preview-color-swatches.js?v=11601958966646098181776329373" defer></script>
14250
14251</div></div>
14252<script src="//www.vasaboden.se/cdn/shop/t/28/assets/featured-collection.js?v=166203110154732063391776329373" defer></script>
14252
14253
14254
14255</section><section id="shopify-section-template--29795656434002__multicolumn_GwfxHj" class="shopify-section section section-multicolumn x-section"><style data-shopify>.heading-template--29795656434002__multicolumn_GwfxHj {
14256    font-size: 1.35rem; 
14257  }
14258  .size-icon-template--29795656434002__multicolumn_GwfxHj {
14259    width: 31.5px;
14260    height: 31.5px;
14261  }
14262  
14263  .color-icon--template--29795656434002__multicolumn_GwfxHj {
14264    
14265      color: #12457b;
14266    
14267  }
14268  .dark .color-icon--template--29795656434002__multicolumn_GwfxHj {
14269    
14270      color: rgb(var(--colors-text));
14271    
14272  }
14273  .bg-template--29795656434002__multicolumn_GwfxHj {
14274    
14275      background: rgb(var(--colors-background-secondary));
14276    
14277  }
14278  .dark .bg-template--29795656434002__multicolumn_GwfxHj {
14279    
14280      background: rgb(var(--colors-background-secondary));
14281    
14282  }
14283  
14284  
14285  
14286  .dark .color-text--template--29795656434002__multicolumn_GwfxHj {
14287            
14288      --colors-text: var(--colors-text-secondary);
14289    
14290  }
14291  .dark .color--template--29795656434002__multicolumn_GwfxHj {
14292            
14293      --colors-line-and-border: 94, 94, 94;
14294    
14295            
14296      --colors-heading: var(--colors-heading-secondary);
14297    
14298  }
14299  
14300    @media (max-width: 1023px) {
14301      .line-slider-mobile--template--29795656434002__multicolumn_GwfxHj:after {
14302        right: -8.0px;
14303      }
14304      .preload-slide-mobile--template--29795656434002__multicolumn_GwfxHj {
14305          margin-right: 16px;
14306        
14307        width: calc(((100% + 16px) / 2) - 16px);
14308      }
14309    }
14310    @media (max-width: 767px) {
14311      .preload-slide-mobile--template--29795656434002__multicolumn_GwfxHj {
14312        width: calc(((100% + 16px) / 1) - 16px);
14313      }
14314    }
14315  
14316  @media (min-width: 1024px){
14317    .heading-template--29795656434002__multicolumn_GwfxHj {
14318      font-size: 2.25rem;
14319    }
14320    .size-icon-template--29795656434002__multicolumn_GwfxHj {
14321      width: 45px;
14322      height: 45px;
14323    }
14324    
14325    .spacing-desktop-template--29795656434002__multicolumn_GwfxHj {
14326      padding: 14.0px;
14327    }
14328    .spacing-desktop-template--29795656434002__multicolumn_GwfxHj-splide { 
14329      margin: -14.0px!important;
14330    }
14331    
14332    
14333  }
14334  @media (max-width: 1023px) {
14335    .spacing--template--29795656434002__multicolumn_GwfxHj {
14336      
14337      padding-top: 8.0px;
14338      padding-bottom: 8.0px;
14339    }
14340    
14341  }
14342  @media (max-width: 767px) {
14343    
14344  }</style>
14345
14346
14347  <div class=" bg-template--29795656434002__multicolumn_GwfxHj md:rounded-none pb-[0px] pt-[20px] md:pb-[28px] md:pt-[28px] section--template--29795656434002__multicolumn_GwfxHj">
14348    
14349    <div class="x-block-columns text-column-with-icon color--template--29795656434002__multicolumn_GwfxHj mx-auto x-pgw page-width">
14350      <div
14351        id="x-text-with-icon-template--29795656434002__multicolumn_GwfxHj"
14352          class="x-splide splide visible overflow-hidden"
14353          x-intersect.once.margin.200px='$store.xSplide.load($el, {    
14354            "speed": 1000, 
14355            "pagination": false, 
14356            "mediaQuery": "min", 
14357            "updateOnMove": "true",
14358            "pauseOnHover": true,
14359            "pauseOnFocus": false,
14360            
14361            "rewind": true,
14362              "autoplay": true,
14363              "interval": 5000,
14364            
14365            "progressBar": 3,
14366            "breakpoints": {
14367              300: {
14368                
14369                "gap": "16px",
14370                "focus": "right",
14371                "perPage": 1,
14372                "perMove": 1
14373              },
14374              768: {
14375                "perPage": 2,
14376                "perMove": 2
14377              },
14378              1024: {
14379                "destroy": true,
14380                
14381                "perPage": 3,
14382                "perMove": 3,
14383                "gap": "28px",
14384                "padding": 0,
14385                "drag": true
14386              }
14387            },
14388            "classes": {
14389              "arrows" : "hidden", 
14390            }
14391          })'x-intersect.once='$el.classList.add("is-ready-to-animate")'
14392        >
14393        <div class="splide__track lg:pt-0.5 lg:pb-0.5">
14394          <div class="splide__list flex lg:flex lg:flex-wrap lg:justify-center lg:gap-0 lg:w-auto 
14394spacing-desktop-template--29795656434002__multicolumn_GwfxHj-splide"
14395          ><style data-shopify>
14396                .x-slide-animation-duration-1 {
14397                  --delay-time: 0ms
14398                }
14399              </style>
14400<style data-shopify>.heading-column_ycWyqj {
14401                  font-size: 1.26rem;
14402                }
14403                @media (min-width: 767px) {
14404                  .heading-column_ycWyqj {
14405                    font-size: 1.575rem;
14406                  }
14407                }</style><div
14408                x-slide-index="0"
14409                id="Slide-template--29795656434002__multicolumn_GwfxHj-1"
14410                class=" text-with-icon-item splide__slide x-splide-slide spacing-desktop-template--29795656434002__multicolumn_GwfxHj md:w-1/2 lg:w-1/3 preload-slide-mobile--template--29795656434002__multicolumn_GwfxHj relative after:absolute after:right-0 after:top-1/2 after:-translate-y-1/2 line-slider--template--29795656434002__multicolumn_GwfxHj line-slider-mobile--template--29795656434002__multicolumn_GwfxHj after:w-0 after:border-solid after:h-[50%] after:border-l-0 after:lg:border-l after:lg:border-l last:after:lg:border-l-0"
14411              >
14412                <div class="h-full py-0 md:py-7  justify-center md:pl-12 md:pr-12 pl-10 pr-10 rounded-md" >
14413                  
14414                    
14415                      <div class="flex pt-2 justify-center items-center mb-2">
14416                        <span class="inline-block relative size-icon-template--29795656434002__multicolumn_GwfxHj color-icon--template--29795656434002__multicolumn_GwfxHj">
14417                          
14418                            
14419                              
14420                                <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
14421    
14422        <path d="M62.724 44.0025L79.5 6M40.422 44.844L21 6M55.929 42.216L38.2575 6M63.12 6L58.44 17.25M25.5 69C25.5 76.1608 28.3446 83.0284 33.4081 88.0919C38.4716 93.1554 45.3392 96 52.5 96C59.6608 96 66.5284 93.1554 71.5919 88.0919C76.6554 83.0284 79.5 76.1608 79.5 69C79.5 61.8392 76.6554 54.9716 71.5919 49.9081C66.5284 44.8446 59.6608 42 52.5 42C45.3392 42 38.4716 44.8446 33.4081 49.9081C28.3446 54.9716 25.5 61.8392 25.5 69Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
14423        <path d="M45.75 64.5L54.75 57.75V80.25" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
14424      
14425  </svg>
14426
14427                              
14428                            
14429                          
14430                        </span>
14431                      </div>
14432                    
14433                  
14434                  <div class="pt-2">
14435                    
14436                      <p class="h3 empty:hidden p-break-words heading-column_ycWyqj text-center leading-tight">
14437                        
14438                          
14439
14440
14441<style data-shopify>
14442  .heading-column_ycWyqj {
14443    
14444  }
14445  .dark .heading-column_ycWyqj {
14446    
14447      --color-highlight: #FFFFFF;
14448    
14449  }
14450</style>
14451
14452
14453
14454  
14455
14456  
14457    
14458      
14459        Prisutdelningen börjar hos oss.
14460      
14461    
14462  
14463
14464  
14465
14466                        
14467                      </p>
14468                    
14469                    
14470                      <div class="color-text--template--29795656434002__multicolumn_GwfxHj rte text-center p-break-words text-[rgb(var(--colors-text))]">
14471                        <p>Full kontroll från start. Förhandsgranska din gravyr direkt i webshoppen och säkra en perfekt prisutdelning.</p>
14472                      </div>
14473                    
14474                  </div>
14475                </div>
14476              </div><style data-shopify>
14477                .x-slide-animation-duration-2 {
14478                  --delay-time: 100ms
14479                }
14480              </style>
14481<style data-shopify>.heading-column_ATbjzU {
14482                  font-size: 1.26rem;
14483                }
14484                @media (min-width: 767px) {
14485                  .heading-column_ATbjzU {
14486                    font-size: 1.575rem;
14487                  }
14488                }</style><div
14489                x-slide-index="1"
14490                id="Slide-template--29795656434002__multicolumn_GwfxHj-2"
14491                class=" text-with-icon-item splide__slide x-splide-slide spacing-desktop-template--29795656434002__multicolumn_GwfxHj md:w-1/2 lg:w-1/3 preload-slide-mobile--template--29795656434002__multicolumn_GwfxHj relative after:absolute after:right-0 after:top-1/2 after:-translate-y-1/2 line-slider--template--29795656434002__multicolumn_GwfxHj line-slider-mobile--template--29795656434002__multicolumn_GwfxHj after:w-0 after:border-solid after:h-[50%] after:border-l-0 after:lg:border-l-0 after:lg:border-l last:after:lg:border-l-0"
14492              >
14493                <div class="h-full py-0 md:py-7  justify-center md:pl-12 md:pr-12 pl-10 pr-10 rounded-md" >
14494                  
14495                    
14496                      <div class="flex pt-2 justify-center items-center mb-2">
14497                        <span class="inline-block relative size-icon-template--29795656434002__multicolumn_GwfxHj color-icon--template--29795656434002__multicolumn_GwfxHj">
14498                          
14499                            
14500                              
14501                                <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
14502    
14503        <path d="M46.0701 76.0569C45.2701 76.0566 44.5031 75.7387 43.9374 75.1731L24.8249 56.0621C24.4492 55.6864 24.1794 55.2182 24.0428 54.7048C23.9062 54.1913 23.9076 53.6509 24.0469 53.1382C27.8905 41.4009 34.5968 30.8057 43.5603 22.3092C61.5859 4.28391 90.8116 4.97772 92.0665 5.0109C92.8339 5.03493 93.5632 5.35051 94.1061 5.89339C94.649 6.43627 94.9646 7.16564 94.9886 7.93302C95.0239 9.1698 95.7162 38.4091 77.6879 56.4362C69.1928 65.4001 58.5988 72.1068 46.8625 75.9507C46.6044 76.0217 46.3378 76.0574 46.0701 76.0569ZM30.3599 53.0661L46.9334 69.638C56.9739 65.9007 66.0322 59.9273 73.4222 52.1705C86.4723 39.1192 88.5845 18.6927 88.9054 11.0953C81.3023 11.4271 60.8466 13.5552 47.826 26.5743C40.0695 33.9655 34.0967 43.0248 30.3599 53.0661Z" fill="currentColor"/>
14504        <path d="M59.9757 52.081C57.1858 52.0785 54.4831 51.1088 52.328 49.337C50.1728 47.5653 48.6987 45.1012 48.1566 42.3644C47.6145 39.6277 48.0381 36.7877 49.3551 34.3282C50.6721 31.8687 52.8011 29.942 55.3794 28.8762C57.9577 27.8103 60.8258 27.6714 63.495 28.483C66.1642 29.2947 68.4695 31.0066 70.018 33.3273C71.5666 35.648 72.2627 38.4338 71.9876 41.2101C71.7126 43.9864 70.4835 46.5815 68.5098 48.5532C67.3895 49.6741 66.059 50.5627 64.5945 51.1681C63.13 51.7735 61.5604 52.0838 59.9757 52.081ZM59.9787 33.9924C58.5838 33.9935 57.2324 34.4783 56.1549 35.3641C55.0773 36.25 54.3402 37.482 54.0692 38.8503C53.7982 40.2187 54.01 41.6386 54.6685 42.8683C55.327 44.098 56.3916 45.0613 57.6807 45.5941C58.9699 46.1269 60.4039 46.1963 61.7384 45.7903C63.073 45.3843 64.2255 44.5282 64.9996 43.3678C65.7737 42.2074 66.1215 40.8145 65.9837 39.4264C65.8459 38.0383 65.2312 36.7409 64.2441 35.7552C63.6841 35.1952 63.019 34.7511 62.2871 34.4486C61.5552 34.146 60.7707 33.9912 59.9787 33.9924Z" fill="currentColor"/>
14505        <path d="M87.7073 36.638C87.3111 36.6386 86.9187 36.5608 86.5526 36.4091C86.1865 36.2574 85.8541 36.0348 85.5744 35.7542L64.2438 14.4249C63.6923 13.8563 63.3866 13.0937 63.3927 12.3016C63.3987 11.5095 63.7161 10.7516 64.2762 10.1916C64.8363 9.63148 65.5942 9.31419 66.3863 9.30819C67.1783 9.3022 67.941 9.60798 68.5095 10.1595L89.8403 31.4888C90.2621 31.9107 90.5493 32.4481 90.6656 33.0332C90.782 33.6183 90.7222 34.2247 90.494 34.7758C90.2657 35.3269 89.8792 35.798 89.3832 36.1295C88.8873 36.4609 88.3039 36.6379 87.7073 36.638Z" fill="currentColor"/>
14506        <path d="M36.5131 81.0668C35.3236 81.07 34.1454 80.8372 33.0466 80.3819C31.9477 79.9265 30.9502 79.2577 30.1117 78.414L21.5806 69.8845C19.8856 68.1862 18.9336 65.8848 18.9336 63.4854C18.9336 61.0859 19.8856 58.7845 21.5806 57.0862L25.846 52.8209C26.4117 52.2552 27.1789 51.9375 27.9789 51.9375C28.7788 51.9375 29.546 52.2552 30.1117 52.8209L47.1768 69.8845C47.7424 70.4502 48.0602 71.2174 48.0602 72.0173C48.0602 72.8173 47.7424 73.5845 47.1768 74.1502L42.9115 78.4155C42.0732 79.2586 41.0761 79.927 39.9779 80.3821C38.8796 80.8372 37.7019 81.0699 36.5131 81.0668ZM27.9781 59.2192L25.8451 61.3519C25.2806 61.9184 24.9636 62.6856 24.9636 63.4854C24.9636 64.2851 25.2806 65.0523 25.8451 65.6188L34.3792 74.1502H34.3822C34.9561 74.6989 35.7195 75.0051 36.5135 75.0051C37.3075 75.0051 38.071 74.6989 38.6449 74.1502L40.7776 72.0172L27.9781 59.2192Z" fill="currentColor"/>
14507        <path d="M25.8492 60.1013C25.6018 60.1017 25.3554 60.0713 25.1155 60.0108L8.05342 55.7451C7.53564 55.6157 7.06147 55.3511 6.67932 54.9786C6.29716 54.606 6.0207 54.1387 5.87814 53.6243C5.73559 53.11 5.73205 52.5671 5.86789 52.0509C6.00372 51.5348 6.27407 51.0639 6.65134 50.6864L13.3885 43.948C14.2359 43.0909 15.2479 42.4141 16.3638 41.9585C17.4796 41.5028 18.6761 41.2776 19.8813 41.2965L30.7836 41.4145C31.1798 41.4187 31.5712 41.5009 31.9356 41.6564C32.3 41.8119 32.6302 42.0377 32.9073 42.3209C33.1845 42.604 33.4031 42.939 33.5507 43.3066C33.6984 43.6743 33.7722 44.0674 33.7679 44.4636C33.7743 44.8627 33.6993 45.259 33.5475 45.6282C33.3957 45.9974 33.1703 46.3318 32.885 46.611C32.5997 46.8902 32.2605 47.1084 31.8881 47.2522C31.5157 47.396 31.118 47.4625 30.7191 47.4475L19.8191 47.329C19.0129 47.3399 18.2406 47.6551 17.6569 48.2113L14.6844 51.1838L26.5768 54.1575C27.2903 54.3363 27.9138 54.7697 28.3302 55.376C28.74
1450766 55.9824 28.927 56.72 28.8376 57.4501C28.7482 58.1803 28.3951 58.8525 27.8448 59.3406C27.2944 59.8286 26.5847 60.0999 25.8492 60.1013Z" fill="currentColor"/>
14508        <path d="M47.1779 94.2291C46.5051 94.2296 45.8516 94.005 45.3213 93.591C44.791 93.177 44.4145 92.5974 44.2518 91.9447L39.9861 74.8807C39.8833 74.4943 39.8584 74.0912 39.9128 73.695C39.9672 73.2988 40.0998 72.9174 40.303 72.5729C40.5061 72.2285 40.7757 71.9278 41.0961 71.6885C41.4165 71.4492 41.7813 71.276 42.1693 71.1789C42.5572 71.0819 42.9606 71.0629 43.3559 71.1232C43.7513 71.1835 44.1307 71.3217 44.4721 71.53C44.8135 71.7382 45.1101 72.0123 45.3446 72.3362C45.5792 72.6601 45.747 73.0274 45.8382 73.4168L48.8134 85.3122L51.7829 82.3427C52.0665 82.0582 52.2907 81.7201 52.4424 81.3481C52.5941 80.9761 52.6704 80.5777 52.6667 80.176L52.5488 69.2778C52.5445 68.8817 52.6183 68.4886 52.766 68.121C52.9136 67.7534 53.1323 67.4185 53.4093 67.1354C53.6864 66.8523 54.0166 66.6265 54.3809 66.471C54.7452 66.3155 55.1366 66.2333 55.5328 66.229C56.3299 66.2301 57.095 66.5427 57.6647 67.1003C58.2345 67.6578 58.5636 68.416 58.5819 69.213L58.6998 80.1111C58.7101 81.3159 58.481 82.5108 58.0259 83.6263C57.5707 84.7419 56.8985 85.7559 56.0483 86.6096L49.3112 93.3452C48.7453 93.911 47.978 94.2289 47.1779 94.2291Z" fill="currentColor"/>
14509        <path d="M8.10378 94.908C7.50726 94.9079 6.92417 94.7309 6.42822 94.3994C5.93227 94.0679 5.54574 93.5969 5.31748 93.0458C5.08921 92.4946 5.02948 91.8882 5.14582 91.3031C5.26216 90.7181 5.54935 90.1806 5.97109 89.7588L17.6336 78.0978C18.2025 77.5483 18.9645 77.2442 19.7555 77.2511C20.5464 77.258 21.303 77.5752 21.8623 78.1345C22.4215 78.6938 22.7388 79.4504 22.7457 80.2413C22.7525 81.0322 22.4485 81.7942 21.899 82.3631L10.2365 94.0251C9.95672 94.3055 9.62428 94.5279 9.25827 94.6794C8.89227 94.831 8.49991 94.9086 8.10378 94.908Z" fill="currentColor"/>
14510        <path d="M21.9788 94.9085C21.3823 94.9084 20.7992 94.7314 20.3032 94.3999C19.8073 94.0684 19.4207 93.5974 19.1925 93.0462C18.9642 92.4951 18.9045 91.8887 19.0208 91.3036C19.1372 90.7186 19.4244 90.1811 19.8461 89.7593L25.6758 83.928C25.9543 83.6409 26.2872 83.412 26.6549 83.2547C27.0227 83.0974 27.4181 83.0149 27.8181 83.0118C28.2181 83.0088 28.6147 83.0853 28.9848 83.2369C29.3549 83.3886 29.6912 83.6123 29.9741 83.8952C30.2569 84.178 30.4807 84.5143 30.6324 84.8844C30.784 85.2545 30.8606 85.6511 30.8576 86.0511C30.8545 86.4511 30.772 86.8465 30.6147 87.2142C30.4575 87.582 30.2286 87.9149 29.9415 88.1934L24.1115 94.0255C23.8317 94.306 23.4993 94.5284 23.1333 94.6799C22.7673 94.8315 22.3749 94.9091 21.9788 94.9085Z" fill="currentColor"/>
14511        <path d="M8.01589 80.9453C7.41937 80.9452 6.83628 80.7682 6.34033 80.4368C5.84438 80.1053 5.45785 79.6342 5.22959 79.0831C5.00132 78.532 4.94159 77.9256 5.05793 77.3405C5.17427 76.7554 5.46146 76.218 5.8832 75.7961L11.713 69.9649C11.9912 69.6767 12.3241 69.4469 12.6921 69.2889C13.0601 69.1308 13.456 69.0475 13.8565 69.0441C14.257 69.0406 14.6543 69.1169 15.025 69.2686C15.3957 69.4202 15.7325 69.6442 16.0157 69.9275C16.299 70.2107 16.5229 70.5475 16.6746 70.9182C16.8263 71.2889 16.9026 71.6862 16.8991 72.0867C16.8957 72.4872 16.8124 72.8831 16.6543 73.2511C16.4963 73.6191 16.2664 73.952 15.9783 74.2302L10.1486 80.0615C9.86886 80.3421 9.53645 80.5646 9.17045 80.7163C8.80445 80.868 8.41208 80.9458 8.01589 80.9453Z" fill="currentColor"/>
14512      
14513  </svg>
14514
14515                              
14516                            
14517                          
14518                        </span>
14519                      </div>
14520                    
14521                  
14522                  <div class="pt-2">
14523                    
14524                      <p class="h3 empty:hidden p-break-words heading-column_ATbjzU text-center leading-tight">
14525                        
14526                          
14527
14528
14529<style data-shopify>
14530  .heading-column_ATbjzU {
14531    
14532  }
14533  .dark .heading-column_ATbjzU {
14534    
14535      --color-highlight: #FFFFFF;
14536    
14537  }
14538</style>
14539
14540
14541
14542  
14543
14544  
14545    
14546      
14547        Leverans inom 3-5 arbetsdagar – vi skickar direkt från vårt eget lager.
14548      
14549    
14550  
14551
14552  
14553
14554                        
14555                      </p>
14556                    
14557                    
14558                      <div class="color-text--template--29795656434002__multicolumn_GwfxHj rte text-center p-break-words text-[rgb(var(--colors-text))]">
14559                        <p>*Gäller produkter ur vårt standardsortiment och kan variera vid högsäsong.</p>
14560                      </div>
14561                    
14562                  </div>
14563                </div>
14564              </div><style data-shopify>
14565                .x-slide-animation-duration-3 {
14566                  --delay-time: 200ms
14567                }
14568              </style>
14569<style data-shopify>.heading-column_KH4hwJ {
14570                  font-size: 1.26rem;
14571                }
14572                @media (min-width: 767px) {
14573                  .heading-column_KH4hwJ {
14574                    font-size: 1.575rem;
14575                  }
14576                }</style><div
14577                x-slide-index="2"
14578                id="Slide-template--29795656434002__multicolumn_GwfxHj-3"
14579                class=" text-with-icon-item splide__slide x-splide-slide spacing-desktop-template--29795656434002__multicolumn_GwfxHj md:w-1/2 lg:w-1/3 preload-slide-mobile--template--29795656434002__multicolumn_GwfxHj relative after:absolute after:right-0 after:top-1/2 after:-translate-y-1/2 line-slider--template--29795656434002__multicolumn_GwfxHj line-slider-mobile--template--29795656434002__multicolumn_GwfxHj after:w-0 after:border-solid after:h-[50%] after:border-l-0 after:lg:border-l after:lg:border-l-0 last:after:lg:border-l-0"
14580              >
14581                <div class="h-full py-0 md:py-7  justify-center md:pl-12 md:pr-12 pl-10 pr-10 rounded-md" >
14582                  
14583                    
14584                      <div class="flex pt-2 justify-center items-center mb-2">
14585                        <span class="inline-block relative size-icon-template--29795656434002__multicolumn_GwfxHj color-icon--template--29795656434002__multicolumn_GwfxHj">
14586                          
14587                            
14588                              
14589                                <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
14590    
14591        <path d="M90 67.2132V31.6576C89.9982 30.0988 89.5871 28.5678 88.8067 27.2183C88.0267 25.8688 86.9053 24.7481 85.5556 23.9687L54.4444 6.19089C53.0933 5.41076 51.5604 5 50 5C48.4396 5 46.9067 5.41076 45.5556 6.19089L14.4444 23.9687C13.0945 24.7481 11.9732 25.8688 11.1932 27.2183C10.4131 28.5678 10.0016 30.0988 10 31.6576V67.2132C10.0016 68.7718 10.4131 70.3029 11.1932 71.6523C11.9732 73.002 13.0945 74.1225 14.4444 74.902L45.5556 92.6798C46.9067 93.4598 48.4396 93.8705 50 93.8705C51.5604 93.8705 53.0933 93.4598 54.4444 92.6798L85.5556 74.902C86.9053 74.1225 88.0267 73.002 88.8067 71.6523C89.5871 70.3029 89.9982 68.7718 90 67.2132Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
14592        <path d="M11.1982 27.0356L49.9981 49.4801L88.7981 27.0356" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
14593        <path d="M50 94.2355V49.4355" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
14594      
14595  </svg>
14596
14597                              
14598                            
14599                          
14600                        </span>
14601                      </div>
14602                    
14603                  
14604                  <div class="pt-2">
14605                    
14606                      <p class="h3 empty:hidden p-break-words heading-column_KH4hwJ text-center leading-tight">
14607                        
14608                          
14609
14610
14611<style data-shopify>
14612  .heading-column_KH4hwJ {
14613    
14614  }
14615  .dark .heading-column_KH4hwJ {
14616    
14617      --color-highlight: #FFFFFF;
14618    
14619  }
14620</style>
14621
14622
14623
14624  
14625
14626  
14627    
14628      
14629        Fast frakt 125 kr
14630      
14631    
14632  
14633
14634  
14635
14636                        
14637                      </p>
14638                    
14639                    
14640                      <div class="color-text--template--29795656434002__multicolumn_GwfxHj rte text-center p-break-words text-[rgb(var(--colors-text))]">
14641                        <p>Samma låga pris oavsett hur mycket du beställer.</p>
14642                      </div>
14643                    
14644                  </div>
14645                </div>
14646              </div></div>
14647        </div><div class="x-pgw page-width lg:hidden flex items-center gap-5 mt-2.5 w-full ml-auto mr-auto">
14648            <div class="splide-progress inline-block grow rounded-md">
14649               <style data-shopify>.splide-progress-bar-template--29795656434002__multicolumn_GwfxHj {
14650                  width: 33.33333333333333%;
14651                }
14652                @media (min-width: 768px) {
14653                  .splide-progress-bar-template--29795656434002__multicolumn_GwfxHj {
14654                    width: 100.0%;
14655                  }
14656                }</style><div class="splide-progress-bar-template--29795656434002__multicolumn_GwfxHj splide-progress-bar rounded-md"></div>
14657            </div>
14658          </div></div>
14659    </div>
14660  </div>
14661
14662
14663<style> #shopify-section-template--29795656434002__multicolumn_GwfxHj .text-column-with-icon {background-color: white;} </style></section><section id="shopify-section-template--29795656434002__custom_liquid_Bnh9Ka" class="shopify-section section section-custom-liquid x-section">
14664
14665<style data-shopify>
14666  .custom-liquid ul {
14667    list-style: disc;
14668  }
14669</style>
14670
14671<div class="relative mx-auto pt-[28px] md:pt-[28px] pb-[28px] md:pb-[28px]">
14672  <div class="custom-liquid  x-pgw page-width">
14673    <div class="elfsight-sapp-64a9cbe6-a2bf-4842-9145-33e0d11f225c"></div>
14674  </div>
14675</div>
14676</section><section id="shopify-section-template--29795656434002__rich_text_7EhfXa" class="shopify-section section section-rich-text x-section"><style data-shopify>#shopify-section-template--29795656434002__rich_text_7EhfXa{
14677    
14678      background: ;
14679      --background-color: , , ;
14680    
14681  }
14682  .dark #shopify-section-template--29795656434002__rich_text_7EhfXa{background: ;
14683      --background-color: , , ;}
14684  .section--template--29795656434002__rich_text_7EhfXa {
14685    
14686    
14687  }
14688  .dark .section--template--29795656434002__rich_text_7EhfXa {
14689            
14690      --colors-text: 137, 137, 137;
14691    
14692            
14693      --colors-heading: 255, 255, 255;
14694    
14695  }</style>
14696
14697<div class="section--template--29795656434002__rich_text_7EhfXa relative x-pgw page-width mx-auto pt-[28px] md:pt-[28px] pb-[28px] md:pb-[28px]">
14698  <div class="md:flex justify-center">
14699    <div class="x-container-rich-text w-full text-center rtl:text-center md:text-center rtl:md:text-center"><div 
14700              x-intersect.once="$el.classList.add('is-visible')"
14701              class="x-block-text p-break-words rte pt-2 pb-2 leading-tight text-[rgb(var(--colors-text))] anm-fade-element" 
14702              
14703            >
14704
14705  <div class="rte"><h2>Vasaboden – Din kompletta guide till idrottspriser, pokaler och medaljer</h2><p>Välkommen till Vasaboden. Sedan starten 1982 har vi varit en självklar partner för idrotts-Sverige. Vi vet att känslan av att lyfta en pokal eller få en medalj runt halsen är oslagbar, oavsett om det sker i Allsvenskan eller på knatteturneringen i <a href="/collections/fotboll" title="Graverade fotbollspriser">fotboll</a>. Hos oss hittar du ett av marknadens bredaste sortiment av <a href="/collections/idrottspriser" title="Idrottspriser & Pokaler – Köp prisvärda priser online | Vasaboden">idrottspriser</a>, utmärkelser och statyetter.</p><h3>Idrottspriser för alla sporter och grenar</h3><p>Olika sporter har olika traditioner när det kommer till prisutdelning. Vi har specialanpassade priser för nästan alla idrottsgrenar. Här är några av våra mest populära kategorier:</p><ul><li><strong>Fotboll & Lagsporter:</strong> För stora cuper i <a href="/collections/fotboll" title="Graverade fotbollspriser">fotboll</a>, <a href="/collections/handboll" title="Handbollspriser med gravyr">handboll</a> och <a href="/collections/innebandy" title="Priser till innebandy">innebandy</a> är det vanligt med <a href="/collections/pokaler" title="Pokaler och idrottspriser för alla vinnare">pokaler</a> i varierande storlekar till vinnande lag, samt <a href="https://www.vasaboden.se/collections/praglade-medaljer" title="https://www.vasaboden.se/collections/praglade-medaljer">deltagarmedaljer</a> till alla spelare. Vi erbjuder pokaler med specifika fotbollsfigurer eller en mer klassisk pokal eller medalj som ger tyngd åt prisbordet.</li><li><strong>Ridsport & Häst:</strong> Inom <a href="/collections/hastsport" title="Priser till hästhoppning, dressyr och trav mm">hästsport</a> är traditionen kring <a href="/collections/prisrosetter" title="Prisrosetter">prisrosetter</a> och stallplaketter stark. Vi har även vackra <a href="/collections/glaspriser" title="Glaspriser med gravyr – Business awards & Idrottspriser">glasstatyetter</a> med hästmotiv som passar perfekt för dressyr- och hopptävlingar.</li><li><strong>Racketsporter:</strong> För <a href="/collections/padel" title="Padel">padel</a>, <a href="/collections/tennis" title="Tennis">tennis</a> och <a href="/collections/badminton" title="Idrottspriser för badminton">badminton</a> ser vi en ökad efterfrågan på moderna statyetter och glasblock som graveras med turneringens namn.</li><li><strong>Individuella idrotter:</strong> För <a href="/collections/simning" title="Simning">simning</a>, friidrott och kampsport är medaljen ofta i fokus. Våra <a href="/collections/medaljer" title="Medaljer med gravyr">medaljer</a> kan kombineras med band i föreningens färger för en enhetlig look.</li></ul><h3>Fakta om våra pokaler och medaljer – Material och kvalitet</h3><p>Många undrar vad skillnaden är på olika priser. För att du ska kunna välja rätt pris till rätt tillfälle, delar vi här med oss av lite fakta om våra produkter.</p><h4>Vad är en pokal gjord av?</h4><p>Våra pokaler består ofta av tre delar: en skål (cup), en mellandel och en sockel (fot).</p><ol><li><strong>Skålen:</strong> På våra mer exklusiva pokaler och <a href="/collections/vandringspriser" title="Vandringspriser och pokaler med gravyr">vandringspriser</a> är skålen ofta tillverkad i metall som sedan guld- eller silverpläteras. På enklare serier kan skålen vara i högkvalitativ hårdplast som metalliserats för att ge en skinande yta.</li><li><strong>Sockeln:</strong> För att ge pokalen stabilitet och tyngd använder vi ofta äkta marmor i s
14705ockeln. Detta gör att pokalen står stadigt i bokhyllan och känns gedigen att hålla i.</li><li><strong>Gravyren:</strong> Gravyren sker oftast på en  <a href="/collections/vandringsprisskyltar" title="Vandringsprisskyltar">skylt</a> som fästs på sockeln. Vi använder modern teknik för att gravera texten knivskarpt, vilket gör att namnet på vinnaren består i evighet.</li></ol><p></p><h4>Medaljer – Valörer och tillverkning</h4><p>En medalj är historiskt sett präglad i metall. Våra standardmedaljer är oftast gjorda i en järn- eller zinklegering (Zamac) som sedan ytbehandlas för att se ut som guld, silver eller brons. Vi erbjuder:</p><ul><li><strong>Präglade medaljer:</strong> Där motivet är en del av gjutformen. Ger en klassisk 3D-känsla.</li><li><strong>Medaljer med jetong:</strong> En medalj med plats för ett runt märke (jetong) i mitten. Här kan vi sätta er klubblogga eller ett motiv för en specifik sport, t.ex. <a href="/collections/bowling" title="Bowlingpriser för tävling och lek">bowling</a> eller en gymnast.</li></ul><h3>Varför är gravyr så viktigt?</h3><p>Ett pris utan mottagare är bara en prydnad. Det är gravyren som gör priset personligt. På Vasaboden har vi en egen produktion och lång erfarenhet av både diamantgravyr och lasergravyr. Att vi gör jobbet själva ("in-house") innebär att vi har full kontroll över slutresultatet och kan leverera snabbt, även när det är bråttom inför helgens tävlingar.</p><h3>Lotter, Bingo och föreningsintäkter</h3><p>För många föreningar och lag är lottförsäljning och bingo avgörande för att fylla på lagkassan. Hos Vasaboden hittar ni allt ni behöver för att arrangera ett lyckat lotteri eller en bingokväll. Vi har de klassiska <a href="/collections/lottringar" title="Lottringar för föreningar och företag">lottringarna</a> som är en stapelvara på varje julmarknad och idrottsplats.</p><p>Ska ni anordna ett större arrangemang? Vi erbjuder även <a href="/collections/numrerade-tombolalotter" title="Numrerade Tombolalotter">tombolalotter</a>, nummerlappar och <a href="/collections/bingo" title="Bingo och bingotillbehör">bingotillbehör</a>. Genom att köpa era lotteriprodukter samtidigt som idrottspriserna sparar ni både tid och frakt. Glöm inte att ett välfyllt prisbord, finansierat av lottförsäljning, är det bästa sättet att avsluta säsongen på!</p><h3>Handla tryggt hos experten - Över 40 år i branschen</h3><p>Att köpa idrottspriser online ska vara enkelt. Oavsett om ni är en liten förening som behöver 20 medaljer eller ett stort företag som behöver 500 specialdesignade <a href="/collections/plaketter" title="Plaketter">plaketter</a>, så hjälper vi er. Utforska vårt sortiment i menyn eller kontakta oss för personlig rådgivning.</p></div>
14706</div>
14707      
14708    </div>
14709  </div>
14710</div>
14711
14712<style> #shopify-section-template--29795656434002__rich_text_7EhfXa .pt-2 {text-align: start;} #shopify-section-template--29795656434002__rich_text_7EhfXa .pt-2 H2 {font-size: 20px !important;} #shopify-section-template--29795656434002__rich_text_7EhfXa .pt-2 H3 {font-size: 18px !important;} </style></section>
14713      </main>
14714
14715      
14716          <!-- BEGIN sections: footer-group-puff -->
14717<div id="shopify-section-sections--29795647914322__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer">
14718<div id="section-footer" class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] pt-[0px] md:pt-[0px] pb-[28px] md:pb-[40px]"><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7">
14719        <div class="pt-6 md:pt-0 md:flex justify-center md:m-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap">
14720          <div class="footer-col--1 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-0 w-full md:w-1/4 ltr" ><div x-data="{ open: false }" class="py-4 border-b border-b-solid md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
14721                        <p class="h6 text-[115%]">KONTAKTA OSS</p>
14722                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
14723    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
14724  </svg>
14725</span>
14726                      </div><div class="hidden md:block"><div class="rte mt-6"><p>Telefon: 031 - 13 84 20</p><p>E-post: [email protected]</p><p>Livechat mellan 8:30 - 15:00</p><p>Besök vÃ¥r butik<br/>Öppettider vardagar 7:00 - 16:00</p><p><a href="/pages/kontakt" target="_blank" title="Kontakt">Hitta hit</a></p></div></div>
14727                    <div class="md:hidden" x-show="open" x-collapse x-cloak><div class="rte mt-6"><p>Telefon: 031 - 13 84 20</p><p>E-post: [email protected]</p><p>Livechat mellan 8:30 - 15:00</p><p>Besök vÃ¥r butik<br/>Öppettider vardagar 7:00 - 16:00</p><p><a href="/pages/kontakt" target="_blank" title="Kontakt">Hitta hit</a></p></div></div>
14728                  </div></div>
14729          <div class="footer-col--2 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/4 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
14730                        <p class="h6 text-[115%]">INFORMATION</p>
14731                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
14732    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
14733  </svg>
14734</span>
14735                      </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2">
14736                            <a href="https://vasaboden.myshopify.com/pages/kontrollera-status-for-din-bestallning/" class="hover-text-link nav-link relative block lg:inline-block">
14737                              Visa orderstatus
14738                            </a>
14739                          </li><li class="mb-1 first:pt-0 pt-2">
14740                            <a href="https://vasaboden.se/account/login" class="hover-text-link nav-link relative block lg:inline-block">
14741                              Mina sidor - Logga in
14742                            </a>
14743                          </li><li class="mb-1 first:pt-0 pt-2">
14744                            <a href="/pages/vanliga-fr-gor" class="hover-text-link nav-link relative block lg:inline-block">
14745                              Vanliga frågor och svar
14746                            </a>
14747                          </li><li class="mb-1 first:pt-0 pt-2">
14748                            <a href="/pages/om-oss" class="hover-text-link nav-link relative block lg:inline-block">
14749                              Om oss
14750                            </a>
14751                          </li><li class="mb-1 first:pt-0 pt-2">
14752                            <a href="/pages/kundomdomen" class="hover-text-link nav-link relative block lg:inline-block">
14753                              Kundomdömen
14754                            </a>
14755                          </li><li class="mb-1 first:pt-0 pt-2">
14756                            <a href="/pages/kopvillkor" class="hover-text-link nav-link relative block lg:inline-block">
14757                              Köpvillkor
14758                            </a>
14759                          </li><li class="mb-1 first:pt-0 pt-2">
14760                            <a href="/pages/presentshop" class="hover-text-link nav-link relative block lg:inline-block">
14761                              Presentshop
14762                            </a>
14763                          </li><li class="mb-1 first:pt-0 pt-2">
14764                            <a href="/blogs/artiklar" class="hover-text-link nav-link relative block lg:inline-block">
14765                              Läs vår blogg
14766                            </a>
14767                          </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2">
14768                            <a href="https://vasaboden.myshopify.com/pages/kontrollera-status-for-din-bestallning/" class="hover-text-link nav-link relative block lg:inline-block">
14769                              Visa orderstatus
14770                            </a>
14771                          </li><li class="mb-1  first:pt-0 pt-2">
14772                            <a href="https://vasaboden.se/account/login" class="hover-text-link nav-link relative block lg:inline-block">
14773                              Mina sidor - Logga in
14774                            </a>
14775                          </li><li class="mb-1  first:pt-0 pt-2">
14776                            <a href="/pages/vanliga-fr-gor" class="hover-text-link nav-link relative block lg:inline-block">
14777                              Vanliga frågor och svar
14778                            </a>
14779                          </li><li class="mb-1  first:pt-0 pt-2">
14780                            <a href="/pages/om-oss" class="hover-text-link nav-link relative block lg:inline-block">
14781                              Om oss
14782                            </a>
14783                          </li><li class="mb-1  first:pt-0 pt-2">
14784                            <a href="/pages/kundomdomen" class="hover-text-link nav-link relative block lg:inline-block">
14785                              Kundomdömen
14786                            </a>
14787                          </li><li class="mb-1  first:pt-0 pt-2">
14788                            <a href="/pages/kopvillkor" class="hover-text-link nav-link relative block lg:inline-block">
14789                              Köpvillkor
14790                            </a>
14791                          </li><li class="mb-1  first:pt-0 pt-2">
14792                            <a href="/pages/presentshop" class="hover-text-link nav-link relative block lg:inline-block">
14793                              Presentshop
14794                            </a>
14795                          </li><li class="mb-1  first:pt-0 pt-2">
14796                            <a href="/blogs/artiklar" class="hover-text-link nav-link relative block lg:inline-block">
14797                              Läs vår blogg
14798                            </a>
14799                          </li></ul></div></div>
14800          <div class="footer-col--3 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/4 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 curs
14800or-pointer md:cursor-default duration-200 transition">
14801                        <p class="h6 text-[115%]">KLUBBSHOP</p>
14802                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
14803    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
14804  </svg>
14805</span>
14806                      </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2">
14807                            <a href="/collections/gfkennedy" class="hover-text-link nav-link relative block lg:inline-block">
14808                              GF KENNEDY
14809                            </a>
14810                          </li><li class="mb-1 first:pt-0 pt-2">
14811                            <a href="https://kundportal.vasaboden.se/locked_index" class="hover-text-link nav-link relative block lg:inline-block">
14812                              PINCHOS
14813                            </a>
14814                          </li><li class="mb-1 first:pt-0 pt-2">
14815                            <a href="/collections/gkss-medlemsshop" class="hover-text-link nav-link relative block lg:inline-block">
14816                              GKSS
14817                            </a>
14818                          </li><li class="mb-1 first:pt-0 pt-2">
14819                            <a href="/collections/gff" class="hover-text-link nav-link relative block lg:inline-block">
14820                              GÖTEBORG FF
14821                            </a>
14822                          </li><li class="mb-1 first:pt-0 pt-2">
14823                            <a href="/products/tangent-namnskylt" class="hover-text-link nav-link relative block lg:inline-block">
14824                              TANGENT
14825                            </a>
14826                          </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2">
14827                            <a href="/collections/gfkennedy" class="hover-text-link nav-link relative block lg:inline-block">
14828                              GF KENNEDY
14829                            </a>
14830                          </li><li class="mb-1  first:pt-0 pt-2">
14831                            <a href="https://kundportal.vasaboden.se/locked_index" class="hover-text-link nav-link relative block lg:inline-block">
14832                              PINCHOS
14833                            </a>
14834                          </li><li class="mb-1  first:pt-0 pt-2">
14835                            <a href="/collections/gkss-medlemsshop" class="hover-text-link nav-link relative block lg:inline-block">
14836                              GKSS
14837                            </a>
14838                          </li><li class="mb-1  first:pt-0 pt-2">
14839                            <a href="/collections/gff" class="hover-text-link nav-link relative block lg:inline-block">
14840                              GÖTEBORG FF
14841                            </a>
14842                          </li><li class="mb-1  first:pt-0 pt-2">
14843                            <a href="/products/tangent-namnskylt" class="hover-text-link nav-link relative block lg:inline-block">
14844                              TANGENT
14845                            </a>
14846                          </li></ul></div></div>
14847          <div class="footer-col--4 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/4 ltr" ><div class="py-4 flex flex-col justify-start text-center text-center rtl:text-center items-center"
14848                  >
14849<style data-shopify>
14850                        .image-image_iHWb9G {
14851                          width: 200px;
14852                        }
14853                      </style>
14854                      
14855<div class="image-image_iHWb9G h-full inline-block overflow-hidden">
14856                          <img src="//www.vasaboden.se/cdn/shop/files/zzz_1.png?v=1716260470&amp;width=702" srcset="//www.vasaboden.se/cdn/shop/files/zzz_1.png?v=1716260470&amp;width=220 220w" width="200" height="auto" loading="lazy" class="image-hover" sizes="220px">
14857                        </div>
14858                  </div></div></div></div><div class="additional-footer ltr mx-5"
14859  >
14860    <div class="flex flex-col"><div class="flex flex-col items-center lg:mt-2 order-last">
14861        <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">&copy; 2026, </p>
14862            <a href="/" title="">Vasaboden</a>.<div class="ml-1 inline-block">
14863                <p>Orgnummer 556138-4768</p>
14864              </div>
14865        </div>
14866      </div>
14867          <ul class="icon-payment flex justify-center gap-y-2 flex-wrap mt-5 md:mt-0" role="list"></ul>
14868         </div>
14869  </div>
14870</div>
14871<style> #shopify-section-sections--29795647914322__footer .background-footer {background: rgb(17, 69, 123); background: linear-gradient( 180deg, rgba(17, 69, 123, 1) 2%, rgba(151, 184, 218, 1) 97% );} </style></div>
14872<!-- END sections: footer-group-puff -->
14873        
14874      
14875<div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div>
14876
14877<div id="popup-minimal-left"
14878  class="popup-minimal fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8"
14879></div>
14880      
14881      
14882    </div>
14883    <div>
14884      <ul hidden>
14885        <li id="a11y-refresh-page-message">Att välja ett val resulterar i en fullständig siduppdatering.
14886        </li>
14887        <li id="a11y-new-window-message">Öppnas i ett nytt fönster.
14888        </li>
14889      </ul>
14890      
14890<script>
14891        window.Eurus = {
14892          sliderScript: '//www.vasaboden.se/cdn/shop/t/28/assets/splide4.1.3.js?v=75458750262329959491776329373',
14893          cart_error: `Det uppstod ett fel när din kundvagn skulle uppdateras. Vänligen försök igen.`,
14894          cart_quantity_error_html: `Du kan bara lägga till [quantity] av denna artikel i din kundvagn.`,
14895          loadedScript: new Set(),
14896          cart_add_url: '/cart/add'
14897        };
14898      </script>
14898
14899      
14900      
14901      
14902<script src="//www.vasaboden.se/cdn/shop/t/28/assets/coupon-code.js?v=118649195093550258611776329373" defer></script>
vendor: 1 bytes, line 14902
14902
14903<script src="//www.vasaboden.se/cdn/shop/t/28/assets/cart-term.js?v=97403466920865445751776329373" defer></script>
14903
14904        
14904<script src="//www.vasaboden.se/cdn/shop/t/28/assets/product-recommendations.js?v=14362082195843772451776329373" defer></script>
14904
14905      
14906<script src="//www.vasaboden.se/cdn/shop/t/28/assets/product-insurance.js?v=150031005349469277621776329373" defer></script>
14906
14907        
14907<script src="//www.vasaboden.se/cdn/shop/t/28/assets/preview-color-swatches.js?v=11601958966646098181776329373" defer></script>
14907<script src="//www.vasaboden.se/cdn/shop/t/28/assets/cart-countdown-timer.js?v=94030407780346628191776329373" defer></script>
14907<script src="//www.vasaboden.se/cdn/shop/t/28/assets/theme.js?v=148926409687539183021776329373" defer></script>
14907
14908      
14908<script src="//www.vasaboden.se/cdn/shop/t/28/assets/variant-select-card.js?v=71670939808265525441776329373" defer></script>
14908
14909      
14909<script src="//www.vasaboden.se/cdn/shop/t/28/assets/vendors.js?v=21726020999429958561776329373" defer></script>
14909
14910      
14910<script>
14911        window.addEventListener("load", (event) => {
14912          deferScriptLoad('instant.page', '//www.vasaboden.se/cdn/shop/t/28/assets/instant.page.v5.1.1.js?v=43232110432331176871776329373', () => {}, true);
14913        });
14914      </script>
14914
14915    </div>
14916    
14917<script src="https://cdn.customily.com/customily.js"></script>
vendor: 1 bytes, line 14917
14917
14918<script src="https://cdn.customily.com/shopify/static/customily.shopify.script.unified.js"></script>
14918
14919
14920 <!-- BSS Custom script -->
14921    
14921<script>
14922      function hideBtns(selectors) {
14923        const buttons = document.querySelectorAll(selectors);
14924        if(buttons.length) {
14925          buttons.forEach(btn => {
14926            if(!btn.classList.contains('bss-theme-hidden')) {
14927		          btn.classList.add('bss-theme-hidden');
14928		          btn.setAttribute("disabled", true)
14929		        }
14930      
14931            // add loading
14932            if(!btn.parentNode.querySelector('.bss-loading-btn')) {
14933              const loadingBtn = document.createElement('div');
14934              loadingBtn.classList.add("bss-loading-btn");
14935              loadingBtn.innerHTML = `<div class="bss-loader"> </div>`;
14936      
14937              btn.insertAdjacentElement('afterend', loadingBtn)
14938            }
14939          })
14940        }
14941      }
14942      function showBtns(selectors) {
14943        const buttons = document.querySelectorAll(selectors);
14944        if(buttons.length) {
14945          buttons.forEach(btn => {
14946            btn.classList.remove('bss-theme-hidden');
14947            btn.removeAttribute("disabled")
14948      
14949            const loadingBtn = btn.parentNode.querySelector('.bss-loading-btn');
14950            if(loadingBtn) loadingBtn.remove();
14951          })
14952        }
14953      }
14954      
14955      function findAndHideButtons(selectors, findInterval) {
14956        hideBtns(selectors);
14957        
14958        findInterval.findATCAndHide = setInterval(() => {
14959          const buttons = document.querySelectorAll(selectors);
14960          if(buttons.length) {
14961            hideBtns(selectors);
14962            clearInterval(findInterval.findATCAndHide);
14963          }
14964        }, 100);
14965      
14966        setTimeout(() => {
14967          clearInterval(findInterval.findATCAndHide);
14968        }, 5000)
14969      }
14970      
14971      function showBtnAfterBssLoad(bssSelectors, themeSelectors, findInterval, isNewAddOnCheckout) {
14972        findInterval.findBssATC = setInterval(() => {
14973          const buttons = document.querySelectorAll(bssSelectors);
14974          if(buttons.length || isNewAddOnCheckout) {
14975            console.log("found bss button")
14976            showBtns(themeSelectors);
14977            clearInterval(findInterval.findBssATC);
14978          }
14979        }, 100);
14980      
14981        setTimeout(() => {
14982          clearInterval(findInterval.findBssATC);
14983        }, 5000)
14984      }
14985      
14986      const findInterval = {
14987        findATCAndHide: null,
14988        findBssATC: null
14989        // findCheckOutAndHide: null
14990      };
14991      const bssATC = '[po-btn-atc="true"]';
14992      const themeATC ='[x-ref="product_form_container"] form[action*="cart/add"] button#x-atc-button-template--29795658006866__main';
14993     
14994      function backToOriginal(themeCheckout='', themeATC='') {
14995        try {
14996          showBtns(themeATC);
14997              
14998          clearInterval(findInterval.findATCAndHide);
14999          clearInterval(findInterval.findBssATC);
15000        } catch (error) {
15001          console.error("BSS back to default of theme", error);
15002        }
15003      }
15004      
15005      function main() {
15006        try {
15007          if(window.location.pathname.includes('/products')) {
15008            findAndHideButtons(themeATC, findInterval);
15009            showBtnAfterBssLoad(bssATC, themeATC, findInterval)
15010          }
15011      
15012          window.addEventListener('load', function() {
15013            console.log("page is fully loaded")
15014            setTimeout(() => {
15015              backToOriginal('', themeATC);
15016            }, 3000)
15017          });
15018        } catch (error) {
15019          console.error("BSS Custom Error", error);
15020          backToOriginal('', themeATC);
15021        }
15022      }
15023      main();
15024    </script>
15024
15025    <!-- End BSS Custom script -->
15026  <style> .shopify-payment-button > button {display: none;} .button-product-buy_buttons.button-product form {display: flex; flex-direction: column;} .button-product-buy_buttons.button-product .add_to_cart_button {order: 3;} #customily-preview-button,#customily-personalize-button {width: 100% !important;}  /* Ram runt produkter i kateorivy */#items-grid > * {border: 2px solid #e5e7eb; padding: 10px; border-radius: 12px;} #LoadShoppingPolicy {color: rgba(var(--colors-text-link)) !important;} </style>
15027<div id="shopify-block-AVDU0alR1U1pVQnVaZ__9365423049038898845" class="shopify-block shopify-app-block">
15028<script type="text/javascript">
15029window.Tawk_API = window.Tawk_API || {};
15030window.Tawk_API.onTranscriptRequest = function (email) {
15031	window.Tawk_API.setAttributes({
15032		email: email
15033	});
15034};
15035</script>
15035
15036
15037<script type="text/javascript" async="async" src="https://embed.tawk.to/widget-script/59c38926c28eca75e46215ce/default"></script>
15037
15038
15039
15040
15041</div><div id="shopify-block-AMDRpM3BOV1pIMCswZ__13786924369225772985" class="shopify-block shopify-app-block chub-page-widget">
15041<script> window.__CHLIP = false; window.__CHAE_DATA_GROUPS_ENABLED = false;</script>
15041<script>(function() { window.__CHAE = window.__CHAE || {}; window.__CHAE.domain = 'www.vasaboden.se'; window.__CHAE.myshopify = 'df9307-27.myshopify.com'; window.__CHAE.locale = 'sv'; window.__CHAE.CUR_LOCALE = 'sv-SE'; window.__CHAE.language = {"_config":{"default":"sv","available":"sv"},"sv":{"address":{"add":"Lägg till adress","add_new":"Lägg till en ny adress","add_new_button":"Klicka för att lägga till adress","address1":"Adress 1","address2":"Adress 2","address_added":"Address added","address_failed_add":"Failed to add address","address_failed_update":"Failed to update address","address_removed":"Address removed","address_updated":"Address updated","cancel":"Avbryt","city":"Stad","company":"Företag","country":"Land","default":"Standard","delete":"Ta bort","edit":"Ändra","first_name":"Förnamn","last_name":"Efternamn","notice_confirm_delete":"Är du säker pÃ¥ att du vill ta bort adress?","phone":"Telefon","province":"Län","province_state":"Province\/State","region":"Region","set_default":"Sätt som standardadress","state":"State","update":"Uppdatera adress","zip":"Postnummer"},"customer":{"accepts_marketing":"Accepterar marknadsföring","accepts_marketing_no":"Nej","accepts_marketing_question":"Acceptera marknadsföring frÃ¥n","accepts_marketing_yes":"Ja","address_book":"Adressbok","cancel_button":"Avbryt","change_password":"Ändra lösenord","change_password_button":"Spara lösenord","change_password_login_notice":"Observera att du behöver logga in igen efter att ha uppdaterat lösenord.","change_password_no_match":"Lösenorden matchar inte varandra","change_password_one":"Nytt lösenord","change_password_repeat":"Repetera lösenord","change_password_success":"Ditt lösenord har uppdaterats","does_not_accept_marketing":"Accepterar inte marknadsföring","email":"E-post","first_name":"Förnamn","last_name":"Efternamn","marketing_do":"Jag accepterar","marketing_dont":"Jag accepterar inte","marketing_from":"marknadsföring frÃ¥n","personal_information":"Personlig information","phone":"Telefon","profile":"Profil","profile_update":"Klicka för att uppdatera profil","save_button":"Spara","update_profile_button":"Uppdatera profil"},"f":{"p__00":"Välkommen","p__01":"Kundkort","p__02":"Min information","p__03":"Items for","p__04":"Sparade adresser","p__05":"Skicka nyheter och erbjudande till min e-post","p__06":"Uppdatera profil","p__07":"Klicka här","p__08":"Filtrera pÃ¥ ordernummer eller produktnamn","p__09":"Ingen standardadress","p__10":"Lägg till adress","p__11":"Redigera adress","p__12":"Visar","p__13":"Ordrar","p__14":"Order","p__15":"matchar","p__16":"Ingen matchande order","p__17":"ORDERDATUM","p__18":"ORDERNUMMER","p__19":"Ladda ned"},"general":{"add_address":"Lägg till ny adress","dashboard":"Hem","default":"Standard","home":"Hem","more_items":"more items","my_account":"Mitt konto","my_address_book":"Min adressbok","no_addresses":"INGA ADRESSER","no_orders":"Du har inga tidigare ordrar","no_recently_viewed_message":"Dina senaste ordrar kommer synas här. Lätt att hitta till nästa gÃ¥ng.","no_recently_viewed_products":"Inga tidigare visade produkter","products_recently_viewed":"Senast visade produkter","recent_orders":"Din senaste order","recently_viewed":"Senast visade produkter","recently_viewed_add":"Visa igen","start_shopping_button":"Börja handla","view_and_manage_address_book":"Visa och hantera adressbok","view_and_manage_orders":"Visa mina ordrar","view_and_manage_profile":"Visa och hantera profil","view_product":"Visa igen","view_products":"Visa alla produkter"},"metafields":{"alert_message":"Vänligen fyll i alla fält","e_post_f_r_faktura_gln_nummer":"E-post för faktura \/ GLN-nummer","f_retagsnamn":"Företagsnamn \/ Förening","forening_ja_nej":"Förening Ja\/Nej","inkop_kommun":"Jag gör inköp till en kommun","jag_vill_handla_som_en_forening":"Jag gör inköp till en förening","leveransadress":"Leveransadress","organisationsnummer":"Org.nr \/ Pers.nr","postnummer":"Postnummer","postort":"Postort"},"order_detail":{"additional_order_information":"Övrig orderinformation","billing_address":"Fakturaadress","cancelled":"Order avbruten {{ date }}","cancelled_notice":"Den här ordern var avbruten","cancelled_reason":"Anledning: {{ reason }}","date":"Lagd {{ date }}","discount":"Rabatt","download":"Ladda ned","fulfilled_at":"Distribuerad den {{ date }}","fulfillment_status":"Distributions Status","notes":"Ordernoteringar","open_link":"Öppna länk","order_status_page_button":"Orderstatus","payment_status":"Betalningsstatus","price":"Pris","product":"Produkt","quantity":"Antal","shipping":"Frakt","shipping_address":"Leveransadress","sku":"Artikelnummer","subtotal":"Subtotal","tax":"Moms","title":"Order {{ name }}","total":"Total","track_shipment":"SpÃ¥ra försändelse","viewing_order":"Orderdetaljer"},"orders":{"cancel_button":"Avbryt order","cancel_close":"Stäng","cancel_confirm":"Godkänn och stäng","cancel_failed":"Det var ett problem med att avbryta din order, vänligen kontakta support.","cancel_label":"Avbruten","cancel_on":"Avbruten den","cancel_reason":"Reason for cancellation? (optional)","cancel_success":"Order avbrutem","cancel_text":"Är du säker pÃ¥ att du vill avbryta ordern?","cancel_title":"Cancel Order Confirmation","cancel_wait":"Avbryter Order...","delivery_to":"Pending Delivery to","financial_status_authorized":"Authorized","financial_status_expired":"Expired","financial_status_paid":"Paid","financial_status_partially_paid":"Partially Paid","financial_status_partially_refunded":"Partially Refunded","financial_status_pending":"VÃ
15041¤ntande","financial_status_refunded":"Återbtald","financial_status_unpaid":"Unpaid","financial_status_voided":"Voided","fulfillment_status_complete":"Klar","fulfillment_status_fulfilled":"Distribuerad","fulfillment_status_partial":"Partial","fulfillment_status_restocked":"Restocked","fulfillment_status_unfulfilled":"Ej distribuerad","order_placed":"Order lagd den","partial_to":"Partially Dispatched to","pay_now":"Betala nu","sent_to":"Dispatched to","title":"Orders","track_shipment":"SpÃ¥ra försändelse","tracking":"SpÃ¥ra order","tracking_fulfilled":"Distribuerad den","tracking_id":"Tracking ID is","tracking_shipping_button":"Track Shipment","view_order":"Orderdetaljer"},"registration":{"accepts_email_marketing":"Receive news and offers via email","already_have_account":"Har du redan ett konto?","log_in_here":"Logga in här.","password":"Lösenord","register_account":"Skapa konto","register_description":"Ett ögonblick medan vi skapar ditt konto.","register_wait":"Skapar konto...","success_btn":"GÃ¥ till sidan för inloggning","success_description":"Grattis! Ditt konto är skapat. ","success_title":"Konto skapat!","validation_btn":"Stäng meddelande","validation_description":"Vänligen kontrollera följande:","validation_images":"Only the following image types are allowed","validation_max":"Maximum length is","validation_min":"Minimum length is","validation_regex":"Regex must match","validation_required":"(Krävs)","validation_size":"File size exceeds the maximum limit for the registration form of","validation_step":"Step value must be","validation_title":"Det gick inte att skapa kontot"},"reorder":{"adding_to_cart":"Lägger till i kundkorg","ordered_most":"Most Ordered Products","popup_added":"Tillagt","popup_added_item":"Produkten har lagts till i din kundkorg","popup_added_items":"De produkter som finns tillgängliga har lagts till i din kundkorg","popup_cart_button":"GÃ¥ till kundkorgen","popup_checkout_button":"Kassan","popup_fail_all_message":"Inga produkter lades i kundkorgen","popup_fail_partial_message":"NÃ¥gra av produkterna lades inte i kundkorgen","popup_no_stock_message":"Dessa produkter är för tillfället slut","popup_not_available_message":"Dessa produkter är inte längre tillgängliga","popup_order":"Order","popup_order_add_fail":"Failed to add this orders items to your cart - they may no longer be available","popup_partially_added":"Partially Added","popup_partially_added_message":"Some items in this order have not been added to your cart","popup_stay_button":"Stay on this page","recent_orders":"Most Recent Orders","reorder":"Köp igen","reorder_order":"Reorder All"},"w":{"ae_00":"-- Select --","ae_01":"Add to Cart","ae_02":"Added to Cart","ae_03":"Redan kund? Logga in här.","ae_04":"Are you sure you want to cancel this order?","ae_05":"Buy Again","ae_06":"Avbruten den:","ae_07":"Cancel Order","ae_08":"Check Store Credit","ae_09":"Click to View All","ae_10":"Confirm Cancellation","ae_11":"Delete Address","ae_12":"Draft Order Details","ae_13":"Draft Order Number","ae_14":"Draft Orders","ae_15":"Drop files here or click to upload","ae_16":"Edit Address","ae_17":"Enter your new password","ae_18":"File selected:","ae_19":"Fulfilled At","ae_20":"Go Back","ae_21":"Go to Sign In","ae_22":"Hide Tracking","ae_23":"Items added to your cart","ae_24":"Loading...","ae_25":"Logout","ae_26":"Manage delivery addresses \u0026 preferences","ae_27":"Manage your orders and track deliveries","ae_28":"My Preferences","ae_29":"My Profile","ae_30":"My Rewards","ae_31":"Ny kund? Registrera dig här.","ae_32":"Nyast","ae_33":"Nästa","ae_34":"No addresses found","ae_35":"No items available for reorder","ae_36":"Inga produkter sparade frÃ¥n kundvagnen","ae_37":"No items saved from your cart","ae_38":"No order data available.","ae_39":"No reason provided","ae_40":"No recently viewed items","ae_41":"Not Set","ae_42":"Not available","ae_43":"Äldst","ae_44":"Ordervärde (högst till lägst)","ae_45":"Ordervärde (lägst till högst)","ae_46":"Orders","ae_47":"Out of Stock","ae_48":"POINTS","ae_49":"Pending","ae_50":"Pending Payment","ae_51":"Please place an order to see your order history.","ae_52":"Preferences Saved","ae_53":"FöregÃ¥ende","ae_54":"Product No Longer Available","ae_55":"Profile","ae_56":"VIKTIGT! Om du tillhör en förening eller kommun och vill handla mot faktura mÃ¥ste nÃ¥gon av kryssrutorna nedan bockas för!","ae_57":"read only","ae_58":"ANLEDNING","ae_59":"Senast visad","ae_60":"Senast visad","ae_61":"Refunded","ae_62":"Registration failed. Please try again.","ae_63":"Request Return","ae_64":"Sparat frÃ¥
15041n kundkorg","ae_65":"Sparat från kundkorg","ae_66":"Save","ae_67":"Save failed, please try again","ae_68":"Scan with your phone","ae_69":"sekunder.","ae_70":"Shop will send you real-time delivery updates once your order is shipped.","ae_71":"Logga ut","ae_72":"Registrera konto","ae_73":"Registrering lyckad","ae_74":"Några produkter är slut i lager eller av annan anledning inte tillgängliga.","ae_75":"Something went wrong. Please try again or use the normal signup page.","ae_76":"Something went wrong, please try again","ae_77":"Tack!","ae_78":"Total","ae_79":"Track Order with Shop","ae_80":"Track orders, your shopping history \u0026 more!","ae_81":"Tracking ID:","ae_82":"Unable to add items to cart","ae_83":"Unnamed Product","ae_84":"Visa order","ae_85":"View All Orders","ae_86":"View Draft","ae_87":"View Full Customer Account","ae_88":"View More","ae_89":"View in Account Page","ae_90":"View Addresses","ae_91":"Welcome","ae_92":"Woops! Issue adding items to cart","ae_93":"Woops! Looks like we couldn't register your details. Please Sign In below to continue.","ae_94":"Write a review","ae_95":"Du skickas vidare för att logga in","ae_96":"Store Credit","ae_97":"Buy Again not available"},"integrations":{"cancellable__edit_or_cancel_button":"Edit or Cancel","draft_orders__notice_no_draft_orders":"You have no Draft Orders","draft_orders__notice_overdue":"OVERDUE","draft_orders__pay_button":"Betala nu","draft_orders__table_date_issued":"Date Issued","draft_orders__table_discount":"Discount","draft_orders__table_due":"Due","draft_orders__table_open_invoice":"Open Invoice","draft_orders__table_total":"Total","draft_orders__title":"Draft Orders","pdf_invoices__download_button":"Ladda ned kvitto","proofer__accept_proof":"Accept Proof","proofer__order_proof":"Order Proof","proofer__update_proof":"Update Proof","proofer__view_proof":"View Proof","reviews__individual_product":"Review","reviews__review_button":"Review Items","subscriptions__page_title":"My Subscriptions"}}}; window.__CHAE.menu_builder_integrations = {}; window.__CHAE.announcements = {"list":[{"type":"holder"}],"first_check":true}; window.__CHAE.shopId = '81940939090'; window.__CHAE.features = {"reorder":{"slug":"reorder"},"marketing":{"slug":"marketing","enabled":"enabled"},"toggleHub":{"slug":"toggleHub"},"aeShowIcon":{"svg":"","slug":"aeShowIcon","enabled":"enabled","btn_text":"","position":"right"},"orderNotes":{"slug":"orderNotes","enabled":"enabled"},"aeFypLogout":{"slug":"aeFypLogout"},"account_type":"CLASSIC","cancelOrders":{"slug":"cancelOrders","allowHours":"0"},"payNowButton":{"slug":"payNowButton","enabled":"enabled"},"shoppingLink":{"url":"\/collections\/all","slug":"shoppingLink"},"toggleWidget":{"slug":"toggleWidget"},"aeShowNCALink":{"slug":"aeShowNCALink"},"aeReplaceLinks":{"slug":"aeReplaceLinks","enabled":"enabled"},"recentProducts":{"slug":"recentProducts","enabled":"enabled"},"aeShowCartSaver":{"slug":"aeShowCartSaver","enabled":"enabled"},"aeTrackWithShop":{"slug":"aeTrackWithShop"},"chubDraftOrders":{"slug":"chubDraftOrders"},"aeRefreshAddCart":{"slug":"aeRefreshAddCart"},"orderStatusLinks":{"slug":"orderStatusLinks"},"reorderRedirectToCart":{"slug":"reorderRedirectToCart"},"opp":{"slug":"opp","enabled":"enabled","config":"\u003cp\u003e\u003ca target='_blank' href='https:\/\/www.vasaboden.se\/apps\/download-pdf\/orders\/8f3c5431892e7119b6c3\/{{ order.id | times: 9398 }}\/{{ order.name | handleize }}.pdf'\u003eLadda ned kvitto i PDF-format\u003c\/a\u003e\u003c\/p\u003e"},"account_settings":{"eL":true,"url":null,"onboarding":{"legacyOn":true,"collapsed":false,"toggleHub":true,"installDate":"2025-03-31","step1Forced":true,"step2Forced":true,"step3Forced":false,"setupClaimed":false,"toggleWidget":false,"setupCompleted":false,"hasProductScope":true,"pluginsReviewed":false,"setupClaimedDate":null,"setupCompletedDate":null},"loginVisible":true,"ca_hook_added":true,"installStatus":{"customerHub":true,"miniAccount":false,"accountsEverywhere":true},"passed_token_check":true,"customerAccountType":"CLASSIC","customerAccountStatus":"OPTIONAL"}}; window.__CHAE.analyticsV2Enabled = true; window.__CHAE.analyticsLegacyCaptureEnabled = true;  window.__CHAE.for_you_builder = null;    window.__CHAE.options = {}; window.__CHAE.sHash = "42d77232f504d29ffb6f0aaea399eb25"; window.__CHAE.shopifyDesignMode = false; window.__CHAE.phoneCountries = {"1":["US","AG","AI","AS","BB","BM","BS","CA","DM","DO","GD","GU","JM","KN","KY","LC","MP","MS","PR","SX","TC","TT","VC","VG","VI"],"7":["RU","KZ"],"20":["EG"],"27":["ZA"],"30":["GR"],"31":["NL"],"32":["BE"],"33":["FR"],"34":["ES"],"36":["HU"],"39":["IT","VA"],"40":["RO"],"41":["CH"],"43":["AT"],"44":["GB","GG","IM","JE"],"45":["DK"],"46":["SE"],"47":["NO","SJ"],"48":["PL"],"49":["DE"],"51":["PE"],"52":["MX"],"53":["CU"],"54":["AR"],"55":["BR"],"56":["CL"],"57":["CO"],"58":["VE"],"60":["MY"],"61":["AU","CC","CX"],"62":["ID"],"63":["PH"],"64":["NZ"],"65":["SG"],"66":["TH"],"81":["JP"],"82":["KR"],"84":["VN"],"86":["CN"],"90":["TR"],"91":["IN"],"92":["PK"],"93":["AF"],"94":["LK"],"95":["MM"],"98":["IR"],"211":["SS"],"212":["MA","EH"],"213":["DZ"],"216":["TN"],"218":["LY"],"220":["GM"],"221":["SN"],"222":["MR"],"223":["ML"],"224":["GN"],"225":["CI"],"226":["BF"],"227":["NE"],"228":["TG"],"229":["BJ"],"230":["MU"],"231":["LR"],"232":["SL"],"233":["GH"],"234":["NG"],"235":["TD"],"236":["CF"],"237":["CM"],"238":["CV"],"239":["ST"],"240":["GQ"],"241":["GA"],"242":["CG"],"243":["CD"],"244":["AO"],"245":["GW"],"246":["IO"],"247":["AC"],"248":["SC"],"249":["SD"],"250":["RW"],"251":["ET"],"252":["SO"],"253":["DJ"],"254":["KE"],"255":["TZ"],"256":["UG"],"257":["BI"],"258":["MZ"],"260":["ZM"],"261":["MG"],"262":["RE","YT"],"263":["ZW"],"264":["NA"],"265":["MW"],"266":["LS"],"267":["BW"],"268":["SZ"],"269":["KM"],"290":["SH","TA"],"291":["ER"],"297":["AW"],"298":["FO"],"299":["GL"],"350":["GI"],"351":["PT"],"352":["LU"],"353":["IE"],"354":["IS"],"355":["AL"],"356":["MT"],"357":["CY"],"358":["FI","AX"],"359":["BG"],"370":["LT"],"371":["LV"],"372":["EE"],"373":["MD"],"374":["AM"],"375":["BY"],"376":["AD"],"377":["MC"],"378":["SM"],"380":["UA"],"381":["RS"],"382":["ME"],"383":["XK"],"385":["HR"],"386":["SI"],"387":["BA"],"389":["MK"],"420":["CZ"],"421":["SK"],"423":["LI"],"500":["FK"],"501":["BZ"],"502":["GT"],"503":["SV"],"504":["HN"],"505":["NI"],"506":["CR"],"507":["PA"],"508":["PM"],"509":["HT"],"590":["GP","BL","MF"],"591":["BO"],"592":["GY"],"593":["EC"],"594":["GF"],"595":["PY"],"596":["MQ"],"597":["SR"],"598":["UY"],"599":["CW","BQ"],"670":["TL"],"672":["NF"],"673":["BN"],"674":["NR"],"675":["PG"],"676":["TO"],"677":["SB"],"678":["VU"],"679":["FJ"],"680":["PW"],"681":["WF"],"682":["CK"],"683":["
15041NU"],"685":["WS"],"686":["KI"],"687":["NC"],"688":["TV"],"689":["PF"],"690":["TK"],"691":["FM"],"692":["MH"],"850":["KP"],"852":["HK"],"853":["MO"],"855":["KH"],"856":["LA"],"880":["BD"],"886":["TW"],"960":["MV"],"961":["LB"],"962":["JO"],"963":["SY"],"964":["IQ"],"965":["KW"],"966":["SA"],"967":["YE"],"968":["OM"],"970":["PS"],"971":["AE"],"972":["IL"],"973":["BH"],"974":["QA"],"975":["BT"],"976":["MN"],"977":["NP"],"992":["TJ"],"993":["TM"],"994":["AZ"],"995":["GE"],"996":["KG"],"998":["UZ"]};                                                                                     window.__CHAE.options["show_widget"] = "disabled";                    window.__CHAE.options["show_nca_link"] = "enabled";                        window.__CHAE.options["show_widget_icon"] = "enabled";                  window.__CHAE.options["replace_accounts_link"] = "enabled";           function sHT(str, oCur = false) { let cSyms = { "USD": "$", "GBP": "£", "EUR": "€", "JPY": "¥" }; let clean = str.replace(/<[^>]*>/g, '').trim(); let firstChar = clean.charAt(0); let shopSym = `kr`; if (oCur && cSyms[oCur]) { let targetSym = cSyms[oCur]; if (Object.values(cSyms).includes(firstChar)) { clean = clean.substring(1).trim(); } clean = targetSym + clean; shopSym = targetSym; } return clean; } function fmo(rawSubunitAmount, currencyCode) { let value = Number(rawSubunitAmount) / 100; let fallbackValue = Number.isFinite(value) ? value.toFixed(2) : '0.00'; let currency = String(currencyCode || '').trim(); if (!currency) { return fallbackValue; } try { if (!Number.isFinite(value)) { throw new Error('Invalid amount'); } return new Intl.NumberFormat(window.__CHAE.CUR_LOCALE || window.__CHAE.locale || 'en', { style: 'currency', currency: currency, currencyDisplay: 'symbol' }).format(value).replace(/[\u00A0\u202F]/g, ' ').trim(); } catch (error) { return currency + ' ' + fallbackValue; } } let meta = {"profile":"","dash_top":"","available":[{"id":"123631075666","key":"organisationsnummer","name":"Org.nr \/ Pers.nr","type":{"name":"single_line_text_field"},"validations":[]},{"id":"135094108498","key":"f_retagsnamn","name":"Företagsnamn \/ Förening","type":{"name":"single_line_text_field"},"validations":[]},{"id":"135268794706","key":"e_post_f_r_faktura_gln_nummer","name":"E-post för faktura \/ GLN-nummer","type":{"name":"single_line_text_field"},"validations":[]},{"id":"316835070290","key":"jag_vill_handla_som_en_forening","name":"**** DETTA ÄR EN FÖRENING","type":{"name":"boolean"},"validations":[]},{"id":"445423124818","key":"inkop_kommun","name":"Jag gör inköp till en kommun","type":{"name":"boolean"},"validations":[]}],"card_data":[{"name":"holder","type":"holder","key":"0"}],"namespace":"custom","disallowed":[],"first_check":true,"mini_account":"","profile_data":[{"name":"First Name","type":"default","key":"first_name"},{"name":"Last Name","type":"default","key":"last_name"},{"name":"Företagsnamn \/ Förening","type":"single_line_text_field","key":"f_retagsnamn"},{"name":"Org.nr \/ Pers.nr","type":"single_line_text_field","key":"organisationsnummer"},{"name":"E-post för faktura \/ GLN-nummer","type":"single_line_text_field","key":"e_post_f_r_faktura_gln_nummer"},{"name":"Phone","type":"customer","key":"phone"},{"name":"Email","type":"default","key":"email"}],"customer_card":"","dash_personal":"","disable_edit_set":"yes","registration_data":[{"name":"holder","type":"holder","key":"0"},{"name":"**** DETTA ÄR EN FÖRENING","type":"boolean","key":"jag_vill_handla_som_en_forening"},{"name":"Jag gör inköp till en kommun","type":"boolean","key":"inkop_kommun"},{"name":"Email","type":"registration_fixed","key":"email"},{"name":"Password","type":"registration_fixed","key":"password"},{"required":"on","name":"First Name","type":"customer","key":"first_name"},{"required":"on","name":"Last Name","type":"customer","key":"last_name"},{"name":"Företagsnamn \/ Förening","type":"single_line_text_field","key":"f_retagsnamn"},{"required":"on","name":"Org.nr \/ Pers.nr","type":"single_line_text_field","key":"organisationsnummer"},{"required":"on","name":"E-post för faktura \/ GLN-nummer","type":"single_line_text_field","key":"e_post_f_r_faktura_gln_nummer"},{"name":"Phone","type":"customer","key":"phone"}],"registration_form":"enabled"}; let ometa = {"summary":[{"name":"holder","type":"holder","key":"0"}],"available":[],"namespace":"custom","detail_top":[{"name":"holder","type":"holder","key":"0"}],"disallowed":[],"first_check":true,"detail_bottom":[{"name":"holder","type":"holder","key":"0"}]}; let metaValues = {};  try {  } catch (e) {}   let maxOrders = 0; let orders = []; let orderMetaValues = {}; let lineItems = []; let orderCount = 0; let reachedMaxOrders = false;  function chParseHTML(str) { let parser = new DOMParser(); let doc = parser.parseFromString(str, 'text/html'); return doc.documentElement.textContent || ''; } let addresses = [];        window.__CHAE.customer = { id: null, email: null, firstName: null, lastName: null, phone: null, meta: meta, ometa: ometa, metaValues: metaValues, orders: orders, addresses: addresses, hash: '3f1fda8600b08a02042de07665f754f7', loggedIn: false, accepts_email_marketing: false, tags: [],  store_credit: sHT("0 kr"), store_credit_raw: 0 }; window.__CHAE.customer.firstName = new DOMParser().parseFromString(window.__CHAE.customer.firstName || '', 'text/html').documentElement.textContent; window.__CHAE.customer.lastName = new DOMParser().parseFromString(window.__CHAE.customer.lastName || '', 'text/html').documentElement.textContent; window.__CHAE.hubProxyURI = "/a/customerhub"; window.__CHAE.config = { menu_builder: {"menu":[{"heading":"MAIN","class":"no_class","items":[{"type":"APP","icon":"\u003csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='100%' height='100%' viewB
15041ox='0 0 20 20'\u003e\u003cpath d='M18 7.261V17.5c0 .841-.672 1.5-1.5 1.5h-2c-.828 0-1.5-.659-1.5-1.5V13H7v4.477C7 18.318 6.328 19 5.5 19h-2c-.828 0-1.5-.682-1.5-1.523V7.261a1.5 1.5 0 01.615-1.21l6.59-4.82a1.481 1.481 0 011.59 0l6.59 4.82A1.5 1.5 0 0118 7.26z' fill='inherit'\u003e\u003c\/path\u003e\u003c\/svg\u003e","icon_class":"","subItems":[""],"sv":{"title":"Start"},"action":"dashboard"},{"type":"APP","icon":"\u003csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='100%' height='100%' viewBox='0 0 15.774 15.281'\u003e \u003cpath id='Path_6' data-name='Path 6' d='M11.755,15.281a1.386,1.386,0,1,0-.98-.409A1.391,1.391,0,0,0,11.755,15.281Zm-5.532,0a1.386,1.386,0,1,0-.98-.409A1.391,1.391,0,0,0,6.223,15.281Zm9.5-11.158c-.113-.18-.088-.255-.544-.333C12.659,3.36,4.4,1.946,3.88,1.8c-.308-.088-.349-.187-.576-.7A1.72,1.72,0,0,0,1.831,0H.562S0,0,0,.7s.581.648.581.648l.755.047a1.832,1.832,0,0,1,.8.4,1.809,1.809,0,0,1,.411,1.02L4.26,11.461h9.8l1.663-6.809A.8.8,0,0,0,15.724,4.123Z' fill-rule='evenodd'\u003e\u003c\/path\u003e \u003c\/svg\u003e","icon_class":"","subItems":[""],"sv":{"title":"Ordrar"},"action":"orders"},{"type":"APP","icon":"\u003csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='100%' height='100%' viewBox='0 0 20 20'\u003e\u003cpath d='M14.363 5.22a4.22 4.22 0 11-8.439 0 4.22 4.22 0 018.439 0zM2.67 14.469c1.385-1.09 4.141-2.853 7.474-2.853 3.332 0 6.089 1.764 7.474 2.853.618.486.81 1.308.567 2.056l-.333 1.02A2.11 2.11 0 0115.846 19H4.441a2.11 2.11 0 01-2.005-1.455l-.333-1.02c-.245-.748-.052-1.57.567-2.056z' fill='inherit'\u003e\u003c\/path\u003e\u003c\/svg\u003e","icon_class":"","subItems":[""],"sv":{"title":"Profil"},"action":"profile"},{"type":"APP","icon":"\u003csvg viewBox='0 0 20 20' xmlns='http:\/\/www.w3.org\/2000\/svg' width='100%' height='100%'\u003e\u003cpath d='M4.414 13l1.293 1.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414L4.414 11H11a1 1 0 010 2H4.414zM19 18.5a1.5 1.5 0 01-1.5 1.5H2.286C1.576 20 1 19.424 1 18.714V18a1 1 0 112 0h14V5.618l-7-3.5-7 3.5V6a1 1 0 01-2 0V5c0-.379.214-.725.553-.895l8-4c.281-.14.613-.14.894 0l8 4c.339.17.553.516.553.895v13.5z' fill='inherit'\u003e\u003c\/path\u003e\u003c\/svg\u003e","icon_class":"","subItems":[""],"sv":{"title":"Logga ut"},"action":"logout"}]}]}, styling: {"ae_bg":"#ffffff","is_dark":"","font_menu":"Open Sans","ae_bg_body":"#f7f7f7","ae_caution":"#4f4700","ae_info_bg":"#eaf4ff","ae_success":"#0c5132","ae_warning":"#650d06","flow_edges":"","font_style":"Montserrat","icons_edit":"ch-icon-name","main_color":"#d5892c","theme_name":"flow","ae_bg_muted":"#DDD","icons_email":"ch-icon-name","ae_btn_muted":"#AAA","ae_button_bg":"#212121","ae_info_fill":"#91d0ff","ae_info_text":"#00527c","ae_bg_content":"#FFFFFF","ae_bg_overlay":"rgba(0, 0, 0, 0.5)","ae_caution_bg":"#fff8db","ae_success_bg":"#cdfee1","ae_text_muted":"#888","ae_warning_bg":"#fff1e3","font_headings":"Open Sans","ae_bg_contrast":"#d5892c","ae_button_icon":"#FFFFFF","ae_font_family":"Roboto, sans-serif","colors_primary":"#205081","colors_reorder":"#d5892c","font_otherText":"Open Sans","theme_maxWidth":"1440","ae_bg_highlight":"#d5892c","ae_bg_secondary":"#f1f1f1","ae_border_color":"rgba(0,0,0,0.08)","ae_caution_fill":"#ffe600","ae_shadow_light":"rgba(0, 0, 0, 0.08)","ae_success_fill":"#29845a","ae_text_primary":"#121212","ae_warning_fill":"#f44336","aec_show_widget":"disabled","colors_headings":"#444444","page_load_width":"1200","ae_border_radius":"8","colors_otherText":"#212121","flow_mobile_menu":"flow-mob-slide","ae_btn_primary_bg":"#d5892c","ae_content_radius":"8","ae_shadow_default":"rgba(0, 0, 0, 0.35)","aec_show_nca_link":"enabled","colors_background":"#f7f7f7","colors_foreground":"#ffffff","icons_orderPlaced":"ch-icon-name","colors_primaryMenu":"#d5892c","ae_btn_primary_text":"#121212","ae_btn_secondary_bg":"#121212","colors_orderCurrent":"#d1d1d1","colors_productPrice":"#629cd8","font_style_override":"","icons_orderComplete":"ch-icon-name","aec_show_widget_icon":"enabled","colors_orderComplete":"#d5892c","flow_colors_advanced":"enabled","icons_orderCancelled":"ch-icon-name","ae_btn_secondary_text":"#FFFFFF","colors_primaryContrast":"#ffffff","colors_reorderContrast":"#000000","ae_replace_accounts_link":"enabled","aec_replace_accounts_link":"enabled","colors_primaryMenuContrast":"#ffffff","colors_orderCurrentContrast":"#FFFFFF","colors_productPriceContrast":"#000000","colors_orderCompleteContrast":"#FFFFFF"}, maxOrdersReached: reachedMaxOrders };
15041 window.__CHAE_CUSTOM_CSS = `//none`; window.__CHAE_LOGIN_REDIRECT = `/account/login`; window.__CHAE_LOGOUT_REDIRECT = `/account/logout`; window.__CHAE_TEMPLATE = `index`; window.__CHAE_NOIMG = `PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MjUuNSA1MjUuNSI+PHBhdGggZD0iTTMyNC41IDIxMi43SDIwM2MtMS42IDAtMi44IDEuMy0yLjggMi44VjMwOGMwIDEuNiAxLjMgMi44IDIuOCAyLjhoMTIxLjZjMS42IDAgMi44LTEuMyAyLjgtMi44di05Mi41YzAtMS42LTEuMy0yLjgtMi45LTIuOHptMS4xIDk1LjNjMCAuNi0uNSAxLjEtMS4xIDEuMUgyMDNjLS42IDAtMS4xLS41LTEuMS0xLjF2LTkyLjVjMC0uNi41LTEuMSAxLjEtMS4xaDEyMS42Yy42IDAgMS4xLjUgMS4xIDEuMVYzMDh6Ii8+PHBhdGggZD0iTTIxMC40IDI5OS41SDI0MHYuMXMuMSAwIC4yLS4xaDc1LjJ2LTc2LjJoLTEwNXY3Ni4yem0xLjgtNy4ybDIwLTIwYzEuNi0xLjYgMy44LTIuNSA2LjEtMi41czQuNS45IDYuMSAyLjVsMS41IDEuNSAxNi44IDE2LjhjLTEyLjkgMy4zLTIwLjcgNi4zLTIyLjggNy4yaC0yNy43di01LjV6bTEwMS41LTEwLjFjLTIwLjEgMS43LTM2LjcgNC44LTQ5LjEgNy45bC0xNi45LTE2LjkgMjYuMy0yNi4zYzEuNi0xLjYgMy44LTIuNSA2LjEtMi41czQuNS45IDYuMSAyLjVsMjcuNSAyNy41djcuOHptLTY4LjkgMTUuNWM5LjctMy41IDMzLjktMTAuOSA2OC45LTEzLjh2MTMuOGgtNjguOXptNjguOS03Mi43djQ2LjhsLTI2LjItMjYuMmMtMS45LTEuOS00LjUtMy03LjMtM3MtNS40IDEuMS03LjMgM2wtMjYuMyAyNi4zLS45LS45Yy0xLjktMS45LTQuNS0zLTcuMy0zcy01LjQgMS4xLTcuMyAzbC0xOC44IDE4LjhWMjI1aDEwMS40eiIvPjxwYXRoIGQ9Ik0yMzIuOCAyNTRjNC42IDAgOC4zLTMuNyA4LjMtOC4zcy0zLjctOC4zLTguMy04LjMtOC4zIDMuNy04LjMgOC4zIDMuNyA4LjMgOC4zIDguM3ptMC0xNC45YzMuNiAwIDYuNiAyLjkgNi42IDYuNnMtMi45IDYuNi02LjYgNi42LTYuNi0yLjktNi42LTYuNiAzLTYuNiA2LjYtNi42eiIvPjwvc3ZnPg==`; window.__CHAE_TSCROLL = function(){window.scrollTo(0,0)}; window.__CHAE.intCustom = { oxi_hash: ``, oxi_md5: `d41d8cd98f00b204e9800998ecf8427e`, crwdctrlreloc: `` }})();</script>
15041<script crossorigin src="https://cdn.shopify.com/extensions/01a1139d-a99d-789d-a16c-1edfb9f3a76a/customerhub-6.2.21/assets/chub-utils.js" defer></script>
15041<script defer>(function() { document.addEventListener('DOMContentLoaded', () =>{ try { const chubUtils = window.__CHUB_UTILS || window.__AEUT; if (!chubUtils) return; const rvFromMeta = []; const stcFromMeta = []; let productData = null; let chProductData = { options: [], variants: [] };  chubUtils.initStorefront({ shopifyApiUrl: (window.__CHAE && window.__CHAE.hubProxyURI) || '/a/customerhub', pathPrefix: '/ae', shop: `df9307-27.myshopify.com`, isLoggedIn: false, rvFromMeta, stcFromMeta, productData, initReviews: false, fullMode: false, startLinkRouter: true }); } catch (error) { console.log('Accounts Everywhere Init Issue:', error); } });})();</script>
15041</div>
15041<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
15041
15042</body>
15043</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.