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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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&width=3840" alt="" srcset="//www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=250 250w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=300 300w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=375 375w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=450 450w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=750 750w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=900 900w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=1100 1100w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=1500 1500w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=1780 1780w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=2000 2000w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&width=3000 3000w, //www.vasaboden.se/cdn/shop/files/Glaspriser.webp?v=1770124224&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("active"); 7427 this.closest(".animate_transition_card__image")?.classList.remove("animate-Xpulse", "skeleton-image"); 7428 setTimeout(() => { this.closest(".animate_transition_card__image")?.classList.add("lazy_active", "active"); }, 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&width=3840" alt="" srcset="//www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=250 250w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=300 300w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=375 375w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=450 450w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=750 750w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=900 900w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=1100 1100w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=1500 1500w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=1780 1780w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=2000 2000w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&width=3000 3000w, //www.vasaboden.se/cdn/shop/files/Pokaler_med_gravering_2.webp?v=1770125835&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("active"); 7528 this.closest(".animate_transition_card__image")?.classList.remove("animate-Xpulse", "skeleton-image"); 7529 setTimeout(() => { this.closest(".animate_transition_card__image")?.classList.add("lazy_active", "active"); }, 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&width=3840" alt="" srcset="//www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=250 250w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=300 300w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=375 375w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=450 450w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=750 750w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=900 900w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=1100 1100w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=1500 1500w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=1780 1780w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=2000 2000w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&width=3000 3000w, //www.vasaboden.se/cdn/shop/files/Vandringspriskyltar_960x540_3de167ed-5976-4825-8e74-befd257f1a2a.webp?v=1770123987&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("active"); 7625 this.closest(".animate_transition_card__image")?.classList.remove("animate-Xpulse", "skeleton-image"); 7626 setTimeout(() => { this.closest(".animate_transition_card__image")?.classList.add("lazy_active", "active"); }, 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&width=3840" alt="" srcset="//www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=250 250w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=300 300w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=375 375w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=450 450w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=750 750w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=900 900w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=1100 1100w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=1500 1500w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=1780 1780w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=2000 2000w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&width=3000 3000w, //www.vasaboden.se/cdn/shop/files/Medaljer_med_gravyr_0593f820-7d45-49fb-aa11-158b6a4d9b5b.webp?v=1770123997&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("active"); 7730 this.closest(".animate_transition_card__image")?.classList.remove("animate-Xpulse", "skeleton-image"); 7731 setTimeout(() => { this.closest(".animate_transition_card__image")?.classList.add("lazy_active", "active"); }, 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 "variant_id": 53971665027410, 8129 "product_id": 10937154535762, 8130 "available": true, 8131 "title": "Medalj Falun 32 mm", 8132 "compare_at_price": 0, 8133 "price": 900, 8134 "price_with_currency": "9 kr", 8135 "sale_amount": "-9 kr", 8136 "collections": "||620527092050||668942926162||", 8137 "inventory_management": "shopify", 8138 "qty": 3440, 8139 "container": "card", 8140 "can_show_preorder": false, 8141 "diff_day_create": 88.58, 8142 "diff_day_publish": 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 "product": { 8157 "title": "Medalj Falun 32 mm", 8158 "listName": "Nytt i butiken", 8159 "sku": "10937154535762", 8160 "currencyCode": "SEK", 8161 "price": 900, 8162 "vendor": "Guld | Silver | Brons" 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 "product": { 8256 "title": "Medalj Falun 32 mm", 8257 "listName": "Nytt i butiken", 8258 "sku": "10937154535762", 8259 "currencyCode": "SEK", 8260 "price": 900, 8261 "vendor": "Guld | Silver | Brons" 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 "product": { 8299 "title": "Medalj Falun 32 mm", 8300 "listName": "Nytt i butiken", 8301 "sku": "10937154535762", 8302 "currencyCode": "SEK", 8303 "price": 900, 8304 "vendor": "Guld | Silver | Brons" 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 "product": { 8329 "title": "Medalj Falun 32 mm", 8330 "listName": "Nytt i butiken", 8331 "sku": "10937154535762", 8332 "currencyCode": "SEK", 8333 "price": 900, 8334 "vendor": "Guld | Silver | Brons" 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 "product": { 8366 "title": "Medalj Falun 32 mm", 8367 "listName": "Nytt i butiken", 8368 "sku": "10937154535762", 8369 "currencyCode": "SEK", 8370 "price": 900, 8371 "vendor": "Guld | Silver | Brons" 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"> per </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 "product": { 8641 "title": "Medalj Falun 32 mm", 8642 "listName": "Nytt i butiken", 8643 "sku": "10937154535762", 8644 "currencyCode": "SEK", 8645 "price": 900, 8646 "vendor": "Guld | Silver | Brons" 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 "variant_id": 53653120221522, 8708 "product_id": 10839810638162, 8709 "available": true, 8710 "title": "Segermedalj 50 mm", 8711 "compare_at_price": 0, 8712 "price": 3600, 8713 "price_with_currency": "36 kr", 8714 "sale_amount": "-36 kr", 8715 "collections": "||620527092050||668942926162||630907339090||", 8716 "inventory_management": "shopify", 8717 "qty": 225, 8718 "container": "card", 8719 "can_show_preorder": false, 8720 "diff_day_create": 123.55, 8721 "diff_day_publish": 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 "product": { 8736 "title": "Segermedalj 50 mm", 8737 "listName": "Nytt i butiken", 8738 "sku": "10839810638162", 8739 "currencyCode": "SEK", 8740 "price": 3600, 8741 "vendor": "Guld | Silver | Brons" 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 "product": { 8894 "title": "Segermedalj 50 mm", 8895 "listName": "Nytt i butiken", 8896 "sku": "10839810638162", 8897 "currencyCode": "SEK", 8898 "price": 3600, 8899 "vendor": "Guld | Silver | Brons" 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 "product": { 8937 "title": "Segermedalj 50 mm", 8938 "listName": "Nytt i butiken", 8939 "sku": "10839810638162", 8940 "currencyCode": "SEK", 8941 "price": 3600, 8942 "vendor": "Guld | Silver | Brons" 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 "product": { 8967 "title": "Segermedalj 50 mm", 8968 "listName": "Nytt i butiken", 8969 "sku": "10839810638162", 8970 "currencyCode": "SEK", 8971 "price": 3600, 8972 "vendor": "Guld | Silver | Brons" 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 "product": { 9004 "title": "Segermedalj 50 mm", 9005 "listName": "Nytt i butiken", 9006 "sku": "10839810638162", 9007 "currencyCode": "SEK", 9008 "price": 3600, 9009 "vendor": "Guld | Silver | Brons" 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"> per </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 "product": { 9279 "title": "Segermedalj 50 mm", 9280 "listName": "Nytt i butiken", 9281 "sku": "10839810638162", 9282 "currencyCode": "SEK", 9283 "price": 3600, 9284 "vendor": "Guld | Silver | Brons" 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 "variant_id": 53625220432210, 9346 "product_id": 10830531166546, 9347 "available": true, 9348 "title": "Medalj Tummen Upp 45 mm", 9349 "compare_at_price": 0, 9350 "price": 3600, 9351 "price_with_currency": "36 kr", 9352 "sale_amount": "-36 kr", 9353 "collections": "||620527092050||668942926162||630907339090||", 9354 "inventory_management": "shopify", 9355 "qty": 100, 9356 "container": "card", 9357 "can_show_preorder": false, 9358 "diff_day_create": 126.79, 9359 "diff_day_publish": 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 "product": { 9374 "title": "Medalj Tummen Upp 45 mm", 9375 "listName": "Nytt i butiken", 9376 "sku": "10830531166546", 9377 "currencyCode": "SEK", 9378 "price": 3600, 9379 "vendor": "Guld | Silver | Brons" 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 "product": { 9532 "title": "Medalj Tummen Upp 45 mm", 9533 "listName": "Nytt i butiken", 9534 "sku": "10830531166546", 9535 "currencyCode": "SEK", 9536 "price": 3600, 9537 "vendor": "Guld | Silver | Brons" 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 "product": { 9575 "title": "Medalj Tummen Upp 45 mm", 9576 "listName": "Nytt i butiken", 9577 "sku": "10830531166546", 9578 "currencyCode": "SEK", 9579 "price": 3600, 9580 "vendor": "Guld | Silver | Brons" 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 "product": { 9605 "title": "Medalj Tummen Upp 45 mm", 9606 "listName": "Nytt i butiken", 9607 "sku": "10830531166546", 9608 "currencyCode": "SEK", 9609 "price": 3600, 9610 "vendor": "Guld | Silver | Brons" 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 "product": { 9642 "title": "Medalj Tummen Upp 45 mm", 9643 "listName": "Nytt i butiken", 9644 "sku": "10830531166546", 9645 "currencyCode": "SEK", 9646 "price": 3600, 9647 "vendor": "Guld | Silver | Brons" 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"> per </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 "product": { 9917 "title": "Medalj Tummen Upp 45 mm", 9918 "listName": "Nytt i butiken", 9919 "sku": "10830531166546", 9920 "currencyCode": "SEK", 9921 "price": 3600, 9922 "vendor": "Guld | Silver | Brons" 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 "variant_id": 53617690378578, 9984 "product_id": 10828791349586, 9985 "available": true, 9986 "title": "Medalj 1-2-3 45 mm", 9987 "compare_at_price": 0, 9988 "price": 3600, 9989 "price_with_currency": "36 kr", 9990 "sale_amount": "-36 kr", 9991 "collections": "||620527092050||668942926162||630907339090||", 9992 "inventory_management": "shopify", 9993 "qty": 435, 9994 "container": "card", 9995 "can_show_preorder": false, 9996 "diff_day_create": 127.55, 9997 "diff_day_publish": 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 "product": { 10012 "title": "Medalj 1-2-3 45 mm", 10013 "listName": "Nytt i butiken", 10014 "sku": "10828791349586", 10015 "currencyCode": "SEK", 10016 "price": 3600, 10017 "vendor": "Guld | Silver | Brons" 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 "product": { 10170 "title": "Medalj 1-2-3 45 mm", 10171 "listName": "Nytt i butiken", 10172 "sku": "10828791349586", 10173 "currencyCode": "SEK", 10174 "price": 3600, 10175 "vendor": "Guld | Silver | Brons" 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 "product": { 10213 "title": "Medalj 1-2-3 45 mm", 10214 "listName": "Nytt i butiken", 10215 "sku": "10828791349586", 10216 "currencyCode": "SEK", 10217 "price": 3600, 10218 "vendor": "Guld | Silver | Brons" 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 "product": { 10243 "title": "Medalj 1-2-3 45 mm", 10244 "listName": "Nytt i butiken", 10245 "sku": "10828791349586", 10246 "currencyCode": "SEK", 10247 "price": 3600, 10248 "vendor": "Guld | Silver | Brons" 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 "product": { 10280 "title": "Medalj 1-2-3 45 mm", 10281 "listName": "Nytt i butiken", 10282 "sku": "10828791349586", 10283 "currencyCode": "SEK", 10284 "price": 3600, 10285 "vendor": "Guld | Silver | Brons" 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"> per </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 "product": { 10555 "title": "Medalj 1-2-3 45 mm", 10556 "listName": "Nytt i butiken", 10557 "sku": "10828791349586", 10558 "currencyCode": "SEK", 10559 "price": 3600, 10560 "vendor": "Guld | Silver | Brons" 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 "variant_id": 52616302756178, 10622 "product_id": 10567412515154, 10623 "available": true, 10624 "title": "Guldpokal Vänern med lock", 10625 "compare_at_price": 0, 10626 "price": 21000, 10627 "price_with_currency": "210 kr", 10628 "sale_amount": "-210 kr", 10629 "collections": "||620527649106||668942926162||620527059282||", 10630 "inventory_management": "shopify", 10631 "qty": 26, 10632 "container": "card", 10633 "can_show_preorder": false, 10634 "diff_day_create": 246.52, 10635 "diff_day_publish": 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 "product": { 10650 "title": "Guldpokal Vänern med lock", 10651 "listName": "Nytt i butiken", 10652 "sku": "10567412515154", 10653 "currencyCode": "SEK", 10654 "price": 21000, 10655 "vendor": "265mm | 305mm | 345mm | 385mm | 430mm" 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 "product": { 10749 "title": "Guldpokal Vänern med lock", 10750 "listName": "Nytt i butiken", 10751 "sku": "10567412515154", 10752 "currencyCode": "SEK", 10753 "price": 21000, 10754 "vendor": "265mm | 305mm | 345mm | 385mm | 430mm" 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 "product": { 10792 "title": "Guldpokal Vänern med lock", 10793 "listName": "Nytt i butiken", 10794 "sku": "10567412515154", 10795 "currencyCode": "SEK", 10796 "price": 21000, 10797 "vendor": "265mm | 305mm | 345mm | 385mm | 430mm" 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 "product": { 10822 "title": "Guldpokal Vänern med lock", 10823 "listName": "Nytt i butiken", 10824 "sku": "10567412515154", 10825 "currencyCode": "SEK", 10826 "price": 21000, 10827 "vendor": "265mm | 305mm | 345mm | 385mm | 430mm" 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 "product": { 10859 "title": "Guldpokal Vänern med lock", 10860 "listName": "Nytt i butiken", 10861 "sku": "10567412515154", 10862 "currencyCode": "SEK", 10863 "price": 21000, 10864 "vendor": "265mm | 305mm | 345mm | 385mm | 430mm" 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"> per </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 "product": { 11134 "title": "Guldpokal Vänern med lock", 11135 "listName": "Nytt i butiken", 11136 "sku": "10567412515154", 11137 "currencyCode": "SEK", 11138 "price": 21000, 11139 "vendor": "265mm | 305mm | 345mm | 385mm | 430mm" 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 "variant_id": 51433159426386, 11201 "product_id": 10246252888402, 11202 "available": true, 11203 "title": "Pokal Kalmar", 11204 "compare_at_price": 0, 11205 "price": 11500, 11206 "price_with_currency": "115 kr", 11207 "sale_amount": "-115 kr", 11208 "collections": "||620527649106||668942926162||620527059282||", 11209 "inventory_management": "shopify", 11210 "qty": 89, 11211 "container": "card", 11212 "can_show_preorder": false, 11213 "diff_day_create": 399.59, 11214 "diff_day_publish": 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 "product": { 11229 "title": "Pokal Kalmar", 11230 "listName": "Nytt i butiken", 11231 "sku": "10246252888402", 11232 "currencyCode": "SEK", 11233 "price": 11500, 11234 "vendor": "200mm | 230mm | 260mm | 295mm | 340mm" 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 "product": { 11328 "title": "Pokal Kalmar", 11329 "listName": "Nytt i butiken", 11330 "sku": "10246252888402", 11331 "currencyCode": "SEK", 11332 "price": 11500, 11333 "vendor": "200mm | 230mm | 260mm | 295mm | 340mm" 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 "product": { 11371 "title": "Pokal Kalmar", 11372 "listName": "Nytt i butiken", 11373 "sku": "10246252888402", 11374 "currencyCode": "SEK", 11375 "price": 11500, 11376 "vendor": "200mm | 230mm | 260mm | 295mm | 340mm" 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 "product": { 11401 "title": "Pokal Kalmar", 11402 "listName": "Nytt i butiken", 11403 "sku": "10246252888402", 11404 "currencyCode": "SEK", 11405 "price": 11500, 11406 "vendor": "200mm | 230mm | 260mm | 295mm | 340mm" 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 "product": { 11438 "title": "Pokal Kalmar", 11439 "listName": "Nytt i butiken", 11440 "sku": "10246252888402", 11441 "currencyCode": "SEK", 11442 "price": 11500, 11443 "vendor": "200mm | 230mm | 260mm | 295mm | 340mm" 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"> per </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 "product": { 11713 "title": "Pokal Kalmar", 11714 "listName": "Nytt i butiken", 11715 "sku": "10246252888402", 11716 "currencyCode": "SEK", 11717 "price": 11500, 11718 "vendor": "200mm | 230mm | 260mm | 295mm | 340mm" 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 "variant_id": 50781741613394, 11780 "product_id": 10074995130706, 11781 "available": true, 11782 "title": "Silverpokal Vättern med lock", 11783 "compare_at_price": 0, 11784 "price": 21000, 11785 "price_with_currency": "210 kr", 11786 "sale_amount": "-210 kr", 11787 "collections": "||620527649106||668942926162||620527059282||", 11788 "inventory_management": "shopify", 11789 "qty": 32, 11790 "container": "card", 11791 "can_show_preorder": false, 11792 "diff_day_create": 508.79, 11793 "diff_day_publish": 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 "product": { 11808 "title": "Silverpokal Vättern med lock", 11809 "listName": "Nytt i butiken", 11810 "sku": "10074995130706", 11811 "currencyCode": "SEK", 11812 "price": 21000, 11813 "vendor": "290mm | 325mm | 365mm" 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 "product": { 11907 "title": "Silverpokal Vättern med lock", 11908 "listName": "Nytt i butiken", 11909 "sku": "10074995130706", 11910 "currencyCode": "SEK", 11911 "price": 21000, 11912 "vendor": "290mm | 325mm | 365mm" 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 "product": { 11950 "title": "Silverpokal Vättern med lock", 11951 "listName": "Nytt i butiken", 11952 "sku": "10074995130706", 11953 "currencyCode": "SEK", 11954 "price": 21000, 11955 "vendor": "290mm | 325mm | 365mm" 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 "product": { 11980 "title": "Silverpokal Vättern med lock", 11981 "listName": "Nytt i butiken", 11982 "sku": "10074995130706", 11983 "currencyCode": "SEK", 11984 "price": 21000, 11985 "vendor": "290mm | 325mm | 365mm" 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 "product": { 12017 "title": "Silverpokal Vättern med lock", 12018 "listName": "Nytt i butiken", 12019 "sku": "10074995130706", 12020 "currencyCode": "SEK", 12021 "price": 21000, 12022 "vendor": "290mm | 325mm | 365mm" 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"> per </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 "product": { 12292 "title": "Silverpokal Vättern med lock", 12293 "listName": "Nytt i butiken", 12294 "sku": "10074995130706", 12295 "currencyCode": "SEK", 12296 "price": 21000, 12297 "vendor": "290mm | 325mm | 365mm" 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 "variant_id": 50351468151122, 12359 "product_id": 9959712358738, 12360 "available": true, 12361 "title": "Ordförandeklubba med slagblock och gravyr", 12362 "compare_at_price": 0, 12363 "price": 59500, 12364 "price_with_currency": "595 kr", 12365 "sale_amount": "-595 kr", 12366 "collections": "||668942926162||", 12367 "inventory_management": "shopify", 12368 "qty": 126, 12369 "container": "card", 12370 "can_show_preorder": false, 12371 "diff_day_create": 587.58, 12372 "diff_day_publish": 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 "product": { 12387 "title": "Ordförandeklubba med slagblock och gravyr", 12388 "listName": "Nytt i butiken", 12389 "sku": "9959712358738", 12390 "currencyCode": "SEK", 12391 "price": 59500, 12392 "vendor": "Vasaboden" 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 "product": { 12545 "title": "Ordförandeklubba med slagblock och gravyr", 12546 "listName": "Nytt i butiken", 12547 "sku": "9959712358738", 12548 "currencyCode": "SEK", 12549 "price": 59500, 12550 "vendor": "Vasaboden" 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 "product": { 12588 "title": "Ordförandeklubba med slagblock och gravyr", 12589 "listName": "Nytt i butiken", 12590 "sku": "9959712358738", 12591 "currencyCode": "SEK", 12592 "price": 59500, 12593 "vendor": "Vasaboden" 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 "product": { 12618 "title": "Ordförandeklubba med slagblock och gravyr", 12619 "listName": "Nytt i butiken", 12620 "sku": "9959712358738", 12621 "currencyCode": "SEK", 12622 "price": 59500, 12623 "vendor": "Vasaboden" 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 "product": { 12655 "title": "Ordförandeklubba med slagblock och gravyr", 12656 "listName": "Nytt i butiken", 12657 "sku": "9959712358738", 12658 "currencyCode": "SEK", 12659 "price": 59500, 12660 "vendor": "Vasaboden" 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"> per </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 "product": { 12930 "title": "Ordförandeklubba med slagblock och gravyr", 12931 "listName": "Nytt i butiken", 12932 "sku": "9959712358738", 12933 "currencyCode": "SEK", 12934 "price": 59500, 12935 "vendor": "Vasaboden" 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 "variant_id": 50317961691474, 12997 "product_id": 9951696388434, 12998 "available": true, 12999 "title": "Glasstatyett New York (glasplakett)", 13000 "compare_at_price": 0, 13001 "price": 49500, 13002 "price_with_currency": "495 kr", 13003 "sale_amount": "-495 kr", 13004 "collections": "||620527190354||668942926162||", 13005 "inventory_management": "shopify", 13006 "qty": 118, 13007 "container": "card", 13008 "can_show_preorder": false, 13009 "diff_day_create": 593.68, 13010 "diff_day_publish": 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 "product": { 13025 "title": "Glasstatyett New York (glasplakett)", 13026 "listName": "Nytt i butiken", 13027 "sku": "9951696388434", 13028 "currencyCode": "SEK", 13029 "price": 49500, 13030 "vendor": "Vasaboden" 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 "product": { 13183 "title": "Glasstatyett New York (glasplakett)", 13184 "listName": "Nytt i butiken", 13185 "sku": "9951696388434", 13186 "currencyCode": "SEK", 13187 "price": 49500, 13188 "vendor": "Vasaboden" 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 "product": { 13226 "title": "Glasstatyett New York (glasplakett)", 13227 "listName": "Nytt i butiken", 13228 "sku": "9951696388434", 13229 "currencyCode": "SEK", 13230 "price": 49500, 13231 "vendor": "Vasaboden" 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 "product": { 13256 "title": "Glasstatyett New York (glasplakett)", 13257 "listName": "Nytt i butiken", 13258 "sku": "9951696388434", 13259 "currencyCode": "SEK", 13260 "price": 49500, 13261 "vendor": "Vasaboden" 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 "product": { 13293 "title": "Glasstatyett New York (glasplakett)", 13294 "listName": "Nytt i butiken", 13295 "sku": "9951696388434", 13296 "currencyCode": "SEK", 13297 "price": 49500, 13298 "vendor": "Vasaboden" 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"> per </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 "product": { 13568 "title": "Glasstatyett New York (glasplakett)", 13569 "listName": "Nytt i butiken", 13570 "sku": "9951696388434", 13571 "currencyCode": "SEK", 13572 "price": 49500, 13573 "vendor": "Vasaboden" 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 "variant_id": 49534988550482, 13635 "product_id": 8901140939090, 13636 "available": true, 13637 "title": "Pokal Fristad", 13638 "compare_at_price": 0, 13639 "price": 13500, 13640 "price_with_currency": "135 kr", 13641 "sale_amount": "-135 kr", 13642 "collections": "||620527649106||668942926162||620527059282||", 13643 "inventory_management": "shopify", 13644 "qty": 47, 13645 "container": "card", 13646 "can_show_preorder": false, 13647 "diff_day_create": 887.31, 13648 "diff_day_publish": 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 "product": { 13663 "title": "Pokal Fristad", 13664 "listName": "Nytt i butiken", 13665 "sku": "8901140939090", 13666 "currencyCode": "SEK", 13667 "price": 13500, 13668 "vendor": "265mm | 280mm | 305mm | 335mm | 360mm" 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 "product": { 13821 "title": "Pokal Fristad", 13822 "listName": "Nytt i butiken", 13823 "sku": "8901140939090", 13824 "currencyCode": "SEK", 13825 "price": 13500, 13826 "vendor": "265mm | 280mm | 305mm | 335mm | 360mm" 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 "product": { 13864 "title": "Pokal Fristad", 13865 "listName": "Nytt i butiken", 13866 "sku": "8901140939090", 13867 "currencyCode": "SEK", 13868 "price": 13500, 13869 "vendor": "265mm | 280mm | 305mm | 335mm | 360mm" 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 "product": { 13894 "title": "Pokal Fristad", 13895 "listName": "Nytt i butiken", 13896 "sku": "8901140939090", 13897 "currencyCode": "SEK", 13898 "price": 13500, 13899 "vendor": "265mm | 280mm | 305mm | 335mm | 360mm" 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 "product": { 13931 "title": "Pokal Fristad", 13932 "listName": "Nytt i butiken", 13933 "sku": "8901140939090", 13934 "currencyCode": "SEK", 13935 "price": 13500, 13936 "vendor": "265mm | 280mm | 305mm | 335mm | 360mm" 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"> per </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 "product": { 14206 "title": "Pokal Fristad", 14207 "listName": "Nytt i butiken", 14208 "sku": "8901140939090", 14209 "currencyCode": "SEK", 14210 "price": 13500, 14211 "vendor": "265mm | 280mm | 305mm | 335mm | 360mm" 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&width=702" srcset="//www.vasaboden.se/cdn/shop/files/zzz_1.png?v=1716260470&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">© 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.