PageSourceSearch

https://www.alfafritid.no/login

html alfafritid.no collected 2026-09-27 03:01:50 UTC 465,606 bytes, 7,364 lines download raw bytes

1<!DOCTYPE html>
2<html lang="no">
3    
4
5        
6    
7
8
9    <head>
10        <meta charset="UTF-8" />
11        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
12        <meta name="viewport" content="width=device-width, initial-scale=1.0">
13        <title>
14                            Logg inn eller registrer deg - Alfa Fritid AS
15                    </title>
16                 
17        <style>
18            [x-cloak] {
19                display: none !important;
20            }
21        </style>
22        <style>
23            *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}
23button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.__product_box_v6 .attribute_info_container{min-height:52px}@media (min-width:768px){.__product_box_v6 .attribute_info_container{min-height:32px}}.__productslist .__lipscore .lipscore-rating-small svg{height:18px;width:18px}#attribute_container{width:100%}#nocart.form-control,.attrbutedropdown,.attribute_type_input .attrbuteinput,.attribute_type_textarea .attrbutetextarea,.recurringinput{border-radius:.375rem;border-width:1px;padding:.875rem;width:100%}#add2cart select[title=digitalproducts],.attribute_type_input .attribute_title,.attribute_type_textarea .attribute_title{display:none}#add2cart .attribute_element{margin-bottom:1rem}article.product-thumb-info:hover .wishlist{bottom:-30px}#addToShoppingCart,.primary-button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:inline-block;display:flex;font-weight:700;grid-column:span 8/span 8;justify-content:center;padding-left:1rem;padding-right:1rem;width:100%}#addToShoppingCart:hover,.primary-button:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}@media (min-width:768px){#addToShoppingCart,.primary-button{grid-column:span 3/span 3}}@media (min-width:1024px){#addToShoppingCart,.primary-button{grid-column:span 4/span 4}}#addToShoppingCart:disabled{opacity:.5}.purchase-button-wrapper #addToCartWrapper button{padding:1rem}.button,.purchase-button-wrapper button.button span,.purchase-button-wrapper span.button span{align-items:center;display:flex;justify-content:center}.button{border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.25rem;max-width:-moz-max-content;max-width:max-content;padding:.5rem 1rem;text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.button-primary:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.button-secondary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1));color:rgb(39 39 42/var(--tw-text-opacity,1))}.button-secondary:hover{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity,1))}.button-warning{--tw-bg-opacity:1;--tw-text-opacity:1;
23background-color:rgb(253 186 116/var(--tw-bg-opacity,1));color:rgb(39 39 42/var(--tw-text-opacity,1))}.button-warning:hover{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.button-danger{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.button-danger:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}#page .editorcontent p:not(:last-child),.__footer_section_section .editorcontent p:not(:last-child){margin-bottom:1rem}.footer-widget .editorcontent li{align-items:center;display:flex;height:2.25rem;width:100%}.footer-widget .editorcontent li a{display:block;font-style:normal;padding-bottom:.5rem;padding-top:.5rem;width:100%}.blog-page #page .__text_section li,.blog-page #page .__text_section ol,.blog-page #page .__text_section ul,.blog-page #page .editorcontent li,.blog-page #page .editorcontent ol,.blog-page #page .editorcontent ul,.pages-page #page .editorcontent li,.pages-page #page .editorcontent ol,.pages-page #page .editorcontent ul{list-style-position:inside}.blog-page #page .__text_section ul,.blog-page #page .editorcontent ul,.pages-page #page .editorcontent ul{list-style-type:disc}.blog-page #page .__text_section ol,.blog-page #page .editorcontent ol,.pages-page #page .editorcontent ol{list-style-type:decimal}.slogans-block li{display:inline;margin-left:.25rem;margin-right:.25rem}.blog-page #page .__text_section li>p,.blog-page #page .editorcontent li>p,.pages-page #page .editorcontent li>p{display:inline}.splide-thumbnail .is-active{opacity:1}nav#pagination{display:flex;flex-wrap:wrap;gap:.25rem}nav#pagination>*{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-width:1px;color:rgb(107 114 128/var(--tw-text-opacity,1));font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem}nav#pagination>:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}nav#pagination>:focus{z-index:20}nav#pagination>span{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1));border-color:rgb(99 102 241/var(--tw-border-opacity,1));color:rgb(79 70 229/var(--tw-text-opacity,1));font-weight:700}.splide__pagination .splide__pagination__page{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(75 85 99/var(--tw-border-opacity,1));border-style:solid;border-width:1px;height:.75rem;margin-left:.5rem;margin-right:.5rem;width:.75rem}.splide__pagination .splide__pagination__page.is-active{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.splide .splide__arrow{background-color:transparent}.splide .splide__arrow svg{height:2rem;width:2rem}.multicolumn .splide .splide__pagination{bottom:-20px}.__footer-title>p{flex-grow:1}.__cart-minimum-order-limit-wrapper{font-size:.875rem;font-style:italic;line-height:1.25rem;margin-top:1rem}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.\!right-0{right:0!important}.\!top-0{top:0!important}.-bottom-2{bottom:-.5rem}.-bottom-\[22px\]{bottom:-22px}.-right-1\.5{right:-.375rem}.-right-4{right:-1rem}.-right-\[10px\]{right:-10px}.-right-\[12px\]{right:-12px}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.-top-4{top:-1rem}.-top-\[30px\]{top:-30px}.-top-full{top:-100%}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-2{bottom:.5rem}.bottom-2\.5{bottom:.625rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.bottom-\[-25px\]{bottom:-25px}.bottom-\[-30px\]{bottom:-30px}.bottom-\[15px\]{bottom:15px}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-10{left:2.5rem}.left-2{left:.5rem}.left-4{left:1rem}.left-\[10px\]{left:10px}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[-14px\]{right:-14px}.right-\[-9px\]{right:-9px}.right-\[5px\]{right:5px}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-4{top:1rem}
23.top-5{top:1.25rem}.top-7{top:1.75rem}.top-\[2px\]{top:2px}.top-\[30px\]{top:30px}.top-\[50\%\]{top:50%}.top-\[50px\]{top:50px}.top-\[8px\]{top:8px}.top-full{top:100%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[15\]{z-index:15}.z-\[1\]{z-index:1}.z-\[80\]{z-index:80}.z-\[900\]{z-index:900}.z-\[90\]{z-index:90}.order-1{order:1}.order-2{order:2}.order-first{order:-9999}.order-last{order:9999}.col-span-1{grid-column:span 1/span 1}.col-span-10{grid-column:span 10/span 10}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.float-end{float:inline-end}.float-left{float:left}.clear-both{clear:both}.m-0{margin:0}.m-4{margin:1rem}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.-mr-2{margin-right:-.5rem}.-mt-2{margin-top:-.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-3\.5{margin-left:.875rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-0{height:0}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[16px\]{height:16px}.h-\[17px\]{height:17px}.h-\[18px\]{height:18px}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[34px\]{height:34px}.h-\[36px\]{height:36px}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-\[50px\]{height:50px}.h-\[60px\]{height:60px}.h-\[64px\]{height:64px}.h-\[80px\]{height:80px}.h-\[90px\]{height:90px}.h-\[90vh\]{height:90vh}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-16{max-height:4rem}.max-h-60{max-height:15rem}.max-h-8{max-height:2rem}.max-h-96{max-height:24rem}.max-h-\[500px\]{max-height:500px}.max-h-\[600px\]{max-height:600px}.max-h-\[60px\]{max-height:60px}.max-h-\[80vmax\]{max-height:80vmax}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[98vh\]{max-height:98vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-\[1\.75rem\]{min-height:1.75rem}.min-h-\[160px\]{min-height:160px}.min-h-\[2rem\]{min-height:2rem}.min-h-\[320px\]{min-height:320px}.min-h-\[3rem\]{min-height:3rem}.min-h-\[40px\]{min-height:40px}.min-h-\[80px\]{min-height:80px}.min-h-\[80vh\]{min-height:80vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/5{width:20%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-2\/4{width:50%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/5{width:60%}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-9\/12{width:75%}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[164px\]{width:164px}.w-\[16px\]{width:16px}.w-\[17px\]{width:17px}.w-\[18px\]{width:18px}.w-\[33px\]{width:33px}.w-\[36px\]{width:36px}.w-\[40px\]{width:40px}.w-\[45px\]{width:45px}.w-\[48px\]{width:48px}.w-\[50\%\]{width:50%}.w-\[500px\]{width:500px}.w-\[50px\]{width:50px}.w-\[54px\]{width:54px}.w-\[80\%\]{width:80%}.w-\[90vw\]{width:90vw}.w-\[92\%\]{width:92%}.w-\[96px\]{width:96px}.w-\[calc\(100\%-\.5rem\)\]{width:calc(100% - .5rem)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-240{min-width:240px}.min-w-320{min-width:320px}.min-w-\[100px\]{min-width:100px}.min-w-\[140px\]{min-width:140px}
23.min-w-\[200px\]{min-width:200px}.min-w-\[20px\]{min-width:20px}.min-w-\[24px\]{min-width:24px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[28px\]{min-width:28px}.min-w-\[2rem\]{min-width:2rem}.min-w-\[320px\]{min-width:320px}.min-w-\[40px\]{min-width:40px}.min-w-\[50\%\]{min-width:50%}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-320{max-width:320px}.max-w-3xl{max-width:48rem}.max-w-460{max-width:460px}.max-w-7xl{max-width:80rem}.max-w-\[120px\]{max-width:120px}.max-w-\[180px\]{max-width:180px}.max-w-\[320px\]{max-width:320px}.max-w-\[400px\]{max-width:400px}.max-w-\[500px\]{max-width:500px}.max-w-\[640px\]{max-width:640px}.max-w-\[80\%\]{max-width:80%}.max-w-\[80px\]{max-width:80px}.max-w-\[90\%\]{max-width:90%}.max-w-\[calc\(100\%-1rem\)\]{max-width:calc(100% - 1rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[1_0_0\]{flex:1 0 0}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-6\/12{flex-basis:50%}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.origin-\[0\]{transform-origin:0}.origin-top{transform-origin:top}.-translate-x-0{--tw-translate-x:-0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2,.-translate-x-2\/4{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-2\/4,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y:-0.5rem}.-translate-y-2\/4{--tw-translate-y:-50%}.-translate-y-2\/4,.-translate-y-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-6{--tw-translate-y:-1.5rem}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-75,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-y-100{--tw-scale-y:1}.scale-y-100,.scale-y-75{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-75{--tw-scale-y:.75}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}
23.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[3fr_2fr\]{grid-template-columns:3fr 2fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-stretch{justify-content:stretch}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-11{gap:2.75rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.self-start{align-self:flex-start}.self-center{align-self:center}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.\!rounded-full{border-radius:9999px!important}.\!rounded-md{border-radius:.375rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[\.25rem\]{border-radius:.25rem}.rounded-full{border-radius:9999px}
23.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-r-xl{border-bottom-right-radius:.75rem;border-top-right-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-\[\#0eae89\]{--tw-border-opacity:1;border-color:rgb(14 174 137/var(--tw-border-opacity,1))}.border-\[\#ebebeb\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity,1))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.border-neutral-300{--tw-border-opacity:1;border-color:rgb(212 212 212/var(--tw-border-opacity,1))}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.border-sky-400{--tw-border-opacity:1;border-color:rgb(56 189 248/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.\!bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.bg-\[\#00000026\]{background-color:#00000026}.bg-\[\#00000073\]{background-color:#00000073}.bg-\[\#0000009c\]{background-color:#0000009c}.bg-\[\#01010161\]{background-color:#01010161}.bg-\[\#026B85\]{--tw-bg-opacity:1;background-color:rgb(2 107 133/var(--tw-bg-opacity,1))}.bg-\[\#026a84\]{--tw-bg-opacity:1;background-color:rgb(2 106 132/var(--tw-bg-opacity,1))}.bg-\[\#76b71b\]{--tw-bg-opacity:1;background-color:rgb(118 183 27/var(--tw-bg-opacity,1))}.bg-\[\#79656569\]{background-color:#79656569}.bg-\[\#f2f2f2\]{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/25{background-color:rgba(0,0,0,.25)}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-300{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-inherit{background-color:inherit}.bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}
23.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.bg-zinc-200{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-zinc-600{--tw-bg-opacity:1;background-color:rgb(82 82 91/var(--tw-bg-opacity,1))}.bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-contain{background-size:contain}.bg-clip-padding{background-clip:padding-box}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-black{fill:#000}.fill-blue-600{fill:#2563eb}.fill-current{fill:currentColor}.fill-green-900{fill:#14532d}.fill-inherit{fill:inherit}.fill-red-500{fill:#ef4444}.fill-red-900{fill:#7f1d1d}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-28{padding-right:7rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-text-bottom{vertical-align:text-bottom}.font-\[\'Roboto\'\]{font-family:Roboto}.font-ubuntu{font-family:Ubuntu}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[8px\]{font-size:8px}.text-base{font-size:1rem;line-height:1.5rem}.text-heading-2{font-size:2rem}.text-heading-3{font-size:1.75rem}.text-heading-4{font-size:1.5rem}.text-heading-5{font-size:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.not-italic{font-style:normal}.leading-3{line-height:.75rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-\[\#026B85\]{--tw-text-opacity:1;color:rgb(2 107 133/var(--tw-text-opacity,1))}.text-\[\#1b1b1b\]{--tw-text-opacity:1;color:rgb(27 27 27/var(--tw-text-opacity,1))}.text-\[\#409AEF\]{--tw-text-opacity:1;color:rgb(64 154 239/var(--tw-text-opacity,1))}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.text-inherit{color:inherit}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.text-sky-800{--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.placeholder-gray-800::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(31 41 55/var(--tw-placeholder-opacity,1))}.placeholder-gray-800::placeholder{--tw-placeholder-opacity:1;color:rgb(31 41 55/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}
23.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
23--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-gray-200{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity,1))}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.drop-shadow-sm,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.__blog_block .__blog-post-content .__post-excerpt ul,.category-page .__category_description ul,.product-page .__tab-content ul,.product-page .customer-club ul{list-style:disc;margin-bottom:16px;padding-inline-start:42px}.__blog_block .__blog-post-content .__post-excerpt ol,.category-page .__category_description ol,.product-page .__tab-content ol,.product-page .customer-club ol{list-style:decimal;margin-bottom:16px;padding-inline-start:42px}div[id$=_blog_section] ul{list-style:disc;margin-bottom:16px;padding-inline-start:42px}div[id$=_blog_section] ol{list-style:decimal;margin-bottom:16px;padding-inline-start:42px}.blog-page #page .__text_section h1,.blog-page #page .__text_section h2,.blog-page #page .editorcontent h1,.blog-page #page .editorcontent h2{margin-block-end:.5rem;margin-block-start:1rem}.blog-page #page .__text_section h3,.blog-page #page .__text_section h4,.blog-page #page .editorcontent h3,.blog-page #page .editorcontent h4{margin-block-end:.25rem;margin-block-start:.85rem}.radius-xs{border-radius:var(--radius-xs)}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-xl{border-radius:var(--radius-xl)}.radius-2xl{border-radius:var(--radius-2xl)}.radius-3xl{border-radius:var(--radius-3xl)}.radius-full{border-radius:var(--radius-full)}.radius-none{border-radius:var(--radius-none)}.product-page .__tab-content .card-body a{color:var(--link-color-hover);text-decoration:underline;text-underline-offset:2px}.account-section{background:var(--account-section-background,#fafafa);border-color:color-mix(in oklab,var(--account-section-background,#f9f9f9) 100%,#000 4%);border-radius:.375rem;border-style:solid;border-width:1px;margin-bottom:2rem;margin-top:1rem;padding:1rem}.text-content{fill:color-mix(in oklab,var(--text-color,#000) 80%,transparent 28%);color:var(--text-color,#000)}.text-content-secondary{fill:color-mix(in oklab,var(--text-color,#000) 70%,transparent 20%);color:color-mix(in oklab,var(--text-color,#000) 78%,transparent 28%)}.account-section-card{background:var(--body-color,#fff);border-radius:.5rem;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative}.account-sidebar-active{background:color-mix(in oklab,var(--account-section-background,#f9f9f9) 100%,#000 2%);color:var(--text-color)}.account-orders-card{background:var(--body-color,#fff);border-color:color-mix(in oklab,var(--account-section-background,#f9f9f9) 100%,#000 4%);border-radius:.25rem;border-style:solid;border-width:1px;padding:1rem}.order-details:before{background:color-mix(in oklab,var(--text-color,#000) 20%,transparent 8%);content:"";height:1px;left:0;position:absolute;top:50%;width:8px}.order-details{border-left:1px solid color-mix(in oklab,var(--text-color,#000) 20%,transparent 8%)}.order-status-tag{background:color-mix(in oklab,var(--body-color) 80%,var(--badge-color) 25%);border-color:color-mix(in oklab,var(--body-color) 20%,var(--badge-color) 80%);border-radius:.25rem;border-style:solid;border-width:1px;font-size:.875rem;line-height:1.25rem;padding:.25rem .5rem}.info-tag{--badge-color:#00a6f4}.alert-tag{--badge-color:#62748e}.warning-tag{--badge-color:#fe9a00}.success-tag{--badge-color:#00c951}
23.table-odd-color{background:color-mix(in oklab,var(--body-color) 96%,#000 4%)}.order-product-row{font-size:.875rem;line-height:1.25rem;padding:1rem;&:nth-child(odd){background:color-mix(in oklab,var(--body-color) 96%,#000 4%)}}.order-overview-details:nth-child(odd){background:color-mix(in oklab,var(--body-color) 96%,#000 4%)}.order-total-details{font-size:.875rem;line-height:1.25rem;padding:.5rem;&:nth-child(2n){background:color-mix(in oklab,var(--body-color) 96%,#000 4%)}&:last-of-type{border-bottom:2px solid color-mix(in oklab,var(--body-color) 90%,#000 10%);font-weight:700}}.editorcontent p{width:100%}.__category_description a,.__category_description iframe,.__category_description img,.editorcontent iframe,.editorcontent img,.product-page .__tab-content img{display:inline-block}.__cart_club_signup_offer :is(h1,h2,h3,h4,h5,h6){font-size:1rem;font-weight:700;line-height:1.5rem;line-height:1.375;margin-bottom:.25rem}.__cart_club_signup_offer p{line-height:1.375}.__club_modal,.customer-club-slides{background:var(--club-panel-bg,#fff)}.__club_surface{background:var(--section-background,#f9f9f9);border:1px solid color-mix(in oklab,var(--section-background,#f9f9f9) 100%,#000 4%)}.__club_divider{border-color:color-mix(in oklab,var(--text-color,#000) 15%,transparent 85%)}.__club_terms_content :is(h1,h2,h3,h4,h5,h6){font-size:1rem;font-weight:700;line-height:1.5rem;line-height:1.375;margin-bottom:.25rem;margin-top:1rem}.__club_terms_content p:not(:last-child){margin-bottom:.75rem}.__club_terms_content :is(ul,ol){list-style-position:inside;margin-bottom:.75rem}.first\:border-t:first-child{border-top-width:1px}.last\:border-b-0:last-child{border-bottom-width:0}.odd\:bg-neutral-100\/50:nth-child(odd){background-color:hsla(0,0%,96%,.5)}.even\:bg-white:nth-child(2n),.odd\:bg-white:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.checked\:border-blue-600:checked{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.checked\:bg-blue-600:checked{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.indeterminate\:bg-gray-300:indeterminate{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:translate-x-2:hover{--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:bg-neutral-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.hover\:bg-neutral-200:hover{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\:bg-zinc-200:hover{--tw-bg-opacity:1;
23background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.hover\:fill-white:hover{fill:#fff}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
23--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.focus\:not-sr-only:focus{clip:auto;height:auto;margin:0;overflow:visible;padding:0;position:static;white-space:normal;width:auto}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-blue-600:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.focus\:border-gray-500:focus{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.focus\:border-sky-500:focus{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity,1))}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:text-black:focus{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.focus\:text-gray-700:focus{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.focus\:underline:focus{text-decoration-line:underline}.focus\:shadow-lg:focus{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
23--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
23dow,0 0 #0000)}.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}.focus\:ring-blue-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.focus\:ring-sky-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:shadow-lg:active{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
23--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-25:disabled{opacity:.25}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-60{opacity:.6}.peer:-moz-placeholder~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:-moz-placeholder~.peer-placeholder-shown\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.peer-placeholder-shown\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:left-0{left:0}.peer:focus~.peer-focus\:-translate-y-7{--tw-translate-y:-1.75rem}.peer:focus~.peer-focus\:-translate-y-7,.peer:focus~.peer-focus\:scale-75{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.peer:focus~.peer-focus\:text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bg-blue-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-orange-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-600:is(.dark *){--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.dark\:text-orange-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:hover\:bg-blue-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.dark\:focus\:border-blue-500:focus:is(.dark *){--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.dark\:focus\:ring-blue-500:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.dark\:focus\:ring-blue-800:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(30 64 175/var(--tw-ring-opacity,1))}.peer:focus~.peer-focus\:dark\:text-blue-500:is(.dark *){--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}@media not all and (min-width:1024px){.max-lg\:order-last{order:9999}.max-lg\:hidden{display:none}}@media not all and (min-width:640px){.max-sm\:order-first{order:-9999}}@media (min-width:640px){.sm\:bottom-\[-140px\]{bottom:-140px}
23.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:m-0{margin:0}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:w-4\/5{width:80%}.sm\:w-auto{width:auto}.sm\:shrink-0{flex-shrink:0}.sm\:grid-flow-col{grid-auto-flow:column}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr_2fr_1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 2fr 1fr 1fr 1fr}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:p-0{padding:0}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pr-0{padding-right:0}.sm\:pt-8{padding-top:2rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.md\:absolute,.md\:sr-only{position:absolute}.md\:relative{position:relative}.md\:inset-0{inset:0}.md\:inset-auto{inset:auto}.md\:-right-1{right:-.25rem}.md\:bottom-auto{bottom:auto}.md\:top-2{top:.5rem}.md\:z-10{z-index:10}.md\:z-auto{z-index:auto}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:mb-0{margin-bottom:0}.md\:mb-4{margin-bottom:1rem}.md\:ml-0{margin-left:0}.md\:ml-1{margin-left:.25rem}.md\:mr-2{margin-right:.5rem}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mt-4{margin-top:1rem}.md\:\!block{display:block!important}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:\!flex{display:flex!important}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-12{height:3rem}.md\:h-8{height:2rem}.md\:h-auto{height:auto}.md\:max-h-\[none\]{max-height:none}.md\:w-12{width:3rem}.md\:w-80{width:20rem}.md\:w-\[180px\]{width:180px}.md\:w-auto{width:auto}.md\:min-w-460{min-width:460px}.md\:max-w-460{max-width:460px}.md\:max-w-\[120px\]{max-width:120px}.md\:max-w-lg{max-width:32rem}.md\:max-w-md{max-width:28rem}.md\:shrink-0{flex-shrink:0}.md\:basis-auto{flex-basis:auto}.md\:translate-x-0{--tw-translate-x:0px}.md\:translate-x-0,.md\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:translate-y-0{--tw-translate-y:0px}.md\:cursor-default{cursor:default}.md\:auto-rows-\[fit-content\(100\%\)\]{grid-auto-rows:fit-content(100%)}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-\[1fr_2fr_2fr\]{grid-template-columns:1fr 2fr 2fr}.md\:grid-rows-\[fit-content\(100\%\)\]{grid-template-rows:fit-content(100%)}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-stretch{align-items:stretch}.md\:justify-start{justify-content:flex-start}
23.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-stretch{justify-content:stretch}.md\:gap-0{gap:0}.md\:gap-11{gap:2.75rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:gap-y-0{row-gap:0}.md\:overflow-visible{overflow:visible}.md\:rounded-none{border-radius:0}.md\:border{border-width:1px}.md\:border-0{border-width:0}.md\:border-b{border-bottom-width:1px}.md\:border-t{border-top-width:1px}.md\:border-dashed{border-style:dashed}.md\:bg-transparent{background-color:transparent}.md\:bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.md\:p-0{padding:0}.md\:p-10{padding:2.5rem}.md\:p-2{padding:.5rem}.md\:p-2\.5{padding:.625rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:p-9{padding:2.25rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-3{padding-bottom:.75rem;padding-top:.75rem}.md\:pb-0{padding-bottom:0}.md\:pb-4{padding-bottom:1rem}.md\:pl-10{padding-left:2.5rem}.md\:pr-4{padding-right:1rem}.md\:pt-4{padding-top:1rem}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-heading-2{font-size:2rem}.md\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-sha
23dow)}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:-bottom-4{bottom:-1rem}.lg\:top-4{top:1rem}.lg\:order-first{order:-9999}.lg\:order-last{order:9999}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:mb-0{margin-bottom:0}.lg\:mb-4{margin-bottom:1rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-10{height:2.5rem}.lg\:w-full{width:100%}.lg\:max-w-\[40\%\]{max-width:40%}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-\[1fr_1fr_2fr_1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 2fr 1fr 1fr 1fr}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-stretch{align-items:stretch}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-stretch{justify-content:stretch}.lg\:gap-0{gap:0}.lg\:gap-4{gap:1rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:opacity-100{opacity:1}}@media (min-width:1280px){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:mb-0{margin-bottom:0}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}
24        </style>
25        
25<script>
26            var verify_attributes = () => {};
27        </script>
27
28
29        
30    
30<script type="application/ld+json">
31    {
32        "@context": "https://schema.org",
33        "@type": "WebSite",
34        "name": "Alfa Fritid AS",
35        "url": "https://www.alfafritid.no",
36        "potentialAction": {
37            "@type": "SearchAction",
38            "target": "https://www.alfafritid.no/search_result?keywords={query}",
39            "query-input": "required name=query"
40        },
41        "inLanguage": "no",
42        "description": "LocalBusiness",
43        "publisher": {
44            "@type": "Organization",
45            "name": "Alfa Fritid AS",
46            "url": "https://www.alfafritid.no",
47            "logo": "https://www.alfafritid.no/users/alfafritid_mystore_no/logo/Header08.26.192.png"
48        }
49    }
50    </script>
50
51
52    
52<script type="application/ld+json">
53    {
54        "@context": "https://schema.org",
55        "@type": "Organization",
56        "name": "Alfa Fritid AS",
57        "url": "https://www.alfafritid.no",
58        "logo": "https://www.alfafritid.no/users/alfafritid_mystore_no/logo/Header08.26.192.png",
59        "telephone": "+47 41602539",
60        "contactPoint": {
61            "@type": "ContactPoint",
62            "telephone": "+47 41602539",
63            "contactType": "NO",
64            "areaServed": "NO",
65            "availableLanguage": "no",
66            "url": "https://www.alfafritid.no/contact_us"
67        },
68        "address": {
69            "@type": "PostalAddress",
70            "streetAddress": "Eidvegen 666",
71            "addressLocality": "9109 Kvaløya",
72            "postalCode": "9109",
73            "addressCountry": "NO"
74        },
75        "sameAs": [""]
76    }
77    </script>
77
78
79            
79<script type="application/ld+json">
80            {
81                "@context": "https://schema.org",
82                "@type": "LocalBusiness",
83                "name": "Alfa Fritid AS",
84                "image": "https://www.alfafritid.no/users/alfafritid_mystore_no/logo/Header08.26.192.png",
85                "address": {
86                    "@type": "PostalAddress",
87                    "streetAddress": "Eidvegen 666",
88                    "addressLocality": "9109 Kvaløya",
89                    "addressRegion": "NO",
90                    "postalCode": "9109",
91                    "addressCountry": "NO"
92                },
93                "url": "https://www.alfafritid.no",
94                "telephone": "+47 41602539",
95                "openingHours": "",
96                "priceRange": "",
97                "sameAs": [""]
98            }
99        </script>
99
100            
101    <meta property="og:title" content="Logg inn eller registrer deg - Alfa Fritid AS" />
102    <meta property="og:description" content="" />
103    <meta property="og:type" content="website" />
104    <meta property="og:url" content="https://www.alfafritid.no/login" />
105    <meta property="og:image" content="https://www.alfafritid.no/users/alfafritid_mystore_no/logo/Header08.26.192.png" />
106    <meta property="og:site_name" content="Alfa Fritid AS" />
107        
108
109
110    <meta name="robots" content="noindex,follow">
111
112
113    <link rel="canonical" href="https://www.alfafritid.no/login">
114
115                        <link rel="alternate" href="https://www.alfafritid.no/login" hreflang="no" />
116                <link rel="alternate" href="https://www.alfafritid.no/login" hreflang="x-default" />
117
118
119
120
121    <meta name="csrf-token" content="4_CMhHzZlbetGVscRBaTl8mhYhaPtNTwbUGmjvgXQh" />
122
123
124<base href="//www.alfafritid.no">
125
126
127
128    <style>
129    @font-face {
130        font-family: 'Roboto';
131        font-weight: normal;
132        font-style: normal;
133        src: url("/fonts/Roboto/Roboto-Regular.ttf");
134    }
135
136    @font-face {
137        font-family: 'Roboto';
138        font-weight: 200;
139        font-style: normal;
140        src: url("/fonts/Roboto/Roboto-Light.ttf");
141    }
142
143    @font-face {
144        font-family: 'Roboto';
145        font-weight: bold;
146        font-style: normal;
147        src: url("/fonts/Roboto/Roboto-Bold.ttf");
148    }
149
150    .consent_modal_container {
151        display: flex;
152        flex-direction: column;
153    }
154
155    .consent_modal_switch_block {
156        padding-left: 1.5em !important;
157        padding-right: 1.5em !important;
158        max-width: 43.5em !important;
159    }
160
161    .p0 {
162        padding: 0;
163    }
164
165    .consent_small_container,
166    .consent_container {}
167
168    .consent_small_container_left {
169        bottom: 0;
170        margin-left: 3em;
171
172    }
173
174    .consent_small_container_right {
175        bottom: 0;
176        right: 0;
177        margin-right: 3em;
178    }
179
180    .consent_small_container {
181        font-family: 'Roboto', sans-serif !important;
182        width: 100% !important;
183        max-width: 440px !important;
184        background-color: white !important;
185        box-shadow: 1px 0 12px rgba(0, 0, 0, 0.24) !important;
186        position: fixed !important;
187        z-index: 2147483645 !important;
188        border-radius: 10px !important;
189        line-height: 1.42857 !important;
190        margin-bottom: 2em !important;
191    }
192
193    .consent_small_button {
194        background-color: #026B85 !important;
195        border: none !important;
196        color: #FFF !important;
197        font-weight: 300 !important;
198        cursor: pointer;
199    }
200
201    .consent_small_content {
202        padding: 2em 2em !important;
203        display: flex;
204        flex-direction: column;
205        row-gap: 20px;
206    }
207
208    .consent_small_header {
209        display: flex !important;
210        justify-content: space-between !important;
211        align-items: center;
212    }
213
214    .consent_small_header .consent_mystore_logo img {
215        max-width: 8.7em !important;
216        max-height: 2.5em !important;
217    }
218
219    .consent_small_title {
220        display: flex;
221        font-size: 22px;
222        line-height: normal;
223        column-gap: 4px;
224        font-family: 'ubuntu';
225        align-items: center;
226        flex-wrap: wrap;
227
228    }
229
230    .consent_small_title svg {
231        width: 24px;
232        height: 24px;
233    }
234
235    .consent_small_exit {
236        display: none;
237    }
238
239    .consent_small_description {
240        font-size: 16px;
241        line-height: normal;
242        font-family: 'roboto';
243    }
244
245    .consent_small_buttonrow {
246        width: 100%;
247        display: flex !important;
248        flex-direction: row !important;
249        justify-content: space-between !important;
250    }
251
252    .consent_small_buttonrow button {
253        background-color: #026B85;
254        border: none;
255        color: #FFF !important;
256        font-weight: 400 !important;
257        font-size: 16px;
258    }
259
260    .consent_small_buttonrow .consent_small_button {
261        padding: 10px 12px;
262        border-radius: 4px !important;
263        cursor: pointer;
264        width: 47.5% !important;
265        max-width: 13.6em !important;
266    }
267
268    .consent_small_url {
269        order: 1;
270    }
271
272    .consent_vertical_separator {
273        display: none;
274    }
275
276    .consent_modal_button_row {
277        display: flex;
278        column-gap: 10px;
279        padding-bottom: 10px;
280        padding-top: 10px;
281    }
282
283    .consent_no_select {
284        opacity: 50%;
285    }
286
287    @media (max-width: 576px) {
288        .consent_small_container {
289            margin-left: 0 !important;
290            margin-right: 0 !important;
291        }
292
293        .consent_modal_button_needed {
294            position: fixed;
295            bottom: 0;
296            background-color: #FFF;
297            margin-bottom: 0;
298            padding-top: 2em;
299
300            box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
301            width: 100vw;
302            left: 0;
303        }
304
305        .consent_modal_button_needed .consent_button {
306            width: 70%;
307        }
308    }
309
310    @media (min-width: 767px) {
311        .consent_vertical_separator {
312            height: 100%;
313            width: 1px;
314            background-color: #E9E9E9;
315            margin-right: 1em;
316            display: block;
317        }
318
319        .consent_small_header {
320            align-items: center;
321        }
322
323        .consent_small_exit {
324            display: block;
325            font-size: 2.3em !important;
326            cursor: pointer;
327        }
328
329        .consent_small_exit:after {
330            display: inline-block;
331            content: "\00d7";
332        }
333
334        .consent_small_buttonrow {
335            align-items: center;
336            justify-content: space-around;
337        }
338
339        .consent_small_url {
340            order: 0;
341            margin-right: 0;
342        }
343    }
344
345    .consent_modal {
346        line-height: 1.42857 !important;
347        background-color: rgba(0, 0, 0, 0.4);
348        align-items: center;
349
350        font-family: 'Roboto', sans-serif !important;
351        font-size: 10px !important;
352        display: none;
353        position: fixed !important;
354        top: 0 !important;
355        left: 0 !important;
356        z-index: 2147483645 !important;
357        width: 100% !important;
358        height: 100% !important;
359    }
360
361    .consent_modal_content {
362        background-color: #fefefe !important;
363        padding: 1em 1em;
364        border-radius: 1% !important;
365        width: 80%;
366        min-width: 345px;
367        max-width: 430px;
368        margin: auto;
369        height: fit-content;
370    }
371
372    .consent_modal_body {
373        padding: 0;
374        overflow-y: scroll;
375        display: flex;
376        flex-direction: column;
377        row-gap: 10px;
378    }
379
380    .consent_modal_body .consent_confirm_button {
381        width: auto;
382    }
383
384    .consent_modal_save_container {
385        background-color: #fff;
386        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
387        display: flex;
388        justify-content: center;
389        padding: 1em 0;
390        position: fixed;
391        bottom: 0;
392        left: 0;
393        width: 100%;
394    }
395
396    .consent_modal_body div img {}
397
398    .consent_modal_title {
399        font-weight: 500;
400        font-size: 22px;
401        display: flex;
402        width: 100%;
403        column-gap: 4px;
404        align-items: center;
405        font-family: 'ubuntu';
406    }
407
408    .consent_modal_title svg {
409        width: 24px;
410        height: 24px;
411    }
412
413    .consent_button {
414        border-radius: 4px !important;
415        font-size: 1.4em !important;
416        cursor: pointer !important;
417        padding: 10px 12px;
418        background-color: #026B85;
419        color: #FFF;
420        border: none;
421        font-weight: 400;
422    }
423
424
425    .consent_modal_button_row button {
426        padding: 13px 0;
427    }
428
429    .consent_button_accept {
430        background-color: #026B85 !important;
431        border: none !important;
432        color: #FFF !important;
433    }
434
435    .consent_button_save {
436        border: 1px solid #CCC;
437        margin: 0 1em;
438        cursor: pointer;
439    }
440
441    .consent_mystore_modal_logo {
442        display: flex;
443        flex-direction: column;
444        row-gap: 2px;
445        align-items: flex-end;
446    }
447
448    .consent_mystore_modal_logo span {
449        font-size: 6px;
450        text-align: right;
451    }
452
453    .consent_mystore_modal_logo img {
454        max-height: 17px;
455    }
456
457
458
459    .consent_mystore_logo {
460        display: flex;
461        align-items: center;
462        flex-direction: column;
463        font-size: 6px;
464    }
465
466    .consent_modal .consent_mystore_logo {
467        height: 2.5em !important;
468    }
469
470    .consent_modal_read_more a,
471    .consent_google_privacy_link a {
472        color: #409AEF !important;
473        text-decoration: none !important;
474    }
475
476    .consent_modal_disclaimer {
477        margin-bottom: 1em;
478    }
479
480    .consent_google_privacy_link {}
481
482    .consent_small_container .consent_google_privacy_link {
483        margin-top: 0.8em;
484    }
485
486    .consent_left .consent_google_privacy_link {
487        margin-left: 0.5em;
488        margin-right: 3em;
489    }
490
491    .consent_mobile_disclaimer {
492        font-size: 1.4em !important;
493        display: flex;
494        column-gap: 24px;
495    }
496
497    .consent_left {
498        justify-content: flex-start;
499        flex: 1 0 0;
500    }
501
502    .consent_modal_switch_parent {
503        display: flex;
504        column-gap: 4px;
505        justify-content: space-between;
506    }
507
508    .consent_mystore_logo_container {
509        display: flex;
510        justify-content: flex-end;
511        border-top: 1px solid #F2F2F2;
512        padding: 10px 0;
513    }
514
515    .consent_modal_header {
516        display: flex !important;
517        flex-direction: row !important;
518        justify-content: space-between !important;
519    }
520
521    .consent_confirm_button {
522        background-color: #026B85;
523        color: #FFF;
524        border: none;
525        border-width: 1px;
526        width: 100%;
527        border-radius: 0.25rem;
528        padding: 0.5rem;
529        font-size: 1rem;
530        font-family: 'ubuntu';
531
532    }
533
534    @media (min-width: 575px) {
535        .consent_modal_switch_parent {
536            margin-bottom: 0em;
537        }
538
539        .consent_button_save {
540            border: 1px solid #CCC;
541            margin: 0;
542        }
543
544        .consent_modal {
545            display: none;
546            background-color: rgba(0, 0, 0, 0.4);
547            position: fixed !important;
548            top: 0 !important;
549            left: 0 !important;
550            width: 100% !important;
551            height: 100% !important;
552            overflow: auto !important;
553        }
554
555        .consent_modal_content {
556            background-color: #fefefe !important;
557            margin: 3% auto;
558            padding: 10px 20px;
559            border-radius: 1% !important;
560            height: fit-content;
561        }
562
563        .consent_modal_header {
564            /* display: flex;
565        flex-direction: row;
566        justify-content: space-between; */
567        }
568
569        .consent_modal_body {
570            padding-bottom: 0;
571
572            height: auto;
573            overflow: hidden;
574        }
575
576        .consent_modal_save_container {
577            box-shadow: none;
578            display: flex;
579            justify-content: center;
580            position: initial;
581            padding: 0;
582        }
583    }
584
585    .consent_container {
586        line-height: 1.42857 !important;
587        font-family: 'Roboto', sans-serif !important;
588        background-color: white !important;
589        box-shadow: 0px 0 10px rgba(0, 0, 0, 0.25) !important;
590        border-top: 2px solid #EEE !important;
591        position: fixed !important;
592        bottom: 0 !important;
593        width: 100% !important;
594        font-size: 10px !important;
595        padding: 2em 2em !important;
596        z-index: 2147483645 !important;
597        /* height: auto !important; */
598    }
599
600    .consent_url {
601        margin-right: 6em;
602        width: 100%;
603    }
604
605    .consent_modal_switch input:checked+.slider:before {
606        -webkit-transform: translateX(24px);
607        -ms-transform: translateX(24px);
608        transform: translateX(24px);
609    }
610
611    .consent_right {
612        display: flex;
613        justify-content: space-between;
614        height: 100%;
615        column-gap: 20px;
616    }
617
618    .consent_right_container {
619        display: flex;
620        flex-direction: column;
621        row-gap: 20px;
622    }
623
624    .consent_readmore_text {
625        text-align: center;
626        color: #409AEF;
627        font-family: 'ubuntu';
628        font-size: 14px;
629        cursor: pointer;
630    }
631
632    .consent_button_container {
633        display: flex;
634        justify-content: center;
635    }
636
637    @media (min-width: 1200px) {
638        .consent_right_container {
639            flex-direction: row-reverse;
640            column-gap: 20px;
641        }
642
643        .consent_readmore_text {
644            align-self: center;
645        }
646    }
647
648    @media (max-width: 991px) {
649        .consent_url {
650            margin-right: 3em;
651        }
652    }
653
654    @media (max-width: 767px) {
655        .consent_modal_switch input:checked+.slider:before {}
656    }
657
658    /* Up to md screens */
659    @media (max-width: 767px) {
660        .consent_vertical_separator {
661            height: 100%;
662            width: 1px;
663            background-color: #E9E9E9;
664            margin-right: 1em;
665        }
666
667        .consent_modal_switch {
668            min-width: 46px;
669            max-width: 46px !important;
670            /* Hack for america themes...*/
671        }
672
673        .consent_content {
674            padding-left: 0;
675            padding-right: 0;
676        }
677
678        .consent_url {
679            color: #333;
680            text-decoration: none;
681            font-weight: 400;
682            margin: 1em 0;
683            order: 1;
684        }
685
686        .consent_url div {
687            background-color: lightgray;
688            border-radius: 4px;
689            padding: 1em 0em;
690            text-align: center;
691        }
692
693        .consent_left,
694        .consent_right {
695            padding-left: 0;
696            padding-right: 0;
697        }
698
699        .consent_left {
700            display: flex;
701            flex-direction: column;
702            text-align: center;
703        }
704
705        .consent_left .consent_google_privacy_link {
706            margin: 0.5em 0 0 0;
707        }
708
709        .consent_left .consent_mobile_title {
710            display: flex !important;
711            flex-direction: column-reverse !important;
712            flex-wrap: wrap;
713            justify-content: center !important;
714            margin-bottom: 1em !important;
715        }
716
717        .consent_left .consent_mobile_title span {
718            padding-top: 0 !important;
719        }
720
721        .consent_mystore_logo {
722            justify-content: center;
723        }
724    }
725
726    .consent_mobile_title {
727        font-weight: bold !important;
728        font-size: 1.6em !important;
729        margin-bottom: 2em !important;
730
731        display: flex;
732        justify-content: space-between !important;
733        flex-direction: row !important;
734    }
735
736    .consent_mobile_title .consent_mystore_logo img {}
737
738    .consent_mobile_title span {
739        padding-top: 2em !important;
740    }
741
742    .consent_modal_action_container {
743        display: none;
744    }
745
746    .consent_modal_action_button {
747        background-color: #0B75CB;
748        border: 1px solid #0B75CB;
749        border-radius: 37px;
750        color: #FFF;
751        font-size: 1.4em !important;
752        padding: 0.5em 1em;
753    }
754
755    .consent_modal_action_button_container {
756        align-items: center;
757        display: flex;
758        font-family: 'Roboto', sans-serif !important;
759        font-size: 10px !important;
760        justify-content: space-between;
761        flex-direction: column;
762        margin-bottom: 2em;
763    }
764
765    @media (min-width: 576px) {
766        .consent_modal_action_button_container {
767            flex-direction: row;
768            margin-bottom: 0;
769        }
770
771        .consent_modal_button_needed {
772            margin-bottom: 0;
773        }
774    }
775
776    .consent_content {
777        display: flex;
778        flex-direction: row;
779        justify-content: space-between;
780    }
781
782    /* md and up screens */
783    @media (min-width: 768px) {
784        .consent_mobile_title {
785            display: none;
786        }
787
788        .consent_mystore_logo {
789            text-align: right;
790            width: auto !important;
791            height: auto !important;
792        }
793
794        .consent_vertical_separator {
795            height: 5em !important;
796        }
797
798        .consent_right .consent_button_container:nth-of-type(2) {
799            margin-bottom: 0;
800        }
801
802        .consent_right img {
803            width: 17px;
804            height: 17px;
805            display: block;
806        }
807
808        .consent_url {
809            width: auto;
810        }
811
812        .consent_button_container {
813            width: auto;
814
815            max-width: 17em !important;
816        }
817
818        .consent_left {
819            justify-content: flex-start;
820        }
821
822        .consent_left,
823        .consent_right {
824            display: flex;
825            align-items: center;
826        }
827
828
829        .consent_right div:not(:last-child) {}
830
831
832        .consent_button_limited_width {
833            width: 100% !important;
834        }
835
836        .consent_modal_content {}
837
838        .consent_modal_button_row button {
839            max-width: 31em !important;
840        }
841    }
842
843    .consent_logo_in_disclaimer {
844        display: none;
845    }
846
847    .consent_content {
848        align-items: center;
849        height: 100%;
850        column-gap: 24px;
851        flex-direction: row;
852        row-gap: 24px;
853    }
854
855    @media (max-width: 650px) {
856        .consent_logo_in_disclaimer {
857            display: flex;
858            width: 20%;
859        }
860
861        .consent_mobile_disclaimer>span:first-child {
862            width: 80%;
863            text-align: left;
864        }
865
866        .consent_right {
867            column-gap: 20px;
868            align-self: stretch;
869        }
870
871        .consent_right .consent_mystore_logo {
872            display: none;
873        }
874
875        .consent_content {
876            flex-direction: column;
877        }
878
879        .consent_right_container {
880            align-self: stretch;
881        }
882
883        .consent_button_container {
884            flex: 1 0 0;
885        }
886
887        .consent_button_container button {
888            width: 100%;
889        }
890    }
891
892
893    /* up to xl */
894    @media (min-width: 768px) and (max-width: 1200px) {
895        .consent_modal_content {}
896    }
897
898
899    .consent_modal_description {
900        margin-top: 1em !important;
901    }
902
903    .consent_modal_info_container {
904        display: flex;
905        flex-direction: column;
906        row-gap: 10px;
907        font-size: 1.4em !important;
908
909    }
910
911    .consent_modal_button_row button {
912        width: 100%;
913    }
914
915    .consent_modal_button_row button:first-of-type {}
916
917    .consent_modal_button_row .consent_allow_all {
918        background-color: #026B85 !important;
919        color: #FFF !important;
920        border: none !important;
921        font-weight: 700;
922
923    }
924
925    .consent_modal_button_row .consent_needed_only {
926        background-color: #FFF !important;
927        border: 1px solid #CCC !important;
928        border-radius: 4px;
929        color: #262626;
930    }
931
932    .consent_modal_switch {
933        position: relative;
934        display: inline-block;
935        width: 48px;
936        max-width: 48px;
937        height: 24px;
938        margin-bottom: 0;
939    }
940
941
942    .consent_necessary_opacity {
943        opacity: 50%;
944    }
945
946    .consent_modal_switch .slider {
947        position: absolute;
948        cursor: pointer;
949        top: 0;
950        left: 0;
951        right: 0;
952        bottom: 0;
953        background-color: #ccc;
954        -webkit-transition: .4s;
955        transition: .4s;
956        border-radius: 26px;
957        width: 48px;
958    }
959
960    .consent_modal_switch input:disabled+.slider {
961        opacity: 0.5;
962    }
963
964    .consent_modal_switch input:checked+.slider {
965        background-color: #026B85;
966    }
967
968    .consent_modal_switch input:focus+.slider {
969        box-shadow: 0 0 1px #026B85;
970    }
971
972    .consent_modal_switch .slider:before {
973        position: absolute;
974        content: "";
975        height: 20px;
976        width: 20px;
977        left: 2px;
978        bottom: 1px;
979        background-color: white;
980        -webkit-transition: .4s;
981        transition: .4s;
982        border-radius: 12px;
983        top: 2px;
984    }
985
986    .consent_modal_switch input {
987        height: 100%;
988        width: 100%;
989    }
990
991    .consent_modal_switch_container {
992        display: flex;
993        flex-direction: column;
994        row-gap: 4px;
995        align-items: center;
996        margin-bottom: 0;
997        background-color: #F2F2F2;
998        padding: 14px 0;
999        border-radius: 4px;
1000        flex-grow: 1;
1001        justify-content: center;
1002        font-size: 12px;
1003    }
1004
1005    .consent_modal_cookie_title {
1006        font-weight: normal;
1007        font-size: 1.6em !important;
1008        color: black !important
1009    }
1010
1011    .consent_modal_cookie_body {
1012        font-size: 1.4em !important
1013    }
1014
1015    .consent_modal_action_container .consent_modal_action_button img {
1016        max-width: 19px !important;
1017        max-height: 20px !important;
1018    }
1019
1020    .consent_modal_action_container {
1021        cursor: pointer !important;
1022    }
1023
1024    .consent_modal_action_container button {
1025        cursor: pointer !important;
1026    }
1027</style>
1028
1029
1030        
1030<script>
1031        var params = {
1032            load_fancybox:'1',
1033            is_checkout:'0',
1034            defaultLang: 'no',
1035            langCode: 'no'
1036        };
1037    </script>
1037
1038
1039
1040
1041    <link rel="shortcut icon" type="image/x-icon" href="/users/alfafritid_mystore_no/logo/favicon9.ico">
1042
1043
1044
1045    
1046<script>
1047    let anonip = 'false';
1048
1049    
1050        window.dataLayer = window.dataLayer || [];
1051        function gtag(){dataLayer.push(arguments);}
1052    
1053
1054    gtag('js', new Date());
1055
1056            gtag('consent', 'default', {
1057            'ad_storage': 'denied',
1058            'analytics_storage': 'denied',
1059            'ad_user_data': 'denied',
1060            'ad_personalization': 'denied',
1061            'wait_for_update' : 500
1062        });
1063
1064            </script>
1064
1065
1066
1067
1068<script type="text/javascript">
1069    
1070        
1071    
1072</script>
1072
1073        <!-- Google Tag Manager -->
1074                        
1074<script>
vendor: 337 bytes, lines 1074-1078
1074(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1075    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1076    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1077    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1078    })(window,document,'script','dataLayer','
1078GTM-P23HTH2
vendor: 3 bytes, line 1078
1078');
1078</script>
1078
1079        <!-- End Google Tag Manager -->
1080
1081        
1082
1083    
1084<script>
1085    window.setGACookie = (cookieName, data, ttl = '1') => {
1086        const version = '1.1.0';
1087        data.unshift(version);
1088
1089        // GAConsents hardcoded index positions. 2 = analytics 3 = marketing
1090        let analyticsState = data[2] == '1' ? 'granted' : 'denied'
1091        let adState = data[3] == '1' ? 'granted' : 'denied'
1092        let adUserData = data[4] == '1' ? 'granted' : 'denied'
1093        let adPersonalization = data[5] == '1' ? 'granted' : 'denied'
1094
1095        let GAConsents = {
1096            ad_storage: adState,
1097            analytics_storage: analyticsState,
1098            ad_user_data: adUserData,
1099            ad_personalization: adPersonalization,
1100        };
1101
1102        // TCC-3244
1103        if (!adState) {
1104            gtag('set', 'ads_data_redaction', true);
1105        }
1106
1107        window.setGAConsents(GAConsents);
1108        let requestData = data.join();
1109
1110        $s('consent').setCookie(requestData, ttl);
1111    }
1112
1113    window.setGAConsents = (consents) => {
1114        if (consents) {
1115            gtag('consent', 'update', {
1116                'ad_storage': consents['ad_storage'],
1117                'analytics_storage': consents['analytics_storage'],
1118                'ad_user_data': consents['ad_user_data'],
1119                'ad_personalization': consents['ad_personalization'],
1120            });
1121
1122            // TCC-3243
1123            gtag('set', 'url_passthrough', true);
1124
1125            
1126                    }
1127    }
1128</script>
1128
1129
1130
1131<script type="text/javascript"><!--
1132var form = "";
1133var submitted = false;
1134var error = false;
1135var error_message = "";
1136
1137function check_input(field_name, field_size, message) {
1138  if (form.elements[field_name] && (form.elements[field_name].type != "hidden")) {
1139    var field_value = form.elements[field_name].value;
1140
1141    if (field_value == '' || field_value.length < field_size) {
1142      error_message = error_message + "* " + message + "\n";
1143      error = true;
1144    }
1145   if(field_size == '0'){
1146	  error = false;
1147  }
1148  }
1149}
1150
1151function check_radio(field_name, message) {
1152  var isChecked = false;
1153
1154  if (form.elements[field_name] && (form.elements[field_name].type != "hidden")) {
1155    var radio = form.elements[field_name];
1156
1157    for (var i=0; i<radio.length; i++) {
1158      if (radio[i].checked == true) {
1159        isChecked = true;
1160        break;
1161      }
1162    }
1163
1164    if (isChecked == false) {
1165      error_message = error_message + "* " + message + "\n";
1166      error = true;
1167    }
1168  }
1169}
1170
1171function check_select(field_name, field_default, message) {
1172  if (form.elements[field_name] && (form.elements[field_name].type != "hidden")) {
1173    var field_value = form.elements[field_name].value;
1174
1175    if (field_value == field_default) {
1176      error_message = error_message + "* " + message + "\n";
1177      error = true;
1178    }
1179  }
1180}
1181
1182function check_password(field_name_1, field_name_2, field_size, message_1, message_2) {
1183  if (form.elements[field_name_1] && (form.elements[field_name_1].type != "hidden")) {
1184    var password = form.elements[field_name_1].value;
1185
1186    if (password == '' || password.length < field_size) {
1187      error_message = error_message + "* " + message_1 + "\n";
1188      error = true;
1189    }
1190  }
1191}
1192
1193function check_password_new(field_name_1, field_name_2, field_name_3, field_size, message_1, message_2, message_3) {
1194  if (form.elements[field_name_1] && (form.elements[field_name_1].type != "hidden")) {
1195    var password_current = form.elements[field_name_1].value;
1196    var password_new = form.elements[field_name_2].value;
1197    var password_confirmation = form.elements[field_name_3].value;
1198
1199    if (password_current == '' || password_current.length < field_size) {
1200      error_message = error_message + "* " + message_1 + "\n";
1201      error = true;
1202    } else if (password_new == '' || password_new.length < field_size) {
1203      error_message = error_message + "* " + message_2 + "\n";
1204      error = true;
1205    } else if (password_new != password_confirmation) {
1206      error_message = error_message + "* " + message_3 + "\n";
1207      error = true;
1208    }
1209  }
1210}
1211
1212function check_form(form_name) {
1213  if (submitted == true) {
1214    alert("Dette skjemaet er allerede sendt inn. Klikk OK og vent mens behandlingen fullføres.");
1215    return false;
1216  }
1217
1218  error = false;
1219  form = form_name;
1220  error_message = "Det oppsto en feil under behandlingen av skjemaet! Vennligst korriger følgende:";
1221
1222
1223  check_input("firstname", 2, "Fornavnet må inneholde minst 2 tegn");
1224  check_input("lastname", 2, "Etternavnet må inneholde minst 2 tegn");
1225
1226
1227  check_input("postcode", 4, "Postnummeret må inneholde minst 4 tegn og kun bestå av sifre");
1228
1229  check_input("email_address", 3, "E-posten må inneholde minst 3 tegn.");
1230  check_input("email_address2", 3, "E-posten må inneholde minst 3 tegn.");
1231  check_input("street_address", 5, "Adressen må inneholde minst 5 tegn");
1232  check_input("city", 1, "City må inneholde minst 1 tegn.");
1233  check_select("country", "", "Vennligst velg et land fra menyen.");
1234  check_input("telephone", 3, "Telefonnummeret ditt må inneholde minst 3 tegn.");
1235
1236  check_password("password", "confirmation", 5, "Passordet ditt må bestå av minst 5 tegn.", "Passordbekreftelsen må stemme overens med passordet ditt.");
1237  check_password_new("password_current", "password_new", "password_confirmation", 5, "Passordet ditt må bestå av minst 5 tegn.", "Det nye passordet ditt må bestå av minst 5 tegn.", "Passordbekreftelsen må samsvare med det nye passordet ditt.");
1238
1239  if (error == true) {
1240    alert(error_message);
1241    return false;
1242  } else {
1243    submitted = true;
1244    return true;
1245  }
1246}
1247//--></script>
1247
1248
1249
1250
1251    
1251<script type="text/javascript">
1252        //<![CDATA[
1253        window.lipscoreInit = function() {
1254            lipscore.init({
1255                apiKey: "cadb12bfca60e6aa1a5a0f54"
1256            });
1257        };
1258        (function() {
1259            var scr = document.createElement('script');
1260            scr.async = 1;
1261            scr.src = "//static.lipscore.com/assets/no/lipscore-v1.js";
1262            document.getElementsByTagName('head')[0].appendChild(scr);
1263        })();
1264        //]]>
1265    </script>
1265
1266
1267
1268
1269
1270    
1270<script defer src="https://static.elfsight.com/platform/platform.js"></script>
1270
1271
1272
1273
1274    
1275<!-- Messenger Chat Plugin Code -->
1276<div id="fb-root"></div>
1277
1278<!-- Your Chat Plugin code -->
1279<div id="fb-customer-chat" class="fb-customerchat">
1280</div>
1281
1282<script>
1283	var chatbox = document.getElementById('fb-customer-chat');
1284	chatbox.setAttribute("page_id", "172014540046");
1285	chatbox.setAttribute("attribution", "biz_inbox");
1286
1287      window.fbAsyncInit = function() {
1288        FB.init({
1289          xfbml            : true,
1290          version          : 'v13.0'
1291        });
1292      };
1293
1294      (function(d, s, id) {
1295        var js, fjs = d.getElementsByTagName(s)[0];
1296        if (d.getElementById(id)) return;
1297        js = d.createElement(s); js.id = id;
1298        js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
1299        fjs.parentNode.insertBefore(js, fjs);
1300      }(document, 'script', 'facebook-jssdk'));
1301  
1302(function(){var s=document.createElement("script");s.id="mnm-widget";s.type="text/javascript";s.async=!0;s.setAttribute("data-params","{\"config\":\"97a048d9-e676-48ed-9b6b-ed7cc71dd662.json\",\"version\":\"2\"}");s.src="https://cdn.dialogapi.no/widget.v4.min.gz.js";document.getElementsByTagName("head")[0].appendChild(s)})();
1303</script>
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315        
1316        
1317
1318                    
1319
1320    <link href="/templates/belgrade/assets/fonts/Poppins/Poppins.css" rel="preload" as="style" />
1321    <link href="/templates/belgrade/assets/fonts/Poppins/Poppins.css" rel="stylesheet" />
1322
1323        
1324        
1325            </head>
1326
1327    <body
1328        x-data
1329        class="login-page fake-body overflow-x-hidden"
1330        :class="{
1331            'dark': $store.settings.settings.darkMode,
1332            'overflow-hidden': $store.search.open || $store.cart.settings.open || $store.wishlist.settings.open || $store.settings.settings.mobileMenuOpen
1333        }"
1334        >
1335        
1336        
1337        
1338
1339<div id="global-settings-preview">
1340    
1341    <style>
1342        :root {
1343            --body-color: inherit;
1344            --text-color: #000;
1345            --link-color: #71BF43;
1346            --link-color-hover: #1A45A4;
1347            --link-background-color: #000;
1348
1349            --active-link-background-color: #fff;
1350            --active-link-color: #000;
1351
1352            --primary-color: #262626;
1353            --primary-text-color: #e4e4e4ff;
1354            --primary-color-hover: #1b1b1b;
1355            --primary-text-color-hover: #fff;
1356
1357            --secondary-color: #262626;
1358            --secondary-text-color: #fff;
1359            --secondary-color-hover: #262626;
1360            --secondary-text-color-hover: #fff;
1361
1362            --success-color: #49ce75;
1363            --success-text-color: #fff;
1364            --success-color-hover: #12973e;
1365            --success-text-color-hover: #fff;
1366
1367            --warning-color: #dacab5ff;
1368            --warning-text-color: #fff;
1369            --warning-color-hover: #8d530a;
1370            --warning-text-color-hover: #fff;
1371
1372            --info-color: #3fd0c5;
1373            --info-text-color: #fff;
1374            --info-color-hover: #a71037;
1375
1376            --error-color: #016b85;
1377            --error-text-color: #fff;
1378            --error-color-hover: #a71037;
1379            --error-text-color-hover: #fff;
1380
1381            --tag-custom-ribbon-background: #2f90d1;
1382            --tag-custom-ribbon-text: #fff;
1383
1384            --tag-discount-ribbon-background: #EF4444;
1385            --tag-discount-ribbon-text: #fff;
1386
1387            --tag-new-ribbon-background: #22C55E;
1388            --tag-new-ribbon-text: #fff;
1389
1390            --account-section-background: #f9f9f9;
1391            --section-background: #f9f9f9;
1392
1393            --header-background-color: #ffffff;
1394            --header-text-color: #000000;
1395            --menu-dropdown-background-color: #f9f9f9;
1396            --menu-dropdown-text-color: #1b1b1b;
1397
1398            --footer-background-color: #1b1b1b;
1399            --footer-text-color: #ffffff;
1400
1401            --radius-xs: 0.125rem;
1402            --radius-sm: 0.25rem;
1403            --radius-md: 0.375rem;
1404            --radius-lg: 0.5rem;
1405            --radius-xl: 0.75rem;
1406            --radius-2xl: 1rem;
1407            --radius-3xl: 1.5rem;
1408            --radius-full: 9999px;
1409            --radius-none: 0;
1410        }
1411
1412        body {
1413            background-color: var(--body-color);
1414            color: var(--text-color);
1415            fill: var(--text-color);
1416                        font-family: "Poppins", sans-serif;
1417            font-display: swap;
1418                    }
1419
1420        .container {
1421                }
1422
1423        
1424                    h1,
1425            h2,
1426            h3,
1427            h4,
1428            h5,
1429            h6 {
1430                font-family: "Poppins", sans-serif;
1431                font-display: swap;
1432            }
1433
1434        
1435        h1 {
1436            font-size: 2rem;
1437            font-weight: noraml;
1438        }
1439
1440        h2 {
1441            font-size: 2rem;
1442            font-weight: noraml;
1443        }
1444
1445        h3 {
1446            font-size: 1.85rem;
1447            font-weight: noraml;
1448        }
1449
1450        h4 {
1451            font-size: 2rem;
1452            font-weight: noraml;
1453        }
1454
1455        .editorcontent a:hover {
1456            color: var(--link-color-hover);
1457        }
1458
1459        /* Product page and product box ribbons/tags */
1460        .custom_ribbon {
1461            background-color: var(--tag-custom-ribbon-background);
1462            color: var(--tag-custom-ribbon-text);
1463        }
1464
1465        .discount_ribbon {
1466            background-color: var(--tag-discount-ribbon-background);
1467            color: var(--tag-discount-ribbon-text);
1468        }
1469
1470        .new_ribbon {
1471            background-color: var(--tag-new-ribbon-background);
1472            color: var(--tag-new-ribbon-text);
1473        }
1474
1475        /* Buttons general */
1476        .button-default {
1477            color: #000;
1478            fill: #000;
1479            background-color: #f4f4f5;
1480            border-color: #f4f4f5
1481        }
1482
1483        .button-primary {
1484            color: var(--primary-text-color) !important;
1485            fill: var(--primary-text-color) !important;
1486            background-color: var(--primary-color) !important;
1487            border-color: var(--primary-text-color) !important;
1488        }
1489
1490        .button-primary:hover {
1491            color: var(--primary-text-color-hover) !important;
1492            fill: var(--primary-text-color-hover) !important;
1493            background-color: var(--primary-color-hover) !important;
1494            border-color: var(--primary-text-color-hover) !important;
1495        }
1496
1497        .button-secondary {
1498            color: var(--secondary-text-color) !important;
1499            fill: var(--secondary-text-color) !important;
1500            background-color: var(--secondary-color) !important;
1501            border-color: var(--secondary-text-color) !important;
1502        }
1503
1504
1505        .button-secondary:hover {
1506            color: var(--secondary-text-color-hover) !important;
1507            fill: var(--secondary-text-color-hover) !important;
1508            background-color: var(--secondary-color-hover) !important;
1509            border-color: var(--secondary-text-color-hover) !important;
1510        }
1511
1512        .button-success,
1513        .__notification-success {
1514            color: var(--success-text-color) !important;
1515            fill: var(--success-text-color) !important;
1516            background-color: var(--success-color) !important;
1517            border-color: var(--success-text-color) !important;
1518        }
1519
1520        .__notification-success svg {
1521            fill: var(--success-text-color) !important;
1522        }
1523
1524        .__notification-success .notification_block {
1525            background: var(--success-color) !important;
1526        }
1527
1528        .button-success:hover {
1529            color: var(--success-text-color-hover) !important;
1530            fill: var(--success-text-color-hover) !important;
1531            background-color: var(--success-color-hover) !important;
1532            border-color: var(--success-text-color-hover) !important;
1533        }
1534
1535        .button-success:hover {
1536            color: var(--success-text-color-hover) !important;
1537            fill: var(--success-text-color-hover) !important;
1538            background-color: var(--success-color-hover) !important;
1539            border-color: var(--success-text-color-hover) !important;
1540        }
1541
1542        .button-warning,
1543        .__notification-warning {
1544            color: var(--warning-text-color) !important;
1545            fill: var(--warning-text-color) !important;
1546            background-color: var(--warning-color) !important;
1547            border-color: var(--warning-text-color) !important;
1548        }
1549
1550        .__notification-warning .notification_block {
1551            background: var(--warning-color) !important;
1552        }
1553
1554        .__notification-warning svg {
1555            fill: var(--warning-text-color) !important;
1556        }
1557
1558        .__notification-warning {
1559            fill: var(--warning-color) !important;
1560        }
1561
1562        .button-warning:hover {
1563            color: var(--warning-text-color-hover);
1564            fill: var(--warning-text-color-hover);
1565            background-color: var(--warning-color-hover) !important;
1566            border-color: var(--warning-text-color-hover) !important;
1567        }
1568
1569        .button-info,
1570        .__notification-info {
1571            color: var(--info-text-color) !important;
1572            fill: var(--info-text-color) !important;
1573            background-color: var(--info-color) !important;
1574            border-color: var(--info-text-color) !important;
1575        }
1576
1577        .__notification-info .notification_block {
1578            background: var(--info-color) !important;
1579        }
1580
1581        .__notification-info svg {
1582            fill: var(--info-text-color);
1583        }
1584
1585        .__notification-info {
1586            fill: var(--info-color) !important;
1587        }
1588
1589        .button-info:hover {
1590            color: var(--info-text-color) !important;
1591            fill: var(--info-text-color) !important;
1592            background-color: var(--info-color-hover) !important;
1593            border-color: var(--info-text-color) !important;
1594        }
1595
1596        .button-error,
1597        .__notification-error {
1598            color: var(--error-text-color) !important;
1599            fill: var(--error-text-color) !important;
1600            background-color: var(--error-color) !important;
1601            border-color: var(--error-text-color) !important;
1602
1603        }
1604
1605        .button-error:hover {
1606            color: var(--error-text-color-hover) !important;
1607            fill: var(--error-text-color-hover) !important;
1608            background-color: var(--error-color-hover) !important;
1609            border-color: var(--error-text-color-hover) !important;
1610        }
1611
1612        .__notification-error .notification_block {
1613            background: var(--error_color) !important;
1614        }
1615
1616        .__notification-error svg {
1617            fill: var(--error-text-color) !important;
1618        }
1619
1620        .__notification-error {
1621            fill: var(--error-color) !important;
1622        }
1623
1624        /* TODO::: tmp fix for product box, as soon as we add support for advance boxes we can remove those lines */
1625        .product-thumb-info figure > a,
1626        .product-thumb-info a:has( >  .__image_preview) {
1627                            height: 200px !important;
1628                                        display: flex;
1629                align-items: center;
1630                justify-content: center;
1631                    }
1632
1633        .product-thumb-info figure .attribute_buttons a {
1634            height: unset !important;
1635        }
1636
1637                    .product-thumb-info figure > a img {
1638                width: auto;
1639                max-width: 100%;
1640            }
1641
1642        
1643        @media only screen and (max-width: 600px) {
1644            .__pb_v5 .attribute_info_content {
1645                max-width: 80%;
1646                display: inline-block;
1647            }
1648            .product-thumb-info figure > a,
1649            .product-thumb-info a:has( >  .__image_preview) {
1650                height: 180px !important;
1651            }
1652        }
1653
1654                    .__floating-placeholder-desktop {
1655                padding-top: ;
1656            }
1657
1658        
1659                    .__floating-placeholder-mobile {
1660                padding-top: ;
1661            }
1662
1663        
1664        
1665        .category-page .__category_description p {
1666            margin-bottom: 1rem;
1667        }
1668
1669        .pb_info_container .pb_v7_title {
1670            display: -webkit-box;
1671            -webkit-line-clamp: 2;
1672            -webkit-box-orient: vertical;
1673            text-overflow: ellipsis !important;
1674            overflow: hidden;
1675        }
1676
1677            </style>
1678
1679    <style>
1680        /* Make sure product title has fixed height and does not overflow 
1681.__products_carousel_block .pb_title {
1682  min-height: 48px; 
1683  max-height: 48px; 
1684  overflow: hidden;
1685  margin-bottom: 6px;
1686}
1687
1688/* Remove arrows from product carousel */
1689.__products_carousel_block .splide__arrows {
1690  display: none;
1691}
1692
1693.button-secondary .content {
1694    width: 100%;
1695}
1696.button-secondary  {
1697    max-width: none;
1698    padding-bottom: 1.2rem;
1699    padding-top: 1.2rem;
1700    width: 100%;
1701    text-align: center;
1702}
1703    </style>
1704</div>
1705        <div x-init="() => {
1706
1707    
1708    
1709
1710}"></div>
1711
1712<div
1713    x-data="{ freeShippingLimit: null, freeShippingWeightLimit: null }"
1714    x-init="() => {
1715                
1716    
1717    
1718    
1719    if (typeof freeShippingLimit !== 'undefined') {
1720        $s('cart').setFreeShippingLimit(freeShippingLimit);
1721    }
1722
1723    if (typeof freeShippingWeightLimit !== 'undefined') {
1724        $s('cart').setFreeShippingWeightLimit(freeShippingWeightLimit);
1725    }
1726
1727    
1728    $s('cart').setTotal('0,-', true);
1729    $s('cart').displayTotal = '0,-';
1730
1731    
1732        
1733    }"></div>
1734
1735<div x-init="() => {
1736    // General settings
1737    $s('settings').add('current_page', 'login.php');
1738    $s('settings').add('FILTER_V2_SHOW_PRODUCTS', true);
1739    $s('settings').add('PRODUCT_BUNDLES_ACTIVE', );
1740    $s('settings').add('STOCK_ALLOW_CHECKOUT', false);
1741    $s('settings').add('STOCK_Q_IN_STOCK', true);
1742    $s('settings').add('currency', 'NOK');
1743    $s('settings').add('languages_code', 'no');
1744    $s('settings').add('OPENSEARCH_ACTIVE', false);
1745
1746    // Customer club settings
1747    $s('settings').add('CUSTOMER_CLUB_ACTIVE', );
1748    $s('settings').add('CUSTOMER_CLUB_GROUP_ID', );
1749
1750            $s('settings').add('IS_CLUB_MEMBER', false);
1751    
1752    
1753        $s('modals').taxmodal.taxExcluded = false;
1754            
1755}"></div>
1756<div x-init="() => {
1757    $s('price').displayPriceString = '0,-';
1758}"></div>
1759<div x-init="() => {
1760    $s('notifications').addMessage('successMessage', 'Lagt til i handlekurven');
1761    $s('notifications').addMessage('itemRemovedFromCartMessage', 'Varen har blitt fjernet');
1762    $s('notifications').addMessage('cartIsEmptyMessage', 'Handlekurven er tom');
1763    $s('notifications').addMessage('mustChooseAttributesMessage', 'Du må velge en variant');
1764    $s('notifications').addMessage('infoMessage', 'Handlekurven har blitt oppdatert');
1765    $s('notifications').addMessage('wishlistAddedMessage', 'Produktet har blitt lagt til i listen');
1766
1767    }"></div>
1768
1769<div x-init="() => {
1770    window.hooks.add_hooks('after_update_cart', 'cart_updated_notification', function(product) {
1771        $s('notifications').showNotification('info', 'cart', $s('notifications').getMessage('infoMessage'));
1772    });
1773
1774    window.hooks.add_hooks('after_add_to_cart', 'cart_add_notification', function(product) {
1775        $s('notifications').showNotification('success', 'cart', $s('notifications').getMessage('successMessage'));
1776    });
1777
1778    window.hooks.add_hooks('after_remove_from_cart', 'cart_remove_notification', function(product) {
1779        $s('notifications').showNotification('warning', 'cart', $s('notifications').getMessage('itemRemovedFromCartMessage'));
1780    });
1781
1782    window.hooks.add_hooks('added_to_wishlist', 'wishlist_add_notification', function(product) {
1783        $s('notifications').showNotification('success', 'cart', $s('notifications').getMessage('wishlistAddedMessage'));
1784    });
1785
1786    window.hooks.add_hooks('must_choose_attributes', 'must_choose_attributes_notification', function({ error }) {
1787        $s('notifications').showNotification('error', 'cart', error ?? $s('notifications').getMessage('mustChooseAttributesMessage'));
1788    });
1789
1790    window.hooks.add_hooks('must_choose_attributes', 'quick_purchase_scroll_to_attributes', function(product) {
1791        if (location.href.indexOf('products') === -1) {
1792            return;
1793        }
1794
1795        const purchaseSection = document.getElementById('addToShoppingCart');
1796
1797        if (purchaseSection) {
1798            // Postpone scrolling, and give slider time to initialized
1799            setTimeout( function() {
1800                const purchaseSectionOffset = purchaseSection.getBoundingClientRect().top + window.pageYOffset - 250;
1801                window.scrollTo({ top: purchaseSectionOffset, behavior: 'smooth' });
1802            }, 800);
1803        }
1804    });
1805
1806    window.hooks.add_hooks('discount_coupons_merged', 'must_choose_attributes_notification', function(data) {
1807        $s('notifications').showNotification(data.status, 'account_bonuspoints', data.message);
1808    });
1809
1810    window.hooks.add_hooks('after_slide_change', 'change_attribute', function(attribute) {
1811        var params = attribute.split('-');
1812        var select = document.getElementById('id[' + params[0] + ']');
1813        var attribute_image = get_attribute_image_by_key(attribute);
1814
1815        if (attribute_image) {
1816            change_cart_image(attribute_image);
1817        }
1818
1819        if (select) {
1820            select.value = params[1];
1821            loop_dropdowns();
1822        }
1823    });
1824
1825    window.hooks.add_hooks('attribute_changed', 'hide_must_choose_attribute', function(attribute) {
1826        $s('product').must_choose_attributes = false;
1827    });
1828
1829    window.hooks.add_hooks('attribute_changed', 'procurement_presell', async function(attribute) {
1830
1831        $s('product').attributes =  attribute?.attr_combo;
1832        const result = await $s('product').procurement_presell($s('product').id, $s('product').attributes);
1833
1834        const data = result.map( function(procurement_line) {
1835            const result = {};
1836            procurement_line?.combination.split(',').forEach(attr => {
1837                const [key, value] = attr.split('-');
1838                if (key && value) {
1839                    result[`id[${ key.trim()}]`] = value.trim();
1840                }
1841            });
1842
1843            procurement_line.combination_split = result;
1844
1845            return procurement_line;
1846        });
1847
1848        $s('product').presell_data = data;
1849    });
1850
1851    
1852    
1853    
1854    
1855
1856    window.hooks.add_hooks('page_loaded', 'initial_customer_club_event_listeners', function () {
1857        const links = document.querySelectorAll('a[href*=\'#customerclub\']');
1858
1859        if (links.length > 0) {
1860            links.forEach( function(link) {
1861                link.addEventListener('click', function(e) {
1862                    e.preventDefault();
1863
1864                    $s('settings').toggle('customerClubOpen');
1865                });
1866            });
1867        }
1868    });
1869}"></div>
1870
1871        	
1872
1873                        <!-- Google Tag Manager (noscript) -->
vendor: 66 bytes, lines 1873-1874
1873
1874    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1874GTM-P23HTH2
vendor: 91 bytes, lines 1874-1876
1874"
1875    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1876    
1876<!-- End Google Tag Manager (noscript) -->
1877
1878	
1879
1880
1881	
1882
1883<div id="fb-root"></div>
1884
1885<script>
1886window.fbAsyncInit = function() {
1887	FB.init({
1888	appId      : '138255156243557', // App ID
1889	status     : true, // check login status
1890	cookie     : true, // enable cookies to allow the server to access the session
1891	oauth      : true, // enable OAuth 2.0
1892	xfbml      : true  // parse XFBML
1893	});
1894};
1895
1896(function(d, s, id) {
1897	var js, fjs = d.getElementsByTagName(s)[0];
1898	if (d.getElementById(id)) {return;}
1899	js = d.createElement(s); js.id = id;
1900	js.async=true; js.src = "//connect.facebook.net/nb_NO/all.js#xfbml=1";
1901	fjs.parentNode.insertBefore(js, fjs);
1902}(document, 'script', 'facebook-jssdk'));</script>
1902
1903
1904
1905
1906	                    
1906<script>
1907        var _CrallConfig = {
1908            features:{
1909                recommendations:{
1910                    usePreload:true,
1911                    customRenderEngine: 'renderNativeMystoreProducts',
1912                },
1913                search: {
1914                    customRenderEngine: 'renderNativeMystoreSarch'
1915                },
1916                reviews:{}
1917            },
1918            pk:14495
1919        };
1920
1921        function renderNativeMystoreProducts(elm, products, callback) {
1922            console.info("Reccomendations hook triggered");
1923            var products = products.products;
1924
1925            if (products.length > 0){
1926                $s('crall').renderNativeMystoreProducts(elm, products, callback);
1927            }
1928        }
1929
1930        function renderNativeMystoreSarch(elm, data, callback) {
1931            console.info("Crall Native search");
1932
1933            if (data.products.length > 0){
1934                $s('crall').renderNativeMystoreSarch(elm, data.products, callback);
1935            }
1936        }
1937        </script>
1937
1938
1939        
1939<script type="text/javascript">(function(){
1940                var cc=document.createElement('script');cc.type='text/javascript';cc.async=true;cc.src='https://cdn.crall.io/w/widgets.js?v=4';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(cc, s);})();
1941        </script>
1941
1942        
1943    
1943<script type="text/javascript">var __crallEmail='';var __crall_id=14495; (function(){
1944            var cc=document.createElement('script');cc.type='text/javascript';cc.async=true;cc.src='https://cdn.crall.io/t/client.js?v=4';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(cc, s);})();
1945    </script>
1945
1946    
1947
1948
1949<div class="crall-cart" style="display:none">
1950	</div>
1951
1952
1953
1954
1955
1956
1957                <style>
1958            :root {
1959                --dummy-color: #fff;
1960            }
1961        </style>
1962        <div
1963            x-data
1964            class="fake-body overflow-x-hidden"
1965            :class="{
1966                'dark': $store.settings.settings.darkMode,
1967                'overflow-hidden': $store.search.open || $store.cart.settings.open || $store.wishlist.settings.open || $store.settings.settings.mobileMenuOpen
1968            }"
1969        >
1970            <div class="page-wrapper">
1971                <div class="z-20 top-0 ">
1972                    
1973
1974
1975<a class="sr-only focus:not-sr-only block py-2 text-center focus:underline" href="/login#page">
1976    Hopp til innhold
1977</a>
1978
1979
1980<header
1981    id="__header"
1982    x-data="{
1983        height: 0,
1984        scrolled: false,
1985        transparentHeader:  false        }"
1986    class="relative top-0 left-0 right-0 header-content z-20 border-slate-100
1987        
1988    "
1989
1990    @scroll.window="scrolled = (window.scrollY > 200);">
1991    <div>
1992                    <div class="__header_static  ">
1993                                    
1994                                                                                                                                                                                                
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004<section
2005    id="section--header_builder4f16d1fc-58e2-4ec5-a24d-8d025df33bc5__header_builder"
2006        class="
2007        __header_builder_section
2008        __header_section
2009        text
2010        relative
2011
2012        hidden md:block
2013        
2014    "
2015    style="
2016                    background-color: #f8f8f8;
2017            fill: #000000;
2018            color: #000000;
2019                ;
2020        border-style: solid;
2021        border-color: #000;
2022    "
2023    data-subblock-key="general"
2024            >
2025        <div class="text__blocks m-auto
2026            items-center box-border
2027            w-full            grid gap-2
2028
2029            grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-2
2030        " style="
2031            padding: 12px 20px 12px 20px;;
2032        ">
2033
2034                    
2035                            
2036                                                                
2037    <div
2038        x-data="{ conditions: [] }"
2039        x-init="$s('conditions').checkConditions(conditions)"
2040        x-show="$s('conditions').checkConditions(conditions)"
2041        id="block--header_slogans15b95bc0-0c7a-4777-80b8-a9fce777a8ab__header_slogans" class=" __header_slogans_block items-center flex
2042        col-span-1 md:col-span-1 lg:col-span-1
2043                        
2044            
2045    
2046    
2047                                        lg:text-left lg:justify-start
2048                        
2049                                     "
2050        data-subblock-key="general">
2051
2052                                    
2053                                                    
2054    
2055            
2056        <div             x-data="{ conditions: [] }"
2057            x-init="$s('conditions').checkConditions(conditions)"
2058            x-show="$s('conditions').checkConditions(conditions)"
2059            class="__text_block relative editorcontent  "
2060            style="
2061                font-weight: normal;
2062                line-height: 1.5rem;
2063                text-align: left;
2064                
2065                                    background-color: ;
2066                    text-transform: none;
2067                    border-radius: 12;
2068                
2069                
2070            "
2071            data-subblock-key="paragraph">
2072            <div style="color:#000000;font-size:0.725rem;font-weight:400;"><p class="p1"><span style="color:hsl(0, 0%, 0%);">Kajakker og padleutstyr fra kvalitetsleverandører&nbsp;|&nbsp;Helårs padlebutikk&nbsp;|&nbsp;Vi sender til hele Norge</span></p></div>
2073
2074                    </div>
2075            <style>
2076            #block--header_slogans15b95bc0-0c7a-4777-80b8-a9fce777a8ab__header_slogans * {
2077                text-align: left;
2078            }
2079
2080            @media screen and (max-width: 600px) {
2081                #block--header_slogans15b95bc0-0c7a-4777-80b8-a9fce777a8ab__header_slogans * {
2082                    text-align: default;
2083                }
2084            }
2085        </style>
2086    </div>
2087                                        
2088                            
2089                                                                
2090    <div
2091        x-data="{ conditions: [] }"
2092        x-init="$s('conditions').checkConditions(conditions)"
2093        x-show="$s('conditions').checkConditions(conditions)"
2094        id="block--header_slogans72e16a2c-256a-4bc5-b2a3-c41bc9e65b27__header_slogans" class=" __header_slogans_block items-center flex
2095        col-span-1 md:col-span-1 lg:col-span-1
2096                        
2097            
2098                                        text-right justify-end
2099                        
2100    
2101                                        lg:text-right lg:justify-end
2102                        
2103                                     "
2104        data-subblock-key="general">
2105
2106                                    
2107                                                    
2108    
2109            
2110        <div             x-data="{ conditions: [] }"
2111            x-init="$s('conditions').checkConditions(conditions)"
2112            x-show="$s('conditions').checkConditions(conditions)"
2113            class="__text_block relative editorcontent  "
2114            style="
2115                font-weight: normal;
2116                line-height: 1.5rem;
2117                text-align: right;
2118                
2119                                    background-color: ;
2120                    text-transform: none;
2121                    border-radius: 12;
2122                
2123                
2124            "
2125            data-subblock-key="paragraph">
2126            <div style="color:inherit;font-size:0.725rem;font-weight:400;"><ul class="inline-flex gap-2"><li><a href="/pages/om-oss">Om oss</a></li><li><a href="/contact_us">Kontakt oss - åpningstid</a></li><li>&nbsp;</li><li>&nbsp;</li></ul></div>
2127
2128                    </div>
2129            <style>
2130            #block--header_slogans72e16a2c-256a-4bc5-b2a3-c41bc9e65b27__header_slogans * {
2131                text-align: right;
2132            }
2133
2134            @media screen and (max-width: 600px) {
2135                #block--header_slogans72e16a2c-256a-4bc5-b2a3-c41bc9e65b27__header_slogans * {
2136                    text-align: right;
2137                }
2138            }
2139        </style>
2140    </div>
2141                                </div>
2142</section>
2143                                                                                                            
2144                                                                                                                                    
2145
2146
2147
2148
2149
2150
2151
2152
2153
2154<section
2155    id="section--header_builder4603b083-3668-4cd7-a1ba-e8fe030b0def__header_builder"
2156        class="
2157        __header_builder_section
2158        __header_section
2159        text
2160        relative
2161
2162        hidden md:block
2163        
2164    "
2165    style="
2166                    background-color: #ffffff;
2167            fill: #1b1b1b;
2168            color: #1b1b1b;
2169                ;
2170        border-style: solid;
2171        border-color: #000;
2172    "
2173    data-subblock-key="general"
2174            >
2175        <div class="text__blocks m-auto
2176            items-center box-border
2177            w-full            grid gap-2
2178
2179            grid-cols-3 md:grid-cols-6 lg:grid-cols-8 gap-4
2180        " style="
2181            margin: 0px auto 0px auto;
2182padding: 18px 20px 18px 20px;;
2183        ">
2184
2185                    
2186                                                                
2187                                                    
2188    <div
2189        id="block--header_logo0abb7c66-a61d-4738-bbf4-cc1e59b709bb__header_logo"
2190        x-data=" { conditions: [] }"
2191        x-init="$s('conditions').checkConditions(conditions)"
2192        x-show="$s('conditions').checkConditions(conditions)"
2193        class="__header_logo_block  flex justify-start lg:justify-start
2194            col-span-1 md:col-span-2 lg:col-span-3
2195        " data-subblock-key="general">
2196        <a href="//www.alfafritid.no" style="max-width: 292px;" class="text-2xl inline-block" aria-label="store logo" data-subblock-key="image">
2197                                        <img id="" alt="" class="h-full w-full object-contain" data-step="1" src="https://alfafritid-i05.mycdn.no/mysimgprod/alfafritid_mystore_no/images/media/Ess5iDSvYVfLMBOR0zVi3UaxUKvkMQivh9jXU752.png/w768h185.png" loading="lazy" width="undefined" height="undefined" />
2198                                </a>
2199    </div>
2200                                        
2201                            
2202                                                                    
2203    <div
2204        id="block--header_open_search3ec3d94e-7f48-4e54-b0fa-1c2026b1f9a2__header_open_search"
2205        x-data="{ conditions: [] }"
2206        x-init="$s('conditions').checkConditions(conditions)"
2207        x-show="$s('conditions').checkConditions(conditions)"
2208        class=" __header_open_search_block                  
2209            
2210    
2211    
2212                                        lg:text-center lg:items-center
2213                        
2214                                        lg:justify-center
2215                         col-span-1 md:col-span-2 lg:col-span-2"
2216        data-subblock-key="general"
2217    >
2218        
2219
2220
2221            <div id="block--header_open_search3ec3d94e-7f48-4e54-b0fa-1c2026b1f9a2__header_open_search_inner" x-data="{ open: true, timeout: null, keywords: '' }" class="relative w-full md:z-1 md:z-10">
2222        <div class="__open_search_section flex relative z-0 inset-y-0 left-0 items-center"
2223            :class="{ 'bg-white shadow-md': $store.search.results.length > 0 }"
2224            @click.outside="(e) => open = false" data-subblock-key="general">
2225            
2226            <form class="w-full relative" name="quick_find" action="/search_result" method="GET"
2227                @submit="(e) => { const q = (e.currentTarget.elements['keywords']?.value || '').trim(); if (q.length < 3) { e.preventDefault(); } }">
2228                <div class="flex items-center relative">
2229                    <input
2230                        aria-label="Søk"
2231                        data-subblock-key="button"
2232                        id="open_search"
2233                        type="text"
2234                        name="keywords"
2235                        placeholder="Søk" x-model="$store.search.keywords"
2236                        class="__search_input_field flex-1 bg-gray-50 border border-gray-300 text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5  md:p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 "
2237                        style="
2238                                                        border-radius:8px;
2239                                                        border-width:12;
2240                            font-size: 0.85rem;
2241                            background-color: #f7f7f7ff;
2242                            border-color: #f7f7f7ff;
2243                            color: inherit;
2244                            
2245                        "
2246                         />
2247
2248                                            <button class="_search-button flex gap-1 items-center absolute  p-1 right-1"
2249                            style="
2250                                background: inherit;
2251                                color: #333333ff;
2252                                fill: #333333ff;
2253                                font-size: 1rem;
2254                                font-weight: 400;
2255                                border-radius: 0.25rem;"
2256                            aria-label="Search">
2257                            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg> 
2258                        </button>
2259                                    </div>
2260
2261                                            </form>
2262        </div>
2263    </div>
2264<style>
2265    #block--header_open_search3ec3d94e-7f48-4e54-b0fa-1c2026b1f9a2__header_open_search_inner input.__search_input_field::-webkit-input-placeholder {
2266        color: inherit;
2267    }
2268
2269    #block--header_open_search3ec3d94e-7f48-4e54-b0fa-1c2026b1f9a2__header_open_search_inner input .__search_input_field:-moz-placeholder {
2270        color: inherit;
2271    }
2272
2273     #block--header_open_search3ec3d94e-7f48-4e54-b0fa-1c2026b1f9a2__header_open_search_inner input.__search_input_field::-moz-placeholder {
2274        color: inherit;
2275    }
2276
2277     #block--header_open_search3ec3d94e-7f48-4e54-b0fa-1c2026b1f9a2__header_open_search_inner input:-ms-input-placeholder {
2278        color: inherit;
2279    }
2280
2281    #block--header_open_search3ec3d94e-7f48-4e54-b0fa-1c2026b1f9a2__header_open_search_inner ._search-button:hover {
2282        background: transparent !important;
2283        color: #000 !important;
2284        fill: #000 !important;
2285    }
2286</style>
2287    </div>
2288                                        
2289                            
2290                                                                                        
2291                        
2292
2293                                                        
2294                                                    
2295        
2296                                                        
2297                                                    
2298                                                    
2299        
2300                                                
2301    <div
2302        id="block--header_iconsbb2f5b3d-e2d9-4e78-a538-8f101a323818__header_icons"
2303        class="__header_icons_block  col-span-2 md:col-span-2 lg:col-span-3"
2304        data-subblock-key="general">
2305
2306        
2307        <div class="flex items-center                 
2308            
2309                                        text-right justify-end
2310                        
2311    
2312                                        lg:text-right lg:justify-end
2313                        
2314                                        lg:items-end
2315                        " data-subblock-key="general" style="gap:0">
2316            
2317            
2318            
2319                        
2320            
2321            
2322            
2323                            <a href="https://www.alfafritid.no/account" aria-label="GÃ¥ til kontosiden" class="__icon_wrapper text-center flex flex-col items-center" data-subblock-key="account_icon">
2324                    <span class="__account__icon __header_icons">
2325                        <div class="flex flex-col items-center justify-center">
2326                            <span
2327                                href="https://www.alfafritid.no/account"
2328                                class="flex flex-col items-center relative fill-inherit color-inherit"
2329                                style="font-size: 1.1rem; color: #000; fill: #000;"
2330                                title="Redirect to the account page"
2331                                aria-label="GÃ¥ til kontosiden"
2332                            >
2333                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z"/></svg>
2334                            </span>
2335                        </div>
2336                    </span>
2337
2338                                                                        <span class="hidden sm:block text-sm cursor-pointer" style="font-size: 0.875rem; color: #000;">Konto</span>
2339                                                            </a>
2340            
2341            
2342            
2343                            <button @click="$store.cart.open()" aria-label="Åpne handlekurven" class="__icon_wrapper text-center flex flex-col items-center" data-subblock-key="cart_icon">
2344                    <span style="font-size: 1.1rem; color: #000; fill: #000;"
2345                        class="__shopping_icon __header_icons shoppingbasket__slidein cursor-pointer relative text-2xl" aria-label="Åpne handlekurven"
2346                        :class="{ '__has-items': $store.cart.totalQty() }">
2347                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"/></svg>
2348
2349                                                    <small
2350                                x-cloak
2351                                class="text-white w-6 h-6 flex justify-center items-center absolute -right-4 -top-4 rounded-full text-xs cart_qty_label"
2352                                style="background-color: #262626ff; color: #ffffffff;"
2353                                x-text="$store.cart.totalQty()"
2354                                x-show="$store.cart.totalQty()">
2355                            </small>
2356                                            </span>
2357
2358                                            <span id="cart-description" class="hidden sm:block text-sm" style="font-size: 0.875rem; color: #000">Handlevogn</span>
2359                                    </button>
2360                    </div>
2361    </div>
2362
2363    <style>
2364
2365        
2366        
2367        
2368        
2369        
2370        
2371        
2372        
2373        
2374        
2375        
2376        #block--header_iconsbb2f5b3d-e2d9-4e78-a538-8f101a323818__header_icons .__search__icon > ._search__icon {
2377            padding: 0;
2378        }
2379
2380        #block--header_iconsbb2f5b3d-e2d9-4e78-a538-8f101a323818__header_icons * > .__icon_wrapper,
2381        #block--header_iconsbb2f5b3d-e2d9-4e78-a538-8f101a323818__header_icons ._search__icon > button {
2382            padding: 8px !important;
2383                                }
2384
2385    </style>
2386                                </div>
2387</section>
2388                                                                                                            
2389                                                                                                                                    
2390
2391
2392
2393
2394
2395
2396
2397
2398
2399<section
2400    id="section--header_builder8b802169-6fa9-43bc-973c-cfe347c2b3cd__header_builder"
2401        class="
2402        __header_builder_section
2403        __header_section
2404        text
2405        relative
2406
2407        hidden md:block
2408        
2409    "
2410    style="
2411                    background-color: #ffffff;
2412            fill: inherit;
2413            color: inherit;
2414                ;
2415        border-style: solid;
2416        border-color: #000;
2417    "
2418    data-subblock-key="general"
2419            >
2420        <div class="text__blocks m-auto
2421            items-center box-border
2422            w-full            grid gap-2
2423
2424            grid-cols-1 md:grid-cols-1 lg:grid-cols-4 gap-2
2425        " style="
2426            padding: 8px 0px 8px 0px;;
2427        ">
2428
2429                    
2430                            
2431                                                                                                
2432                                
2433                
2434                                
2435                <nav
2436                    id="block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu"
2437                    class="
2438                            __header-builder-header-menu navbar navbar-expand-lg plr0 ptb0
2439                            col-span-1 md:col-span-1 lg:col-span-4
2440                            
2441                        ">
2442
2443                    <ul class="list-inline flex items-center flex-wrap " style="column-gap: 10px">
2444                        
2445                                                
2446            
2447                                                                
2448                            <li                         class="__level-0 text-sm list-inline-item category-box Padlekurs-cat"
2449                    >
2450                    <a href="https://www.alfafritid.no/categories/padlekurs" data-target="m-menu-2"
2451                        class="nav-link block px-4  py-2   text-inherit   cursor-pointer">
2452                                                Padlekurs
2453                    </a>
2454                </li>
2455            
2456                    
2457                            <li
2458                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box kajakk-cat relative list-inline-item dropdown has-mega-menu has-child "
2459                    style="position:static;"
2460                >
2461                                            <a
2462                            id="navbarDropdownMenuLink113"
2463                            href="https://www.alfafritid.no/categories/kajakk"
2464                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.alfafritid.no/categories/kajakk' }; showSubCategory0 = true"
2465                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
2466                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
2467                            style="gap: 8px;"
2468                            data-toggle="dropdown"
2469                            aria-haspopup="true"
2470                            aria-expanded="false"
2471                        >
2472                            <div>Kajakk</div>
2473                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
2474                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
2475                                        stroke="currentColor">
2476                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2477                                    </svg>
2478                                </div>
2479                                                    </a>
2480                    
2481                                                                    
2482                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
2483                            x-transition:enter-start="opacity-0 transform scale-95"
2484                            x-transition:enter-end="opacity-100 transform scale-100"
2485                            x-transition:leave="transition duration-100 ease-out"
2486                            x-transition:leave-start="opacity-100 transform scale-100"
2487                            x-transition:leave-end="opacity-0 transform scale-95"
2488                            class="absolute z-10 left-0  top-full w-full shadow-lg">
2489                    
2490                    <template x-if="showSubCategory0">
2491                        <div
2492                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
2493                            style="margin-left: -15px; background: #f3f3f3; color: #262626; font-size: 0.875rem;"
2494                                                    >
2495                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
2496                                
2497                        <li class="__link_see_all col-span-4 bg-redlist-inline-item italic category-box text-sm mb-4" style="font-size: 0.85rem; font-weight:500;">
2498                <a href="https://www.alfafritid.no/categories/kajakk" data-target="m-menu-2"
2499                    class="nav-link block px-4 py-2 cursor-pointer">
2500                    Se alle produkter
2501                </a>
2502            </li>
2503        
2504                    
2505                            <li                         class="__level-1  list-inline-item category-box P&H-cat"
2506                    >
2507                    <a href="https://www.alfafritid.no/categories/ph" data-target="m-menu-2"
2508                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2509                                                P&H
2510                    </a>
2511                </li>
2512            
2513                    
2514                            <li                         class="__level-1  list-inline-item category-box NDK-cat"
2515                    >
2516                    <a href="https://www.alfafritid.no/categories/ndk" data-target="m-menu-2"
2517                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2518                                                NDK
2519                    </a>
2520                </li>
2521            
2522                    
2523                            <li                         class="__level-1  list-inline-item category-box Lettmann-cat"
2524                    >
2525                    <a href="https://www.alfafritid.no/categories/lettmann" data-target="m-menu-2"
2526                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2527                                                Lettmann
2528                    </a>
2529                </li>
2530            
2531                    
2532                            <li                         class="__level-1  list-inline-item category-box Prijon-cat"
2533                    >
2534                    <a href="https://www.alfafritid.no/categories/prijon" data-target="m-menu-2"
2535                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2536                                                Prijon
2537                    </a>
2538                </li>
2539            
2540                    
2541                            <li                         class="__level-1  list-inline-item category-box Norse-cat"
2542                    >
2543                    <a href="https://www.alfafritid.no/categories/norse" data-target="m-menu-2"
2544                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2545                                                Norse
2546                    </a>
2547                </li>
2548            
2549                    
2550                            <li                         class="__level-1  list-inline-item category-box SKIM-cat"
2551                    >
2552                    <a href="https://www.alfafritid.no/categories/skim" data-target="m-menu-2"
2553                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2554                                                SKIM
2555                    </a>
2556                </li>
2557            
2558                    
2559                            <li                         class="__level-1  list-inline-item category-box Valley-cat"
2560                    >
2561                    <a href="https://www.alfafritid.no/categories/valley" data-target="m-menu-2"
2562                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2563                                                Valley
2564                    </a>
2565                </li>
2566            
2567                    
2568                            <li                         class="__level-1  list-inline-item category-box North Shore-cat"
2569                    >
2570                    <a href="https://www.alfafritid.no/categories/north-shore" data-target="m-menu-2"
2571                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2572                                                North Shore
2573                    </a>
2574                </li>
2575            
2576                    
2577                            <li                         class="__level-1  list-inline-item category-box Zegul-cat"
2578                    >
2579                    <a href="https://www.alfafritid.no/categories/zegul" data-target="m-menu-2"
2580                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2581                                                Zegul
2582                    </a>
2583                </li>
2584            
2585                    
2586                            <li                         class="__level-1  list-inline-item category-box Tahe-cat"
2587                    >
2588                    <a href="https://www.alfafritid.no/categories/tahe" data-target="m-menu-2"
2589                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2590                                                Tahe
2591                    </a>
2592                </li>
2593            
2594                    
2595                            <li                         class="__level-1  list-inline-item category-box Rockpool-cat"
2596                    >
2597                    <a href="https://www.alfafritid.no/categories/rockpool" data-target="m-menu-2"
2598                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2599                                                Rockpool
2600                    </a>
2601                </li>
2602            
2603            
2604                            </ul>
2605                        </div>
2606                    </template>
2607                                        </div>
2608                                    </li>
2609            
2610                    
2611                            <li
2612                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box padleutstyr-cat relative list-inline-item dropdown has-mega-menu has-child "
2613                    style="position:static;"
2614                >
2615                                            <a
2616                            id="navbarDropdownMenuLink101"
2617                            href="https://www.alfafritid.no/categories/padleutstyr"
2618                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.alfafritid.no/categories/padleutstyr' }; showSubCategory0 = true"
2619                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
2620                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
2621                            style="gap: 8px;"
2622                            data-toggle="dropdown"
2623                            aria-haspopup="true"
2624                            aria-expanded="false"
2625                        >
2626                            <div>Padleutstyr</div>
2627                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
2628                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
2629                                        stroke="currentColor">
2630                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2631                                    </svg>
2632                                </div>
2633                                                    </a>
2634                    
2635                                                                    
2636                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
2637                            x-transition:enter-start="opacity-0 transform scale-95"
2638                            x-transition:enter-end="opacity-100 transform scale-100"
2639                            x-transition:leave="transition duration-100 ease-out"
2640                            x-transition:leave-start="opacity-100 transform scale-100"
2641                            x-transition:leave-end="opacity-0 transform scale-95"
2642                            class="absolute z-10 left-0  top-full w-full shadow-lg">
2643                    
2644                    <template x-if="showSubCategory0">
2645                        <div
2646                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
2647                            style="margin-left: -15px; background: #f3f3f3; color: #262626; font-size: 0.875rem;"
2648                                                    >
2649                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
2650                                
2651                        <li class="__link_see_all col-span-4 bg-redlist-inline-item italic category-box text-sm mb-4" style="font-size: 0.85rem; font-weight:500;">
2652                <a href="https://www.alfafritid.no/categories/padleutstyr" data-target="m-menu-2"
2653                    class="nav-link block px-4 py-2 cursor-pointer">
2654                    Se alle produkter
2655                </a>
2656            </li>
2657        
2658                    
2659                            <li                         class="__level-1  list-inline-item category-box Årer-cat"
2660                    >
2661                    <a href="https://www.alfafritid.no/categories/arer" data-target="m-menu-2"
2662                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2663                                                Årer
2664                    </a>
2665                </li>
2666            
2667                    
2668                            <li                         class="__level-1  list-inline-item category-box Sprut- og cockpittrekk-cat"
2669                    >
2670                    <a href="https://www.alfafritid.no/categories/sprut--og-cockpittrekk" data-target="m-menu-2"
2671                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2672                                                Sprut- og cockpittrekk
2673                    </a>
2674                </li>
2675            
2676                    
2677                            <li                         class="__level-1  list-inline-item category-box Padlebekledning-cat"
2678                    >
2679                    <a href="https://www.alfafritid.no/categories/padlebekledning" data-target="m-menu-2"
2680                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2681                                                Padlebekledning
2682                    </a>
2683                </li>
2684            
2685                    
2686                            <li                         class="__level-1  list-inline-item category-box Padlevester-cat"
2687                    >
2688                    <a href="https://www.alfafritid.no/categories/padlevester" data-target="m-menu-2"
2689                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2690                                                Padlevester
2691                    </a>
2692                </li>
2693            
2694                    
2695                            <li                         class="__level-1  list-inline-item category-box Sikkerhetsutstyr-cat"
2696                    >
2697                    <a href="https://www.alfafritid.no/categories/sikkerhetsutstyr" data-target="m-menu-2"
2698                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2699                                                Sikkerhetsutstyr
2700                    </a>
2701                </li>
2702            
2703                    
2704                            <li                         class="__level-1  list-inline-item category-box Diverse padleutstyr-cat"
2705                    >
2706                    <a href="https://www.alfafritid.no/categories/diverse-padleutstyr" data-target="m-menu-2"
2707                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2708                                                Diverse padleutstyr
2709                    </a>
2710                </li>
2711            
2712                    
2713                            <li                         class="__level-1  list-inline-item category-box Dekksbager-cat"
2714                    >
2715                    <a href="https://www.alfafritid.no/categories/dekksbager" data-target="m-menu-2"
2716                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2717                                                Dekksbager
2718                    </a>
2719                </li>
2720            
2721            
2722                            </ul>
2723                        </div>
2724                    </template>
2725                                        </div>
2726                                    </li>
2727            
2728                    
2729                            <li
2730                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box delerogvedlikehold-cat relative list-inline-item dropdown has-mega-menu has-child "
2731                    style="position:static;"
2732                >
2733                                            <a
2734                            id="navbarDropdownMenuLink124"
2735                            href="https://www.alfafritid.no/categories/deler-og-vedlikehold"
2736                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.alfafritid.no/categories/deler-og-vedlikehold' }; showSubCategory0 = true"
2737                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
2738                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
2739                            style="gap: 8px;"
2740                            data-toggle="dropdown"
2741                            aria-haspopup="true"
2742                            aria-expanded="false"
2743                        >
2744                            <div>Deler og vedlikehold</div>
2745                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
2746                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
2747                                        stroke="currentColor">
2748                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2749                                    </svg>
2750                                </div>
2751                                                    </a>
2752                    
2753                                                                    
2754                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
2755                            x-transition:enter-start="opacity-0 transform scale-95"
2756                            x-transition:enter-end="opacity-100 transform scale-100"
2757                            x-transition:leave="transition duration-100 ease-out"
2758                            x-transition:leave-start="opacity-100 transform scale-100"
2759                            x-transition:leave-end="opacity-0 transform scale-95"
2760                            class="absolute z-10 left-0  top-full w-full shadow-lg">
2761                    
2762                    <template x-if="showSubCategory0">
2763                        <div
2764                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
2765                            style="margin-left: -15px; background: #f3f3f3; color: #262626; font-size: 0.875rem;"
2766                                                    >
2767                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
2768                                
2769                        <li class="__link_see_all col-span-4 bg-redlist-inline-item italic category-box text-sm mb-4" style="font-size: 0.85rem; font-weight:500;">
2770                <a href="https://www.alfafritid.no/categories/deler-og-vedlikehold" data-target="m-menu-2"
2771                    class="nav-link block px-4 py-2 cursor-pointer">
2772                    Se alle produkter
2773                </a>
2774            </li>
2775        
2776                    
2777                            <li                         class="__level-1  list-inline-item category-box Kajakkluker-cat"
2778                    >
2779                    <a href="https://www.alfafritid.no/categories/kajakkluker" data-target="m-menu-2"
2780                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2781                                                Kajakkluker
2782                    </a>
2783                </li>
2784            
2785                    
2786                            <li                         class="__level-1  list-inline-item category-box Tau og strikk-cat"
2787                    >
2788                    <a href="https://www.alfafritid.no/categories/tau-og-strikk" data-target="m-menu-2"
2789                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2790                                                Tau og strikk
2791                    </a>
2792                </li>
2793            
2794                    
2795                            <li                         class="__level-1  list-inline-item category-box Reparasjon, vedlikehold og deler-cat"
2796                    >
2797                    <a href="https://www.alfafritid.no/categories/vedlikehold-og-deler-kajakk" data-target="m-menu-2"
2798                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2799                                                Reparasjon, vedlikehold og deler
2800                    </a>
2801                </li>
2802            
2803                    
2804                            <li                         class="__level-1  list-inline-item category-box P&H deler og tilbehør-cat"
2805                    >
2806                    <a href="https://www.alfafritid.no/categories/ph-deler" data-target="m-menu-2"
2807                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2808                                                P&H deler og tilbehør
2809                    </a>
2810                </li>
2811            
2812                    
2813                            <li                         class="__level-1  list-inline-item category-box SmartTrack deler og tilbehør-cat"
2814                    >
2815                    <a href="https://www.alfafritid.no/categories/smarttrack-ror-og-deler" data-target="m-menu-2"
2816                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2817                                                SmartTrack deler og tilbehør
2818                    </a>
2819                </li>
2820            
2821                    
2822                            <li                         class="__level-1  list-inline-item category-box Kajak Sport deler og tilbehør-cat"
2823                    >
2824                    <a href="https://www.alfafritid.no/categories/kajak-sport-deler-og-tilbehor" data-target="m-menu-2"
2825                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2826                                                Kajak Sport deler og tilbehør
2827                    </a>
2828                </li>
2829            
2830                    
2831                            <li                         class="__level-1  list-inline-item category-box Lettmann deler og tilbehør-cat"
2832                    >
2833                    <a href="https://www.alfafritid.no/categories/lettmann-tilbehor" data-target="m-menu-2"
2834                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2835                                                Lettmann deler og tilbehør
2836                    </a>
2837                </li>
2838            
2839                    
2840                            <li                         class="__level-1  list-inline-item category-box Prijon deler og tilbehør-cat"
2841                    >
2842                    <a href="https://www.alfafritid.no/categories/prijon-tilbehor" data-target="m-menu-2"
2843                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2844                                                Prijon deler og tilbehør
2845                    </a>
2846                </li>
2847            
2848                    
2849                            <li                         class="__level-1  list-inline-item category-box NDK deler og tilbehør-cat"
2850                    >
2851                    <a href="https://www.alfafritid.no/categories/ndk-deler-og-tilbehor" data-target="m-menu-2"
2852                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2853                                                NDK deler og tilbehør
2854                    </a>
2855                </li>
2856            
2857                    
2858                            <li                         class="__level-1  list-inline-item category-box Valley/North Shore deler og tilb-cat"
2859                    >
2860                    <a href="https://www.alfafritid.no/categories/valleynorth-shore-deler-og-tilbehor" data-target="m-menu-2"
2861                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2862                                                Valley/North Shore deler og tilb
2863                    </a>
2864                </li>
2865            
2866                    
2867                            <li                         class="__level-1  list-inline-item category-box Div deler ror og tilbehør-cat"
2868                    >
2869                    <a href="https://www.alfafritid.no/categories/rorstyring" data-target="m-menu-2"
2870                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2871                                                Div deler ror og tilbehør
2872                    </a>
2873                </li>
2874            
2875            
2876                            </ul>
2877                        </div>
2878                    </template>
2879                                        </div>
2880                                    </li>
2881            
2882                    
2883                            <li
2884                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box pakkeutstyr-cat relative list-inline-item dropdown has-mega-menu has-child "
2885                    style="position:static;"
2886                >
2887                                            <a
2888                            id="navbarDropdownMenuLink157"
2889                            href="https://www.alfafritid.no/categories/vanntett-pakkeutstyr"
2890                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.alfafritid.no/categories/vanntett-pakkeutstyr' }; showSubCategory0 = true"
2891                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
2892                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
2893                            style="gap: 8px;"
2894                            data-toggle="dropdown"
2895                            aria-haspopup="true"
2896                            aria-expanded="false"
2897                        >
2898                            <div>Pakkeutstyr</div>
2899                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
2900                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
2901                                        stroke="currentColor">
2902                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2903                                    </svg>
2904                                </div>
2905                                                    </a>
2906                    
2907                                                                    
2908                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
2909                            x-transition:enter-start="opacity-0 transform scale-95"
2910                            x-transition:enter-end="opacity-100 transform scale-100"
2911                            x-transition:leave="transition duration-100 ease-out"
2912                            x-transition:leave-start="opacity-100 transform scale-100"
2913                            x-transition:leave-end="opacity-0 transform scale-95"
2914                            class="absolute z-10 left-0  top-full w-full shadow-lg">
2915                    
2916                    <template x-if="showSubCategory0">
2917                        <div
2918                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
2919                            style="margin-left: -15px; background: #f3f3f3; color: #262626; font-size: 0.875rem;"
2920                                                    >
2921                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
2922                                
2923                        <li class="__link_see_all col-span-4 bg-redlist-inline-item italic category-box text-sm mb-4" style="font-size: 0.85rem; font-weight:500;">
2924                <a href="https://www.alfafritid.no/categories/vanntett-pakkeutstyr" data-target="m-menu-2"
2925                    class="nav-link block px-4 py-2 cursor-pointer">
2926                    Se alle produkter
2927                </a>
2928            </li>
2929        
2930                    
2931                            <li                         class="__level-1  list-inline-item category-box Pakksekker-cat"
2932                    >
2933                    <a href="https://www.alfafritid.no/categories/pakksekker" data-target="m-menu-2"
2934                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2935                                                Pakksekker
2936                    </a>
2937                </li>
2938            
2939                    
2940                            <li                         class="__level-1  list-inline-item category-box Bokser-cat"
2941                    >
2942                    <a href="https://www.alfafritid.no/categories/bokser" data-target="m-menu-2"
2943                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2944                                                Bokser
2945                    </a>
2946                </li>
2947            
2948                    
2949                            <li                         class="__level-1  list-inline-item category-box Telefon og iPad-cat"
2950                    >
2951                    <a href="https://www.alfafritid.no/categories/til-telefonen" data-target="m-menu-2"
2952                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2953                                                Telefon og iPad
2954                    </a>
2955                </li>
2956            
2957                    
2958                            <li                         class="__level-1  list-inline-item category-box Kartmapper-cat"
2959                    >
2960                    <a href="https://www.alfafritid.no/categories/kartmapper" data-target="m-menu-2"
2961                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2962                                                Kartmapper
2963                    </a>
2964                </li>
2965            
2966            
2967                            </ul>
2968                        </div>
2969                    </template>
2970                                        </div>
2971                                    </li>
2972            
2973                    
2974                            <li
2975                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box transportoppbevaring-cat relative list-inline-item dropdown has-mega-menu has-child "
2976                    style="position:static;"
2977                >
2978                                            <a
2979                            id="navbarDropdownMenuLink185"
2980                            href="https://www.alfafritid.no/categories/transportoppbevaring"
2981                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.alfafritid.no/categories/transportoppbevaring' }; showSubCategory0 = true"
2982                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
2983                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
2984                            style="gap: 8px;"
2985                            data-toggle="dropdown"
2986                            aria-haspopup="true"
2987                            aria-expanded="false"
2988                        >
2989                            <div>Transport/oppbevaring</div>
2990                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
2991                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
2992                                        stroke="currentColor">
2993                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2994                                    </svg>
2995                                </div>
2996                                                    </a>
2997                    
2998                                                                    
2999                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
3000                            x-transition:enter-start="opacity-0 transform scale-95"
3001                            x-transition:enter-end="opacity-100 transform scale-100"
3002                            x-transition:leave="transition duration-100 ease-out"
3003                            x-transition:leave-start="opacity-100 transform scale-100"
3004                            x-transition:leave-end="opacity-0 transform scale-95"
3005                            class="absolute z-10 left-0  top-full w-full shadow-lg">
3006                    
3007                    <template x-if="showSubCategory0">
3008                        <div
3009                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
3010                            style="margin-left: -15px; background: #f3f3f3; color: #262626; font-size: 0.875rem;"
3011                                                    >
3012                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
3013                                
3014                        <li class="__link_see_all col-span-4 bg-redlist-inline-item italic category-box text-sm mb-4" style="font-size: 0.85rem; font-weight:500;">
3015                <a href="https://www.alfafritid.no/categories/transportoppbevaring" data-target="m-menu-2"
3016                    class="nav-link block px-4 py-2 cursor-pointer">
3017                    Se alle produkter
3018                </a>
3019            </li>
3020        
3021                    
3022                            <li                         class="__level-1  list-inline-item category-box Karitek-cat"
3023                    >
3024                    <a href="https://www.alfafritid.no/categories/karitek" data-target="m-menu-2"
3025                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3026                                                Karitek
3027                    </a>
3028                </li>
3029            
3030                    
3031                            <li                         class="__level-1  list-inline-item category-box Takstativ og -utstyr-cat"
3032                    >
3033                    <a href="https://www.alfafritid.no/categories/takstativ-og--utstyr" data-target="m-menu-2"
3034                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3035                                                Takstativ og -utstyr
3036                    </a>
3037                </li>
3038            
3039                    
3040                            <li                         class="__level-1  list-inline-item category-box Transportvogner-cat"
3041                    >
3042                    <a href="https://www.alfafritid.no/categories/transportvogner" data-target="m-menu-2"
3043                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3044                                                Transportvogner
3045                    </a>
3046                </li>
3047            
3048                    
3049                            <li                         class="__level-1  list-inline-item category-box Oppbevaring/lås-cat"
3050                    >
3051                    <a href="https://www.alfafritid.no/categories/oppbevaringlas" data-target="m-menu-2"
3052                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3053                                                Oppbevaring/lås
3054                    </a>
3055                </li>
3056            
3057            
3058                            </ul>
3059                        </div>
3060                    </template>
3061                                        </div>
3062                                    </li>
3063            
3064                    
3065                            <li
3066                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box fritidsutstyr-cat relative list-inline-item dropdown has-mega-menu has-child "
3067                    style="position:static;"
3068                >
3069                                            <a
3070                            id="navbarDropdownMenuLink172"
3071                            href="https://www.alfafritid.no/categories/fritidsutstyr"
3072                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.alfafritid.no/categories/fritidsutstyr' }; showSubCategory0 = true"
3073                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
3074                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
3075                            style="gap: 8px;"
3076                            data-toggle="dropdown"
3077                            aria-haspopup="true"
3078                            aria-expanded="false"
3079                        >
3080                            <div>Fritidsutstyr</div>
3081                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
3082                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
3083                                        stroke="currentColor">
3084                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
3085                                    </svg>
3086                                </div>
3087                                                    </a>
3088                    
3089                                                                    
3090                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
3091                            x-transition:enter-start="opacity-0 transform scale-95"
3092                            x-transition:enter-end="opacity-100 transform scale-100"
3093                            x-transition:leave="transition duration-100 ease-out"
3094                            x-transition:leave-start="opacity-100 transform scale-100"
3095                            x-transition:leave-end="opacity-0 transform scale-95"
3096                            class="absolute z-10 left-0  top-full w-full shadow-lg">
3097                    
3098                    <template x-if="showSubCategory0">
3099                        <div
3100                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
3101                            style="margin-left: -15px; background: #f3f3f3; color: #262626; font-size: 0.875rem;"
3102                                                    >
3103                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
3104                                
3105                        <li class="__link_see_all col-span-4 bg-redlist-inline-item italic category-box text-sm mb-4" style="font-size: 0.85rem; font-weight:500;">
3106                <a href="https://www.alfafritid.no/categories/fritidsutstyr" data-target="m-menu-2"
3107                    class="nav-link block px-4 py-2 cursor-pointer">
3108                    Se alle produkter
3109                </a>
3110            </li>
3111        
3112                    
3113                            <li                         class="__level-1  list-inline-item category-box Nyttige småsaker-cat"
3114                    >
3115                    <a href="https://www.alfafritid.no/categories/nyttige-smasaker" data-target="m-menu-2"
3116                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3117                                                Nyttige småsaker
3118                    </a>
3119                </li>
3120            
3121                    
3122                            <li                         class="__level-1  list-inline-item category-box Stoler og liggeunderlag-cat"
3123                    >
3124                    <a href="https://www.alfafritid.no/categories/stoler-og-liggeunderlag" data-target="m-menu-2"
3125                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3126                                                Stoler og liggeunderlag
3127                    </a>
3128                </li>
3129            
3130                    
3131                            <li                         class="__level-1  list-inline-item category-box Turkjøkken-cat"
3132                    >
3133                    <a href="https://www.alfafritid.no/categories/turkjokken" data-target="m-menu-2"
3134                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3135                                                Turkjøkken
3136                    </a>
3137                </li>
3138            
3139            
3140                            </ul>
3141                        </div>
3142                    </template>
3143                                        </div>
3144                                    </li>
3145            
3146                    
3147                            <li                         class="__level-0 text-sm list-inline-item category-box DVD/bøker-cat"
3148                    >
3149                    <a href="https://www.alfafritid.no/categories/dvdboker" data-target="m-menu-2"
3150                        class="nav-link block px-4  py-2   text-inherit   cursor-pointer">
3151                                                DVD/bøker
3152                    </a>
3153                </li>
3154            
3155                    
3156                            <li                         class="__level-0 text-sm list-inline-item category-box MC-klær-cat"
3157                    >
3158                    <a href="https://www.alfafritid.no/categories/mc-klar" data-target="m-menu-2"
3159                        class="nav-link block px-4  py-2   text-inherit   cursor-pointer">
3160                                                MC-klær
3161                    </a>
3162                </li>
3163            
3164                    
3165                            <li                         class="__level-0 text-sm list-inline-item category-box Gavekort-cat"
3166                    >
3167                    <a href="https://www.alfafritid.no/categories/gavekort" data-target="m-menu-2"
3168                        class="nav-link block px-4  py-2   text-inherit   cursor-pointer">
3169                                                Gavekort
3170                    </a>
3171                </li>
3172            
3173            
3174
3175                        
3176                                                    <li class="__level-0 list-inline-item">
3177                                <a href="https://www.alfafritid.no/specials"
3178                                    class="nav-link dropdown-toggle block px-4 py-2 text-sm text-inherit relative cursor-pointer ">
3179                                    Tilbud
3180                                </a>
3181                            </li>
3182                        
3183                        
3184                        
3185                                            </ul>
3186
3187                    <style>
3188                        
3189                            #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .nav_hover_effect li.__level-0:hover {
3190                                text-decoration: underline;
3191                                text-decoration-color: var(--text-color);
3192                                text-decoration-thickness: px;
3193                                text-underline-offset: px;
3194                                transition: text-decoration-color 200ms ease-in;
3195                            }
3196                                                 /*
3197                                                    .__mobile_nav .__home-page-li {
3198                                display: none !important;
3199                            }
3200                         */
3201                        /*
3202                                                    .__mobile_nav .__new-products-page-li {
3203                                display: none !important;
3204                            }
3205                         */
3206                        /*
3207                         */
3208
3209                        /*                             .__mobile_nav .__brands-mobile {
3210                                display: none !important;
3211                            }
3212                         */
3213
3214                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu  > ul > li,  #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu > ul > li > * {
3215                            font-size: 0.875rem;
3216                            font-weight: 500;
3217                            text-transform: uppercase;
3218                        }
3219
3220                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-0, #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-0 > * {
3221                            color: inherit;
3222                            background: inherit;
3223                        }
3224
3225                        
3226                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-0 > a.dropdown-toggle:hover,
3227                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-0:hover > a.nav-link,
3228                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-0 > a.dropdown-toggle.selected,
3229                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-0 > a.nav-link.selected  {
3230                            color: inherit !important;
3231                            background: #f2f2f2 !important;
3232                        }
3233
3234                        
3235                                                    #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-0 > .absolute > .sub_menu > ul
3236                                                {
3237                            background: #f3f3f3;
3238                        }
3239
3240                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-0 > .absolute .sub_menu a {
3241                            color: #434343ff;
3242                        }
3243
3244                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-0 >
3244 .absolute .sub_menu li:hover > a {
3245                            color: inherit;
3246                        }
3247
3248                        
3249                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-1 a,
3250                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-1 a > span {
3251                            font-size: 1rem;
3252                            font-weight: 500;
3253                            text-transform: inherit;
3254                        }
3255
3256                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu a.active {
3257                            color: inherit !important;
3258                            background: inherit !important;
3259                        }
3260
3261
3262                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-2 a,
3263                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-2 a > span {
3264                            font-size: 1rem;
3265                            font-weight: 500;
3266                            text-transform: inherit;
3267                        }
3268
3269                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-3 a,
3270                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu .__level-3 a > span {
3271                            font-size: 1rem;
3272                            font-weight: 500;
3273                            text-transform: inherit;
3274                        }
3275
3276                        
3277                        #block--header_menu0cabb1ec-cfbb-4aef-9475-c7e7e88b2e6c__header_menu a {
3278                            color: #262626;
3279                        }
3280                    </style>
3281                </nav>
3282                                </div>
3283</section>
3284                                                                                                            
3285                                                                                                                                    
3286
3287
3288
3289
3290
3291
3292
3293
3294
3295<section
3296    id="section--header_builder158c8f2c-90ac-4107-8d77-b07020d9ed68__header_builder"
3297        class="
3298        __header_builder_section
3299        __header_section
3300        text
3301        relative
3302
3303        block md:hidden
3304        
3305    "
3306    style="
3307                    background-color: #de823a;
3308            fill: #ffffff;
3309            color: #ffffff;
3310                ;
3311        border-style: none;
3312        border-color: #000;
3313    "
3314    data-subblock-key="general"
3315            >
3316        <div class="text__blocks m-auto
3317            items-center box-border
3318            container            grid gap-2
3319
3320            grid-cols-1 md:grid-cols-1 lg:grid-cols-1 gap-2
3321        " style="
3322            padding: 10px 0px 10px 0px;;
3323        ">
3324
3325                    
3326                            
3327                                                                
3328    <div
3329        x-data="{ conditions: [] }"
3330        x-init="$s('conditions').checkConditions(conditions)"
3331        x-show="$s('conditions').checkConditions(conditions)"
3332        id="block--header_slogans48753242-b527-4ae7-84fe-b846f1ca4ebc__header_slogans" class=" __header_slogans_block items-center flex
3333        col-span-1 md:col-span-1 lg:col-span-1
3334                        
3335            
3336                                        text-center justify-center
3337                        
3338    
3339                                        lg:text-center lg:justify-center
3340                        
3341                                        lg:items-center
3342                         "
3343        data-subblock-key="general">
3344
3345                                    
3346                                                    
3347    
3348            
3349        <div             x-data="{ conditions: [] }"
3350            x-init="$s('conditions').checkConditions(conditions)"
3351            x-show="$s('conditions').checkConditions(conditions)"
3352            class="__text_block relative editorcontent  "
3353            style="
3354                font-weight: normal;
3355                line-height: 1.5rem;
3356                text-align: center;
3357                
3358                                    background-color: ;
3359                    text-transform: none;
3360                    border-radius: 12;
3361                
3362                
3363            "
3364            data-subblock-key="paragraph">
3365            <div style="color:#000000;font-size:0.75rem;font-weight:400;"><p><span style="color:hsl(0,0%,100%);">Kajakker og padleutstyr fra kvalitetsleverandører</span></p></div>
3366
3367                    </div>
3368            <style>
3369            #block--header_slogans48753242-b527-4ae7-84fe-b846f1ca4ebc__header_slogans * {
3370                text-align: center;
3371            }
3372
3373            @media screen and (max-width: 600px) {
3374                #block--header_slogans48753242-b527-4ae7-84fe-b846f1ca4ebc__header_slogans * {
3375                    text-align: center;
3376                }
3377            }
3378        </style>
3379    </div>
3380                                </div>
3381</section>
3382                                                                                                            
3383                                                                                                                                    
3384
3385
3386
3387
3388
3389
3390
3391
3392
3393<section
3394    id="section--header_builder2ffbdecb-da6e-4d3a-be2c-370d136e9da0__header_builder"
3395        class="
3396        __header_builder_section
3397        __header_section
3398        text
3399        relative
3400
3401        block md:hidden
3402        shadow-md border-b
3403    "
3404    style="
3405                    background-color: #fff;
3406            fill: #000;
3407            color: #000;
3408                ;
3409        border-style: none;
3410        border-color: #000;
3411    "
3412    data-subblock-key="general"
3413            >
3414        <div class="text__blocks m-auto
3415            items-center box-border
3416            container            grid gap-2
3417
3418            grid-cols-5 md:grid-cols-5 lg:grid-cols-6 gap-2
3419        " style="
3420            padding: 5px 10px 5px 10px;;
3421        ">
3422
3423                    
3424                            
3425                                                        
3426    
3427                    
3428        
3429        
3430            
3431<div
3432    id="block--header_menu_button8989ccaf-2f35-4b8c-afe2-247cef323264__header_menu_button"
3433    class="navigation w-fit col-span-1 col-span-1 md:col-span-1 lg:col-span-1 "
3434    style="
3435        --text-color: inherit;
3436        --text-color-hover: inherit;
3437        --bg-color: ;
3438        --bg-color-hover: ;
3439    "
3440    x-data="{ conditions: [] }"
3441    x-init="$s('conditions').checkConditions(conditions)"
3442    x-show="$s('conditions').checkConditions(conditions)"
3443    data-subblock-key="general"
3444>
3445    <button class="p-2 flex items-center focus:outline-none rounded-md md:hidden _megamenu-buton"
3446        @click="$store.settings.settings.mobileMenuOpen = true"
3447        aria-label="Menu Button" data-subblock-key="button">
3448        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>
3449    </button>
3450    <nav class="hidden md:block relative z-10">
3451        <div class="flex items-center">
3452            <div x-data="{ dropdownOpen: false }" class=" relative z-0 flex items-center">
3453                <button
3454                    class="_megamenu-buton flex relative z-10 flex items-center gap-1 p-2 transition-all focus:outline-none text-sm font-bold ease-out "
3455                                        @click="$store.settings.settings.mobileMenuOpen = true" ; aria-label="Show all categories"
3456                                        >
3457                    <span><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg></span>
3458                    <small>KNAPP_TEKST_TITTEL</small>                </button>
3459            </div>
3460        </nav>
3461
3462        <style>
3463            #block--header_menu_button8989ccaf-2f35-4b8c-afe2-247cef323264__header_menu_button {
3464                font-size: 0.95rem;
3465            }
3466
3467            #block--header_menu_button8989ccaf-2f35-4b8c-afe2-247cef323264__header_menu_button ._megamenu-buton {
3468                color: var(--text-color);
3469                fill: var(--text-color);
3470                background: var(--bg-color);
3471                
3472            }
3473
3474            #block--header_menu_button8989ccaf-2f35-4b8c-afe2-247cef323264__header_menu_button ._megamenu-buton span,  #block--header_menu_button8989ccaf-2f35-4b8c-afe2-247cef323264__header_menu_button ._megamenu-buton small {
3475                font-size: 0.95rem
3476            }
3477
3478            #block--header_menu_button8989ccaf-2f35-4b8c-afe2-247cef323264__header_menu_button ._megamenu-buton small {
3479                font-weight: 500;
3480            }
3481
3482            #block--header_menu_button8989ccaf-2f35-4b8c-afe2-247cef323264__header_menu_button ._megamenu-buton span:has(> svg) {
3483                font-size: inherit;
3484            }
3485
3486            #block--header_menu_button8989ccaf-2f35-4b8c-afe2-247cef323264__header_menu_button ._megamenu-buton span:has(> svg) {
3487                fill: inherit;
3488            }
3489
3490            #block--header_menu_button8989ccaf-2f35-4b8c-afe2-247cef323264__header_menu_button ._megamenu-buton:hover {
3491                                    }
3492            #block--header_menu_button8989ccaf-2f35-4b8c-afe2-247cef323264__header_menu_button ._megamenu-buton {
3493            border-color: inherit !important;
3494            border-style: solid !important;
3495             !important;
3496            }
3497        </style>
3498    </div>
3499                                        
3500                                                                
3501                                                    
3502    <div
3503        id="block--header_logoa6845d1f-802e-4dd7-8f90-bde664bc3179__header_logo"
3504        x-data=" { conditions: [] }"
3505        x-init="$s('conditions').checkConditions(conditions)"
3506        x-show="$s('conditions').checkConditions(conditions)"
3507        class="__header_logo_block  flex justify-center lg:center
3508            col-span-3 md:col-span-2 lg:col-span-2
3509        " data-subblock-key="general">
3510        <a href="//www.alfafritid.no" style="max-width: 256px;" class="text-2xl inline-block" aria-label="store logo" data-subblock-key="image">
3511                                        <img id="" alt="" class="h-full w-full object-contain" data-step="1" src="https://alfafritid-i05.mycdn.no/mysimgprod/alfafritid_mystore_no/images/media/Ess5iDSvYVfLMBOR0zVi3UaxUKvkMQivh9jXU752.png/w768h185.png" loading="lazy" width="undefined" height="undefined" />
3512                                </a>
3513    </div>
3514                                        
3515                            
3516                                                                                        
3517                        
3518
3519                                                        
3520                                                    
3521        
3522                                                        
3523                                                    
3524                                                    
3525        
3526                                                
3527    <div
3528        id="block--header_iconscc8afe43-f3ff-40e5-bfc0-c08c2eedb8ba__header_icons"
3529        class="__header_icons_block  col-span-1 md:col-span-2 lg:col-span-2"
3530        data-subblock-key="general">
3531
3532        
3533        <div class="flex items-center                 
3534            
3535                                        text-right justify-end
3536                        
3537    
3538                                        lg:text-right lg:justify-end
3539                        
3540                                        lg:items-end
3541                        " data-subblock-key="general" style="gap:0">
3542            
3543            
3544            
3545                        
3546            
3547            
3548                            <div class="__search__icon">
3549                    
3550                    
3551    <div id="block--header_iconscc8afe43-f3ff-40e5-bfc0-c08c2eedb8ba__header_icons" x-data="{ open: false, searchPosition: 'right-0', timeout: null, keywords: '', error: false, defaultBorder: '#000', border: '#000' }"
3552        style="z-index: 100;"
3553        class="p-2 flex md:relative _search__icon text-[20px] flex flex-col items-center" @click.outside=" open = false;">
3554        <button
3555            x-ref="searchIcon"
3556            class="cursor-pointer flex flex-col justify-center items-center"
3557            style="font-size: 1.1rem; color: #000; fill: #000;"
3558            aria-label="Open search input"
3559            @click="() => {
3560
3561                open = !open;
3562
3563                if (open) {
3564                    $nextTick(() => {
3565                    const iconRect = $refs.searchIcon.getBoundingClientRect();
3566
3567                    searchPosition = (iconRect.left > window.innerWidth / 2) ? 'right-0' : 'left-0' ;
3568
3569                    setTimeout(()=> {
3570                        document.getElementById('block--header_iconscc8afe43-f3ff-40e5-bfc0-c08c2eedb8ba__header_icons-live_search').focus();
3571                    }, 300);
3572
3573                    });
3574                }
3575            }">
3576            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>
3577
3578                    </button>
3579
3580        <template x-if="open">
3581            <div x-data="{ searchOpen: false }"
3582                x-init="setTimeout(() => searchOpen = true, 10);"
3583                class="absolute -top-1 min-w-320 md:min-w-460 z-10 transition-all duration-300"
3584                :class="[
3585                searchPosition,
3586                { 'opacity-0 transform translate-x-full': !searchOpen,
3587                  'opacity-100 transform translate-x-0': searchOpen }
3588            ]">
3589                <label for="block--header_iconscc8afe43-f3ff-40e5-bfc0-c08c2eedb8ba__header_icons-live_search" class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">
3590                    Søk
3591                </label>
3592
3593                <div class="relative font-lg">
3594                    <div class="absolute z-1 inset-y-0 left-0 flex items-center pl-3 pointer-events-none" style="fill: #000">
3595                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>
3596                    </div>
3597                    <input
3598                        aria-label="Søk"
3599                        id="block--header_iconscc8afe43-f3ff-40e5-bfc0-c08c2eedb8ba__header_icons-live_search"
3600                        class="block w-full p-4 pl-10 text-base text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
3601                        x-model="$store.search.keywords"
3602                        style="border: 1px solid #000; border-radius: 12; background: #fff; color: #000; "
3603                        :style="{ border_color: error ? '#f00' : defaultBorder }"
3604                        @keyup.enter="(e) => {
3605                        error = false;
3606
3607                        if (!$s('search').keywords) {
3608                            error = true;
3609                            return;
3610                        }
3611
3612                        location.href = 'https://www.alfafritid.no/search_result?keywords=' + e.target.value
3613                    }"
3614                                                type="search"
3615                        placeholder="Søk..."
3616                        required />
3617                    <button
3618                        type="submit"
3619                        class="__search_button text-white absolute right-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
3620                        aria-label="Go to the search page"
3621                        @click.prevent="() => {
3622                        error = false;
3623
3624                        if (!$s('search').keywords) {
3625                            error = true;
3626                            return;
3627                        }
3628
3629                        location.href = 'https://www.alfafritid.no/search_result?keywords=' + $s('search').keywords;
3630                    }">
3631                        Søk
3632                    </button>
3633                </div>
3634            </div>
3635        </template>
3636    </div>
3637
3638    <style>
3639        #block--header_iconscc8afe43-f3ff-40e5-bfc0-c08c2eedb8ba__header_icons .__search_button  {
3640        background: inherit;
3641        color: inherit;
3642        border-radius: 12;
3643        }
3644
3645        #block--header_iconscc8afe43-f3ff-40e5-bfc0-c08c2eedb8ba__header_icons .__search_button:hover  {
3646        background: #inherit;
3647        color: #inherit;
3648        }
3649    </style>
3650</div>
3651            
3652            
3653            
3654            
3655                            <button @click="$store.cart.open()" aria-label="Åpne handlekurven" class="__icon_wrapper text-center flex flex-col items-center" data-subblock-key="cart_icon">
3656                    <span style="font-size: 1.1rem; color: #000; fill: #000;"
3657                        class="__shopping_icon __header_icons shoppingbasket__slidein cursor-pointer relative text-2xl" aria-label="Åpne handlekurven"
3658                        :class="{ '__has-items': $store.cart.totalQty() }">
3659                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"/></svg>
3660
3661                                                    <small
3662                                x-cloak
3663                                class="text-white w-6 h-6 flex justify-center items-center absolute -right-4 -top-4 rounded-full text-xs cart_qty_label"
3664                                style="background-color: #4c5563; color: #fff;"
3665                                x-text="$store.cart.totalQty()"
3666                                x-show="$store.cart.totalQty()">
3667                            </small>
3668                                            </span>
3669
3670                                    </button>
3671                    </div>
3672    </div>
3673
3674    <style>
3675
3676        
3677        
3678        
3679        
3680        
3681        
3682        
3683        
3684        
3685        
3686        
3687        #block--header_iconscc8afe43-f3ff-40e5-bfc0-c08c2eedb8ba__header_icons .__search__icon > ._search__icon {
3688            padding: 0;
3689        }
3690
3691        #block--header_iconscc8afe43-f3ff-40e5-bfc0-c08c2eedb8ba__header_icons * > .__icon_wrapper,
3692        #block--header_iconscc8afe43-f3ff-40e5-bfc0-c08c2eedb8ba__header_icons ._search__icon > button {
3693            padding: 8px !important;
3694                                }
3695
3696    </style>
3697                                </div>
3698</section>
3699                                                                                                    </div>
3700
3701        
3702            </div>
3703</header>
3704
3705                </div>
3706
3707                                        <div x-data="{}"
3708        class="crall_search_wrapper"
3709        x-init="() => {
3710            $watch('$store.search.keywords', value => {
3711                // Create a new 'change' event
3712                const event = new Event('keyup');
3713
3714                // Dispatch the event on the element
3715                $refs.crall_search.dispatchEvent(event);
3716            })
3717        }"
3718    >
3719        <input
3720            aria-label="Søk"
3721            id="crall_search"
3722            x-ref="crall_search"
3723            class="h-0 hidden"
3724            type="search"
3725            x-model="$store.search.keywords"
3726            @keyup.enter="(e) => { if (!e.target.value.trim()) return; location.href = 'https://www.alfafritid.no/search_result?keywords=' + e.target.value; }"
3727            @input.debounce.500ms="$store.search.search(keywords)" @input
3727="(e) => { keywords = e.target.value;}"
3728            placeholder="Search..." required
3729        />
3730
3731        <div
3732            class="crall-search"
3733            data-version="2"
3734            data-search-container="#crall_search"
3735            data-result-types="categories,products"
3736            data-recommendation-id="@search-autocomplete"
3737            data-language='{
3738                "products": "Produkter",
3739                "categories": "Kategorier",
3740                "show_more": "Vis flere resultater",
3741                "brands": "Merker",
3742                "no_result": "Vi fant ingen produkter som samsvarer med søkeordet ditt."
3743            }'
3744        ></div>
3745    </div>
3746                
3747                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <div
3748                    id="__page_layout"
3749                    class=" "
3750                                    >
3751                    
3752                    <main id="page" class=" ">
3753                        
3754    <div class="py-2 text-center md:text-left" style="background: #ffffff">
3755        <div class="container mx-auto">
3756                            <div class="breadcrumb">
3757                                            <a href="https://www.alfafritid.no" style="color: #262626" class="text-xs">
3758                            Hjem
3759                        </a>
3760                        <span class="text-xs"> / </span>                                            <a href="https://www.alfafritid.no/login" style="color: #4a4a4a" class="text-xs font-bold">
3761                            Logg på
3762                        </a>
3763                                                            </div>
3764                    </div>
3765    </div>
3766
3767<script type="text/javascript">
3768    var current_page = `login.php`;
3769</script>
3769
3770
3771            
3772                    
3773<section
3774    id="section--login79c8f500-3fd8-455a-953a-38deec5052d0__login"
3775    class="
3776        container m-auto flex flex-col md:grid mt-8 mb-8 p-8 shadow-lg md:grid-cols-3 gap-12 grid-flow-col
3777                        
3778            
3779    
3780    
3781                                    
3782                                        "
3783    data-subblock-key="general"
3784>
3785            
3786                    <div id="block--login_contentd1ab3e12-83b7-47ff-bb33-90759ed22940__login_content" class="w-full col-span-1">
3787                                                <section
3788            id="block--login_contentd1ab3e12-83b7-47ff-bb33-90759ed22940__login_content"
3789            x-data="{ conditions: null }"
3790            x-init="$s('conditions').checkConditions(conditions)"
3791            x-show="$s('conditions').checkConditions(conditions)"
3792            class="col-span-1">
3793            <section>
3794    
3795        
3796                    
3797    
3798                    
3799                    
3800        
3801            
3802    <h1
3803        x-data="{ conditions: null }"
3804        x-init="$s('conditions').checkConditions(conditions)"
3805        x-show="$s('conditions').checkConditions(conditions)"
3806        id="block--login_contentd1ab3e12-83b7-47ff-bb33-90759ed22940__login_content"         class="__login_content_block  relative"
3807        style="
3808            color: inherit;            
3809            font-size: 1.25rem;
3810            font-weight: inherit;
3811            line-height: inherit;
3812            text-transform: none !important;
3813            text-align: inherit;
3814            background-color: ;            border-radius: 0;        "
3815        data-subblock-key="general">
3816        Logg inn
3817    </h1>
3818
3819    <style>
3820        @media (max-width: 600px) {
3821            #block--login_contentd1ab3e12-83b7-47ff-bb33-90759ed22940__login_content, #block--login_contentd1ab3e12-83b7-47ff-bb33-90759ed22940__login_content * {
3822                text-align: inherit !important;
3823            }
3824        }
3825    </style>
3826
3827    <form class="mt-2" id="login_form" method="post" action="https://www.alfafritid.no/login/?action=process">
3828        
3829                    <input type='hidden' name='csrf_token' value='4_CMhHzZlbetGVscRBaTl8mhYhaPtNTwbUGmjvgXQh' />
3830                
3831
3832        <fieldset>
3833            <div class="relative z-0 mb-6 w-full group">
3834                <input type="text" name="email_address" id="login_email_address"
3835                    class="block py-2 mt-1 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer"
3836                    value=""
3837                    placeholder=" " required="">
3838                <label for="login_email_address"
3839                    class="absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-2 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-7">E-postadresse:
3840                    <span class="text-error text-red-500">*</span></label>
3841            </div>
3842            <div x-data="{ isPassword: true, button_text: 'show' }" class="relative z-0 mb-6 w-full group">
3843                <input x-bind:type="isPassword ? 'password' : 'text'" name="password" id="login_password"
3844                    class="block py-2 mt-1 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer"
3845                    placeholder=" " required="">
3846                <label for="login_password"
3847                    class="absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-2 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-7">Passord:
3848                    <span class="text-error text-red-500">*</span></label>
3849                <template x-if="isPassword">
3850                    <span @click="isPassword = false"
3851                        class="absolute top-[8px] right-0 w-[16px] h-[16px]"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z"/></svg></span>
3852                </template>
3853                <template x-if="!isPassword">
3854                    <span @click="isPassword = true"
3855                        class="absolute top-[8px] right-0 w-[16px] h-[16px]"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z"/></svg></span>
3856                </template>
3857                <span class="absolute top-[8px] right-0" @click="isPassword = !isPassword"></span>
3858            </div>
3859            <div class="relative z-0 mb-6 w-full group">
3860                <input type="submit" class="button button-primary" value="Logg inn">
3861            </div>
3862            <div class="relative z-0 mb-6 w-full group flex justify-between">
3863                <div>
3864                    <a href="https://www.alfafritid.no/password_forgotten"
3865                        class="text-sm text-gray-500 cursor-pointer">Glemt passord?</a>
3866                </div>
3867                            </div>
3868        </fieldset>
3869    </form>
3870</section>
3871            <section class="mt-20">
3872    
3873        
3874                    
3875    
3876        
3877                    
3878        
3879            
3880    <div
3881        x-data="{ conditions: null }"
3882        x-init="$s('conditions').checkConditions(conditions)"
3883        x-show="$s('conditions').checkConditions(conditions)"
3884        id="block--login_contentd1ab3e12-83b7-47ff-bb33-90759ed22940__login_content"         class="__login_content_block  relative"
3885        style="
3886            color: inherit;            
3887            font-size: 1.25rem;
3888            font-weight: inherit;
3889            line-height: inherit;
3890            text-transform: none !important;
3891            text-align: inherit;
3892            background-color: ;            border-radius: 0;        "
3893        data-subblock-key="general">
3894        Opprett konto
3895    </div>
3896
3897    <style>
3898        @media (max-width: 600px) {
3899            #block--login_contentd1ab3e12-83b7-47ff-bb33-90759ed22940__login_content, #block--login_contentd1ab3e12-83b7-47ff-bb33-90759ed22940__login_content * {
3900                text-align: inherit !important;
3901            }
3902        }
3903    </style>
3904
3905    <div class="new-customer-info text-center mt-2">
3906                    <p class="mt20 mb10"></p>
3907
3908
3909                            <a href="/create_account/" class="button button-primary">Opprett konto</a>
3910                        </div>
3911</section>
3912        </section>
3913                                </div>
3914                    
3915                    <figure
3916                id="block--image056633f1-f43d-48e9-8d3a-ad0083790f40__image"
3917                class="__image_block overflow-hidden relative col-span-2"
3918            >
3919                <section class="content h-full">
3920                    <a href="#" id="block--image056633f1-f43d-48e9-8d3a-ad0083790f40__image_url" aria-label="">
3921                        <picture class="w-full"><source media="(min-width: 1024px)" srcset="" loading="lazy"/><source media="(min-width: 768px)" srcset="" loading="lazy"/><img id="block--image056633f1-f43d-48e9-8d3a-ad0083790f40__image_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="" src="" loading="lazy" /></picture>
3922                    </a>
3923                </section>
3924            </figure>
3925            
3926</section>
3927            
3928                
3929                </main>
3930            </div>            
3931            <footer id="__footer">
3932    
3933            
3934                                    
3935
3936
3937
3938<section
3939    id="section--text83039425-c3d5-463e-a315-301fa1f649e8__text"
3940    class="__text_section __text w-full flex flex-col justify-center items-center  "
3941    style="--text-color: var(--secondary-text-color);  --bg-color: var(--primary-color);"
3942    data-subblock-key="general">
3943    <div class="text__blocks flex flex-col container p-6"
3944        style="
3945                        gap: inherit;
3946            
3947    ">
3948
3949                            
3950                                                                
3951    
3952        
3953        
3954    
3955    
3956    
3957    <div id="block--paragraph5bf3f796-b039-4c15-bf1d-dc35807580a6__paragraph"         x-data="{ conditions: [] }"
3958        x-init="$s('conditions').checkConditions(conditions)"
3959        x-show="$s('conditions').checkConditions(conditions)"
3960        class="__text_block  relative w-full  center "
3961        style="--bg-color: inherit;"
3962        data-subblock-key="general">
3963        <p>Kajakker og padleutstyr fra kvalitetsleverandører&nbsp;</p>
3964        <style>
3965            #block--paragraph5bf3f796-b039-4c15-bf1d-dc35807580a6__paragraph {
3966                        background: var(--bg-color);
3967            text-transform: none;
3968            line-height: auto;
3969            text-align: center;
3970            
3971            }
3972
3973            @media (max-width: 600px) {
3974                #block--paragraph5bf3f796-b039-4c15-bf1d-dc35807580a6__paragraph, #block--paragraph5bf3f796-b039-4c15-bf1d-dc35807580a6__paragraph * {
3975                    text-align: default;
3976                }
3977            }
3978        </style>
3979    </div>
3980                                    
3981    </div>
3982    <style>
3983        #section--text83039425-c3d5-463e-a315-301fa1f649e8__text {
3984        color: var(--text-color);
3985        fill: var(--text-color);
3986        background-color: var(--bg-color);
3987        
3988        }
3989
3990                
3991                    </style>
3992</section>
3993                                
3994                                    
3995<section
3996    id="section--footer_section5edcb8b4-2b86-456d-8953-5a6058736b23__footer_section"
3997    class="__footer_section_section __footer_section text bg-slate-100 py-8 
3998     "
3999    style="
4000        background: #f3f3f3;        color: #262626;        fill: #262626;        border-color: #262626;        text-align: ;
4001        
4002    "
4003    data-subblock-key="general">
4004        <div
4005        class="
4006            text__blocks
4007            container            grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-2
4008            m-auto p-6 md:px-0 grid
4009        ">
4010
4011                    
4012                                
4013        
4014                            
4015    <div
4016        id="block--footer_about_us44b7cf3b-6daf-444b-824a-ea08da64625e__footer_about_us"
4017        class="__footer-about-us __footer-widget col-span-1 md:col-span-1 lg:col-span-1
4018                        
4019            
4020    
4021    
4022                                        md:text-left md:items-start
4023                        
4024                                     "
4025        x-data="{ expanded: false, conditions: [] }"
4026        x-show="open && $s('conditions').checkConditions(conditions)"
4027        x-init="$s('conditions').checkConditions(conditions)"
4028        data-subblock-key="general">
4029        <div class="pl0 footer-lists" style="color: #262626;">
4030            <div class="flex justify-between align-center gap-4">
4031                <div
4032                    id="block--footer_about_us44b7cf3b-6daf-444b-824a-ea08da64625e__footer_about_us_title"
4033                    class="__footer-title text-heading-5 font-bold relative w-full"
4034                    style="color: inherit; font-size: 1rem; font-weight: 500;                 
4035            
4036    
4037    
4038                                        md:text-left md:items-start
4039                        
4040                                     "
4041                    @click=" expanded=!expanded" >
4042
4043                    
4044                                                                
4045                                                
4046    
4047        
4048        
4049    
4050    
4051    
4052    <div id="block--footer_about_us44b7cf3b-6daf-444b-824a-ea08da64625e__footer_about_us_title"         x-data="{ conditions: [] }"
4053        x-init="$s('conditions').checkConditions(conditions)"
4054        x-show="$s('conditions').checkConditions(conditions)"
4055        class="__text_block  relative w-full  left "
4056        style="--bg-color: inherit;"
4057        data-subblock-key="heading">
4058        <p><span style="font-size:1rem;">Kontakt oss</span></p>
4059        <style>
4060            #block--footer_about_us44b7cf3b-6daf-444b-824a-ea08da64625e__footer_about_us_title {
4061                        background: var(--bg-color);
4062            text-transform: none;
4063            line-height: auto;
4064            text-align: left;
4065            
4066            }
4067
4068            @media (max-width: 600px) {
4069                #block--footer_about_us44b7cf3b-6daf-444b-824a-ea08da64625e__footer_about_us_title, #block--footer_about_us44b7cf3b-6daf-444b-824a-ea08da64625e__footer_about_us_title * {
4070                    text-align: default;
4071                }
4072            }
4073        </style>
4074    </div>
4075                                    </div>
4076                                    <button @click=" expanded=!expanded" class="visible transition-all md:hidden" :class="{ 'rotate-90': expanded, '-rotate-90': !expanded }" aria-label="Toggle footer information">
4077                        <span class="inline-flex items-center justify-center text-lg text-gray-600 w-4 h-4 inline-block"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M47 239c-9.4 9.4-9.4 24.6 0 33.9L207 433c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L97.9 256 241 113c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L47 239z"/></svg></span>
4078                    </button>
4079                            </div>
4080            <ul
4081                class="content md:h-auto overflow-hidden text-sm"
4082                :class="{ 'h-auto': expanded, 'h-0': !expanded }"                 style="font-weight: 400; font-size: 0.8rem; color: #262626;" aria-labelledby="block--footer_about_us44b7cf3b-6daf-444b-824a-ea08da64625e__footer_about_us_title">
4083                <li class="no-list py-2">ALFA FRITID AS</li>
4084                <li class="no-list py-2">Eidvegen 666</li>
4085                <li class="no-list py-2">9109 Kvaløya</li>
4086
4087                                                    <li class="no-list py-2">Org. nr. 927340925</li>
4088                                                    <li class="no-list py-2"><i class="icon-phone"></i>Tlf: <a
4089                            href="tel: +47 41602539">+47 41602539</a></li>
4090                
4091
4092                                    <li class="no-list py-2">
4093                        <a id="block--footer_about_us44b7cf3b-6daf-444b-824a-ea08da64625e__footer_about_us_button" href="mailto:[email protected]">[email protected]</a>
4094                    </li>
4095                            </ul>
4096        </div>
4097
4098                    <style>
4099                #block--footer_about_us44b7cf3b-6daf-444b-824a-ea08da64625e__footer_about_us a:hover { color: #1A45A4 !important; }
4100            </style>
4101            </div>
4102                                
4103                                            
4104                                                                                                                                                
4105                <div
4106                    id="block--footer_section6e8fea4e-5b5c-4d58-9f74-18ab3adb80c3"
4107                    x-data=" { expanded: false }"
4108                    class="___footer_menu_block __footer-menu 
4109                        col-span-1 md:col-span-1 lg:col-span-1
4110                                        
4111            
4112    
4113    
4114                                        md:text-left md:items-start
4115                        
4116                                                        "
4117                    style="color: #262626;" data-subblock-key="general"
4118                >
4119                    <div class="flex justify-between align-center gap-4">
4120                        <div
4121                            class="__footer-title text-heading-5 font-bold relative w-full"
4122                            style="color: inherit; font-size: 1rem; font-weight: 500;                 
4123            
4124    
4125    
4126                                        md:text-left md:items-start
4127                        
4128                                    "
4129                            @click="expanded = !expanded" >
4130
4131                                                                
4132    
4133        
4134        
4135    
4136    
4137    
4138    <div id="block--footer_section6e8fea4e-5b5c-4d58-9f74-18ab3adb80c3_title"         x-data="{ conditions: [] }"
4139        x-init="$s('conditions').checkConditions(conditions)"
4140        x-show="$s('conditions').checkConditions(conditions)"
4141        class="__text_block  relative w-full  left "
4142        style="--bg-color: inherit;"
4143        data-subblock-key="heading">
4144        <p><span style="font-size:1rem;">Kundeservice</span></p>
4145        <style>
4146            #block--footer_section6e8fea4e-5b5c-4d58-9f74-18ab3adb80c3_title {
4147                        background: var(--bg-color);
4148            text-transform: none;
4149            line-height: auto;
4150            text-align: left;
4151            
4152            }
4153
4154            @media (max-width: 600px) {
4155                #block--footer_section6e8fea4e-5b5c-4d58-9f74-18ab3adb80c3_title, #block--footer_section6e8fea4e-5b5c-4d58-9f74-18ab3adb80c3_title * {
4156                    text-align: default;
4157                }
4158            }
4159        </style>
4160    </div>
4161                                                    </div>
4162                                                    <button @click="expanded = !expanded" class="visible transition-all md:hidden"
4163                                :class="{ 'rotate-90': expanded, '-rotate-90': !expanded }" aria-label="Expend footer menu">
4164                                <span
4165                                    class="inline-flex items-center justify-center text-lg text-gray-600 w-4 h-4 inline-block"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M47 239c-9.4 9.4-9.4 24.6 0 33.9L207 433c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L97.9 256 241 113c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L47 239z"/></svg></span>
4166                            </button>
4167                                            </div>
4168                    <div class="content md:h-auto overflow-hidden" :class="{ 'h-auto': expanded, 'h-0': !expanded }" >
4169                        <ul class="flex flex-col text-sm" style="font-weight: 400; color: #262626; font-size: 0.8rem;">
4170                                                                                                                    
4171                                                                                                <li class="flat-menu-list ">
4172                                        <a class="menubutton0 block py-2" href="https://www.alfafritid.no/pages/om-oss" >Om oss</a>
4173                                    </li>
4174                                                                    <li class="flat-menu-list ">
4175                                        <a class="menubutton1 block py-2" href="https://www.alfafritid.no/contact_us" >Kontakt oss - &aring;pningstid</a>
4176                                    </li>
4177                                                                    <li class="flat-menu-list ">
4178                                        <a class="menubutton2 block py-2" href="https://www.alfafritid.no/pages/frakt-og-retur" >Frakt og retur</a>
4179                                    </li>
4180                                                                    <li class="flat-menu-list ">
4181                                        <a class="menubutton3 block py-2" href="https://www.alfafritid.no/pages/conditions" >Salgsbetingelser</a>
4182                                    </li>
4183                                                                    <li class="flat-menu-list ">
4184                                        <a class="menubutton4 block py-2" href="https://www.alfafritid.no/pages/privacy" >Personvern</a>
4185                                    </li>
4186                                                                    <li class="flat-menu-list ">
4187                                        <a class="menubutton5 block py-2" href="http://alfafritid.blogspot.com/"  target="_blank" rel="noopener noreferrer">Blogg</a>
4188                                    </li>
4189                                                                                    </ul>
4190                    </div>
4191
4192                                            <style>
4193                            #block--footer_section6e8fea4e-5b5c-4d58-9f74-18ab3adb80c3 a:hover { color: #1A45A4 !important; }
4194                        </style>
4195                                    </div>
4196                                
4197                                    
4198    
4199                
4200    <div
4201        id="block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget"
4202        class="__footer-widget footer-widget
4203            col-span-1 md:col-span-1 lg:col-span-1
4204                            
4205            
4206    
4207    
4208                                        md:text-center md:items-center
4209                        
4210                                     
4211        "
4212        style="color: #000;"
4213        x-data="{ expanded: false, conditions: null }"
4214        x-show="open && $s('conditions').checkConditions(conditions)"
4215        x-init="$s('conditions').checkConditions(conditions)"
4216        data-subblock-key="general"
4217    >
4218        <div class="flex justify-between align-center gap-4">
4219            <div
4220                class="__footer-title text-heading-5 font-bold relative w-full"
4221                style="color: inherit; font-size: 1rem; font-weight: 500; text-align: center"
4222                @click="expanded = !expanded" >
4223
4224                                        
4225    
4226        
4227        
4228    
4229    
4230    
4231    <div id="block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget_title"         x-data="{ conditions: [] }"
4232        x-init="$s('conditions').checkConditions(conditions)"
4233        x-show="$s('conditions').checkConditions(conditions)"
4234        class="__text_block  relative w-full  center "
4235        style="--bg-color: inherit;"
4236        data-subblock-key="heading">
4237        <p>Meld deg på nyhetsbrevet vårt!</p>
4238        <style>
4239            #block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget_title {
4240                        background: var(--bg-color);
4241            text-transform: none;
4242            line-height: auto;
4243            text-align: center;
4244            
4245            }
4246
4247            @media (max-width: 600px) {
4248                #block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget_title, #block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget_title * {
4249                    text-align: center;
4250                }
4251            }
4252        </style>
4253    </div>
4254                            </div>
4255
4256                            <button @click="expanded = !expanded" class="visible transition-all md:hidden" :class="{ 'rotate-90': expanded, '-rotate-90': !expanded }" aria-label="Toggle footer information">
4257                    <span class="inline-flex items-center justify-center text-lg text-gray-600 w-4 h-4 inline-block"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M47 239c-9.4 9.4-9.4 24.6 0 33.9L207 433c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L97.9 256 241 113c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L47 239z"/></svg></span>
4258                </button>
4259                    </div>
4260        <div
4261            id="block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget_text_wrapper"
4262            class="content md:h-auto overflow-hidden"
4263            :class="{ 'h-auto': expanded, 'h-0': !expanded }"             aria-labelledby="block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget_title"
4264            data-subblock-key="general">
4265
4266                                        
4267                                                    
4268    
4269    
4270                            <div class="my-4">
4271                                                                    
4272                        
4273                    
4274            <div id="block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget_button"
4275            class="w-full"
4276            x-data="{ conditions: [] }"
4277            x-init="$s('conditions').checkConditions(conditions)"
4278            x-show="$s('conditions').checkConditions(conditions)"
4279            >
4280            <a
4281
4282                                href="/newsletter"                                 class="__button_block text-inherit w-full button button-primary p-2.5 sm:m-0 block min-w-full gap-1  "
4283                style="
4284                    font-size: 0.75;
4285                    font-weight: 500;
4286                                        border-radius: 100px;
4287                                        max-width: 100%;                    color: #e4e4e4ff;                    fill: #e4e4e4ff;                    background: #262626;                "
4288                data-subblock-key="button">
4289                                <span class="inline-block">PÃ¥meldingsskjema</span>
4290                            </a>
4291
4292            
4293            
4294            
4295
4296            <style>
4297                #block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget_button {
4298                text-align: center;
4299                }
4300
4301                @media screen and (max-width: 600px) {
4302                    #block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget_button {
4303                    text-align: default;
4304                }
4305                }
4306
4307
4308                            </style>
4309        </div>
4310                    </div>
4311                    </div>
4312
4313                    <style>
4314                #block--footer_widgetc9f20e29-9fe2-49d9-801c-feabdd21c765__footer_widget a:hover { color: #1A45A4 !important; }
4315            </style>
4316            </div>
4317                        </div>
4318    <style>
4319                
4320                    @media (max-width: 600px) {
4321                #section--footer_section5edcb8b4-2b86-456d-8953-5a6058736b23__footer_section {
4322                padding: 0px 0px 0px 0px !important;
4323            }
4324            }
4325
4326                            @media (min-width: 601px) and (max-width: 768px) {
4327                #section--footer_section5edcb8b4-2b86-456d-8953-5a6058736b23__footer_section {
4328                padding: 0px 10px 0px 10px !important;
4329            }
4330            }
4331
4332            </style>
4333</section>
4334                                
4335                                    
4336
4337
4338<section
4339    id="section--columns06e89562-c8e3-4334-ad6b-4b0fddadceca__columns"
4340    class="
4341        
4342        __columns_section
4343        __columns multicolumn
4344        
4345    "
4346    style="
4347        --text-color: inherit;
4348        --background-color: --background-color;
4349        ; border-color: #000; border-style: solid;
4350                
4351    "
4352    x-data="{ initSlider: () => {} }"
4353    data-subblock-key="general">
4354
4355            <div class="
4356                w-full m-auto image_banner_image grid
4357                grid-cols-1 md:grid-cols-1 lg:grid-cols-1 gap-4
4358
4359                                                    
4360            
4361    
4362    
4363                                    
4364                                                                " style="
4365                                background-color: ;            ">
4366            
4367                
4368                
4369                                                            
4370
4371    <div
4372        id="block--logos456d045d-8419-4df5-b2a6-105843b8f3a4__logos"
4373        class="__logos_block relative flex flex-col items-center p-6
4374            
4375            col-span-1 md:col-span-1 lg:col-span-1
4376            
4377        "
4378        style="
4379            --text-color: --text-color;
4380            --bg-color: inherit;"
4381        data-subblock-key="general"
4382        x-data="{ conditions: [] }"
4383        x-init="$s('conditions').checkConditions(conditions)"
4384        x-show="$s('conditions').checkConditions(conditions)"
4385        >
4386
4387            <ul
4388        id="block--logos456d045d-8419-4df5-b2a6-105843b8f3a4__logos"
4389        x-data="{ conditions: [] }"
4390        x-init="$s('conditions').checkConditions(conditions)"
4391        x-show="$s('conditions').checkConditions(conditions)"
4392        data-subblock-key="general"
4393        class="logos flex w-full items-center flex-wrap gap-4     justify-center items-center
4394"
4395    >
4396
4397                    
4398                            <li class="__logo_block __logo_block_logo_01 basis-md">
4399                    <div href=""  class="flex items-center justify-center">
4400                        <img style="height:20px" src="/templates/belgrade/assets/images/posten.png" alt="posten.png" />
4401                    </div>
4402                </li>
4403            
4404                                
4405                            <li class="__logo_block __logo_block_logo_02 basis-md">
4406                    <div href=""  class="flex items-center justify-center">
4407                        <img style="height:20px" src="/templates/belgrade/assets/images/bring.png" alt="bring.png" />
4408                    </div>
4409                </li>
4410            
4411                                
4412                            <li class="__logo_block __logo_block_logo_03 basis-md">
4413                    <div href=""  class="flex items-center justify-center">
4414                        <img style="height:18px" src="/templates/belgrade/assets/images/vipps-orange.png" alt="vipps-orange.png" />
4415                    </div>
4416                </li>
4417            
4418                                
4419                            <li class="__logo_block __logo_block_logo_04 basis-md">
4420                    <div href=""  class="flex items-center justify-center">
4421                        <img style="height:18px" src="/templates/belgrade/assets/images/klarna-dark.png" alt="klarna-dark.png" />
4422                    </div>
4423                </li>
4424            
4425                                
4426            
4427                                
4428            
4429                                
4430            
4431                                
4432            
4433                        </ul>
4434
4435        <style>
4436            #block--logos456d045d-8419-4df5-b2a6-105843b8f3a4__logos {
4437                color: var(--text-color);
4438                fill: var(--text-color);
4439                background-color: var(--bg-color);
4440                border-color: inherit;
4441                border-style: solid;
4442                ;
4443                
4444            }
4445
4446            #block--logos456d045d-8419-4df5-b2a6-105843b8f3a4__logos,
4447            #block--logos456d045d-8419-4df5-b2a6-105843b8f3a4__logos .text_content {
4448                gap: 8px;
4449            }
4450
4451            #block--logos456d045d-8419-4df5-b2a6-105843b8f3a4__logos .image {
4452                overflow: hidden;
4453            }
4454                    </style>
4455    </div>
4456                                                        </div>
4457    
4458    
4459    <style>
4460        #section--columns06e89562-c8e3-4334-ad6b-4b0fddadceca__columns {
4461        color: var(--text-color);
4462        background-color: var(--background-color);
4463        position: relative;
4464        z-index: 1;
4465        }
4466
4467
4468        #section--columns06e89562-c8e3-4334-ad6b-4b0fddadceca__columns::after {
4469        content: '';
4470        background-color: var(--background-color);
4471        position: absolute;
4472        top: 0;
4473        left: 0;
4474        right: 0;
4475        bottom: 0;
4476        z-index: -1;
4477        }
4478
4479        @media (min-width: 601px) and (max-width: 768px) {
4480            #section--columns06e89562-c8e3-4334-ad6b-4b0fddadceca__columns {
4481            margin:  !important;
4482        }
4483        }
4484
4485        
4486                    </style>
4487</section>
4488                        
4489    <div class="fixed z-50 bottom-10 md:bottom-auto md:top-2 right-0 flex flex-col-reverse">
4490    <template x-for="notification in $store.notifications.notifications">
4491        <div x-init="$store.notifications.shift();" :class="'__notification-' + notification.type" class="__notification-item flex items-center w-full transition-all max-w-xs p-4 mb-1 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800" role="alert">
4492            <div class="notification_block inline-flex items-center justify-center flex-shrink-0 w-8 h-8 rounded-lg dark:bg-orange-700 dark:text-orange-200">
4493                <template x-if="notification.type === 'error'">
4494                    <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
4495                        xmlns="http://www.w3.org/2000/svg">
4496                        <path fill-rule="evenodd"
4497                            d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
4498                            clip-rule="evenodd"></path>
4499                    </svg>
4500                </template>
4501                <template x-if="notification.type === 'success'">
4502                    <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
4503                        xmlns="http://www.w3.org/2000/svg">
4504                        <path fill-rule="evenodd"
4505                            d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
4506                            clip-rule="evenodd"></path>
4507                    </svg>
4508                </template>
4509                <template x-if="notification.type === 'warning'">
4510                    <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
4511                        xmlns="http://www.w3.org/2000/svg">
4512                        <path fill-rule="evenodd"
4513                            d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
4514                            clip-rule="evenodd"></path>
4515                    </svg>
4516                </template>
4517                <template x-if="notification.type === 'info'">
4518                    <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 512 512">
4519                        <!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.-->
4520                        <path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" />
4521                    </svg>
4522                </template>
4523            </div>
4524            <h3 x-html="notification.text" class="ml-3 text-sm font-normal"></h3>
4525        </div>
4526    </template>
4527</div>
4528</footer>
4529            <template x-if="$store.cart.settings.open">
4530    <div x-data="{ cartOpen: false }" class="__shopping-cart relative z-50">
4531        <div
4532            class="fixed flex-col flex bg-white fill-white transition-all top-0 right-0 min-w-320 max-w-460 w-80 h-full z-20 shadow-md"
4533            :class="{ '-translate-x-0': cartOpen, 'translate-x-full': !cartOpen }"
4534            x-swipe:right="cartOpen = false; setTimeout( function() { $store.cart.close() }, 200)"
4535            x-init="setTimeout( function() { cartOpen = true}, 10)"
4536            x-cloak
4537        >
4538            <header class="action-bar py-2 px-4">
4539    <button class="flex justify-center w-full realtive items-center pb-2 fill-black border-b border-slate-100" @click="cartOpen = false; setTimeout( function(){ $store.cart.close() }, 200);">
4540        <div class="absolute left-4 top-3"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
4540<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg></div>
4541        <span class="font-light">
4542            I handlekurven
4543        </span>
4544    </button>
4545</header>
4546            <section class="shipping-countdown px-4 my-2" x-show="!$store.cart.checkFreeShippingWeight() && $store.cart.freeShippingLimit !== null">
4547    <div class="text-center font-light">
4548        <p x-show="$store.cart.freeShippingCalculated.percent !== 100"
4549            x-text="' '+ $store.price.displayPrice(parseInt($store.cart.freeShippingCalculated.left)) +' igjen til gratis frakt!'">
4550        </p>
4551        <p x-show="$store.cart.freeShippingCalculated.percent === 100" x-text="'Gratulerer, du fikk gratis frakt!'"></p>
4552    </div>
4553    <div class="mt-2">
4554        <span class="block w-full h-3 bg-gray-100 rounded-lg relative overflow-hidden">
4555            <span class="block absolute h-full left-0 top-0 transition-all bg-teal-500"
4556                :style="{ width: $store.cart.freeShippingCalculated.percent + '%'}">
4557            </span>
4558        </span>
4559    </div>
4560</section>
4561            <section x-data="{ 'timeout': null }" class="px-4 py-2 grow overflow-y-auto" :class="{ 'flex items-center justify-center': $store.cart.totalQty() == 0}">
4562    <ul>
4563        
4564        
4565        <template x-if="$store.cart.totalQty() == 0">
4566            <section class="flex flex-col gap-4 p-6 text-center fill-black">
4567                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"/></svg>
4568                <p>Handlekurven din er tom!</p>
4569            </section>
4570        </template>
4571        <template x-for="product in $store.cart.items" :key="product.id + '' + product.quantity">
4572            <li class="flex pb-2 mb-2 items-center">
4573                <div x-data="{ 'state': 'idle' }" class="flex w-full gap-2 items-start transition-all" :class="{ 'opacity-0 duration-500': state == 'deleting' }">
4574                    <section class="w-1/3 mt-4">
4575                        <div x-show="product.image_path !== null && product.image_path !== ''" class="w-full">
4576                            <a :href="product.link">
4577                                <img x-show="product.image_path !== null && product.image_path !== ''" :src="product.image_path" class="cartimages" :alt="product.name">
4578                            </a>
4579                        </div>
4580                        <div x-show="product.image_path === null || product.image_path === ''" class="w-1/3 mr-2 aspect-square">
4581                            <a :href="product.link">
4582                                <div class="flex h-full bg-black opacity-10 min-h-[80px]">
4583                                    <div class="fill-white m-auto w-10 h-10">
4584                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96zM224 176C250.5 176 272 197.5 272 224C272 250.5 250.5 272 224 272C197.5 272 176 250.5 176 224C176 197.5 197.5 176 224 176zM368 288C376.4 288 384.1 292.4 388.5 299.5L476.5 443.5C481 450.9 481.2 460.2 477 467.8C472.8 475.4 464.7 480 456 480L184 480C175.1 480 166.8 475 162.7 467.1C158.6 459.2 159.2 449.6 164.3 442.3L220.3 362.3C224.8 355.9 232.1 352.1 240 352.1C247.9 352.1 255.2 355.9 259.7 362.3L286.1 400.1L347.5 299.6C351.9 292.5 359.6 288.1 368 288.1z"/></svg>
4585                                    </div>
4586                                </div>
4587                            </a>
4588                        </div>
4589                        <template x-if="product.expected_delivery_at">
4590                            <div class="text-xs font-bold mt-6" x-text="product.expected_delivery_at"></div>
4591                        </template>
4592                    </section>
4593                    <div class="w-2/3 relative">
4594                        <p class="text-sm">
4595                            <a class="hover:underline" :href="product.link" x-html="product.name"></a>
4596                        </p>
4597                        <template x-if="product?.products">
4598                            <ul class="text-xs text-gray-600 mb-1 list-inside list-disc">
4599                                <template x-for="product in product.products">
4600                                    <li :key="product.id">
4601                                        <a class="underline" :href="product.link" x-html="product.name"></a>
4602                                    </li>
4603                                </template>
4604                            </ul>
4605                        </template>
4606
4607                        <div>
4608                            <template x-if="product.on_special == 1">
4609                                <h2 class="block font-bold my-1 text-lg">
4610                                    <span x-html="product.final_price_inc_tax" style="color: #EF4444;"></span>
4611                                    <span class="text-sm line-through ml-2" style="color: #000;" x-text="product.original_final_price_inc_tax"></span>
4612                                </h2>
4613                            </template>
4614                            <template x-if="!product.on_special || product.on_special == 0">
4615                                <h2 class="block font-bold my-1 text-lg">
4616                                    <span x-html="product.final_price_inc_tax" style="color: #000;"></span>
4617                                </h2>
4618                            </template>
4619                        </div>
4620
4621                        <div class="flex items-center mb-1">
4622                            <span x-show="product.options && Object.keys(product.options).length > 0">
4623                                <template x-for="(option, index) in product.options" :key="index">
4624                                    <small class="__cartvariants-slide-in block p-1 border border-gray-700 text-xs mr-1 leading-none">
4625                                        <span x-html="option.products_options_name + ': '"></span>
4626                                        <span x-html="option.products_options_values_name"></span>
4627                                    </small>
4628                                </template>
4629                            </span>
4630                            <!-- <span class="block w-4 h-4 bg-red-600 rounded-full mr-1"></span> -->
4631                        </div>
4632
4633                        <section class="grid grid-cols-3">
4634                            <template x-if="!product.tags?.qty_interval_locked">
4635                                <div
4636                                    class="col-span-2 inline-flex border border-gray-100 rounded-xl w-auto">
4637                                    <button class="p-2"
4638                                        @click="() => {
4639                                            const interval = $store.cart.lineStep(product);
4640                                            const minQty = $store.cart.lineMin(product);
4641                                            let newQty = parseInt(product.quantity) - interval;
4642                                            if (newQty < minQty) newQty = minQty;
4643                                            product.quantity = newQty;
4644                                            clearTimeout(timeout);
4645                                            timeout = setTimeout(() => { $store.cart.updateQuantity(product.id, parseInt(product.quantity)) }, 600)
4646                                        }"
4647                                        x-show="!(product.id <= 0)">
4648                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none"
4649                                            viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
4650                                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
4651                                        </svg>
4652                                    </button>
4653
4654                                    <input
4655                                        class="w-12 text-center py-1 grow"
4656                                        type="number"
4657                                        :min="$store.cart.lineMin(product)"
4658                                        :step="product.unit_pricing && product.unit_pricing.mode === 'quantity' ? $store.cart.lineStep(product) : null"
4659                                        @input.debounce.800ms="(e) => {
4660                                            const minQty = $store.cart.lineMin(product);
4661                                            let newQty = parseInt(e.target.value);
4662
4663                                            if (newQty >= minQty) {
4664                                                product.quantity = newQty;
4665                                                $store.cart.updateQuantity(product.id, parseInt(product.quantity));
4666                                            } else {
4667                                                e.target.value = product.quantity;
4668                                            }
4669                                        }"
4670                                        :value="product.quantity"
4671                                        :disabled="product.id <= 0"
4672                                    />
4673
4674                                    <button class="p-2"
4675                                        @click="() => {
4676                                            product.quantity = parseInt(product.quantity) + $store.cart.lineStep(product);
4677                                            clearTimeout(timeout);
4678                                            timeout = setTimeout(() => { $store.cart.updateQuantity(product.id, parseInt(product.quantity)) }, 600)
4679                                        }"
4680                                        x-show="!(product.id <= 0)"
4681                                                                                >
4682                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none"
4683                                            viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
4684                                            <path stroke-linecap="round" stroke-linejoin="round"
4685                                                d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
4686                                        </svg>
4687                                    </button>
4688                                    <template x-if="product.unit_pricing && product.unit_pricing.mode === 'quantity'">
4689                                        <span class="__unit_quantity_hint text-xs opacity-70 self-center px-2 whitespace-nowrap" x-text="'= ' + product.unit_pricing.display"></span>
4690                                    </template>
4691                                </div>
4692                            </template>
4693                            <template x-if="product.tags?.qty_interval_locked">
4694                                <div class="col-span-2 flex flex-wrap gap-2">
4695                                    <select
4696                                        name="quantity"
4697                                        class="px-4 py-2 border border-gray-300 rounded-lg text-sm"
4698                                        @change="qty = parseInt($event.target.value); $store.cart.updateQuantity(product.id, qty)">
4699                                        <template x-for="interval in product.tags.quantity_interval.split(',').map(i => parseInt(i.trim()))" :key="interval">
4700                                            <option
4701                                                :selected="interval == product.quantity"
4702                                                :value="interval"
4703                                                x-text="interval">
4704                                            </option>
4705                                        </template>
4706                                    </select>
4707
4708                                </div>
4709                            </template>
4710                            <button
4711                                class="col-span-1 justify-self-end"
4712                                @click="state = 'deleting'; $store.cart.removeFromCart(product.id)">
4713                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none"
4714                                    viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
4715                                    <path stroke-linecap="round" stroke-linejoin="round"
4716                                        d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
4717                                </svg>
4718                            </button>
4719                        </section>
4720                    </div>
4721                </div>
4722            </li>
4723        </template>
4724    </ul>
4725</section>
4726            
4727<section class="cart-bottom px-4 mb-2">
4728    <div class="my-4 text-center">
4729        <h3 class="uppercase text-xl font-light">
4730            Totalt: <b class="font-bold" x-html="$store.cart.displayTotal"></b>
4731        </h3>
4732    </div>
4733    <div class="">
4734        <a class="__shopping-continue-button button button-default max-w-full block mb-2 text-sm text-center border py-2 hover:bg-gray-100 cursor-pointer rounded-full" @click.prevent="cartOpen = false; setTimeout( function(){ $store.cart.close() }, 200);">
4735            Fortsett å handle
4736        </a>
4737        <a class="__shopping-cart-button button button-primary max-w-full block mb-2 text-sm text-center py-2 text-white border rounded-full" href="https://www.alfafritid.no/cart">
4738            GÃ¥ til handlekurven
4739        </a>
4740    </div>
4741</section>
4742        </div>
4743
4744                <div
4745            class="fixed top-0 left-0 right-0 bottom-0 bg-gray-900 opacity-10 z-10"
4746            x-data
4747            x-show="$store.cart.settings.open" @click="cartOpen = false; setTimeout( function(){ $store.cart.close() }, 200);">
4748        </div>
4749    </div>
4750</template>
4751            <template x-if="$store.wishlist.settings.open">
4752    <div
4753        id="favorites"
4754        class="__wishlist-cart relative z-50"
4755        x-data="{ wishlistOpen: false }"
4756    >
4757        <div
4758            x-cloak
4759                class="fixed flex-col flex bg-white fill-white transition-all top-0 right-0 min-w-320 max-w-460 w-80 h-full z-20 shadow-md"
4760            :class="{ '-translate-x-0': wishlistOpen, 'translate-x-full': !wishlistOpen }"
4761            x-swipe:right="wishlistOpen = false; setTimeout( function() { $store.wishlist.close() }, 200)"
4762            x-init="setTimeout( function() { wishlistOpen = true}, 10)"
4763        >
4764            <header class="action-bar py-2 px-4">
4765                <button class="flex justify-center w-full realtive items-center pb-2 fill-black border-b border-slate-100" @click="wishlistOpen = false; setTimeout( function() { $store.wishlist.close() }, 200)">
4766                    <div class="absolute left-4 top-3"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg></div>
4767                    <span class="font-light">
4768                         Ønskeliste
4769                    </span>
4770                </button>
4771            </header>
4772
4773            <div class="px-4 py-2 grow overflow-y-auto">
4774                <div x-data="{ wishlist: $store.wishlist.wishlist.products }" :class="{ 'flex items-center justify-center': $store.wishlist.getCount() == 0}">
4775                    <ul class="flex flex-col gap-4 my-5">
4776                        <template x-if="$store.wishlist.getCount() == 0">
4777                              <section class="flex flex-col gap-4 p-6 text-center fill-black">
4778                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"/></svg>
4779                              <p>Ønskelisten din er tom</p>
4780                            </section>
4781                        </template>
4782                        <template x-for="favorite in wishlist">
4783                            <li x-data="{ pid: 'p' + favorite.id, quantity: 1 }" class="relative flex gap-4">
4784                                <a :href="favorite.link" class="max-w-[80px]">
4785                                    <img x-data="{ image: favorite.thumb }" :src="image" />
4786                                </a>
4787                                <section>
4788                                    <p class="text-xs" x-text="favorite.name"></p>
4789                                    <div class="flex gap-2 items-center">
4790                                        <button @click="$store.wishlist.remove( pid )" aria-label="Remove from wishlist" class="text-xl fill-black text-black p-1 top-0 right-0"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></svg></button>
4791
4792                                                                                    <div class="flex flex-row w-[54px] rounded-lg relative bg-transparent">
4793                                                <input type="number"
4794                                                    x-model.number="quantity"
4795                                                    class="outline-none h-[34px] rounded-md focus:outline-none text-center w-full bg-gray-100 font-semibold  h-full w-14 text-md hover:text-black focus:text-black  md:text-basecursor-default flex items-center text-gray-700  outline-none"
4796                                                    name="custom-input-number"
4797                                                    @change="(e) => {
4798                                                        const value = parseInt(e.target.value) ?? 1;
4799
4800                                                        $store.wishlist.updateWishList(favorite.list_id, favorite.id, value);
4801                                                    }"
4802                                                    min="1" />
4803                                            </div>
4804                                        
4805                                        <button @click="() => {
4806                                            $store.cart.addToCart({
4807                                                products_id: favorite.id,
4808                                                quantity,
4809                                                redirect: true
4810                                            });
4811                                            wishlistOpen = false;
4812                                        }" class="text-sm w-full fill-black p-2 text-xs button button-default"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M243.1 2.7c11.8 6.1 16.3 20.6 10.2 32.4L171.7 192H404.3L322.7 35.1c-6.1-11.8-1.5-26.3 10.2-32.4s26.2-1.5 32.4 10.2L458.4 192h36.1H544h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H532L476.1 463.5C469 492 443.4 512 414 512H162c-29.4 0-55-20-62.1-48.5L44 240H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h8H81.5h36.1L210.7 12.9c6.1-11.8 20.6-16.3 32.4-10.2zM93.5 240l53 211.9c1.8 7.1 8.2 12.1 15.5 12.1H414c7.3 0 13.7-5 15.5-12.1l53-211.9H93.5zM224 312v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V312c0-13.3 10.7-24 24-24s24 10.7 24 24zm64-24c13.3 0 24 10.7 24 24v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V312c0-13.3 10.7-24 24-24zm112 24v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V312c0-13.3 10.7-24 24-24s24 10.7 24 24z"/></svg> &nbsp; Kjøp</button>
4813                                    </div>
4814                                </section>
4815                            </li>
4816                        </template>
4817                    </ul>
4818
4819                </div>
4820            </div>
4821            <div class="p-2 bg-gray-100">
4822
4823            </div>
4824            <div class="cart-bottom px-4 mb-2 my-4">
4825                <div class="">
4826                    <a class="button button-primary button-wishlist max-w-full block mb-2 text-sm rounded-full text-center py-2 text-white border border-gray-600" href="//www.alfafritid.no/shopping_lists">
4827                        Ønskeliste
4828                    </a>
4829                </div>
4830            </div>
4831        </div>
4832        <div x-data
4833            x-show="$store.wishlist.settings.open"
4834            class="fixed top-0 left-0 right-0 bottom-0 bg-gray-900 opacity-10 z-10"
4835            @click="wishlistOpen = false; setTimeout( function() { $store.wishlist.close() }, 200)"
4836        ></div>
4837    </div>
4838</template>
4839
4840                            
4841
4842
4843<div id="__mobile_menu" x-data="{ menuOpen: false }"
4844    x-show="$store.settings.settings.mobileMenuOpen"
4845    class=" __mobile_nav fixed inset-0 z-50"
4846    x-swipe:left="menuOpen = false; setTimeout(() => $store.settings.settings.mobileMenuOpen = false, 200)"
4847    x-init="$watch('$store.settings.settings.mobileMenuOpen', val => { if (val) $nextTick(() => menuOpen = true) })"
4848    x-cloak>
4849        <nav
4850            class="min-w-320 fixed h-full top-0 transform lg:opacity-100 duration-200 z-20 max-w-full text-zinc-50 overflow-auto __mobile_nav __mobile_nav_inside"
4851            :class="{ 'translate-x-0 ease-in opacity-100': menuOpen === true, '-translate-x-full ease-out': menuOpen === false }">
4852            <div class="flex justify-between">
4853                <span class="font-bold text-xl sm:text-2xl py-2 px-4 ">Meny</span>
4854                <button aria-label="close mobile menu" class="p-4 focus:outline-none"
4855                    @click="menuOpen = false;setTimeout( function() { $store.settings.settings.mobileMenuOpen = false }, 200)">
4856                    <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
4857                </button>
4858            </div>
4859
4860            <ul x-data="{ current_categories: [0], level: 0 }" style="text-transform: uppercase;" class="mt-4 overflow-auto">
4861                <li class="__home-page-li list-inline-item category-box " x-show="level === 0">
4862                    <a class="__home-page nav-link block px-4 py-2 text-sm flex gap-1 items-center" href="https://www.alfafritid.no">
4863                        <span style="padding-bottom: 0;" class="inline-block icon">
4864                            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M303.5 5.7c-9-7.6-22.1-7.6-31.1 0l-264 224c-10.1 8.6-11.3 23.7-2.8 33.8s23.7 11.3 33.8 2.8L64 245.5V432c0 44.2 35.8 80 80 80H432c44.2 0 80-35.8 80-80V245.5l24.5 20.8c10.1 8.6 25.3 7.3 33.8-2.8s7.3-25.3-2.8-33.8L512 182.6V56c0-13.3-10.7-24-24-24s-24 10.7-24 24v85.9L303.5 5.7zM464 204.8V432c0 17.7-14.3 32-32 32H144c-17.7 0-32-14.3-32-32V204.8L288 55.5 464 204.8zM256 288V224h64v64H256zm-48-72v80c0 22.1 17.9 40 40 40h80c22.1 0 40-17.9 40-40V216c0-22.1-17.9-40-40-40H248c-22.1 0-40 17.9-40 40z"/></svg>
4865                        </span>
4866
4867                        <span>Hjem</span>
4868                    </a>
4869                </li>
4870
4871                <li class="__home-page-li p-4 flat-menu-list static-auth-divider " x-show="level === 0">
4872                    <hr class="border-neutral-300">
4873                </li>
4874
4875                
4876                
4877    
4878                        <li                 class="list-inline-item category-box Padlekurs-cat"
4879                x-show="(level === 0 || current_categories[1] === 201) && current_categories.indexOf(0) !== -1">
4880                <a href="https://www.alfafritid.no/categories/padlekurs" data-target="m-menu-2"
4881                    class="nav-link block px-4 py-2 text-sm ">
4882                    Padlekurs
4883                </a>
4884            </li>
4885                                <!-- har underkategori -->
4886            <li class="relative flex items-center justify-between category-box Kajakk-cat list-inline-item dropdown has-mega-menu has-child "
4887                style="position:static;"
4888                x-show="(level === 0 || current_categories[1] === 113) && current_categories.indexOf(0) !== -1">
4889                <a :class="current_categories.indexOf(113) !== -1 ? 'font-bold text-white' : ''"
4890                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
4891                    href="https://www.alfafritid.no/categories/kajakk" id="navbarDropdownMenuLink113" data-toggle="dropdown"
4892                    @click.prevent="current_categories.push(113); level = 1"
4893                    aria-haspopup="true" aria-expanded="false">
4894                    Kajakk
4895                </a>
4896                <div class="p-3 pr-5"
4897                    @click.prevent="current_categories.push(113); level = 1">
4898                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
4899                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
4900                    </div>
4901                </div>
4902                                                        <div>
4903                                        <ul x-show="(level === 1 || current_categories[1] === 113) && current_categories.indexOf(113) !== -1"
4904                        style="z-index: 1;  text-transform: uppercase;"
4905                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
4906                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
4907                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
4908                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
4909                            </div>
4910                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Kajakk</h3>
4911                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
4912                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
4913                            </div>
4914                        </li>
4915                        
4916            <li             class="list-inline-item category-box Kajakk-cat __see_all_wrapper" >
4917            <a href="https://www.alfafritid.no/categories/kajakk" data-target="m-menu-2"
4918                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
4919                Se alle produkter
4920            </a>
4921        </li>
4922    
4923                        <li                 class="list-inline-item category-box P&H-cat"
4924                x-show="(level === 1 || current_categories[2] === 127) && current_categories.indexOf(113) !== -1">
4925                <a href="https://www.alfafritid.no/categories/ph" data-target="m-menu-2"
4926                    class="nav-link block px-4 py-2 text-sm ">
4927                    P&H
4928                </a>
4929            </li>
4930                                <li                 class="list-inline-item category-box NDK-cat"
4931                x-show="(level === 1 || current_categories[2] === 128) && current_categories.indexOf(113) !== -1">
4932                <a href="https://www.alfafritid.no/categories/ndk" data-target="m-menu-2"
4933                    class="nav-link block px-4 py-2 text-sm ">
4934                    NDK
4935                </a>
4936            </li>
4937                                <li                 class="list-inline-item category-box Lettmann-cat"
4938                x-show="(level === 1 || current_categories[2] === 129) && current_categories.indexOf(113) !== -1">
4939                <a href="https://www.alfafritid.no/categories/lettmann" data-target="m-menu-2"
4940                    class="nav-link block px-4 py-2 text-sm ">
4941                    Lettmann
4942                </a>
4943            </li>
4944                                <li                 class="list-inline-item category-box Prijon-cat"
4945                x-show="(level === 1 || current_categories[2] === 114) && current_categories.indexOf(113) !== -1">
4946                <a href="https://www.alfafritid.no/categories/prijon" data-target="m-menu-2"
4947                    class="nav-link block px-4 py-2 text-sm ">
4948                    Prijon
4949                </a>
4950            </li>
4951                                <li                 class="list-inline-item category-box Norse-cat"
4952                x-show="(level === 1 || current_categories[2] === 213) && current_categories.indexOf(113) !== -1">
4953                <a href="https://www.alfafritid.no/categories/norse" data-target="m-menu-2"
4954                    class="nav-link block px-4 py-2 text-sm ">
4955                    Norse
4956                </a>
4957            </li>
4958                                <li                 class="list-inline-item category-box SKIM-cat"
4959                x-show="(level === 1 || current_categories[2] === 130) && current_categories.indexOf(113) !== -1">
4960                <a href="https://www.alfafritid.no/categories/skim" data-target="m-menu-2"
4961                    class="nav-link block px-4 py-2 text-sm ">
4962                    SKIM
4963                </a>
4964            </li>
4965                                <li                 class="list-inline-item category-box Valley-cat"
4966                x-show="(level === 1 || current_categories[2] === 193) && current_categories.indexOf(113) !== -1">
4967                <a href="https://www.alfafritid.no/categories/valley" data-target="m-menu-2"
4968                    class="nav-link block px-4 py-2 text-sm ">
4969                    Valley
4970                </a>
4971            </li>
4972                                <li                 class="list-inline-item category-box North Shore-cat"
4973                x-show="(level === 1 || current_categories[2] === 194) && current_categories.indexOf(113) !== -1">
4974                <a href="https://www.alfafritid.no/categories/north-shore" data-target="m-menu-2"
4975                    class="nav-link block px-4 py-2 text-sm ">
4976                    North Shore
4977                </a>
4978            </li>
4979                                <li                 class="list-inline-item category-box Zegul-cat"
4980                x-show="(level === 1 || current_categories[2] === 138) && current_categories.indexOf(113) !== -1">
4981                <a href="https://www.alfafritid.no/categories/zegul" data-target="m-menu-2"
4982                    class="nav-link block px-4 py-2 text-sm ">
4983                    Zegul
4984                </a>
4985            </li>
4986                                <li                 class="list-inline-item category-box Tahe-cat"
4987                x-show="(level === 1 || current_categories[2] === 139) && current_categories.indexOf(113) !== -1">
4988                <a href="https://www.alfafritid.no/categories/tahe" data-target="m-menu-2"
4989                    class="nav-link block px-4 py-2 text-sm ">
4990                    Tahe
4991                </a>
4992            </li>
4993                                <li                 class="list-inline-item category-box Rockpool-cat"
4994                x-show="(level === 1 || current_categories[2] === 216) && current_categories.indexOf(113) !== -1">
4995                <a href="https://www.alfafritid.no/categories/rockpool" data-target="m-menu-2"
4996                    class="nav-link block px-4 py-2 text-sm ">
4997                    Rockpool
4998                </a>
4999            </li>
5000            
5001                    </ul>
5002                                        </div>
5003                            </li>
5004                                <!-- har underkategori -->
5005            <li class="relative flex items-center justify-between category-box Padleutstyr-cat list-inline-item dropdown has-mega-menu has-child "
5006                style="position:static;"
5007                x-show="(level === 0 || current_categories[1] === 101) && current_categories.indexOf(0) !== -1">
5008                <a :class="current_categories.indexOf(101) !== -1 ? 'font-bold text-white' : ''"
5009                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5010                    href="https://www.alfafritid.no/categories/padleutstyr" id="navbarDropdownMenuLink101" data-toggle="dropdown"
5011                    @click.prevent="current_categories.push(101); level = 1"
5012                    aria-haspopup="true" aria-expanded="false">
5013                    Padleutstyr
5014                </a>
5015                <div class="p-3 pr-5"
5016                    @click.prevent="current_categories.push(101); level = 1">
5017                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5018                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5019                    </div>
5020                </div>
5021                                                        <div>
5022                                        <ul x-show="(level === 1 || current_categories[1] === 101) && current_categories.indexOf(101) !== -1"
5023                        style="z-index: 1;  text-transform: uppercase;"
5024                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5025                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5026                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
5027                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5028                            </div>
5029                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Padleutstyr</h3>
5030                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5031                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5031<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5032                            </div>
5033                        </li>
5034                        
5035            <li             class="list-inline-item category-box Padleutstyr-cat __see_all_wrapper" >
5036            <a href="https://www.alfafritid.no/categories/padleutstyr" data-target="m-menu-2"
5037                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5038                Se alle produkter
5039            </a>
5040        </li>
5041    
5042                        <!-- har underkategori -->
5043            <li class="relative flex items-center justify-between category-box Årer-cat list-inline-item dropdown has-mega-menu  has-subchild "
5044                style="position:static;"
5045                x-show="(level === 1 || current_categories[2] === 143) && current_categories.indexOf(101) !== -1">
5046                <a :class="current_categories.indexOf(143) !== -1 ? 'font-bold text-white' : ''"
5047                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5048                    href="https://www.alfafritid.no/categories/arer" id="navbarDropdownMenuLink143" data-toggle="dropdown"
5049                    @click.prevent="current_categories.push(143); level = 2"
5050                    aria-haspopup="true" aria-expanded="false">
5051                    Årer
5052                </a>
5053                <div class="p-3 pr-5"
5054                    @click.prevent="current_categories.push(143); level = 2">
5055                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5056                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5057                    </div>
5058                </div>
5059                                    <ul x-show="(level === 2 || current_categories[2] === 143) && current_categories.indexOf(143) !== -1"
5060                        style="z-index: 2;  text-transform: uppercase;"
5061                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5062                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5063                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5064                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5065                            </div>
5066                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Årer</h3>
5067                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5068                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5069                            </div>
5070                        </li>
5071                        
5072            <li             class="list-inline-item category-box Årer-cat __see_all_wrapper" >
5073            <a href="https://www.alfafritid.no/categories/arer" data-target="m-menu-2"
5074                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5075                Se alle produkter
5076            </a>
5077        </li>
5078    
5079                        <li                 class="list-inline-item category-box Celtic-cat"
5080                x-show="(level === 2 || current_categories[3] === 149) && current_categories.indexOf(143) !== -1">
5081                <a href="https://www.alfafritid.no/categories/celtic" data-target="m-menu-2"
5082                    class="nav-link block px-4 py-2 text-sm ">
5083                    Celtic
5084                </a>
5085            </li>
5086                                <li                 class="list-inline-item category-box Double Dutch-cat"
5087                x-show="(level === 2 || current_categories[3] === 154) && current_categories.indexOf(143) !== -1">
5088                <a href="https://www.alfafritid.no/categories/double-dutch" data-target="m-menu-2"
5089                    class="nav-link block px-4 py-2 text-sm ">
5090                    Double Dutch
5091                </a>
5092            </li>
5093                                <li                 class="list-inline-item category-box Accent-cat"
5094                x-show="(level === 2 || current_categories[3] === 146) && current_categories.indexOf(143) !== -1">
5095                <a href="https://www.alfafritid.no/categories/accent" data-target="m-menu-2"
5096                    class="nav-link block px-4 py-2 text-sm ">
5097                    Accent
5098                </a>
5099            </li>
5100                                <li                 class="list-inline-item category-box Wave Design-cat"
5101                x-show="(level === 2 || current_categories[3] === 204) && current_categories.indexOf(143) !== -1">
5102                <a href="https://www.alfafritid.no/categories/wave-design" data-target="m-menu-2"
5103                    class="nav-link block px-4 py-2 text-sm ">
5104                    Wave Design
5105                </a>
5106            </li>
5107                                <li                 class="list-inline-item category-box Aqua-Bound-cat"
5108                x-show="(level === 2 || current_categories[3] === 210) && current_categories.indexOf(143) !== -1">
5109                <a href="https://www.alfafritid.no/categories/aquabound" data-target="m-menu-2"
5110                    class="nav-link block px-4 py-2 text-sm ">
5111                    Aqua-Bound
5112                </a>
5113            </li>
5114                                <li                 class="list-inline-item category-box Select-cat"
5115                x-show="(level === 2 || current_categories[3] === 155) && current_categories.indexOf(143) !== -1">
5116                <a href="https://www.alfafritid.no/categories/select" data-target="m-menu-2"
5117                    class="nav-link block px-4 py-2 text-sm ">
5118                    Select
5119                </a>
5120            </li>
5121                                <li                 class="list-inline-item category-box Lettmann-cat"
5122                x-show="(level === 2 || current_categories[3] === 180) && current_categories.indexOf(143) !== -1">
5123                <a href="https://www.alfafritid.no/categories/lettmann-arer" data-target="m-menu-2"
5124                    class="nav-link block px-4 py-2 text-sm ">
5125                    Lettmann
5126                </a>
5127            </li>
5128                                <li                 class="list-inline-item category-box Prijon-cat"
5129                x-show="(level === 2 || current_categories[3] === 148) && current_categories.indexOf(143) !== -1">
5130                <a href="https://www.alfafritid.no/categories/prijonarer" data-target="m-menu-2"
5131                    class="nav-link block px-4 py-2 text-sm ">
5132                    Prijon
5133                </a>
5134            </li>
5135                                <li                 class="list-inline-item category-box Grønlandsårer-cat"
5136                x-show="(level === 2 || current_categories[3] === 145) && current_categories.indexOf(143) !== -1">
5137                <a href="https://www.alfafritid.no/categories/gronlandsarer" data-target="m-menu-2"
5138                    class="nav-link block px-4 py-2 text-sm ">
5139                    Grønlandsårer
5140                </a>
5141            </li>
5142                                <li                 class="list-inline-item category-box Bag til årer-cat"
5143                x-show="(level === 2 || current_categories[3] === 250) && current_categories.indexOf(143) !== -1">
5144                <a href="https://www.alfafritid.no/categories/bag-til-arer" data-target="m-menu-2"
5145                    class="nav-link block px-4 py-2 text-sm ">
5146                    Bag til årer
5147                </a>
5148            </li>
5149                                <li                 class="list-inline-item category-box Reserveåreholder-cat"
5150                x-show="(level === 2 || current_categories[3] === 251) && current_categories.indexOf(143) !== -1">
5151                <a href="https://www.alfafritid.no/categories/reserveareholder" data-target="m-menu-2"
5152                    class="nav-link block px-4 py-2 text-sm ">
5153                    Reserveåreholder
5154                </a>
5155            </li>
5156                                <li                 class="list-inline-item category-box Deler til årer-cat"
5157                x-show="(level === 2 || current_categories[3] === 144) && current_categories.indexOf(143) !== -1">
5158                <a href="https://www.alfafritid.no/categories/deler-til-are" data-target="m-menu-2"
5159                    class="nav-link block px-4 py-2 text-sm ">
5160                    Deler til årer
5161                </a>
5162            </li>
5163                                <li                 class="list-inline-item category-box Kanoårer-cat"
5164                x-show="(level === 2 || current_categories[3] === 183) && current_categories.indexOf(143) !== -1">
5165                <a href="https://www.alfafritid.no/categories/robson" data-target="m-menu-2"
5166                    class="nav-link block px-4 py-2 text-sm ">
5167                    Kanoårer
5168                </a>
5169            </li>
5170            
5171                    </ul>
5172                                </li>
5173                                <!-- har underkategori -->
5174            <li class="relative flex items-center justify-between category-box Sprut- og cockpittrekk-cat list-inline-item dropdown has-mega-menu  has-subchild "
5175                style="position:static;"
5176                x-show="(level === 1 || current_categories[2] === 111) && current_categories.indexOf(101) !== -1">
5177                <a :class="current_categories.indexOf(111) !== -1 ? 'font-bold text-white' : ''"
5178                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5179                    href="https://www.alfafritid.no/categories/sprut--og-cockpittrekk" id="navbarDropdownMenuLink111" data-toggle="dropdown"
5180                    @click.prevent="current_categories.push(111); level = 2"
5181                    aria-haspopup="true" aria-expanded="false">
5182                    Sprut- og cockpittrekk
5183                </a>
5184                <div class="p-3 pr-5"
5185                    @click.prevent="current_categories.push(111); level = 2">
5186                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5187                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5188                    </div>
5189                </div>
5190                                    <ul x-show="(level === 2 || current_categories[2] === 111) && current_categories.indexOf(111) !== -1"
5191                        style="z-index: 2;  text-transform: uppercase;"
5192                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5193                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5194                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5195                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5196                            </div>
5197                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Sprut- og cockpittrekk</h3>
5198                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5199                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5199<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5200                            </div>
5201                        </li>
5202                        
5203            <li             class="list-inline-item category-box Sprut- og cockpittrekk-cat __see_all_wrapper" >
5204            <a href="https://www.alfafritid.no/categories/sprut--og-cockpittrekk" data-target="m-menu-2"
5205                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5206                Se alle produkter
5207            </a>
5208        </li>
5209    
5210                        <li                 class="list-inline-item category-box Cockpittrekk-cat"
5211                x-show="(level === 2 || current_categories[3] === 112) && current_categories.indexOf(111) !== -1">
5212                <a href="https://www.alfafritid.no/categories/cockpittrekk" data-target="m-menu-2"
5213                    class="nav-link block px-4 py-2 text-sm ">
5214                    Cockpittrekk
5215                </a>
5216            </li>
5217                                <li                 class="list-inline-item category-box Spruttrekk-cat"
5218                x-show="(level === 2 || current_categories[3] === 110) && current_categories.indexOf(111) !== -1">
5219                <a href="https://www.alfafritid.no/categories/spruttrekk" data-target="m-menu-2"
5220                    class="nav-link block px-4 py-2 text-sm ">
5221                    Spruttrekk
5222                </a>
5223            </li>
5224            
5225                    </ul>
5226                                </li>
5227                                <!-- har underkategori -->
5228            <li class="relative flex items-center justify-between category-box Padlebekledning-cat list-inline-item dropdown has-mega-menu  has-subchild "
5229                style="position:static;"
5230                x-show="(level === 1 || current_categories[2] === 102) && current_categories.indexOf(101) !== -1">
5231                <a :class="current_categories.indexOf(102) !== -1 ? 'font-bold text-white' : ''"
5232                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5233                    href="https://www.alfafritid.no/categories/padlebekledning" id="navbarDropdownMenuLink102" data-toggle="dropdown"
5234                    @click.prevent="current_categories.push(102); level = 2"
5235                    aria-haspopup="true" aria-expanded="false">
5236                    Padlebekledning
5237                </a>
5238                <div class="p-3 pr-5"
5239                    @click.prevent="current_categories.push(102); level = 2">
5240                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5241                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5242                    </div>
5243                </div>
5244                                    <ul x-show="(level === 2 || current_categories[2] === 102) && current_categories.indexOf(102) !== -1"
5245                        style="z-index: 2;  text-transform: uppercase;"
5246                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5247                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5248                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5249                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5250                            </div>
5251                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Padlebekledning</h3>
5252                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5253                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5253<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5254                            </div>
5255                        </li>
5256                        
5257            <li             class="list-inline-item category-box Padlebekledning-cat __see_all_wrapper" >
5258            <a href="https://www.alfafritid.no/categories/padlebekledning" data-target="m-menu-2"
5259                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5260                Se alle produkter
5261            </a>
5262        </li>
5263    
5264                        <li                 class="list-inline-item category-box Tørrdrakter-cat"
5265                x-show="(level === 2 || current_categories[3] === 103) && current_categories.indexOf(102) !== -1">
5266                <a href="https://www.alfafritid.no/categories/torrdrakter" data-target="m-menu-2"
5267                    class="nav-link block px-4 py-2 text-sm ">
5268                    Tørrdrakter
5269                </a>
5270            </li>
5271                                <li                 class="list-inline-item category-box Jakker og bukser-cat"
5272                x-show="(level === 2 || current_categories[3] === 104) && current_categories.indexOf(102) !== -1">
5273                <a href="https://www.alfafritid.no/categories/jakker-og-bukser" data-target="m-menu-2"
5274                    class="nav-link block px-4 py-2 text-sm ">
5275                    Jakker og bukser
5276                </a>
5277            </li>
5278                                <li                 class="list-inline-item category-box Hansker og votter-cat"
5279                x-show="(level === 2 || current_categories[3] === 105) && current_categories.indexOf(102) !== -1">
5280                <a href="https://www.alfafritid.no/categories/hansker-og-votter" data-target="m-menu-2"
5281                    class="nav-link block px-4 py-2 text-sm ">
5282                    Hansker og votter
5283                </a>
5284            </li>
5285                                <li                 class="list-inline-item category-box Sko og sokker-cat"
5286                x-show="(level === 2 || current_categories[3] === 106) && current_categories.indexOf(102) !== -1">
5287                <a href="https://www.alfafritid.no/categories/sko-og-sokker" data-target="m-menu-2"
5288                    class="nav-link block px-4 py-2 text-sm ">
5289                    Sko og sokker
5290                </a>
5291            </li>
5292                                <li                 class="list-inline-item category-box Hodeplagg-cat"
5293                x-show="(level === 2 || current_categories[3] === 107) && current_categories.indexOf(102) !== -1">
5294                <a href="https://www.alfafritid.no/categories/hodeplagg" data-target="m-menu-2"
5295                    class="nav-link block px-4 py-2 text-sm ">
5296                    Hodeplagg
5297                </a>
5298            </li>
5299                                <li                 class="list-inline-item category-box Mellomplagg og neopren-cat"
5300                x-show="(level === 2 || current_categories[3] === 122) && current_categories.indexOf(102) !== -1">
5301                <a href="https://www.alfafritid.no/categories/mellomplagg-og-neopren" data-target="m-menu-2"
5302                    class="nav-link block px-4 py-2 text-sm ">
5303                    Mellomplagg og neopren
5304                </a>
5305            </li>
5306                                <li                 class="list-inline-item category-box Vedlikehold av bekledning-cat"
5307                x-show="(level === 2 || current_categories[3] === 108) && current_categories.indexOf(102) !== -1">
5308                <a href="https://www.alfafritid.no/categories/vedlikehold-av-bekledning" data-target="m-menu-2"
5309                    class="nav-link block px-4 py-2 text-sm ">
5310                    Vedlikehold av bekledning
5311                </a>
5312            </li>
5313            
5314                    </ul>
5315                                </li>
5316                                <li                 class="list-inline-item category-box Padlevester-cat"
5317                x-show="(level === 1 || current_categories[2] === 109) && current_categories.indexOf(101) !== -1">
5318                <a href="https://www.alfafritid.no/categories/padlevester" data-target="m-menu-2"
5319                    class="nav-link block px-4 py-2 text-sm ">
5320                    Padlevester
5321                </a>
5322            </li>
5323                                <!-- har underkategori -->
5324            <li class="relative flex items-center justify-between category-box Sikkerhetsutstyr-cat list-inline-item dropdown has-mega-menu  has-subchild "
5325                style="position:static;"
5326                x-show="(level === 1 || current_categories[2] === 115) && current_categories.indexOf(101) !== -1">
5327                <a :class="current_categories.indexOf(115) !== -1 ? 'font-bold text-white' : ''"
5328                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5329                    href="https://www.alfafritid.no/categories/sikkerhetsutstyr" id="navbarDropdownMenuLink115" data-toggle="dropdown"
5330                    @click.prevent="current_categories.push(115); level = 2"
5331                    aria-haspopup="true" aria-expanded="false">
5332                    Sikkerhetsutstyr
5333                </a>
5334                <div class="p-3 pr-5"
5335                    @click.prevent="current_categories.push(115); level = 2">
5336                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5337                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5338                    </div>
5339                </div>
5340                                    <ul x-show="(level === 2 || current_categories[2] === 115) && current_categories.indexOf(115) !== -1"
5341                        style="z-index: 2;  text-transform: uppercase;"
5342                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5343                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5344                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5345                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5346                            </div>
5347                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Sikkerhetsutstyr</h3>
5348                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5349                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5349<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5350                            </div>
5351                        </li>
5352                        
5353            <li             class="list-inline-item category-box Sikkerhetsutstyr-cat __see_all_wrapper" >
5354            <a href="https://www.alfafritid.no/categories/sikkerhetsutstyr" data-target="m-menu-2"
5355                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5356                Se alle produkter
5357            </a>
5358        </li>
5359    
5360                        <li                 class="list-inline-item category-box Navigasjon mm-cat"
5361                x-show="(level === 2 || current_categories[3] === 174) && current_categories.indexOf(115) !== -1">
5362                <a href="https://www.alfafritid.no/categories/navigasjon-mm" data-target="m-menu-2"
5363                    class="nav-link block px-4 py-2 text-sm ">
5364                    Navigasjon mm
5365                </a>
5366            </li>
5367                                <li                 class="list-inline-item category-box Sikkerhetspakker-cat"
5368                x-show="(level === 2 || current_categories[3] === 116) && current_categories.indexOf(115) !== -1">
5369                <a href="https://www.alfafritid.no/categories/sikkerhetspakker" data-target="m-menu-2"
5370                    class="nav-link block px-4 py-2 text-sm ">
5371                    Sikkerhetspakker
5372                </a>
5373            </li>
5374                                <li                 class="list-inline-item category-box Slepeliner-cat"
5375                x-show="(level === 2 || current_categories[3] === 147) && current_categories.indexOf(115) !== -1">
5376                <a href="https://www.alfafritid.no/categories/slepeliner" data-target="m-menu-2"
5377                    class="nav-link block px-4 py-2 text-sm ">
5378                    Slepeliner
5379                </a>
5380            </li>
5381                                <li                 class="list-inline-item category-box Åreflottør-cat"
5382                x-show="(level === 2 || current_categories[3] === 117) && current_categories.indexOf(115) !== -1">
5383                <a href="https://www.alfafritid.no/categories/areflottor" data-target="m-menu-2"
5384                    class="nav-link block px-4 py-2 text-sm ">
5385                    Åreflottør
5386                </a>
5387            </li>
5388                                <li                 class="list-inline-item category-box Pumper-cat"
5389                x-show="(level === 2 || current_categories[3] === 118) && current_categories.indexOf(115) !== -1">
5390                <a href="https://www.alfafritid.no/categories/pumper" data-target="m-menu-2"
5391                    class="nav-link block px-4 py-2 text-sm ">
5392                    Pumper
5393                </a>
5394            </li>
5395                                <li                 class="list-inline-item category-box Årestrikk-cat"
5396                x-show="(level === 2 || current_categories[3] === 119) && current_categories.indexOf(115) !== -1">
5397                <a href="https://www.alfafritid.no/categories/arestrikk" data-target="m-menu-2"
5398                    class="nav-link block px-4 py-2 text-sm ">
5399                    Årestrikk
5400                </a>
5401            </li>
5402                                <li                 class="list-inline-item category-box Kniver-cat"
5403                x-show="(level === 2 || current_categories[3] === 120) && current_categories.indexOf(115) !== -1">
5404                <a href="https://www.alfafritid.no/categories/kniver" data-target="m-menu-2"
5405                    class="nav-link block px-4 py-2 text-sm ">
5406                    Kniver
5407                </a>
5408            </li>
5409                                <li                 class="list-inline-item category-box Lys-cat"
5410                x-show="(level === 2 || current_categories[3] === 121) && current_categories.indexOf(115) !== -1">
5411                <a href="https://www.alfafritid.no/categories/lys" data-target="m-menu-2"
5412                    class="nav-link block px-4 py-2 text-sm ">
5413                    Lys
5414                </a>
5415            </li>
5416                                <li                 class="list-inline-item category-box Refleks-cat"
5417                x-show="(level === 2 || current_categories[3] === 152) && current_categories.indexOf(115) !== -1">
5418                <a href="https://www.alfafritid.no/categories/refleks" data-target="m-menu-2"
5419                    class="nav-link block px-4 py-2 text-sm ">
5420                    Refleks
5421                </a>
5422            </li>
5423                                <li                 class="list-inline-item category-box Hjelmer-cat"
5424                x-show="(level === 2 || current_categories[3] === 150) && current_categories.indexOf(115) !== -1">
5425                <a href="https://www.alfafritid.no/categories/hjelmer" data-target="m-menu-2"
5426                    class="nav-link block px-4 py-2 text-sm ">
5427                    Hjelmer
5428                </a>
5429            </li>
5430                                <li                 class="list-inline-item category-box Årefeste for kajakk-cat"
5431                x-show="(level === 2 || current_categories[3] === 151) && current_categories.indexOf(115) !== -1">
5432                <a href="https://www.alfafritid.no/categories/arefeste-for-kajakk" data-target="m-menu-2"
5433                    class="nav-link block px-4 py-2 text-sm ">
5434                    Årefeste for kajakk
5435                </a>
5436            </li>
5437                                <li                 class="list-inline-item category-box Diverse sikkerhetsutstyr-cat"
5438                x-show="(level === 2 || current_categories[3] === 153) && current_categories.indexOf(115) !== -1">
5439                <a href="https://www.alfafritid.no/categories/diverse-sikkerhetsutstyr" data-target="m-menu-2"
5440                    class="nav-link block px-4 py-2 text-sm ">
5441                    Diverse sikkerhetsutstyr
5442                </a>
5443            </li>
5444            
5445                    </ul>
5446                                </li>
5447                                <li                 class="list-inline-item category-box Diverse padleutstyr-cat"
5448                x-show="(level === 1 || current_categories[2] === 156) && current_categories.indexOf(101) !== -1">
5449                <a href="https://www.alfafritid.no/categories/diverse-padleutstyr" data-target="m-menu-2"
5450                    class="nav-link block px-4 py-2 text-sm ">
5451                    Diverse padleutstyr
5452                </a>
5453            </li>
5454                                <li                 class="list-inline-item category-box Dekksbager-cat"
5455                x-show="(level === 1 || current_categories[2] === 123) && current_categories.indexOf(101) !== -1">
5456                <a href="https://www.alfafritid.no/categories/dekksbager" data-target="m-menu-2"
5457                    class="nav-link block px-4 py-2 text-sm ">
5458                    Dekksbager
5459                </a>
5460            </li>
5461            
5462                    </ul>
5463                                        </div>
5464                            </li>
5465                                <!-- har underkategori -->
5466            <li class="relative flex items-center justify-between category-box Deler og vedlikehold-cat list-inline-item dropdown has-mega-menu has-child "
5467                style="position:static;"
5468                x-show="(level === 0 || current_categories[1] === 124) && current_categories.indexOf(0) !== -1">
5469                <a :class="current_categories.indexOf(124) !== -1 ? 'font-bold text-white' : ''"
5470                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5471                    href="https://www.alfafritid.no/categories/deler-og-vedlikehold" id="navbarDropdownMenuLink124" data-toggle="dropdown"
5472                    @click.prevent="current_categories.push(124); level = 1"
5473                    aria-haspopup="true" aria-expanded="false">
5474                    Deler og vedlikehold
5475                </a>
5476                <div class="p-3 pr-5"
5477                    @click.prevent="current_categories.push(124); level = 1">
5478                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5479                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5480                    </div>
5481                </div>
5482                                                        <div>
5483                                        <ul x-show="(level === 1 || current_categories[1] === 124) && current_categories.indexOf(124) !== -1"
5484                        style="z-index: 1;  text-transform: uppercase;"
5485                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5486                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5487                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
5488                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5489                            </div>
5490                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Deler og vedlikehold</h3>
5491                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5492                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5492<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5493                            </div>
5494                        </li>
5495                        
5496            <li             class="list-inline-item category-box Deler og vedlikehold-cat __see_all_wrapper" >
5497            <a href="https://www.alfafritid.no/categories/deler-og-vedlikehold" data-target="m-menu-2"
5498                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5499                Se alle produkter
5500            </a>
5501        </li>
5502    
5503                        <li                 class="list-inline-item category-box Kajakkluker-cat"
5504                x-show="(level === 1 || current_categories[2] === 125) && current_categories.indexOf(124) !== -1">
5505                <a href="https://www.alfafritid.no/categories/kajakkluker" data-target="m-menu-2"
5506                    class="nav-link block px-4 py-2 text-sm ">
5507                    Kajakkluker
5508                </a>
5509            </li>
5510                                <li                 class="list-inline-item category-box Tau og strikk-cat"
5511                x-show="(level === 1 || current_categories[2] === 137) && current_categories.indexOf(124) !== -1">
5512                <a href="https://www.alfafritid.no/categories/tau-og-strikk" data-target="m-menu-2"
5513                    class="nav-link block px-4 py-2 text-sm ">
5514                    Tau og strikk
5515                </a>
5516            </li>
5517                                <li                 class="list-inline-item category-box Reparasjon, vedlikehold og deler-cat"
5518                x-show="(level === 1 || current_categories[2] === 142) && current_categories.indexOf(124) !== -1">
5519                <a href="https://www.alfafritid.no/categories/vedlikehold-og-deler-kajakk" data-target="m-menu-2"
5520                    class="nav-link block px-4 py-2 text-sm ">
5521                    Reparasjon, vedlikehold og deler
5522                </a>
5523            </li>
5524                                <!-- har underkategori -->
5525            <li class="relative flex items-center justify-between category-box P&H deler og tilbehør-cat list-inline-item dropdown has-mega-menu  has-subchild "
5526                style="position:static;"
5527                x-show="(level === 1 || current_categories[2] === 222) && current_categories.indexOf(124) !== -1">
5528                <a :class="current_categories.indexOf(222) !== -1 ? 'font-bold text-white' : ''"
5529                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5530                    href="https://www.alfafritid.no/categories/ph-deler" id="navbarDropdownMenuLink222" data-toggle="dropdown"
5531                    @click.prevent="current_categories.push(222); level = 2"
5532                    aria-haspopup="true" aria-expanded="false">
5533                    P&H deler og tilbehør
5534                </a>
5535                <div class="p-3 pr-5"
5536                    @click.prevent="current_categories.push(222); level = 2">
5537                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5538                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5539                    </div>
5540                </div>
5541                                    <ul x-show="(level === 2 || current_categories[2] === 222) && current_categories.indexOf(222) !== -1"
5542                        style="z-index: 2;  text-transform: uppercase;"
5543                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5544                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5545                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5546                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5547                            </div>
5548                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">P&H deler og tilbehør</h3>
5549                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5550                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5550<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5551                            </div>
5552                        </li>
5553                        
5554            <li             class="list-inline-item category-box P&H deler og tilbehør-cat __see_all_wrapper" >
5555            <a href="https://www.alfafritid.no/categories/ph-deler" data-target="m-menu-2"
5556                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5557                Se alle produkter
5558            </a>
5559        </li>
5560    
5561                        <li                 class="list-inline-item category-box P&H seter og ryggstøtter-cat"
5562                x-show="(level === 2 || current_categories[3] === 226) && current_categories.indexOf(222) !== -1">
5563                <a href="https://www.alfafritid.no/categories/ph-seter-og-ryggstotter" data-target="m-menu-2"
5564                    class="nav-link block px-4 py-2 text-sm ">
5565                    P&H seter og ryggstøtter
5566                </a>
5567            </li>
5568                                <li                 class="list-inline-item category-box P&H forskjellige deler-cat"
5569                x-show="(level === 2 || current_categories[3] === 224) && current_categories.indexOf(222) !== -1">
5570                <a href="https://www.alfafritid.no/categories/ph-forskjellige-deler" data-target="m-menu-2"
5571                    class="nav-link block px-4 py-2 text-sm ">
5572                    P&H forskjellige deler
5573                </a>
5574            </li>
5575                                <li                 class="list-inline-item category-box P&H ror og styring-cat"
5576                x-show="(level === 2 || current_categories[3] === 223) && current_categories.indexOf(222) !== -1">
5577                <a href="https://www.alfafritid.no/categories/ph-ror-og-styring" data-target="m-menu-2"
5578                    class="nav-link block px-4 py-2 text-sm ">
5579                    P&H ror og styring
5580                </a>
5581            </li>
5582            
5583                    </ul>
5584                                </li>
5585                                <!-- har underkategori -->
5586            <li class="relative flex items-center justify-between category-box SmartTrack deler og tilbehør-cat list-inline-item dropdown has-mega-menu  has-subchild "
5587                style="position:static;"
5588                x-show="(level === 1 || current_categories[2] === 227) && current_categories.indexOf(124) !== -1">
5589                <a :class="current_categories.indexOf(227) !== -1 ? 'font-bold text-white' : ''"
5590                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5591                    href="https://www.alfafritid.no/categories/smarttrack-ror-og-deler" id="navbarDropdownMenuLink227" data-toggle="dropdown"
5592                    @click.prevent="current_categories.push(227); level = 2"
5593                    aria-haspopup="true" aria-expanded="false">
5594                    SmartTrack deler og tilbehør
5595                </a>
5596                <div class="p-3 pr-5"
5597                    @click.prevent="current_categories.push(227); level = 2">
5598                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5599                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5600                    </div>
5601                </div>
5602                                    <ul x-show="(level === 2 || current_categories[2] === 227) && current_categories.indexOf(227) !== -1"
5603                        style="z-index: 2;  text-transform: uppercase;"
5604                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5605                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5606                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5607                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5608                            </div>
5609                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">SmartTrack deler og tilbehør</h3>
5610                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5611                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5611<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5612                            </div>
5613                        </li>
5614                        
5615            <li             class="list-inline-item category-box SmartTrack deler og tilbehør-cat __see_all_wrapper" >
5616            <a href="https://www.alfafritid.no/categories/smarttrack-ror-og-deler" data-target="m-menu-2"
5617                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5618                Se alle produkter
5619            </a>
5620        </li>
5621    
5622                        <li                 class="list-inline-item category-box SmartTrack ror og rorhoder-cat"
5623                x-show="(level === 2 || current_categories[3] === 228) && current_categories.indexOf(227) !== -1">
5624                <a href="https://www.alfafritid.no/categories/smarttrack-ror-og-rorhoder" data-target="m-menu-2"
5625                    class="nav-link block px-4 py-2 text-sm ">
5626                    SmartTrack ror og rorhoder
5627                </a>
5628            </li>
5629                                <li                 class="list-inline-item category-box SmartTrack pedaler-cat"
5630                x-show="(level === 2 || current_categories[3] === 229) && current_categories.indexOf(227) !== -1">
5631                <a href="https://www.alfafritid.no/categories/smarttrack-pedaler" data-target="m-menu-2"
5632                    class="nav-link block px-4 py-2 text-sm ">
5633                    SmartTrack pedaler
5634                </a>
5635            </li>
5636                                <li                 class="list-inline-item category-box SmartTrack deler-cat"
5637                x-show="(level === 2 || current_categories[3] === 230) && current_categories.indexOf(227) !== -1">
5638                <a href="https://www.alfafritid.no/categories/smarttrack-deler" data-target="m-menu-2"
5639                    class="nav-link block px-4 py-2 text-sm ">
5640                    SmartTrack deler
5641                </a>
5642            </li>
5643            
5644                    </ul>
5645                                </li>
5646                                <!-- har underkategori -->
5647            <li class="relative flex items-center justify-between category-box Kajak Sport deler og tilbehør-cat list-inline-item dropdown has-mega-menu  has-subchild "
5648                style="position:static;"
5649                x-show="(level === 1 || current_categories[2] === 231) && current_categories.indexOf(124) !== -1">
5650                <a :class="current_categories.indexOf(231) !== -1 ? 'font-bold text-white' : ''"
5651                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5652                    href="https://www.alfafritid.no/categories/kajak-sport-deler-og-tilbehor" id="navbarDropdownMenuLink231" data-toggle="dropdown"
5653                    @click.prevent="current_categories.push(231); level = 2"
5654                    aria-haspopup="true" aria-expanded="false">
5655                    Kajak Sport deler og tilbehør
5656                </a>
5657                <div class="p-3 pr-5"
5658                    @click.prevent="current_categories.push(231); level = 2">
5659                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5660                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5661                    </div>
5662                </div>
5663                                    <ul x-show="(level === 2 || current_categories[2] === 231) && current_categories.indexOf(231) !== -1"
5664                        style="z-index: 2;  text-transform: uppercase;"
5665                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5666                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5667                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5668                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5669                            </div>
5670                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Kajak Sport deler og tilbehør</h3>
5671                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5672                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5672<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5673                            </div>
5674                        </li>
5675                        
5676            <li             class="list-inline-item category-box Kajak Sport deler og tilbehør-cat __see_all_wrapper" >
5677            <a href="https://www.alfafritid.no/categories/kajak-sport-deler-og-tilbehor" data-target="m-menu-2"
5678                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5679                Se alle produkter
5680            </a>
5681        </li>
5682    
5683                        <li                 class="list-inline-item category-box Kajak Sport ror og styring-cat"
5684                x-show="(level === 2 || current_categories[3] === 232) && current_categories.indexOf(231) !== -1">
5685                <a href="https://www.alfafritid.no/categories/kajak-sport-ror-og-styring" data-target="m-menu-2"
5686                    class="nav-link block px-4 py-2 text-sm ">
5687                    Kajak Sport ror og styring
5688                </a>
5689            </li>
5690                                <li                 class="list-inline-item category-box Kajak Sport dekksutstyr mm-cat"
5691                x-show="(level === 2 || current_categories[3] === 233) && current_categories.indexOf(231) !== -1">
5692                <a href="https://www.alfafritid.no/categories/kajak-sport-dekksutstyr" data-target="m-menu-2"
5693                    class="nav-link block px-4 py-2 text-sm ">
5694                    Kajak Sport dekksutstyr mm
5695                </a>
5696            </li>
5697                                <li                 class="list-inline-item category-box Kajak Sport deler og tilbehør-cat"
5698                x-show="(level === 2 || current_categories[3] === 234) && current_categories.indexOf(231) !== -1">
5699                <a href="https://www.alfafritid.no/categories/kajak-sport-diverse-deler-og-tilbehor" data-target="m-menu-2"
5700                    class="nav-link block px-4 py-2 text-sm ">
5701                    Kajak Sport deler og tilbehør
5702                </a>
5703            </li>
5704                                <li                 class="list-inline-item category-box Kajak Sport seter og tilbehør-cat"
5705                x-show="(level === 2 || current_categories[3] === 247) && current_categories.indexOf(231) !== -1">
5706                <a href="https://www.alfafritid.no/categories/kajak-sport-seter-og-tilbehor" data-target="m-menu-2"
5707                    class="nav-link block px-4 py-2 text-sm ">
5708                    Kajak Sport seter og tilbehør
5709                </a>
5710            </li>
5711            
5712                    </ul>
5713                                </li>
5714                                <li                 class="list-inline-item category-box Lettmann deler og tilbehør-cat"
5715                x-show="(level === 1 || current_categories[2] === 235) && current_categories.indexOf(124) !== -1">
5716                <a href="https://www.alfafritid.no/categories/lettmann-tilbehor" data-target="m-menu-2"
5717                    class="nav-link block px-4 py-2 text-sm ">
5718                    Lettmann deler og tilbehør
5719                </a>
5720            </li>
5721                                <!-- har underkategori -->
5722            <li class="relative flex items-center justify-between category-box Prijon deler og tilbehør-cat list-inline-item dropdown has-mega-menu  has-subchild "
5723                style="position:static;"
5724                x-show="(level === 1 || current_categories[2] === 240) && current_categories.indexOf(124) !== -1">
5725                <a :class="current_categories.indexOf(240) !== -1 ? 'font-bold text-white' : ''"
5726                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5727                    href="https://www.alfafritid.no/categories/prijon-tilbehor" id="navbarDropdownMenuLink240" data-toggle="dropdown"
5728                    @click.prevent="current_categories.push(240); level = 2"
5729                    aria-haspopup="true" aria-expanded="false">
5730                    Prijon deler og tilbehør
5731                </a>
5732                <div class="p-3 pr-5"
5733                    @click.prevent="current_categories.push(240); level = 2">
5734                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5735                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5736                    </div>
5737                </div>
5738                                    <ul x-show="(level === 2 || current_categories[2] === 240) && current_categories.indexOf(240) !== -1"
5739                        style="z-index: 2;  text-transform: uppercase;"
5740                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5741                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5742                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5743                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5744                            </div>
5745                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Prijon deler og tilbehør</h3>
5746                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5747                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5747<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5748                            </div>
5749                        </li>
5750                        
5751            <li             class="list-inline-item category-box Prijon deler og tilbehør-cat __see_all_wrapper" >
5752            <a href="https://www.alfafritid.no/categories/prijon-tilbehor" data-target="m-menu-2"
5753                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5754                Se alle produkter
5755            </a>
5756        </li>
5757    
5758                        <li                 class="list-inline-item category-box Prion ror/styring-cat"
5759                x-show="(level === 2 || current_categories[3] === 241) && current_categories.indexOf(240) !== -1">
5760                <a href="https://www.alfafritid.no/categories/ph-rorstyring" data-target="m-menu-2"
5761                    class="nav-link block px-4 py-2 text-sm ">
5762                    Prion ror/styring
5763                </a>
5764            </li>
5765                                <li                 class="list-inline-item category-box Prijon seter og tilbehør-cat"
5766                x-show="(level === 2 || current_categories[3] === 245) && current_categories.indexOf(240) !== -1">
5767                <a href="https://www.alfafritid.no/categories/prijon-seter-og-tilbehor" data-target="m-menu-2"
5768                    class="nav-link block px-4 py-2 text-sm ">
5769                    Prijon seter og tilbehør
5770                </a>
5771            </li>
5772                                <li                 class="list-inline-item category-box Prijon div deler-cat"
5773                x-show="(level === 2 || current_categories[3] === 246) && current_categories.indexOf(240) !== -1">
5774                <a href="https://www.alfafritid.no/categories/prijon-div-deler" data-target="m-menu-2"
5775                    class="nav-link block px-4 py-2 text-sm ">
5776                    Prijon div deler
5777                </a>
5778            </li>
5779            
5780                    </ul>
5781                                </li>
5782                                <!-- har underkategori -->
5783            <li class="relative flex items-center justify-between category-box NDK deler og tilbehør-cat list-inline-item dropdown has-mega-menu  has-subchild "
5784                style="position:static;"
5785                x-show="(level === 1 || current_categories[2] === 236) && current_categories.indexOf(124) !== -1">
5786                <a :class="current_categories.indexOf(236) !== -1 ? 'font-bold text-white' : ''"
5787                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5788                    href="https://www.alfafritid.no/categories/ndk-deler-og-tilbehor" id="navbarDropdownMenuLink236" data-toggle="dropdown"
5789                    @click.prevent="current_categories.push(236); level = 2"
5790                    aria-haspopup="true" aria-expanded="false">
5791                    NDK deler og tilbehør
5792                </a>
5793                <div class="p-3 pr-5"
5794                    @click.prevent="current_categories.push(236); level = 2">
5795                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5796                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5797                    </div>
5798                </div>
5799                                    <ul x-show="(level === 2 || current_categories[2] === 236) && current_categories.indexOf(236) !== -1"
5800                        style="z-index: 2;  text-transform: uppercase;"
5801                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5802                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5803                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5804                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5805                            </div>
5806                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">NDK deler og tilbehør</h3>
5807                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5808                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5808<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5809                            </div>
5810                        </li>
5811                        
5812            <li             class="list-inline-item category-box NDK deler og tilbehør-cat __see_all_wrapper" >
5813            <a href="https://www.alfafritid.no/categories/ndk-deler-og-tilbehor" data-target="m-menu-2"
5814                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5815                Se alle produkter
5816            </a>
5817        </li>
5818    
5819                        <li                 class="list-inline-item category-box NDK fotstøtter og styring-cat"
5820                x-show="(level === 2 || current_categories[3] === 237) && current_categories.indexOf(236) !== -1">
5821                <a href="https://www.alfafritid.no/categories/ndk-fotstotter-og-styring" data-target="m-menu-2"
5822                    class="nav-link block px-4 py-2 text-sm ">
5823                    NDK fotstøtter og styring
5824                </a>
5825            </li>
5826                                <li                 class="list-inline-item category-box NDK seter med tilbehør-cat"
5827                x-show="(level === 2 || current_categories[3] === 238) && current_categories.indexOf(236) !== -1">
5828                <a href="https://www.alfafritid.no/categories/ndk-seter-med-tilbehor" data-target="m-menu-2"
5829                    class="nav-link block px-4 py-2 text-sm ">
5830                    NDK seter med tilbehør
5831                </a>
5832            </li>
5833                                <li                 class="list-inline-item category-box NDK deler og utrustning-cat"
5834                x-show="(level === 2 || current_categories[3] === 239) && current_categories.indexOf(236) !== -1">
5835                <a href="https://www.alfafritid.no/categories/ndk-deler-og-utrustning" data-target="m-menu-2"
5836                    class="nav-link block px-4 py-2 text-sm ">
5837                    NDK deler og utrustning
5838                </a>
5839            </li>
5840            
5841                    </ul>
5842                                </li>
5843                                <!-- har underkategori -->
5844            <li class="relative flex items-center justify-between category-box Valley/North Shore deler og tilb-cat list-inline-item dropdown has-mega-menu  has-subchild "
5845                style="position:static;"
5846                x-show="(level === 1 || current_categories[2] === 242) && current_categories.indexOf(124) !== -1">
5847                <a :class="current_categories.indexOf(242) !== -1 ? 'font-bold text-white' : ''"
5848                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5849                    href="https://www.alfafritid.no/categories/valleynorth-shore-deler-og-tilbehor" id="navbarDropdownMenuLink242" data-toggle="dropdown"
5850                    @click.prevent="current_categories.push(242); level = 2"
5851                    aria-haspopup="true" aria-expanded="false">
5852                    Valley/North Shore deler og tilb
5853                </a>
5854                <div class="p-3 pr-5"
5855                    @click.prevent="current_categories.push(242); level = 2">
5856                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5857                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5858                    </div>
5859                </div>
5860                                    <ul x-show="(level === 2 || current_categories[2] === 242) && current_categories.indexOf(242) !== -1"
5861                        style="z-index: 2;  text-transform: uppercase;"
5862                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5863                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5864                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5865                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5866                            </div>
5867                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Valley/North Shore deler og tilb</h3>
5868                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5869                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5869<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5870                            </div>
5871                        </li>
5872                        
5873            <li             class="list-inline-item category-box Valley/North Shore deler og tilb-cat __see_all_wrapper" >
5874            <a href="https://www.alfafritid.no/categories/valleynorth-shore-deler-og-tilbehor" data-target="m-menu-2"
5875                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5876                Se alle produkter
5877            </a>
5878        </li>
5879    
5880                        <li                 class="list-inline-item category-box Valley/North Shore styring/deler-cat"
5881                x-show="(level === 2 || current_categories[3] === 243) && current_categories.indexOf(242) !== -1">
5882                <a href="https://www.alfafritid.no/categories/valleynorth-shore-styring-og-deler" data-target="m-menu-2"
5883                    class="nav-link block px-4 py-2 text-sm ">
5884                    Valley/North Shore styring/deler
5885                </a>
5886            </li>
5887                                <li                 class="list-inline-item category-box Valley North Shore seter/tilbehø-cat"
5888                x-show="(level === 2 || current_categories[3] === 244) && current_categories.indexOf(242) !== -1">
5889                <a href="https://www.alfafritid.no/categories/valley-north-shore-seter-og-tilbehor" data-target="m-menu-2"
5890                    class="nav-link block px-4 py-2 text-sm ">
5891                    Valley North Shore seter/tilbehø
5892                </a>
5893            </li>
5894            
5895                    </ul>
5896                                </li>
5897                                <!-- har underkategori -->
5898            <li class="relative flex items-center justify-between category-box Div deler ror og tilbehør-cat list-inline-item dropdown has-mega-menu  has-subchild "
5899                style="position:static;"
5900                x-show="(level === 1 || current_categories[2] === 131) && current_categories.indexOf(124) !== -1">
5901                <a :class="current_categories.indexOf(131) !== -1 ? 'font-bold text-white' : ''"
5902                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5903                    href="https://www.alfafritid.no/categories/rorstyring" id="navbarDropdownMenuLink131" data-toggle="dropdown"
5904                    @click.prevent="current_categories.push(131); level = 2"
5905                    aria-haspopup="true" aria-expanded="false">
5906                    Div deler ror og tilbehør
5907                </a>
5908                <div class="p-3 pr-5"
5909                    @click.prevent="current_categories.push(131); level = 2">
5910                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5911                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5912                    </div>
5913                </div>
5914                                    <ul x-show="(level === 2 || current_categories[2] === 131) && current_categories.indexOf(131) !== -1"
5915                        style="z-index: 2;  text-transform: uppercase;"
5916                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5917                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5918                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
5919                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5920                            </div>
5921                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Div deler ror og tilbehør</h3>
5922                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5923                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5923<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5924                            </div>
5925                        </li>
5926                        
5927            <li             class="list-inline-item category-box Div deler ror og tilbehør-cat __see_all_wrapper" >
5928            <a href="https://www.alfafritid.no/categories/rorstyring" data-target="m-menu-2"
5929                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5930                Se alle produkter
5931            </a>
5932        </li>
5933    
5934                        <li                 class="list-inline-item category-box Festemateriell-cat"
5935                x-show="(level === 2 || current_categories[3] === 248) && current_categories.indexOf(131) !== -1">
5936                <a href="https://www.alfafritid.no/categories/festemateriell" data-target="m-menu-2"
5937                    class="nav-link block px-4 py-2 text-sm ">
5938                    Festemateriell
5939                </a>
5940            </li>
5941                                <li                 class="list-inline-item category-box Deler til ror og skeg-cat"
5942                x-show="(level === 2 || current_categories[3] === 249) && current_categories.indexOf(131) !== -1">
5943                <a href="https://www.alfafritid.no/categories/deler-til-ror-og-skeg" data-target="m-menu-2"
5944                    class="nav-link block px-4 py-2 text-sm ">
5945                    Deler til ror og skeg
5946                </a>
5947            </li>
5948            
5949                    </ul>
5950                                </li>
5951            
5952                    </ul>
5953                                        </div>
5954                            </li>
5955                                <!-- har underkategori -->
5956            <li class="relative flex items-center justify-between category-box Pakkeutstyr-cat list-inline-item dropdown has-mega-menu has-child "
5957                style="position:static;"
5958                x-show="(level === 0 || current_categories[1] === 157) && current_categories.indexOf(0) !== -1">
5959                <a :class="current_categories.indexOf(157) !== -1 ? 'font-bold text-white' : ''"
5960                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
5961                    href="https://www.alfafritid.no/categories/vanntett-pakkeutstyr" id="navbarDropdownMenuLink157" data-toggle="dropdown"
5962                    @click.prevent="current_categories.push(157); level = 1"
5963                    aria-haspopup="true" aria-expanded="false">
5964                    Pakkeutstyr
5965                </a>
5966                <div class="p-3 pr-5"
5967                    @click.prevent="current_categories.push(157); level = 1">
5968                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
5969                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
5970                    </div>
5971                </div>
5972                                                        <div>
5973                                        <ul x-show="(level === 1 || current_categories[1] === 157) && current_categories.indexOf(157) !== -1"
5974                        style="z-index: 1;  text-transform: uppercase;"
5975                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
5976                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
5977                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
5978                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
5979                            </div>
5980                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Pakkeutstyr</h3>
5981                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
5982                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
5982<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
5983                            </div>
5984                        </li>
5985                        
5986            <li             class="list-inline-item category-box Pakkeutstyr-cat __see_all_wrapper" >
5987            <a href="https://www.alfafritid.no/categories/vanntett-pakkeutstyr" data-target="m-menu-2"
5988                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
5989                Se alle produkter
5990            </a>
5991        </li>
5992    
5993                        <li                 class="list-inline-item category-box Pakksekker-cat"
5994                x-show="(level === 1 || current_categories[2] === 158) && current_categories.indexOf(157) !== -1">
5995                <a href="https://www.alfafritid.no/categories/pakksekker" data-target="m-menu-2"
5996                    class="nav-link block px-4 py-2 text-sm ">
5997                    Pakksekker
5998                </a>
5999            </li>
6000                                <li                 class="list-inline-item category-box Bokser-cat"
6001                x-show="(level === 1 || current_categories[2] === 160) && current_categories.indexOf(157) !== -1">
6002                <a href="https://www.alfafritid.no/categories/bokser" data-target="m-menu-2"
6003                    class="nav-link block px-4 py-2 text-sm ">
6004                    Bokser
6005                </a>
6006            </li>
6007                                <li                 class="list-inline-item category-box Telefon og iPad-cat"
6008                x-show="(level === 1 || current_categories[2] === 159) && current_categories.indexOf(157) !== -1">
6009                <a href="https://www.alfafritid.no/categories/til-telefonen" data-target="m-menu-2"
6010                    class="nav-link block px-4 py-2 text-sm ">
6011                    Telefon og iPad
6012                </a>
6013            </li>
6014                                <li                 class="list-inline-item category-box Kartmapper-cat"
6015                x-show="(level === 1 || current_categories[2] === 161) && current_categories.indexOf(157) !== -1">
6016                <a href="https://www.alfafritid.no/categories/kartmapper" data-target="m-menu-2"
6017                    class="nav-link block px-4 py-2 text-sm ">
6018                    Kartmapper
6019                </a>
6020            </li>
6021            
6022                    </ul>
6023                                        </div>
6024                            </li>
6025                                <!-- har underkategori -->
6026            <li class="relative flex items-center justify-between category-box Transport/oppbevaring-cat list-inline-item dropdown has-mega-menu has-child "
6027                style="position:static;"
6028                x-show="(level === 0 || current_categories[1] === 185) && current_categories.indexOf(0) !== -1">
6029                <a :class="current_categories.indexOf(185) !== -1 ? 'font-bold text-white' : ''"
6030                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
6031                    href="https://www.alfafritid.no/categories/transportoppbevaring" id="navbarDropdownMenuLink185" data-toggle="dropdown"
6032                    @click.prevent="current_categories.push(185); level = 1"
6033                    aria-haspopup="true" aria-expanded="false">
6034                    Transport/oppbevaring
6035                </a>
6036                <div class="p-3 pr-5"
6037                    @click.prevent="current_categories.push(185); level = 1">
6038                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
6039                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
6040                    </div>
6041                </div>
6042                                                        <div>
6043                                        <ul x-show="(level === 1 || current_categories[1] === 185) && current_categories.indexOf(185) !== -1"
6044                        style="z-index: 1;  text-transform: uppercase;"
6045                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
6046                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
6047                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
6048                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
6049                            </div>
6050                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Transport/oppbevaring</h3>
6051                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
6052                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
6052<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
6053                            </div>
6054                        </li>
6055                        
6056            <li             class="list-inline-item category-box Transport/oppbevaring-cat __see_all_wrapper" >
6057            <a href="https://www.alfafritid.no/categories/transportoppbevaring" data-target="m-menu-2"
6058                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
6059                Se alle produkter
6060            </a>
6061        </li>
6062    
6063                        <li                 class="list-inline-item category-box Karitek-cat"
6064                x-show="(level === 1 || current_categories[2] === 186) && current_categories.indexOf(185) !== -1">
6065                <a href="https://www.alfafritid.no/categories/karitek" data-target="m-menu-2"
6066                    class="nav-link block px-4 py-2 text-sm ">
6067                    Karitek
6068                </a>
6069            </li>
6070                                <li                 class="list-inline-item category-box Takstativ og -utstyr-cat"
6071                x-show="(level === 1 || current_categories[2] === 189) && current_categories.indexOf(185) !== -1">
6072                <a href="https://www.alfafritid.no/categories/takstativ-og--utstyr" data-target="m-menu-2"
6073                    class="nav-link block px-4 py-2 text-sm ">
6074                    Takstativ og -utstyr
6075                </a>
6076            </li>
6077                                <li                 class="list-inline-item category-box Transportvogner-cat"
6078                x-show="(level === 1 || current_categories[2] === 188) && current_categories.indexOf(185) !== -1">
6079                <a href="https://www.alfafritid.no/categories/transportvogner" data-target="m-menu-2"
6080                    class="nav-link block px-4 py-2 text-sm ">
6081                    Transportvogner
6082                </a>
6083            </li>
6084                                <li                 class="list-inline-item category-box Oppbevaring/lås-cat"
6085                x-show="(level === 1 || current_categories[2] === 187) && current_categories.indexOf(185) !== -1">
6086                <a href="https://www.alfafritid.no/categories/oppbevaringlas" data-target="m-menu-2"
6087                    class="nav-link block px-4 py-2 text-sm ">
6088                    Oppbevaring/lås
6089                </a>
6090            </li>
6091            
6092                    </ul>
6093                                        </div>
6094                            </li>
6095                                <!-- har underkategori -->
6096            <li class="relative flex items-center justify-between category-box Fritidsutstyr-cat list-inline-item dropdown has-mega-menu has-child "
6097                style="position:static;"
6098                x-show="(level === 0 || current_categories[1] === 172) && current_categories.indexOf(0) !== -1">
6099                <a :class="current_categories.indexOf(172) !== -1 ? 'font-bold text-white' : ''"
6100                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
6101                    href="https://www.alfafritid.no/categories/fritidsutstyr" id="navbarDropdownMenuLink172" data-toggle="dropdown"
6102                    @click.prevent="current_categories.push(172); level = 1"
6103                    aria-haspopup="true" aria-expanded="false">
6104                    Fritidsutstyr
6105                </a>
6106                <div class="p-3 pr-5"
6107                    @click.prevent="current_categories.push(172); level = 1">
6108                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
6109                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z"/></svg>
6110                    </div>
6111                </div>
6112                                                        <div>
6113                                        <ul x-show="(level === 1 || current_categories[1] === 172) && current_categories.indexOf(172) !== -1"
6114                        style="z-index: 1;  text-transform: uppercase;"
6115                        class="sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu absolute min-h-screen top-0 left-0 w-full max-w-full bg-zinc-900 text-zinc-50">
6116                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
6117                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
6118                                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"/></svg>
6119                            </div>
6120                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Fritidsutstyr</h3>
6121                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
6122                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
6122<path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
6123                            </div>
6124                        </li>
6125                        
6126            <li             class="list-inline-item category-box Fritidsutstyr-cat __see_all_wrapper" >
6127            <a href="https://www.alfafritid.no/categories/fritidsutstyr" data-target="m-menu-2"
6128                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
6129                Se alle produkter
6130            </a>
6131        </li>
6132    
6133                        <li                 class="list-inline-item category-box Nyttige småsaker-cat"
6134                x-show="(level === 1 || current_categories[2] === 179) && current_categories.indexOf(172) !== -1">
6135                <a href="https://www.alfafritid.no/categories/nyttige-smasaker" data-target="m-menu-2"
6136                    class="nav-link block px-4 py-2 text-sm ">
6137                    Nyttige småsaker
6138                </a>
6139            </li>
6140                                <li                 class="list-inline-item category-box Stoler og liggeunderlag-cat"
6141                x-show="(level === 1 || current_categories[2] === 176) && current_categories.indexOf(172) !== -1">
6142                <a href="https://www.alfafritid.no/categories/stoler-og-liggeunderlag" data-target="m-menu-2"
6143                    class="nav-link block px-4 py-2 text-sm ">
6144                    Stoler og liggeunderlag
6145                </a>
6146            </li>
6147                                <li                 class="list-inline-item category-box Turkjøkken-cat"
6148                x-show="(level === 1 || current_categories[2] === 177) && current_categories.indexOf(172) !== -1">
6149                <a href="https://www.alfafritid.no/categories/turkjokken" data-target="m-menu-2"
6150                    class="nav-link block px-4 py-2 text-sm ">
6151                    Turkjøkken
6152                </a>
6153            </li>
6154            
6155                    </ul>
6156                                        </div>
6157                            </li>
6158                                <li                 class="list-inline-item category-box DVD/bøker-cat"
6159                x-show="(level === 0 || current_categories[1] === 190) && current_categories.indexOf(0) !== -1">
6160                <a href="https://www.alfafritid.no/categories/dvdboker" data-target="m-menu-2"
6161                    class="nav-link block px-4 py-2 text-sm ">
6162                    DVD/bøker
6163                </a>
6164            </li>
6165                                <li                 class="list-inline-item category-box MC-klær-cat"
6166                x-show="(level === 0 || current_categories[1] === 208) && current_categories.indexOf(0) !== -1">
6167                <a href="https://www.alfafritid.no/categories/mc-klar" data-target="m-menu-2"
6168                    class="nav-link block px-4 py-2 text-sm ">
6169                    MC-klær
6170                </a>
6171            </li>
6172                                <li                 class="list-inline-item category-box Gavekort-cat"
6173                x-show="(level === 0 || current_categories[1] === 206) && current_categories.indexOf(0) !== -1">
6174                <a href="https://www.alfafritid.no/categories/gavekort" data-target="m-menu-2"
6175                    class="nav-link block px-4 py-2 text-sm ">
6176                    Gavekort
6177                </a>
6178            </li>
6179            
6180
6181                
6182                                    <li class="__special-products-page-li list-inline-item category-box " x-show="level === 0">
6183                        <a class="__special-products-page nav-link block px-4 py-2 text-sm " href="https://www.alfafritid.no/specials">
6184                            Tilbud
6185                        </a>
6186                    </li>
6187                
6188                
6189                                                            <li class="p-4 flat-menu-list static-auth-divider " x-show="level === 0">
6190                            <hr class=" border-neutral-300" />
6191                        </li>
6192
6193                                                                                    <li class="list-inline-item category-box static-auth-pages " x-show="level === 0">
6194                                    <a class="__account-page nav-link block px-4 py-2 text-sm" href="https://www.alfafritid.no/login">
6195                                        Logg inn
6196                                    </a>
6197                                </li>
6198                                                                        
6199                                            <li class="p-4 flat-menu-list static-pages-divider " x-show="level == 0">
6200                            <hr class="border-neutral-300" />
6201                        </li>
6202
6203                                                                                    <li class="list-inline-item static-pages-item category-box " x-show="level == 0">
6204                                    <a class="menubutton0 nav-link block px-4 py-2 text-sm "
6205                                        href="https://www.alfafritid.no" >Hjem</a>
6206                                </li>
6207                                                                                                                <li class="list-inline-item static-pages-item category-box " x-show="level == 0">
6208                                    <a class="menubutton1 nav-link block px-4 py-2 text-sm "
6209                                        href="https://www.alfafritid.no/pages/om-oss" >Om oss</a>
6210                                </li>
6211                                                                                                                                                                    <li class="list-inline-item static-pages-item category-box " x-show="level == 0">
6212                                    <a class="menubutton3 nav-link block px-4 py-2 text-sm "
6213                                        href="https://www.alfafritid.no/contact_us" >Kontakt oss - &aring;pningstid</a>
6214                                </li>
6215                                                                                                                <li class="list-inline-item static-pages-item category-box " x-show="level == 0">
6216                                    <a class="menubutton4 nav-link block px-4 py-2 text-sm "
6217                                        href="https://www.alfafritid.no/pages/frakt-og-retur" >Frakt og retur</a>
6218                                </li>
6219                                                                                                        
6220            </ul>
6221        </nav>
6222
6223        <div class="fixed inset-0 bg-gray-900 opacity-50 z-10"
6224            x-show="menuOpen"
6225            x-transition:enter="transition ease-out duration-200"
6226            x-transition:enter-start="opacity-0"
6227            x-transition:enter-end="opacity-50"
6228            x-transition:leave="transition ease-in duration-200"
6229            x-transition:leave-start="opacity-50"
6230            x-transition:leave-end="opacity-0"
6231            @click="menuOpen = false; setTimeout(() => $store.settings.settings.mobileMenuOpen = false, 200)">
6232        </div>
6233    </div>
6234
6235<style>
6236    #__mobile_menu nav,
6237    #__mobile_menu nav ul {
6238        background-color: #000;
6239        color: #fff;
6240        fill: #fff;
6241    }
6242
6243    #__mobile_menu>nav ul li>a,
6244    #__mobile_menu>nav ul li>div {
6245        background-color: #000;
6246        color: #fff;
6247        fill: #fff;
6248    }
6249
6250    #__mobile_menu>nav ul .active>a,
6251    #__mobile_menu>nav ul .active>div {
6252        background-color: #fff;
6253        color: #000;
6254        fill: #000;
6255    }
6256</style>
6257            
6258                        
6259            <template x-if="$store.modals.newslettermodal.open">
6260    <div x-data="{ newsletterOpen: false }"
6261    class="bg-black/25 transition-all duration-300 w-full h-full fixed left-0 top-0 z-20 text-black"
6262    :class="{ 'opacity-100': newsletterOpen, 'opacity-0': !newsletterOpen}"
6263    x-init="setTimeout( function() { newsletterOpen = true}, 0)">
6264    <div class="modal absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white max-w-320 p-6 rounded-md drop-shadow-md"
6265        id="newsletterModal" tabindex="-1" role="dialog" aria-labelledby="newsletterModalTitle">
6266        <div class="modal-header">
6267            <div @click="$store.modals.newslettermodal.toggle()" class="absolute right-4 top-4 w-3 h-3 z-10 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg></div>
6268            
6269        
6270                    
6271    
6272                    
6273                    
6274        
6275            
6276    <h2
6277        x-data="{ conditions: null }"
6278        x-init="$s('conditions').checkConditions(conditions)"
6279        x-show="$s('conditions').checkConditions(conditions)"
6280        id="block--image056633f1-f43d-48e9-8d3a-ad0083790f40__image"         class="__image_block  relative"
6281        style="
6282            color: inherit;            
6283            font-size: 1.25rem;
6284            font-weight: inherit;
6285            line-height: inherit;
6286            text-transform: none !important;
6287            text-align: inherit;
6288            background-color: ;            border-radius: 0;        "
6289        data-subblock-key="general">
6290        Meld meg på Nyhetsbrev
6291    </h2>
6292
6293    <style>
6294        @media (max-width: 600px) {
6295            #block--image056633f1-f43d-48e9-8d3a-ad0083790f40__image, #block--image056633f1-f43d-48e9-8d3a-ad0083790f40__image * {
6296                text-align: inherit !important;
6297            }
6298        }
6299    </style>
6300        </div>
6301        <div class="modal-body">
6302            <p>
6303                Meld deg p&aring; nyhetsbrevet v&aring;rt og v&aelig;r oppdatert med alle nyhetene v&aring;re
6304                f&oslash;rst
6305            </p>
6306            <form name="join_newsletter_form" action="https://www.alfafritid.no/newsletter/?action=join" method="post">
6307                
6308                                    <input type='hidden' name='csrf_token' value='4_CMhHzZlbetGVscRBaTl8mhYhaPtNTwbUGmjvgXQh' />
6309                                
6310                <div class="relative z-0 mb-6 w-full group">
6311                    <input type="text" name="email" id="newsletter-modal_firstname"
6312                        class="block py-2 mt-1 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer"
6313                        placeholder=" " required="">
6314                    <label for="newsletter-modal_firstname"
6315                        class="absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-2 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-7">Fornavn:
6316                        <span class="text-error text-red-500">*</span>
6317                    </label>
6318                </div>
6319                <div class="relative z-0 mb-6 w-full group">
6320                    <input type="text" name="email" id="newsletter-modal_lastname"
6321                        class="block py-2 mt-1 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer"
6322                        placeholder=" " required="">
6323                    <label for="newsletter-modal_lastname"
6324                        class="absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-2 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-7">Etternavn:
6325                        <span class="text-error text-red-500">*</span>
6326                    </label>
6327                </div>
6328                <div class="relative z-0 mb-6 w-full group">
6329                    <input type="text" name="email" id="newsletter-modal_email"
6330                        class="block py-2 mt-1 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer"
6331                        placeholder=" " required="">
6332                    <label for="newsletter-modal_email"
6333                        class="absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-2 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-7">E-post:
6334                        <span class="text-error text-red-500">*</span>
6335                    </label>
6336                </div>
6337                <button type="submit" class="button button-primary">
6338                    Fortsett
6339                </button>
6340            </form>
6341        </div>
6342    </div>
6343    <div class="w-full h-full" @click="$store.modals.newslettermodal.toggle()"></div>
6344</div>
6345</template>
6346<template x-if="$store.modals.currencymodal.open">
6347    <div class="bg-black/25 w-full h-full fixed left-0 top-0 z-20 text-black">
6348    <div class="modal absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white max-w-[400px] p-4 rounded-md drop-shadow-md min-w-[280px]" id="currencyModal" tabindex="-1" role="dialog" aria-labelledby="currencyModalTitle">
6349        <div class="modal-header">
6350            <div @click="$store.modals.currencymodal.toggle()" class="absolute right-2 top-2 p-2 bg-neutral-100 hover:bg-neutral-200 transition-all duration-200 rounded z-10 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg></div>
6351            <h2 class="flex gap-2 text-black text-2xl mb-2">Velg<span class="lowercase">Valutaer</span></h2>
6352        </div>
6353        <div class="modal-body flex flex-col">
6354            <form name="currencies" action="/" method="GET" x-ref="currencies_form">
6355                                    <div class="flex flex-col">
6356                        <input
6357                            type="radio"
6358                            name="currency"
6359                            value="NOK"
6360                            title="Norske kroner"
6361                            data-currency-code="NOK"
6362                            class="hidden"
6363                            id="__input-currency-radio-NOK"
6364                            @change="() => $refs.currencies_form.submit();"
6365                        />
6366                        <label for="__input-currency-radio-NOK" class="currencylink d-inline-block lang-btn cursor-pointer p-2 rounded hover:bg-neutral-100 transition-all duration-300">
6367                            <strong>NOK</strong> <span class="pl10">Norske kroner</span>
6368                        </label>
6369                    </div>
6370                
6371                <input type="hidden" name="q" value="https://www.alfafritid.no">
6372            </form>
6373        </div>
6374    </div>
6375    <div class="w-full h-full" @click="$store.modals.currencymodal.toggle(
6375)"></div>
6376</div>
6377</template>
6378<template x-if="$store.modals.languagemodal.open">
6379    <div x-data="{ languageModalOpen: false}" class="bg-black/25 w-full h-full fixed left-0 top-0 z-20 text-black transition-all duration-300"
6380    :class="{ 'opacity-100': languageModalOpen, 'opacity-0': !languageModalOpen}"
6381    x-init="setTimeout( function() { languageModalOpen = true}, 10)">
6382    <div class="modal absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white max-w-[400px] p-4 rounded-md drop-shadow-md min-w-[280px]"
6383        id="languageModal" tabindex="-1" role="dialog" aria-labelledby="languageModalTitle">
6384        <div class="modal-header">
6385            <div @click="$store.modals.languagemodal.toggle()" class="absolute right-2 top-2 p-2 bg-neutral-100 hover:bg-neutral-200 transition-all duration-200 rounded z-10 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg></div>
6386            <h2 class="flex gap-2 text-black text-2xl mb-2">Velg<span class="lowercase">Språk</span></h2>
6387        </div>
6388        <div class="modal-body flex flex-col">
6389                                                <a
6390                        href="/no/login"
6391                        title="Norwegian"
6392                        class="selected flex p-2 rounded hover:bg-neutral-100 transition-all duration-300"
6393                    >
6394                        <img src="https://alfafritid-i02.acendycdn.com/production/build/backend/assets/flags/4x3/no.svg?v=4.2026.09.25.11" class="h-auto w-6 object-contain" />
6395                        <span class="ml-2">Norwegian</span>
6396                    </a>
6397                                    </div>
6398    </div>
6399    <div class="w-full h-full" @click="$store.modals.languagemodal.toggle()"></div>
6400</div>
6401</template>
6402<template x-if="$store.modals.taxmodal.open">
6403    <div x-data="{ taxesModal: false }" class="bg-black/25 transition-all duration-300 w-full h-full fixed left-0 top-0 z-20 text-black"
6404    :class="{ 'opacity-100': taxesModal, 'opacity-0': !taxesModal}"
6405    x-init="setTimeout( function() { taxesModal = true}, 0)">
6406    <div class="modal absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white max-w-320 p-4 rounded-md drop-shadow-md"
6407        id="taxesModal" tabindex="-1" role="dialog" aria-labelledby="taxesModalTitle">
6408        <div role="document">
6409            <div class="modal-header">
6410                <div @click="$store.modals.taxmodal.toggle()" class="absolute right-4 top-4 w-3 h-3 z-10 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg></div>
6411                
6412        
6413                    
6414    
6415                    
6416                    
6417        
6418            
6419    <h2
6420        x-data="{ conditions: null }"
6421        x-init="$s('conditions').checkConditions(conditions)"
6422        x-show="$s('conditions').checkConditions(conditions)"
6423                class="___block  relative"
6424        style="
6425            color: inherit;            
6426            font-size: 1.25rem;
6427            font-weight: inherit;
6428            line-height: inherit;
6429            text-transform: none !important;
6430            text-align: inherit;
6431            background-color: ;            border-radius: 0;        "
6432        data-subblock-key="heading">
6433        Priser inkl. eller ekskl. mva
6434    </h2>
6435
6436    <style>
6437        @media (max-width: 600px) {
6438            #, # * {
6439                text-align: inherit !important;
6440            }
6441        }
6442    </style>
6443            </div>
6444            <div class="col-12 pb30">
6445                I denne butikken kan du velge om du vil se prisene med eller uten moms. <i class="fal fa-sm
6445ile"></i>
6446            </div>
6447            <section class="buttons flex mt-2">
6448                <button type="button" @click.prevent="$store.modals.taxmodal.excludeTax(false)" class="mr-2 button" :class="{ 'button-primary': !$store.modals.taxmodal.taxExcluded, 'button-secondary': $store.modals.taxmodal.taxExcluded }" data-dismiss="modal">Inkl. mva</button>
6449                <button type="button" @click.prevent="$store.modals.taxmodal.excludeTax()" class="button" :class="{ 'button-primary': $store.modals.taxmodal.taxExcluded, 'button-secondary': !$store.modals.taxmodal.taxExcluded }" data-dismiss="modal">Ekskl. mva</button>
6450            </section>
6451        </div>
6452    </div>
6453    <div class="w-full h-full" @click="$store.modals.taxmodal.toggle()"></div>
6454</div>
6455
6456</template>
6457<template x-if="$store.modals.countriesmodal.open">
6458    <div class="bg-black/25 w-full h-full fixed left-0 top-0 z-20 text-black">
6459    <div class="modal absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white max-w-320 p-6 rounded-md drop-shadow-md min-w-320" id="countries-modal" tabindex="-1" role="dialog" aria-labelledby="countries-modal-title">
6460        <div class="modal-header">
6461            
6462        
6463                    
6464    
6465                    
6466                    
6467        
6468            
6469    <h2
6470        x-data="{ conditions: null }"
6471        x-init="$s('conditions').checkConditions(conditions)"
6472        x-show="$s('conditions').checkConditions(conditions)"
6473        id="block--image056633f1-f43d-48e9-8d3a-ad0083790f40__image"         class="__image_block  relative"
6474        style="
6475            color: inherit;            
6476            font-size: 1.25rem;
6477            font-weight: inherit;
6478            line-height: inherit;
6479            text-transform: none !important;
6480            text-align: inherit;
6481            background-color: ;            border-radius: 0;        "
6482        data-subblock-key="general">
6483        Endre butikkversjon (land)
6484    </h2>
6485
6486    <style>
6487        @media (max-width: 600px) {
6488            #block--image056633f1-f43d-48e9-8d3a-ad0083790f40__image, #block--image056633f1-f43d-48e9-8d3a-ad0083790f40__image * {
6489                text-align: inherit !important;
6490            }
6491        }
6492    </style>
6493        </div>
6494        <div class="modal-body flex flex-col">
6495            <form action="/" method="GET" x-ref="countries">
6496                <select name="switchCountry" class="w-full bg-gray-100 p-4">
6497                                            <option class="col-12 pb10" value="NO" selected>Norge</option>
6498                                    </select>
6499                <p class="mt-2 mb-4 text-sm"><b>Merk: Hvis</b> du bytter land, kan innloggingen og handlekurven bli tilbakestilt, og det kan påvirke priser, tilgjengelighet og kasseopplevelsen.</p>
6500                <div class="w-full">
6501                    <button class="button button-primary btn btn-primary max-w-none w-full">Endre butikkversjon</button>
6502                </div>
6503                <input type="hidden" name="r" value="/login" />
6504            </form>
6505        </div>
6506    </div>
6507    <div class="w-full h-full" @click="$store.modals.countriesmodal.toggle()"></div>
6508</div>
6509</template>
6510<template x-if="$store.modals.customerclubmodal.open">
6511    
6512<div x-data="{ customerclubmodal: false }" class="bg-black/25 transition-all customerclubmodal __customer_club_modal rounded duration-300 w-full h-full fixed left-[50%] top-[50%] transform -translate-x-1/2 -translate-y-1/2 z-20 text-black"
6513    :class="{ 'opacity-100': customerclubmodal, 'opacity-0': !customerclubmodal}"
6514    x-init="setTimeout( function() { customerclubmodal = true}, 0)">
6515<section
6516    x-data="{ confirmed: $store.customer_club.confirmedClubJoin, showTermsModal:$store.customer_club.showTermsModal,  leaveCustomerClub: $store.customer_club.leaveCustomerClubCheckbox, leaveCustomerClubModal: $store.customer_club.leaveCustomerClubModal }">
6517    <template x-if="leaveCustomerClubModal">
6518        <div class="modal fixed z-10 left-0 top-0 w-50 h-screen border border-red-500 bg-[#0000009c]" id="custom_club_confirm"
6519            tabindex="-1" role="dialog">
6520            <div class="modal-dialog w-80 p-4 absolute rounded-lg bg-white left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"
6521                role="document">
6522                <div class="modal-content">
6523                    <div class="modal-header mt-4">
6524                                    <div @click="$store.modals.customerclubmodal.toggle(
6524)" class="absolute right-4 top-4 w-3 h-3 z-10 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg></div>
6525
6526                        <h5 class="modal-title my-2 text-lg">Er du helt sikker på at du ønsker å forlate
6527                            kundeklubben?</h5>
6528                    </div>
6529                    <div class="modal-body text-sm">
6530                        <p>Hvis du forlater kundeklubben vil oppsparte bonuspoeng slettes, og fremtidige kjøp vil
6531                            ikke gi bonuspoeng.</p>
6532                    </div>
6533                    <div class="modal-footer flex my-4 gap-2">
6534                        <button class="button button-warning leave_customer_club"
6535                            @click="$dispatch('submit-form')">Bekreft
6536                            utmelding</button>
6537                        <button type="button" class="button button-danger"
6538                            @click="leaveCustomerClubModal=false">Close</button>
6539                    </div>
6540                </div>
6541            </div>
6542        </div>
6543    </template>
6544    <section class="bg-white customer_club_account_container rounded-lg w-[80%] h-50 max-w-[500px] max-h-[600px] overflow-hidden absolute rounded-lg bg-white left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
6545     <button @click="$store.modals.customerclubmodal.toggle()" style="" 
6546                        class="customer-club-sign-up flex justify-center items-center !bg-gray-100 !rounded-full absolute top-0 right-2 mt-2 w-8 h-8 p-0 overflow-hidden" 
6547                        type="button" ><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
6548                    </button>
6549        
6550            </section>
6551
6552    <style>
6553    .customer-club-content .customer-club-list {
6554        margin: 10px 0;
6555        padding-left: 20px;
6556    }
6557
6558    .__customer_club_modal h2 {
6559        font-size: 1.55rem;
6560    }
6561
6562    .__customer_club_modal h3 {
6563        font-size: 1.25rem;
6564        margin-bottom: .5rem;
6565    }
6566
6567    .__customer_club_modal .customer-club-content {
6568        margin-bottom: 1rem;
6569    }
6570
6571    .__customer_club_modal .customer-club-content a {
6572        color: var(--link-color);
6573    }
6574
6575    </style>
6576</section>
6577</div>
6578</template>
6579
6580                    </div>
6581
6582        <button
6583    aria-label="Bla til toppen"
6584    x-data="{ isVisible: false }"
6585    @scroll.window="isVisible = (window.pageYOffset > 400)"
6586    @click="window.scrollTo({ top: 0, behavior: 'smooth' })" x-show.transition.opacity="isVisible" type="button"
6587    class="button button-primary fixed opcacity-50 bottom-4 right-4 p-3 text-white font-medium text-xs rounded-full shadow-md hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg transition duration-150 ease-in-out z-10">
6588    <svg aria-hidden="true" focusable="false" data-prefix="fas" class="w-4 h-4" role="img"
6589        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
6590        <path fill="currentColor"
6591            d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z">
6592        </path>
6593    </svg>
6594</button>
6595            <div x-init="
6596            $store.consent.render();                    "
6597        class="hidden max-w-sm pb-4 mb-4 shadow appearance-none border border-red-500 bg-green-500 bg-yellow-500 rounded py-2 px-3 text-right text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline bottom-2 left-2 bottom-4 right-4 z-50 grid-cols-5 sm:grid-cols-5">
6598    </div>
6599
6600    
6601        <section x-data x-init="() => {
6602    $s('consent').settings.version = '110';
6603    $s('consent').settings.cookieShortLife = '1';
6604    $s('consent').settings.cookieLongLife = '50';
6605
6606            $s('consent').settings.showConsentContainer = true;
6607    
6608    
6609    }">
6610    
6611        
6612            <div x-cloak x-show="$store.consent.settings.showConsentContainer && !$store.consent.settings.showConsentModal"
6613             class="px-5 py-4 flex items-center gap-x-6 fixed bottom-0 bg-white z-50 w-full flex-col sm:flex-row border-t consent-container">
6614            <div class="flex items-center justify-between flex-[1_0_0] font-['Roboto'] text-sm leading-normal font-normal not-italic">
6615                <span class="max-w-[90%]">Dette nettstedet bruker informasjonskapsler for å fungere korrekt, analysere trafikk, personalisering av annonser og annonsering.</span>
6616                                    <div class="sm:hidden flex flex-col justify-center items-center gap-y-0.5 w-[33px] h-[26px]">
6617                        <span class="text-right text-[8px] leading-normal not-italic font-normal font-['Roboto']">
6618                            Drevet av
6619                        </span>
6620                        <img class="w-[17px] h-[17px]" src="/kontrollpanel/images/acendy.svg"
6621                             alt="Powered by Mystore" height="25">
6622                    </div>
6623                            </div>
6624            <div class="flex justify-center items-center content-center gap-4 shrink flex-wrap flex-col xl:flex-row">
6625                <div class="text-[#409AEF] font-['Roboto'] text-sm leading-normal font-normal not-italic cursor-pointer" @click="() => $store.consent.readMore()">
6626                    <span class="consent-read-more">Juster innstillingene</span>
6627                </div>
6628                <div class="flex items-center gap-4">
6629                    <button class="bg-[#026B85] text-white px-3 py-2 rounded text-sm leading-normal font-normal font-['Roboto'] not-italic consent-deny-all" @click="() => $store.consent.acceptNeeded()">
6630                                                    Godta nødvendig
6631                                            </button>
6632                    <button class="bg-[#026B85] text-white px-3 py-2 rounded text-sm leading-normal font-normal font-['Roboto'] not-italic consent-accept-all" @click="() => $store.consent.acceptAll()">
6633                         Godta alle
6634                    </button>
6635                </div>
6636            </div>
6637                            <div class="hidden sm:flex flex-col justify-center items-center gap-y-0.5 w-[33px] h-[26px]">
6638                    <span class="text-right text-[8px] leading-normal not-italic font-normal font-['Roboto']">
6639                        Drevet av
6640                    </span>
6641                    <img class="w-[17px] h-[17px]" src="/kontrollpanel/images/acendy.svg"
6642                         alt="Powered by Mystore" height="25">
6643                </div>
6644                    </div>
6645    
6646    <template x-if="$store.consent.settings.showConsentModal">
6647    <div class="fixed left-0 top-0 w-full h-screen bg-[#79656569]" style="z-index: 10000;">
6648        <div x-show="false">
6649            <button>
6650                Tilpass dine informasjonskapsler
6651                <img src="/images/arrow-right-fal-white.png" alt="" aria-hidden="true">
6652            </button>
6653        </div>
6654
6655        <div class="fixed w-full md:max-w-md top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2 bg-white shadow p-4 overflow-auto rounded-lg font-roboto h-fit consent-container">
6656            <div>
6657                <div>
6658                    <div class="my-4 text-[15px] font-bold flex items-center gap-x-1">
6659                        Om informasjonskapsler på dette nettstedet
6660                        <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
6661                            <path d="M182.8 28.4l-74 39.5C89.1 78.4 73.2 94.9 63.4 115L26.7 190.6c-9.8 20.1-13 42.9-9.1 64.9l14.5 82.8c3.9 22.1 14.6 42.3 30.7 57.9l60.3 58.4c16.1 15.6 36.6 25.6 58.7 28.7l83 11.7c22.1 3.1 44.6-.9 64.4-11.4l74-39.5c19.7-10.5 35.6-27 45.4-47.2l36.7-75.5c9.8-20.1 13-42.9 9.1-64.9c-.9-5.3-5.3-9.3-10.6-10.1c-51.5-8.2-92.8-47.1-104.5-97.4c-1.8-7.6-8-13.4-15.7-14.6c-54.6-8.7-97.7-52-106.2-106.8c-.8-5.4-4.9-9.8-10.3-10.6c-22.1-3.1-44.6 .9-64.4 11.4zm34.9 37.5c19 54.5 63.9 96.7 120 111.9c17.7 50.9 58.1 91.1 109.1 108.7c-1 4.8-2.5 9.5-4.7 13.9L405.4 376c-5.4 11-14.1 20.1-24.8 25.8l-74 39.5c-10.8 5.7-23 7.9-35.1 6.2l-83-11.7c-12-1.7-23.3-7.2-32-15.7l-29.7 30.7 29.7-30.7L96.2 361.7c-8.8-8.5-14.7-19.6-16.8-31.7L64.9 247.2c-2.1-12.1-.4-24.6 5-35.6L106.6 136c5.4-11 14.1-20.1 24.8-25.8l74-39.5c3.9-2.1 8.1-3.7 12.4-4.9zM192 192a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm0 192a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM320 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm32 128a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"/>
6662                        </svg>
6663                    </div>
6664                </div>
6665                <div class="my-4">
6666                    <div>
6667                        <div class="text-sm mb-3">
6668                                                            <div class="mb-3">
6669                                    Dette nettstedet bruker informasjonskapsler for å fungere korrekt, analysere trafikk, personalisering av annonser og annonsering.
6670                                </div>
6671                                                        Vi bruker egne og tredjeparts informasjonskapsler (cookie
6671s) og lignende teknologier for å sikre grunnleggende funksjoner, generere statistikk, og for å tilpasse markedsføring og annonser (inkludert deling av brukerdata med partnere). Samtykket er helt frivillig. Du kan velge å godta alle, avvise valgfrie, eller tilpasse valgene dine per kategori nedenfor. Du kan når som helst endre eller trekke tilbake dine samtykker via lenken «personvern» nederst på nettsiden vår.
6672                        </div>
6673                        <div class="text-sm mb-4 text-[#026B85]">
6674                            <div class="mb-2">
6675                                <a href="/pages/personvern">Les mer om informasjonskapsler</a>
6676                            </div>
6677                            <div>
6678                                <a href="https://business.safety.google/privacy/">Googles retningslinjer for personvern</a>
6679                            </div>
6680                        </div>
6681                    </div>
6682                    <div class="flex gap-x-2.5 my-2">
6683                        <button class="border w-1/2 bg-[#026B85] text-white rounded p-2 text-sm consent-deny-all"
6684                                @click="(e) => $store.consent.acceptNeeded()">
6685                                                            Godta nødvendig
6686                                                    </button>
6687                        <button class="w-1/2 rounded p-2 bg-[#026B85] text-white text-sm consent-accept-all"
6688                                @click="(e) => $store.consent.acceptAll()">
6689                            Godta alle
6690                        </button>
6691                    </div>
6692                    <div class="flex gap-x-1 justify-between my-4 text-xs" >
6693                        <div class="consent_modal_switch_container flex my-4 bg-[#f2f2f2] flex-grow">
6694                            <span>Nødvendig</span>
6695                            <label class="consent_modal_switch">
6696                                <input
6697                                    id="consent_necessary_select"
6698                                    class="consent_no_select"
6699                                    checked disabled
6700                                    type="checkbox"
6701                                    aria-label="Nødvendig"
6702                                />
6703                                <span class="slider consent_necessary_opacity"></span>
6704                            </label>
6705                        </div>
6706                        <div class="consent_modal_switch_container flex my-4 bg-[#f2f2f2] flex-grow">
6707                            <span>Analyse</span>
6708                            <label class="consent_modal_switch">
6709                                <input
6710                                    id="consent_analytics_select"
6711                                    type="checkbox"
6712                                    x-model="$store.consent.options.consent_analytics_select"
6713                                    aria-label="Analyse"
6714                                />
6715                                <span class="slider"></span>
6716                            </label>
6717                        </div>
6718                        <div class="consent_modal_switch_container flex my-4 bg-[#f2f2f2] flex-grow">
6719                            <span>Markedsføring</span>
6720                            <label class="consent_modal_switch">
6721                                <input
6722                                    id="consent_marketing_select"
6723                                    type="checkbox"
6724                                    x-model="$store.consent.options.consent_marketing_select"
6725                                    aria-label="Markedsføring"
6726                                />
6727                                <span class="slider"></span>
6728                            </label>
6729                        </div>
6730                        <div class="consent_modal_switch_container flex my-4 bg-[#f2f2f2] flex-grow">
6731                            <span>MÃ¥lrettet</span>
6732                            <label class="consent_modal_switch">
6733                                <input
6734                                    id="consent_targeted_select"
6735                                    type="checkbox"
6736                                    x-model="$store.consent.options.consent_user_data_select"
6737                                    aria-label="MÃ¥lrettet"
6738                                />
6739                                <span class="slider"></span>
6740                            </label>
6741                        </div>
6742                        <div class="consent_modal_switch_container flex my-4 bg-[#f2f2f2] flex-grow">
6743                            <span>Egendefinert</span>
6744                            <label class="consent_modal_switch">
6745                                <input
6746                                    id="consent_custom_select"
6747                                    type="checkbox"
6748                                    x-model="$store.consent.options.consent_ad_personalization_select"
6749                                    aria-label="Egendefinert"
6750                                />
6751                                <span class="slider"></span>
6752                            </label>
6753                        </div>
6754
6755                    </div>
6756                    <button class="border w-full bg-[#026B85] text-white rounded p-2 text-sm consent-accept-custom"
6757                            @click="(e) => $store.consent.acceptCustom()">Bekreft valg</button>
6758                </div>
6759                                    <div class="consent_mystore_logo_container">
6760                        <div class="consent_mystore_modal_logo">
6761                            <span>Drevet av</span>
6762                            <img src="/kontrollpanel/images/acendy.svg" alt="Powered by Mystore" height="25">
6763                        </div>
6764                    </div>
6765                            </div>
6766        </div>
6767    </div>
6768</template>
6769</section>
6770
6771    
6772
6773<!-- <div class="hidden">
6774    <div class="
6775            text-left text-center text-right md:text-left md:text-center md:text-right
6776            border-t z-60 z-[100] max-h-[500px] overflow-y-auto max-w-2xl max-w-3xl
6777            grid-cols-1 grid-cols-2 grid-cols-3 grid-cols-4 grid-cols-5 grid-cols-6 grid-cols-7 grid-cols-8
6778            col-span-1 col-span-2 col-span-3 col-span-4 col-span-5 col-span-6 col-span-7 col-span-8
6779            md:grid-cols-1 md:grid-cols-2 md:grid-cols-3 md:grid-cols-4 md:grid-cols-5 md:grid-cols-6 md:grid-cols-7 md:grid-cols-8
6780            md:col-span-1 md:col-span-2 md:col-span-3 md:col-span-4 md:col-span-5 md:col-span-6 md:col-span-7 md:col-span-8
6781            lg:grid-cols-1 lg:grid-cols-2 lg:grid-cols-3 lg:grid-cols-4 lg:grid-cols-5 lg:grid-cols-6 lg:grid-cols-7 lg:grid-cols-8
6782            lg:col-span-1 lg:col-span-2 lg:col-span-3 lg:col-span-4 lg:col-span-5 lg:col-span-6 lg:col-span-7 lg:col-span-8
6783            gap-0 gap-1 gap-2 gap-3 gap-4 splide__pagination splide__pagination__page splide__arrow hidden absolute h-0 w-0 p-0 h-9 attribute_element attrbutedropdown purchase-button-wrapper text-3xl text-4xl text-5xl text-6xl
6784            text-amber-300
6785            justify-around justify-evenly justify-stretch md:items-end md:items-start md:items-center items-stretch flex-auto md:justify-start md:justify-center md:justify-end
6786        "></div>
6787</div> -->
6788
6789
6790
6791
6792
6793<style>
6794/* Widgetgrid styles */
6795.acendy-widgetgrid .grid {
6796    display: table;
6797    width: 100%;
6798    overflow: hidden;
6799    margin: 10px auto;
6800    height: 100%;
6801}
6802.acendy-widgetgrid .grid-item {
6803    position: relative;
6804    display: table-cell;
6805    height: 100%;
6806    vertical-align: top;
6807    -webkit-box-sizing: border-box;
6808    -mozbox-sizing: border-box;
6809    box-sizing: border-box;
6810}
6811.acendy-widgetgrid .grid-content {
6812    height: 100%;
6813    padding: 15px;
6814     -moz-box-sizing: border-box;
6815}
6816.acendy-widgetgrid .grid--middle .grid-item {
6817    vertical-align: middle;
6818}
6819.acendy-widgetgrid .grid-item-1-2 {
6820    width: 50%;
6821}
6822.acendy-widgetgrid .grid-item-1-3 {
6823    width: 33.33%;
6824}
6825.acendy-widgetgrid .grid-item-2-3 {
6826    width: 66.66%;
6827}
6828.acendy-widgetgrid .grid-item-1-4 {
6829    width: 25%;
6830}
6831.acendy-widgetgrid .grid-item-1-6 {
6832    width: 16.66%;
6833    height: 100%;
6834}
6835.acendy-widgetgrid .grid-item img {
6836    display: block;
6837    max-width: 100%;
6838    height: auto !important;
6839}
6840
6841.acendy-widgetgrid .grid-responsive-4-2 {
6842    display: table;
6843    table-layout: fixed;
6844}
6845.acendy-widgetgrid .grid-responsive-4-2 .grid-item {
6846    display: table-cell;
6847    width: 25%;
6848}
6849
6850@media (max-width: 768px) {
6851    .acendy-widgetgrid .grid-responsive-4-2 {
6852        display: flex;
6853        flex-wrap: wrap;
6854    }
6855    .acendy-widgetgrid .grid-responsive-4-2 .grid-item {
6856        display: block;
6857        width: 50%;
6858        flex: 0 0 50%;
6859        box-sizing: border-box;
6860    }
6861}
6862
6863.acendy-widgetgrid .grid-responsive-2-1 {
6864    display: table;
6865    table-layout: fixed;
6866}
6867.acendy-widgetgrid .grid-responsive-2-1 .grid-item {
6868    display: table-cell;
6869    width: 50%;
6870}
6871
6872@media (max-width: 768px) {
6873    .acendy-widgetgrid .grid-responsive-2-1 {
6874        display: flex;
6875        flex-wrap: wrap;
6876    }
6877    .acendy-widgetgrid .grid-responsive-2-1 .grid-item {
6878        display: block;
6879        width: 100%;
6880        flex: 0 0 100%;
6881        box-sizing: border-box;
6882    }
6883}
6884
6885</style>
6886
6887    
6888            
6888<script src="/users/alfafritid_mystore_no/templates/custom_javascript.js?v=1790478109" async></script>
6888
6889    
6890
6891<script>
6892function copyToClipboard(textToCopy) {
6893    var tempInput = document.createElement('input');
6894    tempInput.setAttribute('value', textToCopy);
6895    document.body.appendChild(tempInput);
6896
6897    tempInput.select();
6898    document.execCommand('copy');
6899
6900    document.body.removeChild(tempInput);
6901}
6902</script>
6902
6903
6904        <div x-cloak x-show="$store.search.open" @keyup.window.escape="$store.search.open = false">
6905        <div x-show="$store.search.open"
6906        x-transition:enter="transition ease-out duration-200"
6907        x-transition:enter-start="opacity-0"
6908        x-transition:enter-end="opacity-100"
6909        x-transition:leave="transition ease-in duration-150"
6910        x-transition:leave-start="opacity-100"
6911        x-transition:leave-end="opacity-0"
6912        class="fixed inset-0 bg-black/40 z-[80] md:hidden"
6913        @click="$store.search.open = false"
6914        x-cloak
6915    ></div>
6916
6917    <div id="open-search-modal"
6918        role="dialog" aria-modal="true" aria-label="Search" tabindex="-1"
6919        x-show="$store.search.open"
6920        x-transition:enter="transition ease-out duration-300"
6921        x-transition:enter-start="translate-y-full md:translate-y-0"
6922        x-transition:enter-end="translate-y-0"
6923        x-transition:leave="transition ease-in duration-200"
6924        x-transition:leave-start="translate-y-0"
6925        x-transition:leave-end="translate-y-full md:translate-y-0"
6926        class="fixed inset-x-0 bottom-0 z-[90] max-h-[85vh] rounded-t-2xl overflow-hidden shadow-xl flex flex-col md:inset-0 md:max-h-[none] md:rounded-none md:overflow-visible md:shadow-none"
6927        x-cloak
6928    >
6929        <div class="border-b border-gray-200 bg-white px-4 sm:px-6 lg:px-8 py-4">
6930    <div class="max-w-7xl mx-auto flex items-center justify-center relative">
6931                <div class="flex-1 max-w-md mr-2">
6932            <div class="relative">
6933                <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
6934                    <svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
6935                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
6936                    </svg>
6937                </div>
6938                                <label for="modal-search-input" class="sr-only">Søk</label>
6939                <template x-if="$store.search.open">
6940                    <input
6941                        type="text"
6942                        id="modal-search-input"
6943                        class="block w-full pl-10 pr-4 py-3 text-sm border border-gray-300 bg-white rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
6944                        placeholder="Search products..."
6945                        autocomplete="off"
6946                        x-init="() => {
6947                            if ($s('search').results?.length === 0 && $s('search').initial) {
6948                                                                    $s('search').search('');
6949                                                            }
6950                        }"
6951                        x-model.debounce.500ms="$store.search.keywords"
6952                        @keyup.enter="() => { if (!$store.search.keywords.trim() && $store.search.selectedFilters.length === 0) return; location.href = $store.search.buildSearchResultUrl('https://www.alfafritid.no/search_result'); }"
6953                    />
6954                </template>
6955                <button type="button" class="absolute text-xs top-3 right-3 text-gray-600 bg-gray-300 px-2 py-1 !rounded-md" @click="$store.search.initial = true; $store.search.keywords = ''; $store.search.search('');">Clear</button>
6956            </div>
6957        </div>
6958
6959                <button
6960            id="close-search-modal"
6961            class="flex right-0 items-center justify-center w-12 h-12 !rounded-md bg-gray-100 hover:bg-gray-200 transition-colors"
6962            @click="$store.search.open = false"
6963            aria-label="Close search"
6964        >
6965            <svg class="w-6 h-6 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
6966                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
6967            </svg>
6968        </button>
6969    </div>
6970</div>
6971
6972                <div class="flex-1 bg-gray-50 overflow-y-auto h-auto">
6973            <div class="max-w-7xl mx-auto py-6">
6974                                <div class="md:hidden mb-4 px-4" x-show="$store.search.appliableFilters.length > 0 && $store.search.results.length > 0">
6975                    <button type="button"
6976                        class="w-full inline-flex items-center gap-1.5 text-sm font-medium border border-gray-300 rounded-full px-4 py-1.5 text-gray-700"
6977                        @click="$store.search.filtersOpen = !$store.search.filtersOpen">
6978                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
6978<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4h18M6 9h12M9 14h6M11 19h2"/></svg>
6979                        Filter
6980                        <svg class="w-3 h-3 transition-transform" :class="{ 'rotate-180': $store.search.filtersOpen }" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
6981                    </button>
6982                </div>
6983
6984                                <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
6985                    <div class="order-2 md:order-1 col-span-1">
6986                        <div id="popular-categories" class="container mx-auto px-4 md:px-0">
6987    <div class="flex flex-col block gap-y-2">
6988        
6989        <div class="mb-4" x-show="$store.search.uniqueCategories.length > 0 && $store.search.keywords !== ''">
6990            <div x-data="{ open: window.innerWidth >= 768 }">
6991                <button type="button"
6992                    class="w-full flex items-center justify-between md:cursor-default"
6993                    @click="if (window.innerWidth < 768) open = !open">
6994                    <h3 class="text-lg font-bold border-b uppercase text-gray-900 mb-2 pb-2 flex-1 text-left">Kategorier</h3>
6995                    <svg class="w-4 h-4 ml-2 mb-2 transition-transform md:hidden" :class="{ 'rotate-180': open }" fill="none" stroke="currentColor" viewBox="0 0 24 24">
6996                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
6997                    </svg>
6998                </button>
6999                <div x-show="open" class="flex flex-col text-sm gap-y-2">
7000                                        <template x-for="category in $store.search.uniqueCategories" :key="category.id">
7001                                                <a :href="'/categories/' + category.slug" class="text-gray-900 hover:text-blue-600" x-text="category.name"></a>
7002                    </template>
7003                </div>
7004            </div>
7005        </div>
7006
7007                                <div class="mb-4" x-show="$store.search.appliableFilters.length > 0 && $store.search.results.length > 0">
7008                <div x-show="$store.search.filtersOpen"
7009                    x-transition:enter="transition ease-out duration-200"
7010                    x-transition:enter-start="opacity-0"
7011                    x-transition:enter-end="opacity-100"
7012                    x-transition:leave="transition ease-in duration-150"
7013                    x-transition:leave-start="opacity-100"
7014                    x-transition:leave-end="opacity-0"
7015                    class="fixed inset-0 bg-black/40 z-40 md:hidden"
7016                    @click="$store.search.filtersOpen = false"
7017                    x-cloak
7018                ></div>
7019
7020                <div x-show="$store.search.filtersOpen"
7021                    x-transition:enter="transition ease-out duration-300"
7022                    x-transition:enter-start="translate-y-full md:translate-x-0"
7023                    x-transition:enter-end="translate-y-0 md:translate-x-0"
7024                    x-transition:leave="transition ease-in duration-200"
7025                    x-transition:leave-start="translate-y-0 md:translate-x-0"
7026                    x-transition:leave-end="translate-y-full md:translate-x-0"
7027                    class="fixed md:!flex inset-x-0 bottom-0 z-50 md:z-auto max-h-[85vh] rounded-t-2xl bg-white shadow-xl flex flex-col md:relative md:inset-auto md:max-h-[none] md:rounded-none md:shadow-none md:bg-transparent"
7028                    x-cloak
7029                >
7030                    <div class="flex items-center justify-between md:hidden px-4 py-4 border-b shrink-0">
7031                        <button type="button" @click="$store.search.filtersOpen = false" class="text-gray-700 hover:text-gray-900">
7032                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
7033                        </button>
7034                        <h3 class="text-base font-bold uppercase tracking-wide text-gray-900">Filter</h3>
7035                        <button type="button"
7036                            class="text-sm text-gray-400 hover:text-gray-700"
7037                            :class="{ invisible: $store.search.selectedFilters.length === 0 }"
7038                            @click="$store.search.selectedFilters = []; $store.search.search($store.search._keywords);">
7039                            Fjern alt
7040                        </button>
7041                    </div>
7042
7043                    <div class="p-4 md:p-0 overflow-y-auto flex-1 md:overflow-visible">
7044                        <h3 class="hidden md:block text-lg font-bold border-b uppercase text-gray-900 mb-2 pb-2">Filter</h3>
7045                        <div class="flex flex-col text-sm gap-y-4">
7046                                                        <template x-for="option in $store.search.appliableFilters" :key="option.filtergroup_id !== undefined ? 'filtergroup-' + option.filtergroup_id : (option.option_type || 'filter') + '-' + option.option_id">
7047                                <div x-data="{
7048                                        expanded: false,
7049                                        sectionOpen: false,
7050                                        selMin: option.min, selMax: option.max,
7051                                        // Re-derives selMin/selMax from the active `price-` filter (if any), clamped to
7052                                        // the current option.min/option.max - or resets to the fresh full range otherwise.
7053                                        // Re-run via the $watch below whenever the server-computed bounds shift (they're
7054                                        // scoped to whatever other filters are active, so they change on every search),
7055                                        // since this component's DOM node is reused across searches (stable :key) and
7056                                        // x-init alone would only ever run once, leav
7056ing selMin/selMax stale.
7057                                        initPriceRange() {
7058                                            if (option.option_type !== 'price') return;
7059                                            const active = ($store.search.selectedFilters.find(f => f.startsWith('price-')) || '').split('-');
7060                                            if (active.length === 3) {
7061                                                this.selMin = Math.min(Math.max(parseInt(active[1]), option.min), option.max);
7062                                                this.selMax = Math.min(Math.max(parseInt(active[2]), option.min), option.max);
7063                                            } else {
7064                                                this.selMin = option.min;
7065                                                this.selMax = option.max;
7066                                            }
7067                                        },
7068                                        clampMin() { if (this.selMin > this.selMax) this.selMin = this.selMax; if (this.selMin < option.min) this.selMin = option.min; },
7069                                        clampMax() { if (this.selMax < this.selMin) this.selMax = this.selMin; if (this.selMax > option.max) this.selMax = option.max; },
7070                                        applyPriceFilter() { $store.search.setPriceFilter(this.selMin, this.selMax, option.min, option.max); },
7071                                        // Clamped defensively so the bar/handles can never render outside 0-100%, even
7072                                        // if selMin/selMax briefly lag behind a bounds change.
7073                                        get minPct() {
7074                                            if (option.max <= option.min) return 0;
7075                                            const clamped = Math.min(Math.max(this.selMin, option.min), option.max);
7076                                            return ((clamped - option.min) / (option.max - option.min)) * 100;
7077                                        },
7078                                        get maxPct() {
7079                                            if (option.max <= option.min) return 100;
7080                                            const clamped = Math.min(Math.max(this.selMax, option.min), option.max);
7081                                            return ((clamped - option.min) / (option.max - option.min)) * 100;
7082                                        }
7083                                     }"
7084                                     x-init="initPriceRange(); $watch(() => option.min + ':' + option.max, () => initPriceRange())">
7085                                    <button type="button" class="w-full flex items-center justify-between font-semibold text-gray-700 mb-1" @click="sectionOpen = !sectionOpen">
7086                                        <span x-text="option['option_name_' + $store.settings.settings.languages_code]"></span>
7087                                        <svg class="w-3 h-3 md:hidden transition-transform" :class="{ 'rotate-180': sectionOpen }" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
7088                                    </button>
7089                                    <div x-show="sectionOpen" class="md:!block" x-cloak>
7090                                        <template x-if="option.option_type === 'price'">
7091                                            <div>
7092                                                <div class="relative pt-4 pb-2 px-1">
7093                                                    <input type="range" :min="option.min" :max="option.max" step="1"
7094                                                        x-model.number="selMin" @input="clampMin()" @change="applyPriceFilter()"
7095                                                        class="__price-range absolute pointer-events-none appearance-none z-20 h-2 w-full m-0 opacity-0 cursor-pointer">
7096                                                    <input type="range" :min="option.min" :max="option.max" step="1"
7097                                                        x-model.number="selMax" @input
7097="clampMax()" @change="applyPriceFilter()"
7098                                                        class="__price-range absolute pointer-events-none appearance-none z-20 h-2 w-full m-0 opacity-0 cursor-pointer">
7099                                                    <div class="relative z-10 h-2">
7100                                                        <div class="absolute inset-0 rounded-md bg-gray-200"></div>
7101                                                        <div class="absolute z-20 top-0 bottom-0 rounded-md bg-gray-900" :style="'left:' + minPct + '%; right:' + (100 - maxPct) + '%'"></div>
7102                                                        <div class="absolute z-30 w-4 h-4 top-1/2 -mt-2 bg-gray-900 rounded-full" :style="'left: calc(' + minPct + '% - 8px)'"></div>
7103                                                        <div class="absolute z-30 w-4 h-4 top-1/2 -mt-2 bg-gray-900 rounded-full" :style="'left: calc(' + maxPct + '% - 8px)'"></div>
7104                                                    </div>
7105                                                </div>
7106                                                <div class="flex items-center justify-between gap-2 mt-2">
7107                                                    <input type="number" :min="option.min" :max="selMax" step="1"
7108                                                        x-model.number="selMin" @change="clampMin(); applyPriceFilter()"
7109                                                        class="w-20 border border-gray-300 rounded px-2 py-1 text-sm text-center">
7110                                                    <span class="text-gray-400">&ndash;</span>
7111                                                    <input type="number" :min="selMin" :max="option.max" step="1"
7112                                                        x-model.number="selMax" @change="clampMax(); applyPriceFilter()"
7113                                                        class="w-20 border border-gray-300 rounded px-2 py-1 text-sm text-center">
7114                                                </div>
7115                                            </div>
7116                                        </template>
7117
7118                                        <template x-if="option.option_type !== 'price'">
7119                                            <div>
7120                                                <div class="grid grid-cols-1 sm:grid-cols-2 gap-1">
7121                                                    <template x-for="(value, index) in option.values" :key="value.values ? value.values.map(sv => sv.value_id).join(',') : String(value.option_id ?? option.option_id) + '-' + value.value_id">
7122                                                        <label class="flex items-center gap-x-2 cursor-pointer text-gray-600 hover:text-gray-900" x-show="expanded || index < 5" x-cloak>
7123                                                            <input type="checkbox" class="rounded border-gray-300"
7124                                                                :value="$store.search.filterComboFor(option, value)"
7125                                                                x-model="$store.search.selectedFilters"
7126                                                                @change="$store.search.search($store.search._keywords)">
7127                                                            <span x-text="value['value_name_' + $store.settings.settings.languages_code]"></span>
7128                                                            <span class="text-xs font-light text-gray-400" x-show="value.doc_count !== undefined" x-text="'(' + value.doc_count + ')'"></span>
7129                                                        </label>
7130                                                    </template>
7131                                                </div>
7132                                                <button
7133                                                    x-show="option.values.length > 5"
7134                                                    @click="expanded = !expanded"
7135                                                    class="mt-1 text-xs text-gray-400 hover:text-gray-600 bg-transparent border-0 p-0 cursor-pointer"
7136                                                    x-text="expanded ? 'See less' : 'See all (' + option.values.length + ')'">
7137                                                </button>
7138                                            </div>
7139                                        </template>
7140                                    </div>
7141                                </div>
7142                            </template>
7143                        </div>
7144                    </div>
7145
7146                    <div class="md:hidden shrink-0 border-t p-4">
7147                        <button type="button" @click="$store.search.filtersOpen = false" class="w-full bg-gray-900 hover:bg-gray-800 text-white rounded-full py-3 font-semibold"
7148                            x-text="'Se produkter (:count)'.replace(':count', $store.search.results.length)">
7149                        </button>
7150                    </div>
7151                </div>
7152            </div>
7153        
7154        <div class="mb-4" x-show="$store.search.recentSearches.length > 0">
7155            <div x-data="{ open: window.innerWidth >= 768 }">
7156                <button type="button"
7157                    class="w-full flex items-center justify-between md:cursor-default"
7158                    @click="if (window.innerWidth < 768) open = !open">
7159                    <h3 class="text-lg font-bold border-b uppercase text-gray-900 mb-2 pb-2 flex-1 text-left">Recent Searches</h3>
7160                    <svg class="w-4 h-4 ml-2 mb-2 transition-transform md:hidden" :class="{ 'rotate-180': open }" fill="none" stroke="currentColor" viewBox="0 0 24 24">
7161                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
7162                    </svg>
7163                </button>
7164                <div x-show="open" id="recent-searches" class="flex flex-col text-sm gap-y-2">
7165                    <template x-for="keyword in $store.search.displayRecentSearches">
7166                        <span class="group cursor-pointer">
7167                            <span
7168                                class="text-gray-900 group-hover:text-blue-600"
7169                                x-text="keyword"
7170                                @click="() => {
7171                                    $store.search.searchKeyword(keyword);
7172                                    $nextTick(() => {
7173                                        document.getElementById('modal-search-input')?.focus();
7174                                    });
7175                                }">
7176                            </span>
7177                            <button @click.stop="$store.search.removeRecentSearch(keyword)" class="text-gray-400 hover:text-gray-600 opacity-0 group-hover:opacity-100 transition-opacity ml-1 text-xs" title="Remove">
7178                                ×
7179                            </button>
7180                        </span>
7181                    </template>
7182                    <span x-show="$store.search.hasMoreRecentSearches" class="cursor-pointer text-gray-900 group-hover:text-blue-600">...</span>
7183                </div>
7184            </div>
7185        </div>
7186    </div>
7187</div>
7188
7189<style>
7190    .__price-range::-webkit-slider-thumb {
7191        pointer-events: all;
7192        width: 16px;
7193        height: 16px;
7194        -webkit-appearance: none;
7195        opacity: 0;
7196    }
7197    .__price-range::-moz-range-thumb {
7198        pointer-events: all;
7199        width: 16px;
7200        height: 16px;
7201        opacity: 0;
7202        border: none;
7203    }
7204</style>
7205                    </div>
7206                    <div class="order-1 md:order-2 col-span-1 md:col-span-3">
7207                        <div id="search-results" class="container mx-auto px-4 md:px-0" x-show="$store.search.loading || $store.search.results.length > 0 || $store.search.outputHtml != ''">
7208    <h3 class="text-lg font-bold border-b uppercase text-gray-900 mb-2 pb-2 flex justify-between items-center">Search results
7209        <a :href="'https://www.alfafritid.no/search_result?keywords=' + $store.search.keywords" class="text-xs font-medium hover:underline">Se alt</a>
7210    </h3>
7211        <div id="search-loading" x-show="$store.search.loading" x-cloak>
7212    <div class="flex items-center justify-center py-8">
7213        <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"></div>
7214        <span class="ml-3 text-gray-600">Searching...</span>
7215    </div>
7216</div>
7217    <div class="" x-show="!$store.search.loading && (($store.search.results && $store.search.results.length > 0) || $store.search.outputHtml != '')">
7218        <template x-if="$store.search.useJson == true">
7219            <div class="grid grid-cols-2 gap-4" x-show="($store.search.results && $store.search.results.length > 0) || $store.search.outputHtml != ''">
7220                <template x-for="product in $store.search.results" :key="product.products_id || product.url">
7221                    <div x-data="{ selected_variant: {} }" class="relative group bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-200 overflow-hidden">
7222                        <a :href="product.url" class="block">
7223                            <div
7224                                class="relative aspect-square bg-gray-100"
7225                                :data-id="product.products_id"
7226                                :data-name="product.products_name"
7227                                :data-thumb="product.image_path"
7228                                :data-link="product.url"
7229                                :data-price="product.price.inc_vat"
7230                                :data-sale-price="product.special?.inc_vat"
7231                                x-ref="pid"
7232                            >
7233                                <div x-show="product.discount_percent" class="absolute top-2 left-2 bg-red-500 text-white text-xs font-medium px-2 py-1 rounded" x-text="'-' + product.discount_percent + '%'"></div>
7234                                <img :src="product.image_path || '/images/no_image.gif'" :alt="product.products_name" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-200" loading="lazy">
7235
7236                                <div class="absolute top-2 right-2">
7237                                    <button class="p-1" type="button" @click.prevent.stop="$store.wishlist.add( $refs.pid )" x-show="$store.wishlist.isNotFavorited( 'p' + product.products_id )">
7238                                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"/></svg>
7239                                    </button>
7240
7241                                    <button class="p-1" type="button" @click.prevent.stop="$store.wishlist.remove( 'p' + product.products_id )" x-show="$store.wishlist.isFavorited( 'p' + product.products_id )">
7242                                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></svg>
7243                                    </button>
7244                                </div>
7245
7246                                <template x-if="Object.keys(product.attributes).length > 0">
7247                                    <div class="flex flex-col gap-2 absolute bottom-0 left-0 w-full text-xs px-2">
7248                                        <template x-for="attribute in product.attributes">
7249                                            <ul class="w-full flex flex-wrap gap-2">
7250                                                <template x-for="option in attribute">
7251                                                    <li>
7252                                                        <button class="py-1 px-2 block border hover:bg-gray-100 rounded-sm" :class="{ 'bg-gray-100 shadow-md': selected_variant[option.option_id] === option.value_id }" x-text="option.value_name" @click.prevent="selected_variant[option.option_id] = option.value_id"></button>
7253                                                    </li>
7254                                                </template>
7255                                            </ul>
7256                                        </template>
7257                                    </div>
7258                                </template>
7259                            </div>
7260                            <div class="p-3">
7261                                <h3 class="font-medium text-sm text-gray-900 group-hover:text-blue-600 line-clamp-2 mb-2" x-text="product.products_name"></h3>
7262                                <div class="flex items-center gap-2">
7263                                    <template x-if="product.special?.inc_vat">
7264                                        <div class="flex items-center gap-2">
7265                                            <span class="font-semibold text-red-600" x-text="product.special?.inc_vat"></span>
7266                                            <span class="text-sm text-gray-400 line-through" x-text="product.price.inc_vat"></span>
7267                                        </div>
7268                                    </template>
7269                                    <template x-if="!product.special?.inc_vat">
7270                                        <span class="font-semibold text-gray-900" x-text="product.price.inc_vat"></span>
7271                                    </template>
7272                                </div>
7273                                <div x-show="product.rating" class="flex items-center mt-1">
7274                                    <div class="flex text-yellow-400">
7275                                        <template x-for="star in 5" :key="star">
7276                                            <svg class="w-3 h-3 fill-current" :class="star <= product.rating ? 'text-yellow-400' : 'text-gray-300'" viewBox="0 0 20 20">
7277                                                <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
7278                                            </svg>
7279                                        </template>
7280                                    </div>
7281                                    <span class="text-xs text-gray-500 ml-1" x-text="'(' + (product.review_count || 0) + ')'"></span>
7282                                </div>
7283                            </div>
7284                        </a>
7285
7286                                                <div class="px-3 pb-3" x-data="{ loading: false }" x-show="product.button_type === 'buy_now_button'">
7287                            <button
7288                                class="button button-default p-2 w-full block max-w-none text-xs text-center disabled:opacity-50"
7289                                :disabled="Object.keys(product.attributes).length != Object.keys(selected_variant).length"
7290                                @click.prevent="(async () => {
7291                                        loading = true;
7292                                        await $store.cart.addToCart({
7293                                            name: product.products_name,
7294                                            image: product.image_path,
7295                                            sku: product.sku || '',
7296                                            price: product.special?.inc_vat || product.price.inc_vat,
7297                                            original_price: product.price.inc_vat,
7298                                            url: product.url,
7299                                            brand: product.brand || '',
7300                                            category: '',
7301                                            variant: selected_variant,
7302                                            products_id: product.products_id,
7303                                            quantity: 1,
7304                                            redirect: true
7305                                        });
7306                                        loading = false;
7307                                    })()
7308                                ">
7309                                <span class="w-full flex items-center justify-center" x-show="loading">
7310                                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin fill-black" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
7311                                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
7312                                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
73121071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
7313                                    </svg>
7314                                </span>
7315                                <span class="flex gap-1 items-center justify-center" x-show="!loading">
7316                                    <span>Kjøp</span>
7317                                </span>
7318                            </button>
7319                        </div>
7320                    </div>
7321                </template>
7322            </div>
7323        </template>
7324
7325        <template x-if="$store.search.useJson === false">
7326            <div class="os-product-wrapper" x-html="$store.search.outputHtml"></div>
7327        </template>
7328    </div>
7329</div>
7330                        <div id="no-results"
7331    class="text-center py-12"
7332    x-cloak
7333    x-show="!$store.search.loading
7334        && $store.search.keywords !== ''
7335        && $store.search.results.length === 0
7336        && $store.search.outputHtml === ''">
7337    <svg class="mx-auto h-12 w-12 text-gray-300 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
7338        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
7339    </svg>
7340    <h3 class="text-lg font-medium text-gray-900 mb-2">No products found</h3>
7341    <p class="text-gray-500">Try adjusting your search terms or browse our categories.</p>
7342</div>
7343                    </div>
7344                </div>
7345            </div>
7346        </div>
7347    </div>
7348</div>
7349
7350        
7351                    
7351<script src="/templates/belgrade/dist/app.js?v=2023102601"></script>
7351
7352        
7353        
7354        
7355        
7356                
7357
7358        
7358<script>
7359            $s('events').dispatch('page_loaded');
7360
7361                    </script>
7361
7362
7363            </body>
7364    </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.