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 | Helårs padlebutikk | 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> </li><li> </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 </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 - å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> 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 - å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å nyhetsbrevet vårt og vær oppdatert med alle nyhetene våre 6304 fø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">–</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.