PageSourceSearch

https://www.dorothea.no/

html dorothea.no collected 2026-09-27 06:57:28 UTC 1,040,080 bytes, 18,031 lines download raw bytes

1<!DOCTYPE html>
2<html lang="no">
3    
4
5        
6    
7
8
9
10    <head>
11        <meta charset="UTF-8" />
12        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
13        <meta name="viewport" content="width=device-width, initial-scale=1.0">
14        <title>
15                            Dorothea.no - klær, interiør og møbler på nett
16                    </title>
17                 
18        <style>
19            [x-cloak] {
20                display: none !important;
21            }
22        </style>
23        <style>
24            *,: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}
24button,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;
24background-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}
24.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}
24.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}
24.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}
24.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))}
24.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}
24.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);
24--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}
24.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;
24background-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);
24--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);
24--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
24dow,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);
24--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}
24.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}
24.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
24dow)}}@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}
25        </style>
26        
26<script>
27            var verify_attributes = () => {};
28        </script>
28
29
30        
31    
31<script type="application/ld+json">
32    {
33        "@context": "https://schema.org",
34        "@type": "WebSite",
35        "name": "Dorothea.no",
36        "url": "https://www.dorothea.no",
37        "potentialAction": {
38            "@type": "SearchAction",
39            "target": "https://www.dorothea.no/search_result?keywords={query}",
40            "query-input": "required name=query"
41        },
42        "inLanguage": "no",
43        "description": "LocalBusiness",
44        "publisher": {
45            "@type": "Organization",
46            "name": "Dorothea.no",
47            "url": "https://www.dorothea.no",
48            "logo": "https://www.dorothea.no/users/dorothea_mystore_no/logo/Header06.01.165.png"
49        }
50    }
51    </script>
51
52
53    
53<script type="application/ld+json">
54    {
55        "@context": "https://schema.org",
56        "@type": "Organization",
57        "name": "Dorothea.no",
58        "url": "https://www.dorothea.no",
59        "logo": "https://www.dorothea.no/users/dorothea_mystore_no/logo/Header06.01.165.png",
60        "telephone": "966 20 544",
61        "contactPoint": {
62            "@type": "ContactPoint",
63            "telephone": "966 20 544",
64            "contactType": "NO",
65            "areaServed": "NO",
66            "availableLanguage": "no",
67            "url": "https://www.dorothea.no/contact_us"
68        },
69        "address": {
70            "@type": "PostalAddress",
71            "streetAddress": "Patterødveien 2",
72            "addressLocality": "1599 Moss",
73            "postalCode": "",
74            "addressCountry": "NO"
75        },
76        "sameAs": [""]
77    }
78    </script>
78
79
80            
80<script type="application/ld+json">
81            {
82                "@context": "https://schema.org",
83                "@type": "LocalBusiness",
84                "name": "Dorothea.no",
85                "image": "https://www.dorothea.no/users/dorothea_mystore_no/logo/Header06.01.165.png",
86                "address": {
87                    "@type": "PostalAddress",
88                    "streetAddress": "Patterødveien 2",
89                    "addressLocality": "1599 Moss",
90                    "addressRegion": "NO",
91                    "postalCode": "",
92                    "addressCountry": "NO"
93                },
94                "url": "https://www.dorothea.no",
95                "telephone": "966 20 544",
96                "openingHours": "",
97                "priceRange": "",
98                "sameAs": [""]
99            }
100        </script>
100
101            
102    <meta property="og:title" content="Dorothea.no - klær, interiør og møbler på nett" />
103    <meta property="og:description" content="dorothea interiør klær møbler" />
104    <meta property="og:type" content="website" />
105    <meta property="og:url" content="https://www.dorothea.no" />
106    <meta property="og:image" content="https://www.dorothea.no/users/dorothea_mystore_no/logo/Header06.01.165.png" />
107    <meta property="og:site_name" content="Dorothea.no" />
108            <meta name="google-site-verification" content="ue2tHgVsJ9nfMztQ7nzaghxl7IVdbK49cKzJNOe1lL8">
109
110
111
112
113
114    <link rel="canonical" href="https://www.dorothea.no">
115
116                        <link rel="alternate" href="https://www.dorothea.no" hreflang="no" />
117                <link rel="alternate" href="https://www.dorothea.no" hreflang="x-default" />
118
119<meta name="description" content="dorothea interiør klær møbler">
120
121
122    <meta name="csrf-token" content="4_AnWNvB8QJatOg2nYJnUqorD1IOL0nraA535dTZqk" />
123
124
125<base href="//www.dorothea.no">
126
127
128
129    <style>
130    @font-face {
131        font-family: 'Roboto';
132        font-weight: normal;
133        font-style: normal;
134        src: url("/fonts/Roboto/Roboto-Regular.ttf");
135    }
136
137    @font-face {
138        font-family: 'Roboto';
139        font-weight: 200;
140        font-style: normal;
141        src: url("/fonts/Roboto/Roboto-Light.ttf");
142    }
143
144    @font-face {
145        font-family: 'Roboto';
146        font-weight: bold;
147        font-style: normal;
148        src: url("/fonts/Roboto/Roboto-Bold.ttf");
149    }
150
151    .consent_modal_container {
152        display: flex;
153        flex-direction: column;
154    }
155
156    .consent_modal_switch_block {
157        padding-left: 1.5em !important;
158        padding-right: 1.5em !important;
159        max-width: 43.5em !important;
160    }
161
162    .p0 {
163        padding: 0;
164    }
165
166    .consent_small_container,
167    .consent_container {}
168
169    .consent_small_container_left {
170        bottom: 0;
171        margin-left: 3em;
172
173    }
174
175    .consent_small_container_right {
176        bottom: 0;
177        right: 0;
178        margin-right: 3em;
179    }
180
181    .consent_small_container {
182        font-family: 'Roboto', sans-serif !important;
183        width: 100% !important;
184        max-width: 440px !important;
185        background-color: white !important;
186        box-shadow: 1px 0 12px rgba(0, 0, 0, 0.24) !important;
187        position: fixed !important;
188        z-index: 2147483645 !important;
189        border-radius: 10px !important;
190        line-height: 1.42857 !important;
191        margin-bottom: 2em !important;
192    }
193
194    .consent_small_button {
195        background-color: #026B85 !important;
196        border: none !important;
197        color: #FFF !important;
198        font-weight: 300 !important;
199        cursor: pointer;
200    }
201
202    .consent_small_content {
203        padding: 2em 2em !important;
204        display: flex;
205        flex-direction: column;
206        row-gap: 20px;
207    }
208
209    .consent_small_header {
210        display: flex !important;
211        justify-content: space-between !important;
212        align-items: center;
213    }
214
215    .consent_small_header .consent_mystore_logo img {
216        max-width: 8.7em !important;
217        max-height: 2.5em !important;
218    }
219
220    .consent_small_title {
221        display: flex;
222        font-size: 22px;
223        line-height: normal;
224        column-gap: 4px;
225        font-family: 'ubuntu';
226        align-items: center;
227        flex-wrap: wrap;
228
229    }
230
231    .consent_small_title svg {
232        width: 24px;
233        height: 24px;
234    }
235
236    .consent_small_exit {
237        display: none;
238    }
239
240    .consent_small_description {
241        font-size: 16px;
242        line-height: normal;
243        font-family: 'roboto';
244    }
245
246    .consent_small_buttonrow {
247        width: 100%;
248        display: flex !important;
249        flex-direction: row !important;
250        justify-content: space-between !important;
251    }
252
253    .consent_small_buttonrow button {
254        background-color: #026B85;
255        border: none;
256        color: #FFF !important;
257        font-weight: 400 !important;
258        font-size: 16px;
259    }
260
261    .consent_small_buttonrow .consent_small_button {
262        padding: 10px 12px;
263        border-radius: 4px !important;
264        cursor: pointer;
265        width: 47.5% !important;
266        max-width: 13.6em !important;
267    }
268
269    .consent_small_url {
270        order: 1;
271    }
272
273    .consent_vertical_separator {
274        display: none;
275    }
276
277    .consent_modal_button_row {
278        display: flex;
279        column-gap: 10px;
280        padding-bottom: 10px;
281        padding-top: 10px;
282    }
283
284    .consent_no_select {
285        opacity: 50%;
286    }
287
288    @media (max-width: 576px) {
289        .consent_small_container {
290            margin-left: 0 !important;
291            margin-right: 0 !important;
292        }
293
294        .consent_modal_button_needed {
295            position: fixed;
296            bottom: 0;
297            background-color: #FFF;
298            margin-bottom: 0;
299            padding-top: 2em;
300
301            box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
302            width: 100vw;
303            left: 0;
304        }
305
306        .consent_modal_button_needed .consent_button {
307            width: 70%;
308        }
309    }
310
311    @media (min-width: 767px) {
312        .consent_vertical_separator {
313            height: 100%;
314            width: 1px;
315            background-color: #E9E9E9;
316            margin-right: 1em;
317            display: block;
318        }
319
320        .consent_small_header {
321            align-items: center;
322        }
323
324        .consent_small_exit {
325            display: block;
326            font-size: 2.3em !important;
327            cursor: pointer;
328        }
329
330        .consent_small_exit:after {
331            display: inline-block;
332            content: "\00d7";
333        }
334
335        .consent_small_buttonrow {
336            align-items: center;
337            justify-content: space-around;
338        }
339
340        .consent_small_url {
341            order: 0;
342            margin-right: 0;
343        }
344    }
345
346    .consent_modal {
347        line-height: 1.42857 !important;
348        background-color: rgba(0, 0, 0, 0.4);
349        align-items: center;
350
351        font-family: 'Roboto', sans-serif !important;
352        font-size: 10px !important;
353        display: none;
354        position: fixed !important;
355        top: 0 !important;
356        left: 0 !important;
357        z-index: 2147483645 !important;
358        width: 100% !important;
359        height: 100% !important;
360    }
361
362    .consent_modal_content {
363        background-color: #fefefe !important;
364        padding: 1em 1em;
365        border-radius: 1% !important;
366        width: 80%;
367        min-width: 345px;
368        max-width: 430px;
369        margin: auto;
370        height: fit-content;
371    }
372
373    .consent_modal_body {
374        padding: 0;
375        overflow-y: scroll;
376        display: flex;
377        flex-direction: column;
378        row-gap: 10px;
379    }
380
381    .consent_modal_body .consent_confirm_button {
382        width: auto;
383    }
384
385    .consent_modal_save_container {
386        background-color: #fff;
387        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
388        display: flex;
389        justify-content: center;
390        padding: 1em 0;
391        position: fixed;
392        bottom: 0;
393        left: 0;
394        width: 100%;
395    }
396
397    .consent_modal_body div img {}
398
399    .consent_modal_title {
400        font-weight: 500;
401        font-size: 22px;
402        display: flex;
403        width: 100%;
404        column-gap: 4px;
405        align-items: center;
406        font-family: 'ubuntu';
407    }
408
409    .consent_modal_title svg {
410        width: 24px;
411        height: 24px;
412    }
413
414    .consent_button {
415        border-radius: 4px !important;
416        font-size: 1.4em !important;
417        cursor: pointer !important;
418        padding: 10px 12px;
419        background-color: #026B85;
420        color: #FFF;
421        border: none;
422        font-weight: 400;
423    }
424
425
426    .consent_modal_button_row button {
427        padding: 13px 0;
428    }
429
430    .consent_button_accept {
431        background-color: #026B85 !important;
432        border: none !important;
433        color: #FFF !important;
434    }
435
436    .consent_button_save {
437        border: 1px solid #CCC;
438        margin: 0 1em;
439        cursor: pointer;
440    }
441
442    .consent_mystore_modal_logo {
443        display: flex;
444        flex-direction: column;
445        row-gap: 2px;
446        align-items: flex-end;
447    }
448
449    .consent_mystore_modal_logo span {
450        font-size: 6px;
451        text-align: right;
452    }
453
454    .consent_mystore_modal_logo img {
455        max-height: 17px;
456    }
457
458
459
460    .consent_mystore_logo {
461        display: flex;
462        align-items: center;
463        flex-direction: column;
464        font-size: 6px;
465    }
466
467    .consent_modal .consent_mystore_logo {
468        height: 2.5em !important;
469    }
470
471    .consent_modal_read_more a,
472    .consent_google_privacy_link a {
473        color: #409AEF !important;
474        text-decoration: none !important;
475    }
476
477    .consent_modal_disclaimer {
478        margin-bottom: 1em;
479    }
480
481    .consent_google_privacy_link {}
482
483    .consent_small_container .consent_google_privacy_link {
484        margin-top: 0.8em;
485    }
486
487    .consent_left .consent_google_privacy_link {
488        margin-left: 0.5em;
489        margin-right: 3em;
490    }
491
492    .consent_mobile_disclaimer {
493        font-size: 1.4em !important;
494        display: flex;
495        column-gap: 24px;
496    }
497
498    .consent_left {
499        justify-content: flex-start;
500        flex: 1 0 0;
501    }
502
503    .consent_modal_switch_parent {
504        display: flex;
505        column-gap: 4px;
506        justify-content: space-between;
507    }
508
509    .consent_mystore_logo_container {
510        display: flex;
511        justify-content: flex-end;
512        border-top: 1px solid #F2F2F2;
513        padding: 10px 0;
514    }
515
516    .consent_modal_header {
517        display: flex !important;
518        flex-direction: row !important;
519        justify-content: space-between !important;
520    }
521
522    .consent_confirm_button {
523        background-color: #026B85;
524        color: #FFF;
525        border: none;
526        border-width: 1px;
527        width: 100%;
528        border-radius: 0.25rem;
529        padding: 0.5rem;
530        font-size: 1rem;
531        font-family: 'ubuntu';
532
533    }
534
535    @media (min-width: 575px) {
536        .consent_modal_switch_parent {
537            margin-bottom: 0em;
538        }
539
540        .consent_button_save {
541            border: 1px solid #CCC;
542            margin: 0;
543        }
544
545        .consent_modal {
546            display: none;
547            background-color: rgba(0, 0, 0, 0.4);
548            position: fixed !important;
549            top: 0 !important;
550            left: 0 !important;
551            width: 100% !important;
552            height: 100% !important;
553            overflow: auto !important;
554        }
555
556        .consent_modal_content {
557            background-color: #fefefe !important;
558            margin: 3% auto;
559            padding: 10px 20px;
560            border-radius: 1% !important;
561            height: fit-content;
562        }
563
564        .consent_modal_header {
565            /* display: flex;
566        flex-direction: row;
567        justify-content: space-between; */
568        }
569
570        .consent_modal_body {
571            padding-bottom: 0;
572
573            height: auto;
574            overflow: hidden;
575        }
576
577        .consent_modal_save_container {
578            box-shadow: none;
579            display: flex;
580            justify-content: center;
581            position: initial;
582            padding: 0;
583        }
584    }
585
586    .consent_container {
587        line-height: 1.42857 !important;
588        font-family: 'Roboto', sans-serif !important;
589        background-color: white !important;
590        box-shadow: 0px 0 10px rgba(0, 0, 0, 0.25) !important;
591        border-top: 2px solid #EEE !important;
592        position: fixed !important;
593        bottom: 0 !important;
594        width: 100% !important;
595        font-size: 10px !important;
596        padding: 2em 2em !important;
597        z-index: 2147483645 !important;
598        /* height: auto !important; */
599    }
600
601    .consent_url {
602        margin-right: 6em;
603        width: 100%;
604    }
605
606    .consent_modal_switch input:checked+.slider:before {
607        -webkit-transform: translateX(24px);
608        -ms-transform: translateX(24px);
609        transform: translateX(24px);
610    }
611
612    .consent_right {
613        display: flex;
614        justify-content: space-between;
615        height: 100%;
616        column-gap: 20px;
617    }
618
619    .consent_right_container {
620        display: flex;
621        flex-direction: column;
622        row-gap: 20px;
623    }
624
625    .consent_readmore_text {
626        text-align: center;
627        color: #409AEF;
628        font-family: 'ubuntu';
629        font-size: 14px;
630        cursor: pointer;
631    }
632
633    .consent_button_container {
634        display: flex;
635        justify-content: center;
636    }
637
638    @media (min-width: 1200px) {
639        .consent_right_container {
640            flex-direction: row-reverse;
641            column-gap: 20px;
642        }
643
644        .consent_readmore_text {
645            align-self: center;
646        }
647    }
648
649    @media (max-width: 991px) {
650        .consent_url {
651            margin-right: 3em;
652        }
653    }
654
655    @media (max-width: 767px) {
656        .consent_modal_switch input:checked+.slider:before {}
657    }
658
659    /* Up to md screens */
660    @media (max-width: 767px) {
661        .consent_vertical_separator {
662            height: 100%;
663            width: 1px;
664            background-color: #E9E9E9;
665            margin-right: 1em;
666        }
667
668        .consent_modal_switch {
669            min-width: 46px;
670            max-width: 46px !important;
671            /* Hack for america themes...*/
672        }
673
674        .consent_content {
675            padding-left: 0;
676            padding-right: 0;
677        }
678
679        .consent_url {
680            color: #333;
681            text-decoration: none;
682            font-weight: 400;
683            margin: 1em 0;
684            order: 1;
685        }
686
687        .consent_url div {
688            background-color: lightgray;
689            border-radius: 4px;
690            padding: 1em 0em;
691            text-align: center;
692        }
693
694        .consent_left,
695        .consent_right {
696            padding-left: 0;
697            padding-right: 0;
698        }
699
700        .consent_left {
701            display: flex;
702            flex-direction: column;
703            text-align: center;
704        }
705
706        .consent_left .consent_google_privacy_link {
707            margin: 0.5em 0 0 0;
708        }
709
710        .consent_left .consent_mobile_title {
711            display: flex !important;
712            flex-direction: column-reverse !important;
713            flex-wrap: wrap;
714            justify-content: center !important;
715            margin-bottom: 1em !important;
716        }
717
718        .consent_left .consent_mobile_title span {
719            padding-top: 0 !important;
720        }
721
722        .consent_mystore_logo {
723            justify-content: center;
724        }
725    }
726
727    .consent_mobile_title {
728        font-weight: bold !important;
729        font-size: 1.6em !important;
730        margin-bottom: 2em !important;
731
732        display: flex;
733        justify-content: space-between !important;
734        flex-direction: row !important;
735    }
736
737    .consent_mobile_title .consent_mystore_logo img {}
738
739    .consent_mobile_title span {
740        padding-top: 2em !important;
741    }
742
743    .consent_modal_action_container {
744        display: none;
745    }
746
747    .consent_modal_action_button {
748        background-color: #0B75CB;
749        border: 1px solid #0B75CB;
750        border-radius: 37px;
751        color: #FFF;
752        font-size: 1.4em !important;
753        padding: 0.5em 1em;
754    }
755
756    .consent_modal_action_button_container {
757        align-items: center;
758        display: flex;
759        font-family: 'Roboto', sans-serif !important;
760        font-size: 10px !important;
761        justify-content: space-between;
762        flex-direction: column;
763        margin-bottom: 2em;
764    }
765
766    @media (min-width: 576px) {
767        .consent_modal_action_button_container {
768            flex-direction: row;
769            margin-bottom: 0;
770        }
771
772        .consent_modal_button_needed {
773            margin-bottom: 0;
774        }
775    }
776
777    .consent_content {
778        display: flex;
779        flex-direction: row;
780        justify-content: space-between;
781    }
782
783    /* md and up screens */
784    @media (min-width: 768px) {
785        .consent_mobile_title {
786            display: none;
787        }
788
789        .consent_mystore_logo {
790            text-align: right;
791            width: auto !important;
792            height: auto !important;
793        }
794
795        .consent_vertical_separator {
796            height: 5em !important;
797        }
798
799        .consent_right .consent_button_container:nth-of-type(2) {
800            margin-bottom: 0;
801        }
802
803        .consent_right img {
804            width: 17px;
805            height: 17px;
806            display: block;
807        }
808
809        .consent_url {
810            width: auto;
811        }
812
813        .consent_button_container {
814            width: auto;
815
816            max-width: 17em !important;
817        }
818
819        .consent_left {
820            justify-content: flex-start;
821        }
822
823        .consent_left,
824        .consent_right {
825            display: flex;
826            align-items: center;
827        }
828
829
830        .consent_right div:not(:last-child) {}
831
832
833        .consent_button_limited_width {
834            width: 100% !important;
835        }
836
837        .consent_modal_content {}
838
839        .consent_modal_button_row button {
840            max-width: 31em !important;
841        }
842    }
843
844    .consent_logo_in_disclaimer {
845        display: none;
846    }
847
848    .consent_content {
849        align-items: center;
850        height: 100%;
851        column-gap: 24px;
852        flex-direction: row;
853        row-gap: 24px;
854    }
855
856    @media (max-width: 650px) {
857        .consent_logo_in_disclaimer {
858            display: flex;
859            width: 20%;
860        }
861
862        .consent_mobile_disclaimer>span:first-child {
863            width: 80%;
864            text-align: left;
865        }
866
867        .consent_right {
868            column-gap: 20px;
869            align-self: stretch;
870        }
871
872        .consent_right .consent_mystore_logo {
873            display: none;
874        }
875
876        .consent_content {
877            flex-direction: column;
878        }
879
880        .consent_right_container {
881            align-self: stretch;
882        }
883
884        .consent_button_container {
885            flex: 1 0 0;
886        }
887
888        .consent_button_container button {
889            width: 100%;
890        }
891    }
892
893
894    /* up to xl */
895    @media (min-width: 768px) and (max-width: 1200px) {
896        .consent_modal_content {}
897    }
898
899
900    .consent_modal_description {
901        margin-top: 1em !important;
902    }
903
904    .consent_modal_info_container {
905        display: flex;
906        flex-direction: column;
907        row-gap: 10px;
908        font-size: 1.4em !important;
909
910    }
911
912    .consent_modal_button_row button {
913        width: 100%;
914    }
915
916    .consent_modal_button_row button:first-of-type {}
917
918    .consent_modal_button_row .consent_allow_all {
919        background-color: #026B85 !important;
920        color: #FFF !important;
921        border: none !important;
922        font-weight: 700;
923
924    }
925
926    .consent_modal_button_row .consent_needed_only {
927        background-color: #FFF !important;
928        border: 1px solid #CCC !important;
929        border-radius: 4px;
930        color: #262626;
931    }
932
933    .consent_modal_switch {
934        position: relative;
935        display: inline-block;
936        width: 48px;
937        max-width: 48px;
938        height: 24px;
939        margin-bottom: 0;
940    }
941
942
943    .consent_necessary_opacity {
944        opacity: 50%;
945    }
946
947    .consent_modal_switch .slider {
948        position: absolute;
949        cursor: pointer;
950        top: 0;
951        left: 0;
952        right: 0;
953        bottom: 0;
954        background-color: #ccc;
955        -webkit-transition: .4s;
956        transition: .4s;
957        border-radius: 26px;
958        width: 48px;
959    }
960
961    .consent_modal_switch input:disabled+.slider {
962        opacity: 0.5;
963    }
964
965    .consent_modal_switch input:checked+.slider {
966        background-color: #026B85;
967    }
968
969    .consent_modal_switch input:focus+.slider {
970        box-shadow: 0 0 1px #026B85;
971    }
972
973    .consent_modal_switch .slider:before {
974        position: absolute;
975        content: "";
976        height: 20px;
977        width: 20px;
978        left: 2px;
979        bottom: 1px;
980        background-color: white;
981        -webkit-transition: .4s;
982        transition: .4s;
983        border-radius: 12px;
984        top: 2px;
985    }
986
987    .consent_modal_switch input {
988        height: 100%;
989        width: 100%;
990    }
991
992    .consent_modal_switch_container {
993        display: flex;
994        flex-direction: column;
995        row-gap: 4px;
996        align-items: center;
997        margin-bottom: 0;
998        background-color: #F2F2F2;
999        padding: 14px 0;
1000        border-radius: 4px;
1001        flex-grow: 1;
1002        justify-content: center;
1003        font-size: 12px;
1004    }
1005
1006    .consent_modal_cookie_title {
1007        font-weight: normal;
1008        font-size: 1.6em !important;
1009        color: black !important
1010    }
1011
1012    .consent_modal_cookie_body {
1013        font-size: 1.4em !important
1014    }
1015
1016    .consent_modal_action_container .consent_modal_action_button img {
1017        max-width: 19px !important;
1018        max-height: 20px !important;
1019    }
1020
1021    .consent_modal_action_container {
1022        cursor: pointer !important;
1023    }
1024
1025    .consent_modal_action_container button {
1026        cursor: pointer !important;
1027    }
1028</style>
1029
1030
1031        
1031<script>
1032        var params = {
1033            load_fancybox:'1',
1034            is_checkout:'0',
1035            defaultLang: 'no',
1036            langCode: 'no'
1037        };
1038    </script>
1038
1039
1040
1041
1042    <link rel="shortcut icon" type="image/x-icon" href="/users/dorothea_mystore_no/logo/favicon0.ico">
1043
1044
1045
1046                    
1046<script async src="https://www.googletagmanager.com/gtag/js?id=971570554"></script>
1046
1047    
1048<script>
1049    let anonip = 'false';
1050
1051    
1052        window.dataLayer = window.dataLayer || [];
1053        function gtag(){dataLayer.push(arguments);}
1054    
1055
1056    gtag('js', new Date());
1057
1058            gtag('consent', 'default', {
1059            'ad_storage': 'denied',
1060            'analytics_storage': 'denied',
1061            'ad_user_data': 'denied',
1062            'ad_personalization': 'denied',
1063            'wait_for_update' : 500
1064        });
1065
1066            </script>
1066
1067
1068                
1068<script>
1069            gtag('config', '971570554', {
1070                anonymize_ip: anonip === 'true' ? true : false,
1071                
1072            });
1073        </script>
1073
1074    
1075
1076<script type="text/javascript">
1077    
1078        
1079    
1080</script>
1080
1081        <!-- Google Tag Manager -->
1082                        
1082<script>
vendor: 337 bytes, lines 1082-1086
1082(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1083    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1084    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1085    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1086    })(window,document,'script','dataLayer','
1086GTM-MWM7WDF7
vendor: 3 bytes, line 1086
1086');
1086</script>
1086
1087        <!-- End Google Tag Manager -->
1088
1089        <!-- Facebook Pixel Code -->
1090    
1090<script>
1091        
1092            !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','//connect.facebook.net/en_US/fbevents.js');
1093                // Insert Your Facebook Pixel ID below.
1094        
1095
1096                                    fbq('consent', 'revoke');
1097                    
1098        window.mystoreFbq = {
1099            map: {"productId":"","optionIds":[],"variants":{}},
1100
1101            idFromValues: function (values, productId) {
1102                var id = String(productId || values.products_id || '');
1103
1104                if (!this.map.productId || id !== this.map.productId) {
1105                    return id;
1106                }
1107
1108                var pairs = [];
1109
1110                this.map.optionIds.forEach(function (optionId) {
1111                    var valueId = values['id[' + optionId + ']'];
1112
1113                    if (valueId) {
1114                        pairs.push(optionId + '-' + valueId);
1115                    }
1116                });
1117
1118                return this.map.variants[pairs.join(',')] || id;
1119            },
1120
1121            idFromForm: function (form) {
1122                var values = {};
1123
1124                if (form) {
1125                    new FormData(form).forEach(function (value, key) {
1126                        values[key] = value;
1127                    });
1128                }
1129
1130                return this.idFromValues(values, values.products_id);
1131            }
1132        };
1133
1134        fbq('init', '240644903340126&#8203;');
1135        fbq('track', 'PageView');
1136
1137            </script>
1137
1138
1139    <!-- Insert Your Facebook Pixel ID below. -->
1140    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=240644903340126%26%238203%3B&amp;ev=PageView&amp;noscript=1" /></noscript>
1141    <!-- End Facebook Pixel Code -->
1142    
1143
1144    
1145<script>
1146    window.setGACookie = (cookieName, data, ttl = '1') => {
1147        const version = '1.1.0';
1148        data.unshift(version);
1149
1150        // GAConsents hardcoded index positions. 2 = analytics 3 = marketing
1151        let analyticsState = data[2] == '1' ? 'granted' : 'denied'
1152        let adState = data[3] == '1' ? 'granted' : 'denied'
1153        let adUserData = data[4] == '1' ? 'granted' : 'denied'
1154        let adPersonalization = data[5] == '1' ? 'granted' : 'denied'
1155
1156        let GAConsents = {
1157            ad_storage: adState,
1158            analytics_storage: analyticsState,
1159            ad_user_data: adUserData,
1160            ad_personalization: adPersonalization,
1161        };
1162
1163        // TCC-3244
1164        if (!adState) {
1165            gtag('set', 'ads_data_redaction', true);
1166        }
1167
1168        window.setGAConsents(GAConsents);
1169        let requestData = data.join();
1170
1171        $s('consent').setCookie(requestData, ttl);
1172    }
1173
1174    window.setGAConsents = (consents) => {
1175        if (consents) {
1176            gtag('consent', 'update', {
1177                'ad_storage': consents['ad_storage'],
1178                'analytics_storage': consents['analytics_storage'],
1179                'ad_user_data': consents['ad_user_data'],
1180                'ad_personalization': consents['ad_personalization'],
1181            });
1182
1183            // TCC-3243
1184            gtag('set', 'url_passthrough', true);
1185
1186                            fbq('consent', consents['ad_storage'] === 'granted' ? 'grant' : 'revoke');
1187            
1188                    }
1189    }
1190</script>
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203    
1204<script>(function(){var s=document.createElement('script');s.id='mnm-widget';s.type='text/javascript';s.async=!0;s.setAttribute('data-params','{"config":"b6abe8d2-6150-4d12-a147-90ae107afce3.json"}');s.src='https://d8g8olsgmw166.cloudfront.net/widget.v4.min.gz.js';document.getElementsByTagName('head')[0].appendChild(s)})();</script>
1204
1205
1206
1207
1208        
1209        
1210
1211                    
1212
1213    <link href="/templates/belgrade/assets/fonts/Lato/Lato.css" rel="preload" as="style" />
1214    <link href="/templates/belgrade/assets/fonts/Lato/Lato.css" rel="stylesheet" />
1215
1216        
1217        
1218            </head>
1219
1220    <body
1221        x-data
1222        class="index-page fake-body overflow-x-hidden"
1223        :class="{
1224            'dark': $store.settings.settings.darkMode,
1225            'overflow-hidden': $store.search.open || $store.cart.settings.open || $store.wishlist.settings.open || $store.settings.settings.mobileMenuOpen
1226        }"
1227        >
1228        
1229        
1230        
1231
1232<div id="global-settings-preview">
1233    
1234    <style>
1235        :root {
1236            --body-color: #ffffffff;
1237            --text-color: #000;
1238            --link-color: #d67576ff;
1239            --link-color-hover: #737373ff;
1240            --link-background-color: #000;
1241
1242            --active-link-background-color: #fff;
1243            --active-link-color: #000;
1244
1245            --primary-color: #7c4730ff;
1246            --primary-text-color: #fff;
1247            --primary-color-hover: #7c4730ff;
1248            --primary-text-color-hover: #fff;
1249
1250            --secondary-color: #866c64ff;
1251            --secondary-text-color: #fff;
1252            --secondary-color-hover: #f0d7d0ff;
1253            --secondary-text-color-hover: #fff;
1254
1255            --success-color: #d67576ff;
1256            --success-text-color: #fff;
1257            --success-color-hover: #d67576ff;
1258            --success-text-color-hover: #fff;
1259
1260            --warning-color: #d67576ff;
1261            --warning-text-color: #fff;
1262            --warning-color-hover: #d67576ff;
1263            --warning-text-color-hover: #fff;
1264
1265            --info-color: #d67576ff;
1266            --info-text-color: #fff;
1267            --info-color-hover: #d67576ff;
1268
1269            --error-color: #d67576ff;
1270            --error-text-color: #fff;
1271            --error-color-hover: #d67576ff;
1272            --error-text-color-hover: #fff;
1273
1274            --tag-custom-ribbon-background: #000000;
1275            --tag-custom-ribbon-text: #fff;
1276
1277            --tag-discount-ribbon-background: #000000ff;
1278            --tag-discount-ribbon-text: #fff;
1279
1280            --tag-new-ribbon-background: #aa5f5fff;
1281            --tag-new-ribbon-text: #fff;
1282
1283            --account-section-background: #ffffffff;
1284            --section-background: #ffffffff;
1285
1286            --header-background-color: #ffffffff;
1287            --header-text-color: #000000;
1288            --menu-dropdown-background-color: #f9f9f9;
1289            --menu-dropdown-text-color: #1b1b1b;
1290
1291            --footer-background-color: #1b1b1b;
1292            --footer-text-color: #f8f5ebff;
1293
1294            --radius-xs: 0.125rem;
1295            --radius-sm: 0.25rem;
1296            --radius-md: 0.375rem;
1297            --radius-lg: 0.5rem;
1298            --radius-xl: 0.75rem;
1299            --radius-2xl: 1rem;
1300            --radius-3xl: 1.5rem;
1301            --radius-full: 9999px;
1302            --radius-none: 0;
1303        }
1304
1305        body {
1306            background-color: var(--body-color);
1307            color: var(--text-color);
1308            fill: var(--text-color);
1309                        font-family: "Lato", sans-serif;
1310            font-display: swap;
1311                    }
1312
1313        .container {
1314                    max-width: 1280px !important;
1315                }
1316
1317        
1318                    h1,
1319            h2,
1320            h3,
1321            h4,
1322            h5,
1323            h6 {
1324                font-family: "Lato", sans-serif;
1325                font-display: swap;
1326            }
1327
1328        
1329        h1 {
1330            font-size: 1.8rem;
1331            font-weight: bold;
1332        }
1333
1334        h2 {
1335            font-size: 1.5rem;
1336            font-weight: bold;
1337        }
1338
1339        h3 {
1340            font-size: 1.3rem;
1341            font-weight: bold;
1342        }
1343
1344        h4 {
1345            font-size: 1.1rem;
1346            font-weight: bold;
1347        }
1348
1349        .editorcontent a:hover {
1350            color: var(--link-color-hover);
1351        }
1352
1353        /* Product page and product box ribbons/tags */
1354        .custom_ribbon {
1355            background-color: var(--tag-custom-ribbon-background);
1356            color: var(--tag-custom-ribbon-text);
1357        }
1358
1359        .discount_ribbon {
1360            background-color: var(--tag-discount-ribbon-background);
1361            color: var(--tag-discount-ribbon-text);
1362        }
1363
1364        .new_ribbon {
1365            background-color: var(--tag-new-ribbon-background);
1366            color: var(--tag-new-ribbon-text);
1367        }
1368
1369        /* Buttons general */
1370        .button-default {
1371            color: #000;
1372            fill: #000;
1373            background-color: #f4f4f5;
1374            border-color: #f4f4f5
1375        }
1376
1377        .button-primary {
1378            color: var(--primary-text-color) !important;
1379            fill: var(--primary-text-color) !important;
1380            background-color: var(--primary-color) !important;
1381            border-color: var(--primary-text-color) !important;
1382        }
1383
1384        .button-primary:hover {
1385            color: var(--primary-text-color-hover) !important;
1386            fill: var(--primary-text-color-hover) !important;
1387            background-color: var(--primary-color-hover) !important;
1388            border-color: var(--primary-text-color-hover) !important;
1389        }
1390
1391        .button-secondary {
1392            color: var(--secondary-text-color) !important;
1393            fill: var(--secondary-text-color) !important;
1394            background-color: var(--secondary-color) !important;
1395            border-color: var(--secondary-text-color) !important;
1396        }
1397
1398
1399        .button-secondary:hover {
1400            color: var(--secondary-text-color-hover) !important;
1401            fill: var(--secondary-text-color-hover) !important;
1402            background-color: var(--secondary-color-hover) !important;
1403            border-color: var(--secondary-text-color-hover) !important;
1404        }
1405
1406        .button-success,
1407        .__notification-success {
1408            color: var(--success-text-color) !important;
1409            fill: var(--success-text-color) !important;
1410            background-color: var(--success-color) !important;
1411            border-color: var(--success-text-color) !important;
1412        }
1413
1414        .__notification-success svg {
1415            fill: var(--success-text-color) !important;
1416        }
1417
1418        .__notification-success .notification_block {
1419            background: var(--success-color) !important;
1420        }
1421
1422        .button-success:hover {
1423            color: var(--success-text-color-hover) !important;
1424            fill: var(--success-text-color-hover) !important;
1425            background-color: var(--success-color-hover) !important;
1426            border-color: var(--success-text-color-hover) !important;
1427        }
1428
1429        .button-success:hover {
1430            color: var(--success-text-color-hover) !important;
1431            fill: var(--success-text-color-hover) !important;
1432            background-color: var(--success-color-hover) !important;
1433            border-color: var(--success-text-color-hover) !important;
1434        }
1435
1436        .button-warning,
1437        .__notification-warning {
1438            color: var(--warning-text-color) !important;
1439            fill: var(--warning-text-color) !important;
1440            background-color: var(--warning-color) !important;
1441            border-color: var(--warning-text-color) !important;
1442        }
1443
1444        .__notification-warning .notification_block {
1445            background: var(--warning-color) !important;
1446        }
1447
1448        .__notification-warning svg {
1449            fill: var(--warning-text-color) !important;
1450        }
1451
1452        .__notification-warning {
1453            fill: var(--warning-color) !important;
1454        }
1455
1456        .button-warning:hover {
1457            color: var(--warning-text-color-hover);
1458            fill: var(--warning-text-color-hover);
1459            background-color: var(--warning-color-hover) !important;
1460            border-color: var(--warning-text-color-hover) !important;
1461        }
1462
1463        .button-info,
1464        .__notification-info {
1465            color: var(--info-text-color) !important;
1466            fill: var(--info-text-color) !important;
1467            background-color: var(--info-color) !important;
1468            border-color: var(--info-text-color) !important;
1469        }
1470
1471        .__notification-info .notification_block {
1472            background: var(--info-color) !important;
1473        }
1474
1475        .__notification-info svg {
1476            fill: var(--info-text-color);
1477        }
1478
1479        .__notification-info {
1480            fill: var(--info-color) !important;
1481        }
1482
1483        .button-info:hover {
1484            color: var(--info-text-color) !important;
1485            fill: var(--info-text-color) !important;
1486            background-color: var(--info-color-hover) !important;
1487            border-color: var(--info-text-color) !important;
1488        }
1489
1490        .button-error,
1491        .__notification-error {
1492            color: var(--error-text-color) !important;
1493            fill: var(--error-text-color) !important;
1494            background-color: var(--error-color) !important;
1495            border-color: var(--error-text-color) !important;
1496
1497        }
1498
1499        .button-error:hover {
1500            color: var(--error-text-color-hover) !important;
1501            fill: var(--error-text-color-hover) !important;
1502            background-color: var(--error-color-hover) !important;
1503            border-color: var(--error-text-color-hover) !important;
1504        }
1505
1506        .__notification-error .notification_block {
1507            background: var(--error_color) !important;
1508        }
1509
1510        .__notification-error svg {
1511            fill: var(--error-text-color) !important;
1512        }
1513
1514        .__notification-error {
1515            fill: var(--error-color) !important;
1516        }
1517
1518        /* TODO::: tmp fix for product box, as soon as we add support for advance boxes we can remove those lines */
1519        .product-thumb-info figure > a,
1520        .product-thumb-info a:has( >  .__image_preview) {
1521                            height: 365px !important;
1522                                        display: flex;
1523                align-items: center;
1524                justify-content: center;
1525                    }
1526
1527        .product-thumb-info figure .attribute_buttons a {
1528            height: unset !important;
1529        }
1530
1531                    .product-thumb-info figure > a img {
1532                width: auto;
1533                max-width: 100%;
1534            }
1535
1536        
1537        @media only screen and (max-width: 600px) {
1538            .__pb_v5 .attribute_info_content {
1539                max-width: 80%;
1540                display: inline-block;
1541            }
1542            .product-thumb-info figure > a,
1543            .product-thumb-info a:has( >  .__image_preview) {
1544                height: 266px !important;
1545            }
1546        }
1547
1548                    .__floating-placeholder-desktop {
1549                padding-top: ;
1550            }
1551
1552        
1553                    .__floating-placeholder-mobile {
1554                padding-top: ;
1555            }
1556
1557        
1558        
1559        .category-page .__category_description p {
1560            margin-bottom: 1rem;
1561        }
1562
1563        .pb_info_container .pb_v7_title {
1564            display: -webkit-box;
1565            -webkit-line-clamp: 2;
1566            -webkit-box-orient: vertical;
1567            text-overflow: ellipsis !important;
1568            overflow: hidden;
1569        }
1570
1571            </style>
1572
1573    <style>
1574        /*
1575* STARTPAGE
1576*/
1577/* Make category buttons bigger */
1578.start__cat-btns .content {
1579    width: 100%;
1580}
1581.start__cat-btns .button {
1582    max-width: none;
1583    padding-bottom: 1.2rem;
1584    padding-top: 1.2rem;
1585    width: 100%;
1586    text-align: center;
1587}
1588    </style>
1589</div>
1590        <div x-init="() => {
1591
1592    
1593    
1594
1595}"></div>
1596<div
1597    x-data="{ freeShippingLimit: null, freeShippingWeightLimit: null }"
1598    x-init="() => {
1599                
1600    
1601    
1602            freeShippingLimit = 1500;
1603        freeShippingWeightLimit = 100;
1604    
1605    if (typeof freeShippingLimit !== 'undefined') {
1606        $s('cart').setFreeShippingLimit(freeShippingLimit);
1607    }
1608
1609    if (typeof freeShippingWeightLimit !== 'undefined') {
1610        $s('cart').setFreeShippingWeightLimit(freeShippingWeightLimit);
1611    }
1612
1613    
1614    $s('cart').setTotal('0,-', true);
1615    $s('cart').displayTotal = '0,-';
1616
1617    
1618        
1619    }"></div>
1620
1621<div x-init="() => {
1622    // General settings
1623    $s('settings').add('current_page', 'index.php');
1624    $s('settings').add('FILTER_V2_SHOW_PRODUCTS', true);
1625    $s('settings').add('PRODUCT_BUNDLES_ACTIVE', );
1626    $s('settings').add('STOCK_ALLOW_CHECKOUT', false);
1627    $s('settings').add('STOCK_Q_IN_STOCK', false);
1628    $s('settings').add('currency', 'NOK');
1629    $s('settings').add('languages_code', 'no');
1630    $s('settings').add('OPENSEARCH_ACTIVE', false);
1631
1632    // Customer club settings
1633    $s('settings').add('CUSTOMER_CLUB_ACTIVE', );
1634    $s('settings').add('CUSTOMER_CLUB_GROUP_ID', );
1635
1636            $s('settings').add('IS_CLUB_MEMBER', false);
1637    
1638    
1639        $s('modals').taxmodal.taxExcluded = false;
1640            
1641}"></div>
1642<div x-init="() => {
1643    $s('price').displayPriceString = '0,-';
1644}"></div>
1645
1646<div x-init="() => {
1647    $s('notifications').addMessage('successMessage', 'Lagt til i handlekurven');
1648    $s('notifications').addMessage('itemRemovedFromCartMessage', 'Varen har blitt fjernet');
1649    $s('notifications').addMessage('cartIsEmptyMessage', 'Handlekurven er tom');
1650    $s('notifications').addMessage('mustChooseAttributesMessage', 'Du må velge en variant');
1651    $s('notifications').addMessage('infoMessage', 'Handlekurven har blitt oppdatert');
1652    $s('notifications').addMessage('wishlistAddedMessage', 'Produktet har blitt lagt til i listen');
1653
1654    }"></div>
1655
1656<div x-init="() => {
1657    window.hooks.add_hooks('after_update_cart', 'cart_updated_notification', function(product) {
1658        $s('notifications').showNotification('info', 'cart', $s('notifications').getMessage('infoMessage'));
1659    });
1660
1661    window.hooks.add_hooks('after_add_to_cart', 'cart_add_notification', function(product) {
1662        $s('notifications').showNotification('success', 'cart', $s('notifications').getMessage('successMessage'));
1663    });
1664
1665    window.hooks.add_hooks('after_remove_from_cart', 'cart_remove_notification', function(product) {
1666        $s('notifications').showNotification('warning', 'cart', $s('notifications').getMessage('itemRemovedFromCartMessage'));
1667    });
1668
1669    window.hooks.add_hooks('added_to_wishlist', 'wishlist_add_notification', function(product) {
1670        $s('notifications').showNotification('success', 'cart', $s('notifications').getMessage('wishlistAddedMessage'));
1671    });
1672
1673    window.hooks.add_hooks('must_choose_attributes', 'must_choose_attributes_notification', function({ error }) {
1674        $s('notifications').showNotification('error', 'cart', error ?? $s('notifications').getMessage('mustChooseAttributesMessage'));
1675    });
1676
1677    window.hooks.add_hooks('must_choose_attributes', 'quick_purchase_scroll_to_attributes', function(product) {
1678        if (location.href.indexOf('products') === -1) {
1679            return;
1680        }
1681
1682        const purchaseSection = document.getElementById('addToShoppingCart');
1683
1684        if (purchaseSection) {
1685            // Postpone scrolling, and give slider time to initialized
1686            setTimeout( function() {
1687                const purchaseSectionOffset = purchaseSection.getBoundingClientRect().top + window.pageYOffset - 250;
1688                window.scrollTo({ top: purchaseSectionOffset, behavior: 'smooth' });
1689            }, 800);
1690        }
1691    });
1692
1693    window.hooks.add_hooks('discount_coupons_merged', 'must_choose_attributes_notification', function(data) {
1694        $s('notifications').showNotification(data.status, 'account_bonuspoints', data.message);
1695    });
1696
1697    window.hooks.add_hooks('after_slide_change', 'change_attribute', function(attribute) {
1698        var params = attribute.split('-');
1699        var select = document.getElementById('id[' + params[0] + ']');
1700        var attribute_image = get_attribute_image_by_key(attribute);
1701
1702        if (attribute_image) {
1703            change_cart_image(attribute_image);
1704        }
1705
1706        if (select) {
1707            select.value = params[1];
1708            loop_dropdowns();
1709        }
1710    });
1711
1712    window.hooks.add_hooks('attribute_changed', 'hide_must_choose_attribute', function(attribute) {
1713        $s('product').must_choose_attributes = false;
1714    });
1715
1716    window.hooks.add_hooks('attribute_changed', 'procurement_presell', async function(attribute) {
1717
1718        $s('product').attributes =  attribute?.attr_combo;
1719        const result = await $s('product').procurement_presell($s('product').id, $s('product').attributes);
1720
1721        const data = result.map( function(procurement_line) {
1722            const result = {};
1723            procurement_line?.combination.split(',').forEach(attr => {
1724                const [key, value] = attr.split('-');
1725                if (key && value) {
1726                    result[`id[${ key.trim()}]`] = value.trim();
1727                }
1728            });
1729
1730            procurement_line.combination_split = result;
1731
1732            return procurement_line;
1733        });
1734
1735        $s('product').presell_data = data;
1736    });
1737
1738    
1739    
1740    
1741    
1742
1743    window.hooks.add_hooks('page_loaded', 'initial_customer_club_event_listeners', function () {
1744        const links = document.querySelectorAll('a[href*=\'#customerclub\']');
1745
1746        if (links.length > 0) {
1747            links.forEach( function(link) {
1748                link.addEventListener('click', function(e) {
1749                    e.preventDefault();
1750
1751                    $s('settings').toggle('customerClubOpen');
1752                });
1753            });
1754        }
1755    });
1756}"></div>
1757<div x-init="() => {
1758    }"></div>
1759
1760        
1761			<!-- Insert Your Facebook Pixel ID below. -->
1762		<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=240644903340126&#8203;&amp;ev=PageView&amp;pog=1&amp;noscript=1"/></noscript>
1763	
1764
1765                        <!-- Google Tag Manager (noscript) -->
vendor: 66 bytes, lines 1765-1766
1765
1766    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1766GTM-MWM7WDF7
vendor: 91 bytes, lines 1766-1768
1766"
1767    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1768    
1768<!-- End Google Tag Manager (noscript) -->
1769
1770	
1771
1772
1773	
1774
1775<div id="fb-root"></div>
1776
1777<script>
1778window.fbAsyncInit = function() {
1779	FB.init({
1780	appId      : '138255156243557', // App ID
1781	status     : true, // check login status
1782	cookie     : true, // enable cookies to allow the server to access the session
1783	oauth      : true, // enable OAuth 2.0
1784	xfbml      : true  // parse XFBML
1785	});
1786};
1787
1788(function(d, s, id) {
1789	var js, fjs = d.getElementsByTagName(s)[0];
1790	if (d.getElementById(id)) {return;}
1791	js = d.createElement(s); js.id = id;
1792	js.async=true; js.src = "//connect.facebook.net/nb_NO/all.js#xfbml=1";
1793	fjs.parentNode.insertBefore(js, fjs);
1794}(document, 'script', 'facebook-jssdk'));</script>
1794
1795
1796
1797
1798
1799
1800                <style>
1801            :root {
1802                --dummy-color: #fff;
1803            }
1804        </style>
1805        <div
1806            x-data
1807            class="fake-body overflow-x-hidden"
1808            :class="{
1809                'dark': $store.settings.settings.darkMode,
1810                'overflow-hidden': $store.search.open || $store.cart.settings.open || $store.wishlist.settings.open || $store.settings.settings.mobileMenuOpen
1811            }"
1812        >
1813            <div class="page-wrapper">
1814                <div class="z-20 top-0 ">
1815                    
1816
1817
1818<a class="sr-only focus:not-sr-only block py-2 text-center focus:underline" href="/#page">
1819    Hopp til innhold
1820</a>
1821
1822
1823<header
1824    id="__header"
1825    x-data="{
1826        height: 0,
1827        scrolled: false,
1828        transparentHeader:  false        }"
1829    class="relative top-0 left-0 right-0 header-content z-20 border-slate-100
1830        
1831    "
1832
1833    @scroll.window="scrolled = (window.scrollY > 200);">
1834    <div>
1835                    <div class="__header_static  ">
1836                                    
1837                                                                                                                                                                                                
1838
1839
1840
1841
1842
1843
1844
1845    
1846
1847<section
1848    id="section--header_buildere253cb9a-76cf-491b-83b5-337d7c19f288__header_builder"
1849        class="
1850        __header_builder_section
1851        __header_section
1852        text
1853        relative
1854
1855        hidden md:block
1856        border-b header-mobile
1857    "
1858    style="
1859                    background-color: #fff;
1860            fill: #000;
1861            color: #000;
1862                ;
1863        border-style: solid;
1864        border-color: #eee;
1865    "
1866    data-subblock-key="general"
1867            >
1868        <div class="text__blocks m-auto
1869            items-center box-border
1870            container            grid gap-2
1871
1872            grid-cols-3 md:grid-cols-3 lg:grid-cols-3 gap-0
1873        " style="
1874            padding: 0px 5px 0px 5px;;
1875        ">
1876
1877                    
1878                            
1879                                                                
1880    <div
1881        x-data="{ conditions: [] }"
1882        x-init="$s('conditions').checkConditions(conditions)"
1883        x-show="$s('conditions').checkConditions(conditions)"
1884        id="block--header_slogans101a7969-9210-4b3c-9580-6dc8a13e2f20__header_slogans" class=" __header_slogans_block items-center flex
1885        col-span-1 md:col-span-1 lg:col-span-1
1886                        
1887            
1888    
1889    
1890                                        lg:text-left lg:justify-start
1891                        
1892                                     "
1893        data-subblock-key="general">
1894
1895                                    
1896                                                    
1897    
1898            
1899        <div             x-data="{ conditions: [] }"
1900            x-init="$s('conditions').checkConditions(conditions)"
1901            x-show="$s('conditions').checkConditions(conditions)"
1902            class="__text_block relative editorcontent  "
1903            style="
1904                font-weight: normal;
1905                line-height: 1.5rem;
1906                text-align: left;
1907                
1908                                    background-color: ;
1909                    text-transform: none;
1910                    border-radius: 0;
1911                
1912                
1913            "
1914            data-subblock-key="paragraph">
1915            <p><span style="color:rgb(0,0,0);"><span style="-webkit-text-stroke-width:0px;box-sizing:border-box;caret-color:rgb(0, 0, 0);font-family:Quicksand, sans-serif;font-size:13.600001px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:0.85px;orphans:auto;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;">Stort utvalg</span></span><span style="background-color:rgb(248,248,248);color:rgb(0,0,0);"><span style="-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);display:inline !important;float:none;font-family:Quicksand, sans-serif;font-size:13.600001px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:0.85px;orphans:auto;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;"> | </span></span><span style="color:rgb(0,0,0);"><span style="-webkit-text-stroke-width:0px;box-sizing:border-box;caret-color:rgb(0, 0, 0);font-family:Quicksand, sans-serif;font-size:13.600001px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:0.85px;orphans:auto;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;">Leveringstid 2-7 dager*</span></span><span style="background-color:rgb(248,248,248);color:rgb(0,0,0);"><span style="-webkit-text-stroke-width:0px;caret-color:rgb(0, 0, 0);display:inline !important;float:none;font-family:Quicksand, sans-serif;font-size:13.600001px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:0.85px;orphans:auto;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;"> | </span></span><span style="color:rgb(0,0,0);"><span style="-webkit-text-stroke-width:0px;box-sizing:border-box;caret-color:rgb(0, 0, 0);font-family:Quicksand, sans-serif;font-size:13.600001px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:0.85px;orphans:auto;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;">Fri frakt over 1500,- (ikke møbler)</span></span></p><p>&nbsp;</p>
1916
1917                    </div>
1918            <style>
1919            #block--header_slogans101a7969-9210-4b3c-9580-6dc8a13e2f20__header_slogans * {
1920                text-align: left;
1921            }
1922
1923            @media screen and (max-width: 600px) {
1924                #block--header_slogans101a7969-9210-4b3c-9580-6dc8a13e2f20__header_slogans * {
1925                    text-align: default;
1926                }
1927            }
1928        </style>
1929    </div>
1930                                        
1931                            
1932                                                    
1933    <div
1934        x-data="{ conditions: [{&quot;type&quot;:&quot;user_logged_in&quot;,&quot;operator&quot;:&quot;not_equals&quot;,&quot;value&quot;:&quot;true&quot;}] }"
1935        x-init="$s('conditions').checkConditions(conditions)"
1936        x-show="$s('conditions').checkConditions(conditions)"
1937        id="block--header_buildercabb4630-cd07-4fee-b74a-911555b54478" class=" __header_slogans_block items-center flex
1938        col-span-1 md:col-span-1 lg:col-span-1
1939                        
1940            
1941                                        text-center justify-center
1942                        
1943    
1944                                        lg:text-center lg:justify-center
1945                        
1946                                     "
1947        data-subblock-key="general">
1948
1949                                    
1950                                                    
1951    
1952            <style>
1953            #block--header_buildercabb4630-cd07-4fee-b74a-911555b54478 * {
1954                text-align: center;
1955            }
1956
1957            @media screen and (max-width: 600px) {
1958                #block--header_buildercabb4630-cd07-4fee-b74a-911555b54478 * {
1959                    text-align: center;
1960                }
1961            }
1962        </style>
1963    </div>
1964                                        
1965                            
1966                                                                
1967    <section id="block--header_language_and_currency37dfa641-74da-4344-be4c-3b48ae72dd4a__header_language_and_currency"
1968            x-data="{ conditions: []}"
1969            x-show="open && $s('conditions').checkConditions(conditions)"
1970            x-init="$s('conditions').checkConditions(conditions)"
1971            style="position: relative; z-index: 999;"
1972            class=" flex
1973            col-span-1 md:col-span-1 lg:col-span-1
1974                            
1975            
1976                                        text-right justify-end
1977                        
1978    
1979                                        lg:text-right lg:justify-end
1980                        
1981                                            ">
1982                                        
1983                                                </section>
1984                                </div>
1985</section>
1986                                                                                                            
1987                                                                                                                                    
1988
1989
1990
1991
1992
1993
1994
1995    
1996
1997<section
1998    id="section--header_builderd72feb17-3584-44d0-9036-4a61d5cbf092__header_builder"
1999        class="
2000        __header_builder_section
2001        __header_section
2002        text
2003        relative
2004
2005        hidden md:block
2006        header-desktop
2007    "
2008    style="
2009                    background-color: #fff;
2010            fill: #000;
2011            color: #000;
2012                ;
2013        border-style: solid;
2014        border-color: #000;
2015    "
2016    data-subblock-key="general"
2017            >
2018        <div class="text__blocks m-auto
2019            items-center box-border
2020            container            grid gap-2
2021
2022            grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-0
2023        " style="
2024            padding: 20px 5px 20px 5px;;
2025        ">
2026
2027                    
2028                                                                
2029                                                    
2030    <div
2031        id="block--header_logo5ef27375-fc36-4332-9a51-636b032b4ac8__header_logo"
2032        x-data=" { conditions: [] }"
2033        x-init="$s('conditions').checkConditions(conditions)"
2034        x-show="$s('conditions').checkConditions(conditions)"
2035        class="__header_logo_block  flex justify-start lg:justify-start
2036            col-span-1 md:col-span-1 lg:col-span-1
2037        " data-subblock-key="general">
2038        <a href="//www.dorothea.no" style="max-width: 252px;" class="text-2xl inline-block" aria-label="store logo" data-subblock-key="image">
2039                                        <img class="logo-lg img-fluid w-auto max-h-[60px] md:h-auto" src="/users/dorothea_mystore_no/logo/Header06.01.165.png" alt="Dorothea.no">
2040                                </a>
2041    </div>
2042                                        
2043                            
2044                                                                    
2045    <div
2046        id="block--header_open_searchd696892e-26bf-4994-a93c-a572f0267196__header_open_search"
2047        x-data="{ conditions: [] }"
2048        x-init="$s('conditions').checkConditions(conditions)"
2049        x-show="$s('conditions').checkConditions(conditions)"
2050        class=" __header_open_search_block                  
2051            
2052    
2053    
2054                                        lg:text-center lg:items-center
2055                        
2056                                        lg:justify-start
2057                         col-span-1 md:col-span-1 lg:col-span-1"
2058        data-subblock-key="general"
2059    >
2060        
2061
2062
2063            <div id="block--header_open_searchd696892e-26bf-4994-a93c-a572f0267196__header_open_search_inner" x-data="{ open: true, timeout: null, keywords: '' }" class="relative w-full md:z-1 md:z-10">
2064        <div class="__open_search_section flex relative z-0 inset-y-0 left-0 items-center"
2065            :class="{ 'bg-white shadow-md': $store.search.results.length > 0 }"
2066            @click.outside="(e) => open = false" data-subblock-key="general">
2067            
2068            <form class="w-full relative" name="quick_find" action="/search_result" method="GET"
2069                @submit="(e) => { const q = (e.currentTarget.elements['keywords']?.value || '').trim(); if (q.length < 3) { e.preventDefault(); } }">
2070                <div class="flex items-center relative">
2071                    <input
2072                        aria-label="Søk"
2073                        data-subblock-key="button"
2074                        id="open_search"
2075                        type="text"
2076                        name="keywords"
2077                        placeholder="Søk" x-model="$store.search.keywords"
2078                        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 "
2079                        style="
2080                                                        border-radius:0;
2081                                                        border-width:0px;
2082                            font-size: 0.8rem;
2083                            background-color: #eee;
2084                            border-color: #000;
2085                            color: #1b1b1b;
2086                            
2087                        "
2088                                                    @input.debounce.500ms="$store.search.search(keywords)" @input="(e) => { keywords = e.target.value;}"
2089                            @focus="(e) => open = true"
2090                         />
2091
2092                                            <button class="_search-button flex gap-1 items-center absolute  items-center justify-center h-full right-0 p-2 min-w-[40px]"
2093                            style="
2094                                background: transparent;
2095                                color: #000;
2096                                fill: #000;
2097                                font-size: 1.05rem;
2098                                font-weight: 100;
2099                                border-radius: 0 0.25rem 0.25rem 0;"
2100                            aria-label="Search">
2101                            <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> 
2102                        </button>
2103                                    </div>
2104
2105                                    <div class="absolute w-full grid grid-cols-3 max-h-96 overflow-y-scroll shadow left-0 bg-white text-gray-900 top-full" x-show="$store.search.results.length > 0 && open">
2106                        <div class="hidden md:block p-2 bg-slate-100 col-span-1">
2107                            <template x-for="(result, index) in $store.search.uniqueCategories" :key="index">
2108                                <div class="py-1">
2109                                    <a x-bind:href="result.url" class="text-sm" x-html="result.name"></a>
2110                                </div>
2111                            </template>
2112                        </div>
2113                        <div class="p-2 col-span-3 md:col-span-2">
2114                            <template x-for="(result, index) in $store.search.results" :key="index">
2115                                <div x-show="result.result_entries">
2116                                    <template x-for="product in result.result_entries" :key="product.products_id">
2117                                        <div class="flex border-b items-center pb-1 mb-1">
2118                                            <img class="w-16 h-16" :src="product.products_image" />
2119                                            <section class="flex-col flex ml-2">
2120                                                <a x-bind:href="product.products_url" class="text-sm" x-html="product.products_name"></a>
2121                                                <template x-if="product.specials_price && product.specials_price !== ''">
2122                                                    <div class="flex items-center justify-center gap-2">
2123                                                        <span class="text-sm text-gray-500 line-through" x-text="product.products_price"></span>
2124                                                        <span class="font-bold text-red-600" x-text="product.specials_price"></span>
2125                                                    </div>
2126                                                </template>
2127                                                <template x-if="!product.specials_price || product.specials_price === ''">
2128                                                    <span class="font-bold" x-text="product.products_price"></span>
2129                                                </template>
2130                                            </section>
2131                                        </div>
2132                                    </template>
2133                                </div>
2134                            </template>
2135                        </div>
2136                    </div>
2137                            </form>
2138        </div>
2139    </div>
2140<style>
2141    #block--header_open_searchd696892e-26bf-4994-a93c-a572f0267196__header_open_search_inner input.__search_input_field::-webkit-input-placeholder {
2142        color: inherit;
2143    }
2144
2145    #block--header_open_searchd696892e-26bf-4994-a93c-a572f0267196__header_open_search_inner input .__search_input_field:-moz-placeholder {
2146        color: inherit;
2147    }
2148
2149     #block--header_open_searchd696892e-26bf-4994-a93c-a572f0267196__header_open_search_inner input.__search_input_field::-moz-placeholder {
2150        color: inherit;
2151    }
2152
2153     #block--header_open_searchd696892e-26bf-4994-a93c-a572f0267196__header_open_search_inner input:-ms-input-placeholder {
2154        color: inherit;
2155    }
2156
2157    #block--header_open_searchd696892e-26bf-4994-a93c-a572f0267196__header_open_search_inner ._search-button:hover {
2158        background: transparent !important;
2159        color: #000 !important;
2160        fill: #000 !important;
2161    }
2162</style>
2163    </div>
2164                                        
2165                            
2166                                                                                        
2167                        
2168
2169                                                        
2170                                                    
2171        
2172                                                        
2173                                                    
2174                                                    
2175        
2176                                                
2177    <div
2178        id="block--header_icons37cebd5d-a937-45c5-912a-5a8019840f8d__header_icons"
2179        class="__header_icons_block  col-span-1 md:col-span-1 lg:col-span-1"
2180        data-subblock-key="general">
2181
2182        
2183        <div class="flex items-center                 
2184            
2185                                        text-right justify-end
2186                        
2187    
2188                                        lg:text-right lg:justify-end
2189                        
2190                                        lg:items-end
2191                        " data-subblock-key="general" style="gap:0">
2192            
2193                            <button @click.prevent="$store.settings.toggle('mobileMenuOpen')" aria-label="Åpne hovedmenyen" class="__icon_wrapper text-center flex flex-col items-center" data-subblock-key="menu_icon">
2194                    <span style="font-size: 1.55rem; color: #000; fill: #000;" class="__main_menu_icon __header_icons relative text-2xl">
2195                        <span class="w-6 h-6" aria-label="Åpne hovedmenyen"><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>
2196                    </span>
2197
2198                                    </button>
2199            
2200            
2201                        
2202            
2203            
2204                            <div class="__search__icon">
2205                    
2206                    
2207    <div id="block--header_icons37cebd5d-a937-45c5-912a-5a8019840f8d__header_icons" x-data="{ open: false, searchPosition: 'right-0', timeout: null, keywords: '', error: false, defaultBorder: '#000', border: '#000' }"
2208        style="z-index: 100;"
2209        class="p-2 flex md:relative _search__icon text-[20px] flex flex-col items-center" @click.outside=" open = false;">
2210        <button
2211            x-ref="searchIcon"
2212            class="cursor-pointer flex flex-col justify-center items-center"
2213            style="font-size: 1.55rem; color: #000; fill: #000;"
2214            aria-label="Open search input"
2215            @click="() => {
2216
2217                open = !open;
2218
2219                if (open) {
2220                    $nextTick(() => {
2221                    const iconRect = $refs.searchIcon.getBoundingClientRect();
2222
2223                    searchPosition = (iconRect.left > window.innerWidth / 2) ? 'right-0' : 'left-0' ;
2224
2225                    setTimeout(()=> {
2226                        document.getElementById('block--header_icons37cebd5d-a937-45c5-912a-5a8019840f8d__header_icons-live_search').focus();
2227                    }, 300);
2228
2229                    });
2230                }
2231            }">
2232            <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>
2233
2234                    </button>
2235
2236        <template x-if="open">
2237            <div x-data="{ searchOpen: false }"
2238                x-init="setTimeout(() => searchOpen = true, 10);"
2239                class="absolute -top-1 min-w-320 md:min-w-460 z-10 transition-all duration-300"
2240                :class="[
2241                searchPosition,
2242                { 'opacity-0 transform translate-x-full': !searchOpen,
2243                  'opacity-100 transform translate-x-0': searchOpen }
2244            ]">
2245                <label for="block--header_icons37cebd5d-a937-45c5-912a-5a8019840f8d__header_icons-live_search" class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">
2246                    Søk
2247                </label>
2248
2249                <div class="relative font-lg">
2250                    <div class="absolute z-1 inset-y-0 left-0 flex items-center pl-3 pointer-events-none" style="fill: #000">
2251                        <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>
2252                    </div>
2253                    <input
2254                        aria-label="Søk"
2255                        id="block--header_icons37cebd5d-a937-45c5-912a-5a8019840f8d__header_icons-live_search"
2256                        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"
2257                        x-model="$store.search.keywords"
2258                        style="border: 1px solid #000; border-radius: 12; background: #fff; color: #000; "
2259                        :style="{ border_color: error ? '#f00' : defaultBorder }"
2260                        @keyup.enter="(e) => {
2261                        error = false;
2262
2263                        if (!$s('search').keywords) {
2264                            error = true;
2265                            return;
2266                        }
2267
2268                        location.href = 'https://www.dorothea.no/search_result?keywords=' + e.target.value
2269                    }"
2270                                                    @input.debounce.500ms="error = false; $store.search.search(keywords);"
2271                            @input="(e) => { keywords = e.target.value; }"
2272                                                type="search"
2273                        placeholder="Søk..."
2274                        required />
2275                    <button
2276                        type="submit"
2277                        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"
2278                        aria-label="Go to the search page"
2279                        @click.prevent="() => {
2280                        error = false;
2281
2282                        if (!$s('search').keywords) {
2283                            error = true;
2284                            return;
2285                        }
2286
2287                        location.href = 'https://www.dorothea.no/search_result?keywords=' + $s('search').keywords;
2288                    }">
2289                        Søk
2290                    </button>
2291                </div>
2292            </div>
2293        </template>
2294    </div>
2295
2296    <style>
2297        #block--header_icons37cebd5d-a937-45c5-912a-5a8019840f8d__header_icons .__search_button  {
2298        background: inherit;
2299        color: inherit;
2300        border-radius: 12;
2301        }
2302
2303        #block--header_icons37cebd5d-a937-45c5-912a-5a8019840f8d__header_icons .__search_button:hover  {
2304        background: #inherit;
2305        color: #inherit;
2306        }
2307    </style>
2308</div>
2309            
2310                            <a href="https://www.dorothea.no/account" aria-label="GÃ¥ til kontosiden" class="__icon_wrapper text-center flex flex-col items-center" data-subblock-key="account_icon">
2311                    <span class="__account__icon __header_icons">
2312                        <div class="flex flex-col items-center justify-center">
2313                            <span
2314                                href="https://www.dorothea.no/account"
2315                                class="flex flex-col items-center relative fill-inherit color-inherit"
2316                                style="font-size: 1.55rem; color: #000; fill: #000;"
2317                                title="Redirect to the account page"
2318                                aria-label="GÃ¥ til kontosiden"
2319                            >
2320                                <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>
2321                            </span>
2322                        </div>
2323                    </span>
2324
2325                                    </a>
2326            
2327            
2328            
2329                            <button @click="$store.cart.open()" aria-label="Åpne handlekurven" class="__icon_wrapper text-center flex flex-col items-center" data-subblock-key="cart_icon">
2330                    <span style="font-size: 1.55rem; color: #000; fill: #000;"
2331                        class="__shopping_icon __header_icons shoppingbasket__slidein cursor-pointer relative text-2xl" aria-label="Åpne handlekurven"
2332                        :class="{ '__has-items': $store.cart.totalQty() }">
2333                        <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>
2334
2335                                                    <small
2336                                x-cloak
2337                                class="text-white w-6 h-6 flex justify-center items-center absolute -right-4 -top-4 roun
2337ded-full text-xs cart_qty_label"
2338                                style="background-color: #62787a; color: #ffffff;"
2339                                x-text="$store.cart.totalQty()"
2340                                x-show="$store.cart.totalQty()">
2341                            </small>
2342                                            </span>
2343
2344                                    </button>
2345                    </div>
2346    </div>
2347
2348    <style>
2349
2350        
2351        
2352        
2353        
2354        
2355        
2356        
2357        
2358        
2359        
2360        
2361        #block--header_icons37cebd5d-a937-45c5-912a-5a8019840f8d__header_icons .__search__icon > ._search__icon {
2362            padding: 0;
2363        }
2364
2365        #block--header_icons37cebd5d-a937-45c5-912a-5a8019840f8d__header_icons * > .__icon_wrapper,
2366        #block--header_icons37cebd5d-a937-45c5-912a-5a8019840f8d__header_icons ._search__icon > button {
2367            padding: 8px !important;
2368                                }
2369
2370    </style>
2371                                </div>
2372</section>
2373                                                                                                            
2374                                                                                                                                    
2375
2376
2377
2378
2379
2380
2381
2382    
2383
2384<section
2385    id="section--header_builder192f99f3-c012-453d-850f-c689299a8349__header_builder"
2386        class="
2387        __header_builder_section
2388        __header_section
2389        text
2390        relative
2391
2392        hidden md:block
2393        main-menu
2394    "
2395    style="
2396                    background-color: var(--body-color);
2397            fill: var(--text-color);
2398            color: var(--text-color);
2399                border-top: 0px;
2400      border-right: 0px;
2401      border-bottom: 0px;
2402      border-left: 0px;;
2403        border-style: solid;
2404        border-color: var(--body-color);
2405    "
2406    data-subblock-key="general"
2407            >
2408        <div class="text__blocks m-auto
2409            items-center box-border
2410            container            grid gap-2
2411
2412            grid-cols-3 md:grid-cols-1 lg:grid-cols-1 gap-0
2413        " style="
2414            margin: 0px auto 0px auto;
2415padding: 6px 0px 6px 0px;;
2416        ">
2417
2418                    
2419                            
2420                                                                                                
2421                                
2422                
2423                                
2424                <nav
2425                    id="block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu"
2426                    class="
2427                            __header-builder-header-menu navbar navbar-expand-lg plr0 ptb0
2428                            col-span-2 md:col-span-2 lg:col-span-2
2429                            
2430                        ">
2431
2432                    <ul class="list-inline flex items-center flex-wrap " style="column-gap: inherit">
2433                        
2434                                                
2435            
2436                                                                
2437                            <li
2438                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box salg-cat relative list-inline-item dropdown has-mega-menu has-child "
2439                    style="position:static;"
2440                >
2441                                            <a
2442                            id="navbarDropdownMenuLink660"
2443                            href="https://www.dorothea.no/categories/salg"
2444                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.dorothea.no/categories/salg' }; showSubCategory0 = true"
2445                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
2446                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
2447                            style="gap: 8px;"
2448                            data-toggle="dropdown"
2449                            aria-haspopup="true"
2450                            aria-expanded="false"
2451                        >
2452                            <div>SALG</div>
2453                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
2454                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
2455                                        stroke="currentColor">
2456                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2457                                    </svg>
2458                                </div>
2459                                                    </a>
2460                    
2461                                                                    
2462                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
2463                            x-transition:enter-start="opacity-0 transform scale-95"
2464                            x-transition:enter-end="opacity-100 transform scale-100"
2465                            x-transition:leave="transition duration-100 ease-out"
2466                            x-transition:leave-start="opacity-100 transform scale-100"
2467                            x-transition:leave-end="opacity-0 transform scale-95"
2468                            class="absolute z-10 left-0  top-full w-full shadow-lg">
2469                    
2470                    <template x-if="showSubCategory0">
2471                        <div
2472                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
2473                            style="margin-left: -15px; background: #fff; color: #000; font-size: 0.9rem;"
2474                                                    >
2475                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
2476                                
2477                        <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;">
2478                <a href="https://www.dorothea.no/categories/salg" data-target="m-menu-2"
2479                    class="nav-link block px-4 py-2 cursor-pointer">
2480                    Se alle produkter
2481                </a>
2482            </li>
2483        
2484                    
2485                            <li
2486                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box klessalg-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
2487                    style="position:static;"
2488                >
2489                                            <span class="flex justify-between items-center px-4 py-2">
2490                            <a
2491                                href="https://www.dorothea.no/categories/klessalg"
2492                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
2493                                data-toggle="dropdown"
2494                                aria-haspopup="true"
2495                                aria-expanded="false"
2496                            >
2497                                                                <span class="text-lg">
2498                                    KLESSALG
2499                                </span>
2500                            </a>
2501
2502                                                    </span>
2503                    
2504                    
2505                    <template x-if="showSubCategory1">
2506                        <div
2507                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
2508                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
2509                            x-show="showSubCategory1"                        >
2510                            <ul class="inner-container m-auto " >
2511                                
2512            
2513                    
2514                            <li                         class="__level-2  list-inline-item category-box 50%-cat"
2515                    >
2516                    <a href="https://www.dorothea.no/categories/50prosent" data-target="m-menu-2"
2517                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
2518                                                50%
2519                    </a>
2520                </li>
2521            
2522                    
2523                            <li                         class="__level-2  list-inline-item category-box 70%-cat"
2524                    >
2525                    <a href="https://www.dorothea.no/categories/70prosent" data-target="m-menu-2"
2526                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
2527                                                70%
2528                    </a>
2529                </li>
2530            
2531            
2532                            </ul>
2533                        </div>
2534                    </template>
2535                                    </li>
2536            
2537                    
2538                            <li
2539                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box interirsalg-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
2540                    style="position:static;"
2541                >
2542                                            <span class="flex justify-between items-center px-4 py-2">
2543                            <a
2544                                href="https://www.dorothea.no/categories/interior-salg"
2545                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
2546                                data-toggle="dropdown"
2547                                aria-haspopup="true"
2548                                aria-expanded="false"
2549                            >
2550                                                                <span class="text-lg">
2551                                    INTERIØR SALG
2552                                </span>
2553                            </a>
2554
2555                                                    </span>
2556                    
2557                    
2558                    <template x-if="showSubCategory1">
2559                        <div
2560                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
2561                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
2562                            x-show="showSubCategory1"                        >
2563                            <ul class="inner-container m-auto " >
2564                                
2565            
2566                    
2567                            <li                         class="__level-2  list-inline-item category-box 50%-cat"
2568                    >
2569                    <a href="https://www.dorothea.no/categories/50prosen" data-target="m-menu-2"
2570                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
2571                                                50%
2572                    </a>
2573                </li>
2574            
2575                    
2576                            <li                         class="__level-2  list-inline-item category-box 70%-cat"
2577                    >
2578                    <a href="https://www.dorothea.no/categories/70prosenter" data-target="m-menu-2"
2579                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
2580                                                70%
2581                    </a>
2582                </li>
2583            
2584            
2585                            </ul>
2586                        </div>
2587                    </template>
2588                                    </li>
2589            
2590                    
2591                            <li                         class="__level-1  list-inline-item category-box SKO SALG-cat"
2592                    >
2593                    <a href="https://www.dorothea.no/categories/sko-salg" data-target="m-menu-2"
2594                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2595                                                SKO SALG
2596                    </a>
2597                </li>
2598            
2599                    
2600                            <li                         class="__level-1  list-inline-item category-box TILBEHØR SALG-cat"
2601                    >
2602                    <a href="https://www.dorothea.no/categories/tilbehor-salg" data-target="m-menu-2"
2603                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2604                                                TILBEHØR SALG
2605                    </a>
2606                </li>
2607            
2608                    
2609                            <li                         class="__level-1  list-inline-item category-box MØBEL SALG-cat"
2610                    >
2611                    <a href="https://www.dorothea.no/categories/mobel-salg" data-target="m-menu-2"
2612                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2613                                                MØBEL SALG
2614                    </a>
2615                </li>
2616            
2617            
2618                            </ul>
2619                        </div>
2620                    </template>
2621                                        </div>
2622                                    </li>
2623            
2624                    
2625                            <li                         class="__level-0 text-sm list-inline-item category-box Kampanje-cat"
2626                    >
2627                    <a href="https://www.dorothea.no/categories/julkampanje" data-target="m-menu-2"
2628                        class="nav-link block px-4  py-2   text-inherit   cursor-pointer">
2629                                                Kampanje
2630                    </a>
2631                </li>
2632            
2633                    
2634                            <li
2635                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box gavetips-cat relative list-inline-item dropdown has-mega-menu has-child "
2636                    style="position:static;"
2637                >
2638                                            <a
2639                            id="navbarDropdownMenuLink462"
2640                            href="https://www.dorothea.no/categories/gavetips"
2641                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.dorothea.no/categories/gavetips' }; showSubCategory0 = true"
2642                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
2643                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
2644                            style="gap: 8px;"
2645                            data-toggle="dropdown"
2646                            aria-haspopup="true"
2647                            aria-expanded="false"
2648                        >
2649                            <div>Gavetips</div>
2650                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
2651                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
2652                                        stroke="currentColor">
2653                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2654                                    </svg>
2655                                </div>
2656                                                    </a>
2657                    
2658                                                                    
2659                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
2660                            x-transition:enter-start="opacity-0 transform scale-95"
2661                            x-transition:enter-end="opacity-100 transform scale-100"
2662                            x-transition:leave="transition duration-100 ease-out"
2663                            x-transition:leave-start="opacity-100 transform scale-100"
2664                            x-transition:leave-end="opacity-0 transform scale-95"
2665                            class="absolute z-10 left-0  top-full w-full shadow-lg">
2666                    
2667                    <template x-if="showSubCategory0">
2668                        <div
2669                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
2670                            style="margin-left: -15px; background: #fff; color: #000; font-size: 0.9rem;"
2671                                                    >
2672                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
2673                                
2674                        <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;">
2675                <a href="https://www.dorothea.no/categories/gavetips" data-target="m-menu-2"
2676                    class="nav-link block px-4 py-2 cursor-pointer">
2677                    Se alle produkter
2678                </a>
2679            </li>
2680        
2681                    
2682                            <li                         class="__level-1  list-inline-item category-box Tekstkrus-cat"
2683                    >
2684                    <a href="https://www.dorothea.no/categories/tekstkrus" data-target="m-menu-2"
2685                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2686                                                Tekstkrus
2687                    </a>
2688                </li>
2689            
2690                    
2691                            <li                         class="__level-1  list-inline-item category-box Tekstservietter-cat"
2692                    >
2693                    <a href="https://www.dorothea.no/categories/tekstservietter" data-target="m-menu-2"
2694                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2695                                                Tekstservietter
2696                    </a>
2697                </li>
2698            
2699                    
2700                            <li                         class="__level-1  list-inline-item category-box Lysglass og Duftlys-cat"
2701                    >
2702                    <a href="https://www.dorothea.no/categories/lysglass-og-duftlys" data-target="m-menu-2"
2703                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2704                                                Lysglass og Duftlys
2705                    </a>
2706                </li>
2707            
2708                    
2709                            <li                         class="__level-1  list-inline-item category-box Kjøkkenhåndklær-cat"
2710                    >
2711                    <a href="https://www.dorothea.no/categories/kjokkenhandklar" data-target="m-menu-2"
2712                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2713                                                Kjøkkenhåndklær
2714                    </a>
2715                </li>
2716            
2717                    
2718                            <li                         class="__level-1  list-inline-item category-box Mat-cat"
2719                    >
2720                    <a href="https://www.dorothea.no/categories/mat1" data-target="m-menu-2"
2721                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2722                                                Mat
2723                    </a>
2724                </li>
2725            
2726            
2727                            </ul>
2728                        </div>
2729                    </template>
2730                                        </div>
2731                                    </li>
2732            
2733                    
2734                            <li
2735                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box nyheter-cat relative list-inline-item dropdown has-mega-menu has-child "
2736                    style="position:static;"
2737                >
2738                                            <a
2739                            id="navbarDropdownMenuLink120"
2740                            href="https://www.dorothea.no/categories/Nyheter"
2741                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.dorothea.no/categories/Nyheter' }; showSubCategory0 = true"
2742                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
2743                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
2744                            style="gap: 8px;"
2745                            data-toggle="dropdown"
2746                            aria-haspopup="true"
2747                            aria-expanded="false"
2748                        >
2749                            <div>Nyheter</div>
2750                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
2751                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
2752                                        stroke="currentColor">
2753                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2754                                    </svg>
2755                                </div>
2756                                                    </a>
2757                    
2758                                                                    
2759                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
2760                            x-transition:enter-start="opacity-0 transform scale-95"
2761                            x-transition:enter-end="opacity-100 transform scale-100"
2762                            x-transition:leave="transition duration-100 ease-out"
2763                            x-transition:leave-start="opacity-100 transform scale-100"
2764                            x-transition:leave-end="opacity-0 transform scale-95"
2765                            class="absolute z-10 left-0  top-full w-full shadow-lg">
2766                    
2767                    <template x-if="showSubCategory0">
2768                        <div
2769                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
2770                            style="margin-left: -15px; background: #fff; color: #000; font-size: 0.9rem;"
2771                                                    >
2772                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
2773                                
2774                        <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;">
2775                <a href="https://www.dorothea.no/categories/Nyheter" data-target="m-menu-2"
2776                    class="nav-link block px-4 py-2 cursor-pointer">
2777                    Se alle produkter
2778                </a>
2779            </li>
2780        
2781                    
2782                            <li                         class="__level-1  list-inline-item category-box Klær-cat"
2783                    >
2784                    <a href="https://www.dorothea.no/categories/klar-nyheter" data-target="m-menu-2"
2785                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2786                                                Klær
2787                    </a>
2788                </li>
2789            
2790                    
2791                            <li                         class="__level-1  list-inline-item category-box Tilbehør-cat"
2792                    >
2793                    <a href="https://www.dorothea.no/categories/tilbehor-nyheter" data-target="m-menu-2"
2794                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2795                                                Tilbehør
2796                    </a>
2797                </li>
2798            
2799                    
2800                            <li                         class="__level-1  list-inline-item category-box Interiør-cat"
2801                    >
2802                    <a href="https://www.dorothea.no/categories/interior-nyheter" data-target="m-menu-2"
2803                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2804                                                Interiør
2805                    </a>
2806                </li>
2807            
2808                    
2809                            <li                         class="__level-1  list-inline-item category-box Mat-cat"
2810                    >
2811                    <a href="https://www.dorothea.no/categories/mat-nyheter" data-target="m-menu-2"
2812                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2813                                                Mat
2814                    </a>
2815                </li>
2816            
2817                    
2818                            <li                         class="__level-1  list-inline-item category-box Møbler-cat"
2819                    >
2820                    <a href="https://www.dorothea.no/categories/moblernyheter" data-target="m-menu-2"
2821                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2822                                                Møbler
2823                    </a>
2824                </li>
2825            
2826            
2827                            </ul>
2828                        </div>
2829                    </template>
2830                                        </div>
2831                                    </li>
2832            
2833                    
2834                            <li
2835                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box dameklr-cat relative list-inline-item dropdown has-mega-menu has-child "
2836                    style="position:static;"
2837                >
2838                                            <a
2839                            id="navbarDropdownMenuLink69"
2840                            href="https://www.dorothea.no/categories/klaer"
2841                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.dorothea.no/categories/klaer' }; showSubCategory0 = true"
2842                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
2843                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
2844                            style="gap: 8px;"
2845                            data-toggle="dropdown"
2846                            aria-haspopup="true"
2847                            aria-expanded="false"
2848                        >
2849                            <div>Dameklær</div>
2850                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
2851                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
2852                                        stroke="currentColor">
2853                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2854                                    </svg>
2855                                </div>
2856                                                    </a>
2857                    
2858                                                                    
2859                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
2860                            x-transition:enter-start="opacity-0 transform scale-95"
2861                            x-transition:enter-end="opacity-100 transform scale-100"
2862                            x-transition:leave="transition duration-100 ease-out"
2863                            x-transition:leave-start="opacity-100 transform scale-100"
2864                            x-transition:leave-end="opacity-0 transform scale-95"
2865                            class="absolute z-10 left-0  top-full w-full shadow-lg">
2866                    
2867                    <template x-if="showSubCategory0">
2868                        <div
2869                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
2870                            style="margin-left: -15px; background: #fff; color: #000; font-size: 0.9rem;"
2871                                                    >
2872                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
2873                                
2874                        <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;">
2875                <a href="https://www.dorothea.no/categories/klaer" data-target="m-menu-2"
2876                    class="nav-link block px-4 py-2 cursor-pointer">
2877                    Se alle produkter
2878                </a>
2879            </li>
2880        
2881                    
2882                            <li
2883                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box godekvaliteter-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
2884                    style="position:static;"
2885                >
2886                                            <span class="flex justify-between items-center px-4 py-2">
2887                            <a
2888                                href="https://www.dorothea.no/categories/rene-kvaliteter"
2889                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
2890                                data-toggle="dropdown"
2891                                aria-haspopup="true"
2892                                aria-expanded="false"
2893                            >
2894                                                                <span class="text-lg">
2895                                    Gode kvaliteter
2896                                </span>
2897                            </a>
2898
2899                                                    </span>
2900                    
2901                    
2902                    <template x-if="showSubCategory1">
2903                        <div
2904                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
2905                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
2906                            x-show="showSubCategory1"                        >
2907                            <ul class="inner-container m-auto " >
2908                                
2909            
2910                    
2911                            <li                         class="__level-2  list-inline-item category-box Basisplagg-cat"
2912                    >
2913                    <a href="https://www.dorothea.no/categories/basis
2913plagg" data-target="m-menu-2"
2914                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
2915                                                Basisplagg
2916                    </a>
2917                </li>
2918            
2919                    
2920                            <li                         class="__level-2  list-inline-item category-box Bomullsplagg-cat"
2921                    >
2922                    <a href="https://www.dorothea.no/categories/bomullsplagg" data-target="m-menu-2"
2923                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
2924                                                Bomullsplagg
2925                    </a>
2926                </li>
2927            
2928                    
2929                            <li                         class="__level-2  list-inline-item category-box Linklær-cat"
2930                    >
2931                    <a href="https://www.dorothea.no/categories/linklar" data-target="m-menu-2"
2932                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
2933                                                Linklær
2934                    </a>
2935                </li>
2936            
2937                    
2938                            <li                         class="__level-2  list-inline-item category-box Ullplagg-cat"
2939                    >
2940                    <a href="https://www.dorothea.no/categories/ullplagg" data-target="m-menu-2"
2941                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
2942                                                Ullplagg
2943                    </a>
2944                </li>
2945            
2946            
2947                            </ul>
2948                        </div>
2949                    </template>
2950                                    </li>
2951            
2952                    
2953                            <li                         class="__level-1  list-inline-item category-box Kjoler-cat"
2954                    >
2955                    <a href="https://www.dorothea.no/categories/hverdagskjole" data-target="m-menu-2"
2956                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2957                                                Kjoler
2958                    </a>
2959                </li>
2960            
2961                    
2962                            <li                         class="__level-1  list-inline-item category-box Yttertøy-cat"
2963                    >
2964                    <a href="https://www.dorothea.no/categories/ytterjakke" data-target="m-menu-2"
2965                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
2966                                                Yttertøy
2967                    </a>
2968                </li>
2969            
2970                    
2971                            <li
2972                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box overdeler-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
2973                    style="position:static;"
2974                >
2975                                            <span class="flex justify-between items-center px-4 py-2">
2976                            <a
2977                                href="https://www.dorothea.no/categories/Overdeler"
2978                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
2979                                data-toggle="dropdown"
2980                                aria-haspopup="true"
2981                                aria-expanded="false"
2982                            >
2983                                                                <span class="text-lg">
2984                                    Overdeler
2985                                </span>
2986                            </a>
2987
2988                                                    </span>
2989                    
2990                    
2991                    <template x-if="showSubCategory1">
2992                        <div
2993                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
2994                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
2995                            x-show="showSubCategory1"                        >
2996                            <ul class="inner-container m-auto " >
2997                                
2998            
2999                    
3000                            <li                         class="__level-2  list-inline-item category-box Poncho & vest-cat"
3001                    >
3002                    <a href="https://www.dorothea.no/categories/poncho-og-vest" data-target="m-menu-2"
3003                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3004                                                Poncho & vest
3005                    </a>
3006                </li>
3007            
3008                    
3009                            <li                         class="__level-2  list-inline-item category-box Topper & t-skjorter-cat"
3010                    >
3011                    <a href="https://www.dorothea.no/categories/topper-og-t-skjorter" data-target="m-menu-2"
3012                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3013                                                Topper & t-skjorter
3014                    </a>
3015                </li>
3016            
3017                    
3018                            <li                         class="__level-2  list-inline-item category-box Bluser & skjorter-cat"
3019                    >
3020                    <a href="https://www.dorothea.no/categories/bluser-og-skjorter1" data-target="m-menu-2"
3021                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3022                                                Bluser & skjorter
3023                    </a>
3024                </li>
3025            
3026                    
3027                            <li                         class="__level-2  list-inline-item category-box Cardigan & gensere-cat"
3028                    >
3029                    <a href="https://www.dorothea.no/categories/genser-og-cardigan" data-target="m-menu-2"
3030                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3031                                                Cardigan & gensere
3032                    </a>
3033                </li>
3034            
3035                    
3036                            <li                         class="__level-2  list-inline-item category-box Kimono-cat"
3037                    >
3038                    <a href="https://www.dorothea.no/categories/kimono" data-target="m-menu-2"
3039                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3040                                                Kimono
3041                    </a>
3042                </li>
3043            
3044            
3045                            </ul>
3046                        </div>
3047                    </template>
3048                                    </li>
3049            
3050                    
3051                            <li
3052                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box underdeler-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
3053                    style="position:static;"
3054                >
3055                                            <span class="flex justify-between items-center px-4 py-2">
3056                            <a
3057                                href="https://www.dorothea.no/categories/Underdeler"
3058                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
3059                                data-toggle="dropdown"
3060                                aria-haspopup="true"
3061                                aria-expanded="false"
3062                            >
3063                                                                <span class="text-lg">
3064                                    Underdeler
3065                                </span>
3066                            </a>
3067
3068                                                    </span>
3069                    
3070                    
3071                    <template x-if="showSubCategory1">
3072                        <div
3073                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
3074                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
3075                            x-show="showSubCategory1"                        >
3076                            <ul class="inner-container m-auto " >
3077                                
3078            
3079                    
3080                            <li                         class="__level-2  list-inline-item category-box Bukser & jeans-cat"
3081                    >
3082                    <a href="https://www.dorothea.no/categories/bukser-og-jeans" data-target="m-menu-2"
3083                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3084                                                Bukser & jeans
3085                    </a>
3086                </li>
3087            
3088                    
3089                            <li                         class="__level-2  list-inline-item category-box Jumpsuit-cat"
3090                    >
3091                    <a href="https://www.dorothea.no/categories/jumpsuit" data-target="m-menu-2"
3092                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3093                                                Jumpsuit
3094                    </a>
3095                </li>
3096            
3097                    
3098                            <li                         class="__level-2  list-inline-item category-box Skjørt-cat"
3099                    >
3100                    <a href="https://www.dorothea.no/categories/skjort" data-target="m-menu-2"
3101                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3102                                                Skjørt
3103                    </a>
3104                </li>
3105            
3106            
3107                            </ul>
3108                        </div>
3109                    </template>
3110                                    </li>
3111            
3112                    
3113                            <li                         class="__level-1  list-inline-item category-box Sokker & strømpebukser-cat"
3114                    >
3115                    <a href="https://www.dorothea.no/categories/sokker" data-target="m-menu-2"
3116                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3117                                                Sokker & strømpebukser
3118                    </a>
3119                </li>
3120            
3121            
3122                            </ul>
3123                        </div>
3124                    </template>
3125                                        </div>
3126                                    </li>
3127            
3128                    
3129                            <li
3130                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box tilbehr-cat relative list-inline-item dropdown has-mega-menu has-child "
3131                    style="position:static;"
3132                >
3133                                            <a
3134                            id="navbarDropdownMenuLink68"
3135                            href="https://www.dorothea.no/categories/tilbehor"
3136                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.dorothea.no/categories/tilbehor' }; showSubCategory0 = true"
3137                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
3138                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
3139                            style="gap: 8px;"
3140                            data-toggle="dropdown"
3141                            aria-haspopup="true"
3142                            aria-expanded="false"
3143                        >
3144                            <div>Tilbehør</div>
3145                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
3146                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
3147                                        stroke="currentColor">
3148                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
3149                                    </svg>
3150                                </div>
3151                                                    </a>
3152                    
3153                                                                    
3154                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
3155                            x-transition:enter-start="opacity-0 transform scale-95"
3156                            x-transition:enter-end="opacity-100 transform scale-100"
3157                            x-transition:leave="transition duration-100 ease-out"
3158                            x-transition:leave-start="opacity-100 transform scale-100"
3159                            x-transition:leave-end="opacity-0 transform scale-95"
3160                            class="absolute z-10 left-0  top-full w-full shadow-lg">
3161                    
3162                    <template x-if="showSubCategory0">
3163                        <div
3164                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
3165                            style="margin-left: -15px; background: #fff; color: #000; font-size: 0.9rem;"
3166                                                    >
3167                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
3168                                
3169                        <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;">
3170                <a href="https://www.dorothea.no/categories/tilbehor" data-target="m-menu-2"
3171                    class="nav-link block px-4 py-2 cursor-pointer">
3172                    Se alle produkter
3173                </a>
3174            </li>
3175        
3176                    
3177                            <li
3178                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box diversetilbehr-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
3179                    style="position:static;"
3180                >
3181                                            <span class="flex justify-between items-center px-4 py-2">
3182                            <a
3183                                href="https://www.dorothea.no/categories/diverse-tilbehor"
3184                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
3185                                data-toggle="dropdown"
3186                                aria-haspopup="true"
3187                                aria-expanded="false"
3188                            >
3189                                                                <span class="text-lg">
3190                                    Diverse tilbehør
3191                                </span>
3192                            </a>
3193
3194                                                    </span>
3195                    
3196                    
3197                    <template x-if="showSubCategory1">
3198                        <div
3199                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
3200                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
3201                            x-show="showSubCategory1"                        >
3202                            <ul class="inner-container m-auto " >
3203                                
3204            
3205                    
3206                            <li                         class="__level-2  list-inline-item category-box Belter-cat"
3207                    >
3208                    <a href="https://www.dorothea.no/categories/belter" data-target="m-menu-2"
3209                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3210                                                Belter
3211                    </a>
3212                </li>
3213            
3214                    
3215                            <li                         class="__level-2  list-inline-item category-box Sjal & skjerf-cat"
3216                    >
3217                    <a href="https://www.dorothea.no/categories/sjal-og-skjerf" data-target="m-menu-2"
3218                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3219                                                Sjal & skjerf
3220                    </a>
3221                </li>
3222            
3223            
3224                            </ul>
3225                        </div>
3226                    </template>
3227                                    </li>
3228            
3229                    
3230                            <li
3231                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box smykker-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
3232                    style="position:static;"
3233                >
3234                                            <span class="flex justify-between items-center px-4 py-2">
3235                            <a
3236                                href="https://www.dorothea.no/categories/smykker"
3237                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
3238                                data-toggle="dropdown"
3239                                aria-haspopup="true"
3240                                aria-expanded="false"
3241                            >
3242                                                                <span class="text-lg">
3243                                    Smykker
3244                                </span>
3245                            </a>
3246
3247                                                    </span>
3248                    
3249                    
3250                    <template x-if="showSubCategory1">
3251                        <div
3252                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
3253                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
3254                            x-show="showSubCategory1"                        >
3255                            <ul class="inner-container m-auto " >
3256                                
3257            
3258                    
3259                            <li                         class="__level-2  list-inline-item category-box Øredobber & ringer-cat"
3260                    >
3261                    <a href="https://www.dorothea.no/categories/oredobber" data-target="m-menu-2"
3262                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3263                                                Øredobber & ringer
3264                    </a>
3265                </li>
3266            
3267                    
3268                            <li                         class="__level-2  list-inline-item category-box Armbånd-cat"
3269                    >
3270                    <a href="https://www.dorothea.no/categories/armband" data-target="m-menu-2"
3271                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3272                                                Armbånd
3273                    </a>
3274                </li>
3275            
3276                    
3277                            <li                         class="__level-2  list-inline-item category-box Halskjeder & anheng-cat"
3278                    >
3279                    <a href="https://www.dorothea.no/categories/halskjeder" data-target="m-menu-2"
3280                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3281                                                Halskjeder & anheng
3282                    </a>
3283                </li>
3284            
3285            
3286                            </ul>
3287                        </div>
3288                    </template>
3289                                    </li>
3290            
3291                    
3292                            <li
3293                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box vesker-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
3294                    style="position:static;"
3295                >
3296                                            <span class="flex justify-between items-center px-4 py-2">
3297                            <a
3298                                href="https://www.dorothea.no/categories/vesker"
3299                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
3300                                data-toggle="dropdown"
3301                                aria-haspopup="true"
3302                                aria-expanded="false"
3303                            >
3304                                                                <span class="text-lg">
3305                                    Vesker
3306                                </span>
3307                            </a>
3308
3309                                                    </span>
3310                    
3311                    
3312                    <template x-if="showSubCategory1">
3313                        <div
3314                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
3315                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
3316                            x-show="showSubCategory1"                        >
3317                            <ul class="inner-container m-auto " >
3318                                
3319            
3320                    
3321                            <li                         class="__level-2  list-inline-item category-box Vesketilbehør-cat"
3322                    >
3323                    <a href="https://www.dorothea.no/categories/vesketilbehor" data-target="m-menu-2"
3324                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3325                                                Vesketilbehør
3326                    </a>
3327                </li>
3328            
3329                    
3330                            <li                         class="__level-2  list-inline-item category-box Vesker & handlenett-cat"
3331                    >
3332                    <a href="https://www.dorothea.no/categories/vesker-og-handlenett" data-target="m-menu-2"
3333                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3334                                                Vesker & handlenett
3335                    </a>
3336                </li>
3337            
3338            
3339                            </ul>
3340                        </div>
3341                    </template>
3342                                    </li>
3343            
3344                    
3345                            <li
3346                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box hodeplagg-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
3347                    style="position:static;"
3348                >
3349                                            <span class="flex justify-between items-center px-4 py-2">
3350                            <a
3351                                href="https://www.dorothea.no/categories/hodeplagg"
3352                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
3353                                data-toggle="dropdown"
3354                                aria-haspopup="true"
3355                                aria-expanded="false"
3356                            >
3357                                                                <span class="text-lg">
3358                                    Hodeplagg
3359                                </span>
3360                            </a>
3361
3362                                                    </span>
3363                    
3364                    
3365                    <template x-if="showSubCategory1">
3366                        <div
3367                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
3368                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
3369                            x-show="showSubCategory1"                        >
3370                            <ul class="inner-container m-auto " >
3371                                
3372            
3373                    
3374                            <li                         class="__level-2  list-inline-item category-box Hårbøyler-cat"
3375                    >
3376                    <a href="https://www.dorothea.no/categories/harboyler" data-target="m-menu-2"
3377                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3378                                                Hårbøyler
3379                    </a>
3380                </li>
3381            
3382                    
3383                            <li                         class="__level-2  list-inline-item category-box Luer og hatter-cat"
3384                    >
3385                    <a href="https://www.dorothea.no/categories/luer-og-hatter" data-target="m-menu-2"
3386                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3387                                                Luer og hatter
3388                    </a>
3389                </li>
3390            
3391                    
3392                            <li                         class="__level-2  list-inline-item category-box Spenner og hårklyper-cat"
3393                    >
3394                    <a href="https://www.dorothea.no/categories/spenner-og-harklyper" data-target="m-menu-2"
3395                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3396                                                Spenner og hårklyper
3397                    </a>
3398                </li>
3399            
3400            
3401                            </ul>
3402                        </div>
3403                    </template>
3404                                    </li>
3405            
3406            
3407                            </ul>
3408                        </div>
3409                    </template>
3410                                        </div>
3411                                    </li>
3412            
3413                    
3414                            <li
3415                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box sko-cat relative list-inline-item dropdown has-mega-menu has-child "
3416                    style="position:static;"
3417                >
3418                                            <a
3419                            id="navbarDropdownMenuLink233"
3420                            href="https://www.dorothea.no/categories/skonyheter"
3421                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.dorothea.no/categories/skonyheter' }; showSubCategory0 = true"
3422                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
3423                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
3424                            style="gap: 8px;"
3425                            data-toggle="dropdown"
3426                            aria-haspopup="true"
3427                            aria-expanded="false"
3428                        >
3429                            <div>Sko</div>
3430                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
3431                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
3432                                        stroke="currentColor">
3433                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
3434                                    </svg>
3435                                </div>
3436                                                    </a>
3437                    
3438                                                                    
3439                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
3440                            x-transition:enter-start="opacity-0 transform scale-95"
3441                            x-transition:enter-end="opacity-100 transform scale-100"
3442                            x-transition:leave="transition duration-100 ease-out"
3443                            x-transition:leave-start="opacity-100 transform scale-100"
3444                            x-transition:leave-end="opacity-0 transform scale-95"
3445                            class="absolute z-10 left-0  top-full w-full shadow-lg">
3446                    
3447                    <template x-if="showSubCategory0">
3448                        <div
3449                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
3450                            style="margin-left: -15px; background: #fff; color: #000; font-size: 0.9rem;"
3451                                                    >
3452                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
3453                                
3454                        <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;">
3455                <a href="https://www.dorothea.no/categories/skonyheter" data-target="m-menu-2"
3456                    class="nav-link block px-4 py-2 cursor-pointer">
3457                    Se alle produkter
3458                </a>
3459            </li>
3460        
3461                    
3462                            <li                         class="__level-1  list-inline-item category-box Sko-cat"
3463                    >
3464                    <a href="https://www.dorothea.no/categories/sko1" data-target="m-menu-2"
3465                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3466                                                Sko
3467                    </a>
3468                </li>
3469            
3470                    
3471                            <li                         class="__level-1  list-inline-item category-box Tøfler-cat"
3472                    >
3473                    <a href="https://www.dorothea.no/categories/tofler" data-target="m-menu-2"
3474                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3475                                                Tøfler
3476                    </a>
3477                </li>
3478            
3479            
3480                            </ul>
3481                        </div>
3482                    </template>
3483                                        </div>
3484                                    </li>
3485            
3486                    
3487                            <li
3488                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box interir-cat relative list-inline-item dropdown has-mega-menu has-child "
3489                    style="position:static;"
3490                >
3491                                            <a
3492                            id="navbarDropdownMenuLink70"
3493                            href="https://www.dorothea.no/categories/interior"
3494                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.dorothea.no/categories/interior' }; showSubCategory0 = true"
3495                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
3496                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
3497                            style="gap: 8px;"
3498                            data-toggle="dropdown"
3499                            aria-haspopup="true"
3500                            aria-expanded="false"
3501                        >
3502                            <div>Interiør</div>
3503                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
3504                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
3505                                        stroke="currentColor">
3506                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
3507                                    </svg>
3508                                </div>
3509                                                    </a>
3510                    
3511                                                                    
3512                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
3513                            x-transition:enter-start="opacity-0 transform scale-95"
3514                            x-transition:enter-end="opacity-100 transform scale-100"
3515                            x-transition:leave="transition duration-100 ease-out"
3516                            x-transition:leave-start="opacity-100 transform scale-100"
3517                            x-transition:leave-end="opacity-0 transform scale-95"
3518                            class="absolute z-10 left-0  top-full w-full shadow-lg">
3519                    
3520                    <template x-if="showSubCategory0">
3521                        <div
3522                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
3523                            style="margin-left: -15px; background: #fff; color: #000; font-size: 0.9rem;"
3524                                                    >
3525                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
3526                                
3527                        <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;">
3528                <a href="https://www.dorothea.no/categories/interior" data-target="m-menu-2"
3529                    class="nav-link block px-4 py-2 cursor-pointer">
3530                    Se alle produkter
3531                </a>
3532            </li>
3533        
3534                    
3535                            <li
3536                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box belysning-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
3537                    style="position:static;"
3538                >
3539                                            <span class="flex justify-between items-center px-4 py-2">
3540                            <a
3541                                href="https://www.dorothea.no/categories/Belysning"
3542                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
3543                                data-toggle="dropdown"
3544                                aria-haspopup="true"
3545                                aria-expanded="false"
3546                            >
3547                                                                <span class="text-lg">
3548                                    Belysning
3549                                </span>
3550                            </a>
3551
3552                                                    </span>
3553                    
3554                    
3555                    <template x-if="showSubCategory1">
3556                        <div
3557                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
3558                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
3559                            x-show="showSubCategory1"                        >
3560                            <ul class="inner-container m-auto " >
3561                                
3562            
3563                    
3564                            <li                         class="__level-2  list-inline-item category-box Lamper & lampeskjermer-cat"
3565                    >
3566                    <a href="https://www.dorothea.no/categories/lamper-og-lampeskjermer" data-target="m-menu-2"
3567                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3568                                                Lamper & lampeskjermer
3569                    </a>
3570                </li>
3571            
3572                    
3573                            <li                         class="__level-2  list-inline-item category-box Lyspærer-cat"
3574                    >
3575                    <a href="https://www.dorothea.no/categories/lysparer" data-target="m-menu-2"
3576                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3577                                                Lyspærer
3578                    </a>
3579                </li>
3580            
3581            
3582                            </ul>
3583                        </div>
3584                    </template>
3585                                    </li>
3586            
3587                    
3588                            <li
3589                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box dekor-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
3590                    style="position:static;"
3591                >
3592                                            <span class="flex justify-between items-center px-4 py-2">
3593                            <a
3594                                href="https://www.dorothea.no/categories/dekor-og-pynt"
3595                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
3596                                data-toggle="dropdown"
3597                                aria-haspopup="true"
3598                                aria-expanded="false"
3599                            >
3600                                                                <sp
3600an class="text-lg">
3601                                    Dekor
3602                                </span>
3603                            </a>
3604
3605                                                    </span>
3606                    
3607                    
3608                    <template x-if="showSubCategory1">
3609                        <div
3610                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
3611                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
3612                            x-show="showSubCategory1"                        >
3613                            <ul class="inner-container m-auto " >
3614                                
3615            
3616                    
3617                            <li                         class="__level-2  list-inline-item category-box Bilder-cat"
3618                    >
3619                    <a href="https://www.dorothea.no/categories/bilder1" data-target="m-menu-2"
3620                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3621                                                Bilder
3622                    </a>
3623                </li>
3624            
3625                    
3626                            <li                         class="__level-2  list-inline-item category-box Blomster & planter-cat"
3627                    >
3628                    <a href="https://www.dorothea.no/categories/blomster-og-planter" data-target="m-menu-2"
3629                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3630                                                Blomster & planter
3631                    </a>
3632                </li>
3633            
3634                    
3635                            <li                         class="__level-2  list-inline-item category-box Lysglass & lysestaker-cat"
3636                    >
3637                    <a href="https://www.dorothea.no/categories/lys-og-lysestaker" data-target="m-menu-2"
3638                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3639                                                Lysglass & lysestaker
3640                    </a>
3641                </li>
3642            
3643                    
3644                            <li                         class="__level-2  list-inline-item category-box Plakater & rammer-cat"
3645                    >
3646                    <a href="https://www.dorothea.no/categories/plakater-og-rammer" data-target="m-menu-2"
3647                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3648                                                Plakater & rammer
3649                    </a>
3650                </li>
3651            
3652                    
3653                            <li                         class="__level-2  list-inline-item category-box Postkasser-cat"
3654                    >
3655                    <a href="https://www.dorothea.no/categories/postkasser" data-target="m-menu-2"
3656                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3657                                                Postkasser
3658                    </a>
3659                </li>
3660            
3661                    
3662                            <li                         class="__level-2  list-inline-item category-box Pyntegjenstander-cat"
3663                    >
3664                    <a href="https://www.dorothea.no/categories/Pyntegjenstander" data-target="m-menu-2"
3665                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3666                                                Pyntegjenstander
3667                    </a>
3668                </li>
3669            
3670                    
3671                            <li                         class="__level-2  list-inline-item category-box Vaser & potter-cat"
3672                    >
3673                    <a href="https://www.dorothea.no/categories/krukker" data-target="m-menu-2"
3674                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3675                                                Vaser & potter
3676                    </a>
3677                </li>
3678            
3679            
3680                            </ul>
3681                        </div>
3682                    </template>
3683                                    </li>
3684            
3685                    
3686                            <li
3687                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box oppbevaring-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
3688                    style="position:static;"
3689                >
3690                                            <span class="flex justify-between items-center px-4 py-2">
3691                            <a
3692                                href="https://www.dorothea.no/categories/smaoppbevaring"
3693                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
3694                                data-toggle="dropdown"
3695                                aria-haspopup="true"
3696                                aria-expanded="false"
3697                            >
3698                                                                <span class="text-lg">
3699                                    Oppbevaring
3700                                </span>
3701                            </a>
3702
3703                                                    </span>
3704                    
3705                    
3706                    <template x-if="showSubCategory1">
3707                        <div
3708                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
3709                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
3710                            x-show="showSubCategory1"                        >
3711                            <ul class="inner-container m-auto " >
3712                                
3713            
3714                    
3715                            <li                         class="__level-2  list-inline-item category-box Hyller & knagger-cat"
3716                    >
3717                    <a href="https://www.dorothea.no/categories/hyller-og-knagger" data-target="m-menu-2"
3718                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3719                                                Hyller & knagger
3720                    </a>
3721                </li>
3722            
3723                    
3724                            <li                         class="__level-2  list-inline-item category-box Poser, trekasser og kurver-cat"
3725                    >
3726                    <a href="https://www.dorothea.no/categories/Poser" data-target="m-menu-2"
3727                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3728                                                Poser, trekasser og kurver
3729                    </a>
3730                </li>
3731            
3732            
3733                            </ul>
3734                        </div>
3735                    </template>
3736                                    </li>
3737            
3738                    
3739                            <li
3740                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box servering-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
3741                    style="position:static;"
3742                >
3743                                            <span class="flex justify-between items-center px-4 py-2">
3744                            <a
3745                                href="https://www.dorothea.no/categories/servering1"
3746                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
3747                                data-toggle="dropdown"
3748                                aria-haspopup="true"
3749                                aria-expanded="false"
3750                            >
3751                                                                <span class="text-lg">
3752                                    Servering
3753                                </span>
3754                            </a>
3755
3756                                                    </span>
3757                    
3758                    
3759                    <template x-if="showSubCategory1">
3760                        <div
3761                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
3762                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
3763                            x-show="showSubCategory1"                        >
3764                            <ul class="inner-container m-auto " >
3765                                
3766            
3767                    
3768                            <li                         class="__level-2  list-inline-item category-box Kjøkkenutstyr-cat"
3769                    >
3770                    <a href="https://www.dorothea.no/categories/kjokkenutstyr" data-target="m-menu-2"
3771                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3772                                                Kjøkkenutstyr
3773                    </a>
3774                </li>
3775            
3776                    
3777                            <li                         class="__level-2  list-inline-item category-box Krus & glass-cat"
3778                    >
3779                    <a href="https://www.dorothea.no/categories/krus" data-target="m-menu-2"
3780                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3781                                                Krus & glass
3782                    </a>
3783                </li>
3784            
3785                    
3786                            <li                         class="__level-2  list-inline-item category-box Krus med tekst-cat"
3787                    >
3788                    <a href="https://www.dorothea.no/categories/krus-med-tekst" data-target="m-menu-2"
3789                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3790                                                Krus med tekst
3791                    </a>
3792                </li>
3793            
3794                    
3795                            <li                         class="__level-2  list-inline-item category-box Servietter-cat"
3796                    >
3797                    <a href="https://www.dorothea.no/categories/servietter" data-target="m-menu-2"
3798                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3799                                                Servietter
3800                    </a>
3801                </li>
3802            
3803                    
3804                            <li                         class="__level-2  list-inline-item category-box Skåler og serveringsfat-cat"
3805                    >
3806                    <a href="https://www.dorothea.no/categories/skaler-og-serveringsfat" data-target="m-menu-2"
3807                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3808                                                Skåler og serveringsfat
3809                    </a>
3810                </li>
3811            
3812                    
3813                            <li                         class="__level-2  list-inline-item category-box Tallerkener-cat"
3814                    >
3815                    <a href="https://www.dorothea.no/categories/tallerkener" data-target="m-menu-2"
3816                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3817                                                Tallerkener
3818                    </a>
3819                </li>
3820            
3821                    
3822                            <li                         class="__level-2  list-inline-item category-box Trefjøler og Treprodukter-cat"
3823                    >
3824                    <a href="https://www.dorothea.no/categories/trefjoler-og-treprodukter" data-target="m-menu-2"
3825                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3826                                                Trefjøler og Treprodukter
3827                    </a>
3828                </li>
3829            
3830                    
3831                            <li                         class="__level-2  list-inline-item category-box Trend Servise-cat"
3832                    >
3833                    <a href="https://www.dorothea.no/categories/trend-servise" data-target="m-menu-2"
3834                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3835                                                Trend Servise
3836                    </a>
3837                </li>
3838            
3839                    
3840                            <li                         class="__level-2  list-inline-item category-box Wonki Ware-cat"
3841                    >
3842                    <a href="https://www.dorothea.no/categories/wonki-ware" data-target="m-menu-2"
3843                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3844                                                Wonki Ware
3845                    </a>
3846                </li>
3847            
3848                    
3849                            <li                         class="__level-2  list-inline-item category-box Spliid-cat"
3850                    >
3851                    <a href="https://www.dorothea.no/categories/spliid" data-target="m-menu-2"
3852                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3853                                                Spliid
3854                    </a>
3855                </li>
3856            
3857            
3858                            </ul>
3859                        </div>
3860                    </template>
3861                                    </li>
3862            
3863                    
3864                            <li
3865                    x-data="{ showSubCategory1: true }"                                         class="__level-1 category-box tekstilerskinn-cat relative list-inline-item dropdown has-mega-menu  has-subchild "
3866                    style="position:static;"
3867                >
3868                                            <span class="flex justify-between items-center px-4 py-2">
3869                            <a
3870                                href="https://www.dorothea.no/categories/tekstiler-og-skinn"
3871                                class="nav-link dropdown-toggle  block py-0   relative cursor-pointer flex-1"
3872                                data-toggle="dropdown"
3873                                aria-haspopup="true"
3874                                aria-expanded="false"
3875                            >
3876                                                                <span class="text-lg">
3877                                    Tekstiler & skinn
3878                                </span>
3879                            </a>
3880
3881                                                    </span>
3882                    
3883                    
3884                    <template x-if="showSubCategory1">
3885                        <div
3886                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu  mb-4  "
3887                            style="margin-left: 0px; background: #fff; color: #000; font-size: 0.9rem;"
3888                            x-show="showSubCategory1"                        >
3889                            <ul class="inner-container m-auto " >
3890                                
3891            
3892                    
3893                            <li                         class="__level-2  list-inline-item category-box Baderomstekstiler-cat"
3894                    >
3895                    <a href="https://www.dorothea.no/categories/baderomstekstiler" data-target="m-menu-2"
3896                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3897                                                Baderomstekstiler
3898                    </a>
3899                </li>
3900            
3901                    
3902                            <li                         class="__level-2  list-inline-item category-box Dørmatter-cat"
3903                    >
3904                    <a href="https://www.dorothea.no/categories/dormatter" data-target="m-menu-2"
3905                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3906                                                Dørmatter
3907                    </a>
3908                </li>
3909            
3910                    
3911                            <li                         class="__level-2  list-inline-item category-box Duk & løper-cat"
3912                    >
3913                    <a href="https://www.dorothea.no/categories/duk-og-loper" data-target="m-menu-2"
3914                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3915                                                Duk & løper
3916                    </a>
3917                </li>
3918            
3919                    
3920                            <li                         class="__level-2  list-inline-item category-box Gardiner-cat"
3921                    >
3922                    <a href="https://www.dorothea.no/categories/gardiner1" data-target="m-menu-2"
3923                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3924                                                Gardiner
3925                    </a>
3926                </li>
3927            
3928                    
3929                            <li                         class="__level-2  list-inline-item category-box Kjøkkentekstiler-cat"
3930                    >
3931                    <a href="https://www.dorothea.no/categories/kjokkentekstiler1" data-target="m-menu-2"
3932                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3933                                                Kjøkkentekstiler
3934                    </a>
3935                </li>
3936            
3937                    
3938                            <li                         class="__level-2  list-inline-item category-box Pledd & madrasser-cat"
3939                    >
3940                    <a href="https://www.dorothea.no/categories/pledd1" data-target="m-menu-2"
3941                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3942                                                Pledd & madrasser
3943                    </a>
3944                </li>
3945            
3946                    
3947                            <li                         class="__level-2  list-inline-item category-box Puter & sitteputer-cat"
3948                    >
3949                    <a href="https://www.dorothea.no/categories/pynteputer" data-target="m-menu-2"
3950                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3951                                                Puter & sitteputer
3952                    </a>
3953                </li>
3954            
3955                    
3956                            <li                         class="__level-2  list-inline-item category-box Tepper & ryer-cat"
3957                    >
3958                    <a href="https://www.dorothea.no/categories/tepper" data-target="m-menu-2"
3959                        class="nav-link block px-6  py-1 text-sm  text-inherit   cursor-pointer">
3960                                                Tepper & ryer
3961                    </a>
3962                </li>
3963            
3964            
3965                            </ul>
3966                        </div>
3967                    </template>
3968                                    </li>
3969            
3970                    
3971                            <li                         class="__level-1  list-inline-item category-box Vintage skatter-cat"
3972                    >
3973                    <a href="https://www.dorothea.no/categories/vintage-skatter" data-target="m-menu-2"
3974                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
3975                                                Vintage skatter
3976                    </a>
3977                </li>
3978            
3979            
3980                            </ul>
3981                        </div>
3982                    </template>
3983                                        </div>
3984                                    </li>
3985            
3986                    
3987                            <li
3988                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box velvre-cat relative list-inline-item dropdown has-mega-menu has-child "
3989                    style="position:static;"
3990                >
3991                                            <a
3992                            id="navbarDropdownMenuLink632"
3993                            href="https://www.dorothea.no/categories/velvare"
3994                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.dorothea.no/categories/velvare' }; showSubCategory0 = true"
3995                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
3996                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
3997                            style="gap: 8px;"
3998                            data-toggle="dropdown"
3999                            aria-haspopup="true"
4000                            aria-expanded="false"
4001                        >
4002                            <div>Velvære</div>
4003                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
4004                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
4005                                        stroke="currentColor">
4006                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
4007                                    </svg>
4008                                </div>
4009                                                    </a>
4010                    
4011                                                                    
4012                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
4013                            x-transition:enter-start="opacity-0 transform scale-95"
4014                            x-transition:enter-end="opacity-100 transform scale-100"
4015                            x-transition:leave="transition duration-100 ease-out"
4016                            x-transition:leave-start="opacity-100 transform scale-100"
4017                            x-transition:leave-end="opacity-0 transform scale-95"
4018                            class="absolute z-10 left-0  top-full w-full shadow-lg">
4019                    
4020                    <template x-if="showSubCategory0">
4021                        <div
4022                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
4023                            style="margin-left: -15px; background: #fff; color: #000; font-size: 0.9rem;"
4024                                                    >
4025                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
4026                                
4027                        <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;">
4028                <a href="https://www.dorothea.no/categories/velvare" data-target="m-menu-2"
4029                    class="nav-link block px-4 py-2 cursor-pointer">
4030                    Se alle produkter
4031                </a>
4032            </li>
4033        
4034                    
4035                            <li                         class="__level-1  list-inline-item category-box Lillavendel-cat"
4036                    >
4037                    <a href="https://www.dorothea.no/categories/lillavendel" data-target="m-menu-2"
4038                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4039                                                Lillavendel
4040                    </a>
4041                </li>
4042            
4043                    
4044                            <li                         class="__level-1  list-inline-item category-box Repair-cat"
4045                    >
4046                    <a href="https://www.dorothea.no/categories/repair" data-target="m-menu-2"
4047                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4048                                                Repair
4049                    </a>
4050                </li>
4051            
4052                    
4053                            <li                         class="__level-1  list-inline-item category-box Terrigeno-cat"
4054                    >
4055                    <a href="https://www.dorothea.no/categories/terrigeno" data-target="m-menu-2"
4056                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4057                                                Terrigeno
4058                    </a>
4059                </li>
4060            
4061                    
4062                            <li                         class="__level-1  list-inline-item category-box The English Soap Company-cat"
4063                    >
4064                    <a href="https://www.dorothea.no/categories/the-english-soap-company" data-target="m-menu-2"
4065                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4066                                                The English Soap Company
4067                    </a>
4068                </li>
4069            
4070                    
4071                            <li                         class="__level-1  list-inline-item category-box Durance-cat"
4072                    >
4073                    <a href="https://www.dorothea.no/categories/durance" data-target="m-menu-2"
4074                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4075                                                Durance
4076                    </a>
4077                </li>
4078            
4079                    
4080                            <li                         class="__level-1  list-inline-item category-box CERA di CUPRA-cat"
4081                    >
4082                    <a href="https://www.dorothea.no/categories/cera-di-cupra" data-target="m-menu-2"
4083                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4084                                                CERA di CUPRA
4085                    </a>
4086                </li>
4087            
4088                    
4089                            <li                         class="__level-1  list-inline-item category-box LE SULTAN d'ALEP-cat"
4090                    >
4091                    <a href="https://www.dorothea.no/categories/-le-sultan-dalep" data-target="m-menu-2"
4092                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4093                                                LE SULTAN d'ALEP
4094                    </a>
4095                </li>
4096            
4097                    
4098                            <li                         class="__level-1  list-inline-item category-box Campostrini Home-cat"
4099                    >
4100                    <a href="https://www.dorothea.no/categories/campostrini-home" data-target="m-menu-2"
4101                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4102                                                Campostrini Home
4103                    </a>
4104                </li>
4105            
4106                    
4107                            <li                         class="__level-1  list-inline-item category-box RUDY PROFUMI-cat"
4108                    >
4109                    <a href="https://www.dorothea.no/categories/rudy-profumi" data-target="m-menu-2"
4110                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4111                                                RUDY PROFUMI
4112                    </a>
4113                </li>
4114            
4115                    
4116                            <li                         class="__level-1  list-inline-item category-box PANIER DES SENS-cat"
4117                    >
4118                    <a href="https://www.dorothea.no/categories/panier-des-sens" data-target="m-menu-2"
4119                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4120                                                PANIER DES SENS
4121                    </a>
4122                </li>
4123            
4124                    
4125                            <li                         class="__level-1  list-inline-item category-box Bioguard-cat"
4126                    >
4127                    <a href="https://www.dorothea.no/categories/bioguard" data-target="m-menu-2"
4128                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4129                                                Bioguard
4130                    </a>
4131                </li>
4132            
4133                    
4134                            <li                         class="__level-1  list-inline-item category-box Duftlys-cat"
4135                    >
4136                    <a href="https://www.dorothea.no/categories/duftlys" data-target="m-menu-2"
4137                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4138                                                Duftlys
4139                    </a>
4140                </li>
4141            
4142            
4143                            </ul>
4144                        </div>
4145                    </template>
4146                                        </div>
4147                                    </li>
4148            
4149                    
4150                            <li                         class="__level-0 text-sm list-inline-item category-box Mat-cat"
4151                    >
4152                    <a href="https://www.dorothea.no/categories/matgodteri" data-target="m-menu-2"
4153                        class="nav-link block px-4  py-2   text-inherit   cursor-pointer">
4154                                                Mat
4155                    </a>
4156                </li>
4157            
4158                    
4159                            <li
4160                    x-data="{ showSubCategory0: false }" @click.away="showSubCategory0 = false"                                        class="__level-0 category-box mbler-cat relative list-inline-item dropdown has-mega-menu has-child "
4161                    style="position:static;"
4162                >
4163                                            <a
4164                            id="navbarDropdownMenuLink62"
4165                            href="https://www.dorothea.no/categories/mobler"
4166                                                            @click.prevent="if (showSubCategory0) { window.location.href = 'https://www.dorothea.no/categories/mobler' }; showSubCategory0 = true"
4167                                                        :class="showSubCategory0 ? 'font-bold selected' : ''"
4168                            class="flex items-center nav-link dropdown-toggle  block pl-2 pr-4 py-2 text-sm text-inherit relative cursor-pointer"
4169                            style="gap: 8px;"
4170                            data-toggle="dropdown"
4171                            aria-haspopup="true"
4172                            aria-expanded="false"
4173                        >
4174                            <div>Møbler</div>
4175                                                            <div class="relative top-[2px]" :class="showSubCategory0 ? '-rotate-90':'rotate-180'">
4176                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 20 20"
4177                                        stroke="currentColor">
4178                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
4179                                    </svg>
4180                                </div>
4181                                                    </a>
4182                    
4183                                                                    
4184                        <div x-show="showSubCategory0" x-transition:enter="transition duration-100 ease-in"
4185                            x-transition:enter-start="opacity-0 transform scale-95"
4186                            x-transition:enter-end="opacity-100 transform scale-100"
4187                            x-transition:leave="transition duration-100 ease-out"
4188                            x-transition:leave-start="opacity-100 transform scale-100"
4189                            x-transition:leave-end="opacity-0 transform scale-95"
4190                            class="absolute z-10 left-0  top-full w-full shadow-lg">
4191                    
4192                    <template x-if="showSubCategory0">
4193                        <div
4194                            class="__dropdown_menu_style sub_menu pl0 dropdown-menu m-menu-2 dropdown-menu p-4 dropdown-menu-parent   "
4195                            style="margin-left: -15px; background: #fff; color: #000; font-size: 0.9rem;"
4196                                                    >
4197                            <ul class="container m-auto text-left grid grid-cols-4 px-2" >
4198                                
4199                        <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;">
4200                <a href="https://www.dorothea.no/categories/mobler" data-target="m-menu-2"
4201                    class="nav-link block px-4 py-2 cursor-pointer">
4202                    Se alle produkter
4203                </a>
4204            </li>
4205        
4206                    
4207                            <li                         class="__level-1  list-inline-item category-box Bord-cat"
4208                    >
4209                    <a href="https://www.dorothea.no/categories/bord" data-target="m-menu-2"
4210                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4211                                                Bord
4212                    </a>
4213                </li>
4214            
4215                    
4216                            <li                         class="__level-1  list-inline-item category-box Skap og hyller-cat"
4217                    >
4218                    <a href="https://www.dorothea.no/categories/skap" data-target="m-menu-2"
4219                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4220                                                Skap og hyller
4221                    </a>
4222                </li>
4223            
4224                    
4225                            <li                         class="__level-1  list-inline-item category-box Sofabord & sidebord-cat"
4226                    >
4227                    <a href="https://www.dorothea.no/categories/sofabord-og-sidebord" data-target="m-menu-2"
4228                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4229                                                Sofabord & sidebord
4230                    </a>
4231                </li>
4232            
4233                    
4234                            <li                         class="__level-1  list-inline-item category-box Stoler, benker & krakker-cat"
4235                    >
4236                    <a href="https://www.dorothea.no/categories/stoler-og-krakker" data-target="m-menu-2"
4237                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4238                                                Stoler, benker & krakker
4239                    </a>
4240                </li>
4241            
4242                    
4243                            <li                         class="__level-1  list-inline-item category-box Store speil og bilder-cat"
4244                    >
4245                    <a href="https://www.dorothea.no/categories/gulvspeil" data-target="m-menu-2"
4246                        class="nav-link block px-6  py-2   text-inherit  text-lg cursor-pointer">
4247                                                Store speil og bilder
4248                    </a>
4249                </li>
4250            
4251            
4252                            </ul>
4253                        </div>
4254                    </template>
4255                                        </div>
4256                                    </li>
4257            
4258                    
4259                            <li                         class="__level-0 text-sm list-inline-item category-box Gavekort-cat"
4260                    >
4261                    <a href="https://www.dorothea.no/categories/gavekort" data-target="m-menu-2"
4262                        class="nav-link block px-4  py-2   text-inherit   cursor-pointer">
4263                                                Gavekort
4264                    </a>
4265                </li>
4266            
4267            
4268
4269                        
4270                        
4271                        
4272                        
4273                                            </ul>
4274
4275                    <style>
4276                        
4277                            #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .nav_hover_effect li.__level-0:hover {
4278                                text-decoration: underline;
4279                                text-decoration-color: var(--text-color);
4280                                text-decoration-thickness: 1px;
4281                                text-underline-offset: 3px;
4282                                transition: text-decoration-color 200ms ease-in;
4283                            }
4284                                                 /*
4285                                                    .__mobile_nav .__home-page-li {
4286                                display: none !important;
4287                            }
4288                         */
4289                        /*
4290                                                    .__mobile_nav .__new-products-page-li {
4291                                display: none !important;
4292                            }
4293                         */
4294                        /*
4295                                                    .__mobile_nav .__special-products-page-li {
4296                                display: none !important;
4297                            }
4298                         */
4299
4300                        /*                             .__mobile_nav .__brands-mobile {
4301                                display: none !important;
4302                            }
4303                         */
4304
4305                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu  > ul > li,  #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu > ul > li > * {
4306                            font-size: 0.9rem;
4307                            font-weight: 400;
4308                            text-transform: uppercase;
4309                        }
4310
4311                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-0, #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-0 > * {
4312                            color: inherit;
4313                            background: inherit;
4314                        }
4315
4316                        
4317                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-0 > a.dropdown-toggle:hover,
4318                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-0:hover > a.nav-link,
4319                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-0 > a.dropdown-toggle.selected,
4320                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-0 > a.nav-link.selected  {
4321                            color: inherit !important;
4322                            background: inherit !important;
4323                        }
4324
4325                        
4326                                                    #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-0 > .absolute > .sub_menu > ul
4327                                                {
4328                            background: var(--body-color);
4329                        }
4330
4331                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-0 > .absolute .sub_menu a {
4332                            color: inherit;
4333                        }
4334
4335                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-0 >
4335 .absolute .sub_menu li:hover > a {
4336                            color: inherit;
4337                        }
4338
4339                        
4340                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-1 a,
4341                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-1 a > span {
4342                            font-size: 0.9rem;
4343                            font-weight: 400;
4344                            text-transform: inherit;
4345                        }
4346
4347                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu a.active {
4348                            color: inherit !important;
4349                            background: inherit !important;
4350                        }
4351
4352
4353                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-2 a,
4354                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-2 a > span {
4355                            font-size: 0.8rem;
4356                            font-weight: 400;
4357                            text-transform: inherit;
4358                        }
4359
4360                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-3 a,
4361                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu .__level-3 a > span {
4362                            font-size: 0.8rem;
4363                            font-weight: 400;
4364                            text-transform: inherit;
4365                        }
4366
4367                        
4368                        #block--header_menuf0904289-bfe0-4bf3-912a-32e6ca491947__header_menu a {
4369                            color: inherit;
4370                        }
4371                    </style>
4372                </nav>
4373                                </div>
4374</section>
4375                                                                                                            
4376                                                                                                                                    
4377
4378
4379
4380
4381
4382
4383
4384    
4385
4386<section
4387    id="section--header_builderffbaf65e-6980-4739-ab34-099176b0e9b1__header_builder"
4388        class="
4389        __header_builder_section
4390        __header_section
4391        text
4392        relative
4393
4394        block md:hidden
4395        border-b
4396    "
4397    style="
4398                    background-color: #fff;
4399            fill: inherit;
4400            color: inherit;
4401                ;
4402        border-style: solid;
4403        border-color: #eee;
4404    "
4405    data-subblock-key="general"
4406            >
4407        <div class="text__blocks m-auto
4408            items-center box-border
4409            container            grid gap-2
4410
4411            grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2
4412        " style="
4413            padding: 3px 15px 3px 15px;;
4414        ">
4415
4416            </div>
4417</section>
4418                                                                                                            
4419                                                                                                                                    
4420
4421
4422
4423
4424
4425
4426
4427    
4428
4429<section
4430    id="section--header_builder70d09a34-924a-4507-ac5b-84e084eede90__header_builder"
4431        class="
4432        __header_builder_section
4433        __header_section
4434        text
4435        relative
4436
4437        block md:hidden
4438        border-b header-mobile
4439    "
4440    style="
4441                    background-color: #fff;
4442            fill: #000;
4443            color: #000;
4444                ;
4445        border-style: solid;
4446        border-color: var(--body-color);
4447    "
4448    data-subblock-key="general"
4449            >
4450        <div class="text__blocks m-auto
4451            items-center box-border
4452            container            grid gap-2
4453
4454            grid-cols-3 md:grid-cols-5 lg:grid-cols-5 gap-2
4455        " style="
4456            padding: 7px 8px 8px 8px;;
4457        ">
4458
4459                    
4460                                                                
4461                                                    
4462    <div
4463        id="block--header_logo5b9728fb-fd44-4520-94b4-0a02ebf2650d__header_logo"
4464        x-data=" { conditions: [] }"
4465        x-init="$s('conditions').checkConditions(conditions)"
4466        x-show="$s('conditions').checkConditions(conditions)"
4467        class="__header_logo_block  flex justify-center lg:justify-center
4468            col-span-2 md:col-span-3 lg:col-span-3
4469        " data-subblock-key="general">
4470        <a href="//www.dorothea.no" style="max-width: 136px;" class="text-2xl inline-block" aria-label="store logo" data-subblock-key="image">
4471                                        <img class="logo-lg img-fluid w-auto max-h-[60px] md:h-auto" src="/users/dorothea_mystore_no/logo/Header06.01.165.png" alt="Dorothea.no">
4472                                </a>
4473    </div>
4474                                        
4475                            
4476                                                                                        
4477                        
4478
4479                                                        
4480                                                    
4481        
4482                                                        
4483                                                    
4484                                                    
4485        
4486                                                
4487    <div
4488        id="block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons"
4489        class="__header_icons_block  col-span-1 md:col-span-1 lg:col-span-1"
4490        data-subblock-key="general">
4491
4492        
4493        <div class="flex items-center                 
4494            
4495                                        text-right justify-end
4496                        
4497    
4498                                        lg:text-right lg:justify-end
4499                        
4500                                        lg:items-end
4501                        " data-subblock-key="general" style="gap:1px">
4502            
4503                            <button @click.prevent="$store.settings.toggle('mobileMenuOpen')" aria-label="Åpne hovedmenyen" class="__icon_wrapper text-center flex flex-col items-center" data-subblock-key="menu_icon">
4504                    <span style="font-size: 1.3rem; color: #000; fill: #000;" class="__main_menu_icon __header_icons relative text-2xl">
4505                        <span class="w-6 h-6" aria-label="Åpne hovedmenyen"><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>
4506                    </span>
4507
4508                                    </button>
4509            
4510            
4511                        
4512            
4513            
4514                            <div class="__search__icon">
4515                    
4516                    
4517    <div id="block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons" x-data="{ open: false, searchPosition: 'right-0', timeout: null, keywords: '', error: false, defaultBorder: '#000', border: '#000' }"
4518        style="z-index: 100;"
4519        class="p-2 flex md:relative _search__icon text-[20px] flex flex-col items-center" @click.outside=" open = false;">
4520        <button
4521            x-ref="searchIcon"
4522            class="cursor-pointer flex flex-col justify-center items-center"
4523            style="font-size: 1.3rem; color: #000; fill: #000;"
4524            aria-label="Open search input"
4525            @click="() => {
4526
4527                open = !open;
4528
4529                if (open) {
4530                    $nextTick(() => {
4531                    const iconRect = $refs.searchIcon.getBoundingClientRect();
4532
4533                    searchPosition = (iconRect.left > window.innerWidth / 2) ? 'right-0' : 'left-0' ;
4534
4535                    setTimeout(()=> {
4536                        document.getElementById('block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons-live_search').focus();
4537                    }, 300);
4538
4539                    });
4540                }
4541            }">
4542            <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>
4543
4544                    </button>
4545
4546        <template x-if="open">
4547            <div x-data="{ searchOpen: false }"
4548                x-init="setTimeout(() => searchOpen = true, 10);"
4549                class="absolute -top-1 min-w-320 md:min-w-460 z-10 transition-all duration-300"
4550                :class="[
4551                searchPosition,
4552                { 'opacity-0 transform translate-x-full': !searchOpen,
4553                  'opacity-100 transform translate-x-0': searchOpen }
4554            ]">
4555                <label for="block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons-live_search" class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">
4556                    Søk
4557                </label>
4558
4559                <div class="relative font-lg">
4560                    <div class="absolute z-1 inset-y-0 left-0 flex items-center pl-3 pointer-events-none" style="fill: #000">
4561                        <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>
4562                    </div>
4563                    <input
4564                        aria-label="Søk"
4565                        id="block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons-live_search"
4566                        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"
4567                        x-model="$store.search.keywords"
4568                        style="border: 1px solid #000; border-radius: 12; background: #fff; color: #000; "
4569                        :style="{ border_color: error ? '#f00' : defaultBorder }"
4570                        @keyup.enter="(e) => {
4571                        error = false;
4572
4573                        if (!$s('search').keywords) {
4574                            error = true;
4575                            return;
4576                        }
4577
4578                        location.href = 'https://www.dorothea.no/search_result?keywords=' + e.target.value
4579                    }"
4580                                                    @input.debounce.500ms="error = false; $store.search.search(keywords);"
4581                            @input="(e) => { keywords = e.target.value; }"
4582                                                type="search"
4583                        placeholder="Søk..."
4584                        required />
4585                    <button
4586                        type="submit"
4587                        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"
4588                        aria-label="Go to the search page"
4589                        @click.prevent="() => {
4590                        error = false;
4591
4592                        if (!$s('search').keywords) {
4593                            error = true;
4594                            return;
4595                        }
4596
4597                        location.href = 'https://www.dorothea.no/search_result?keywords=' + $s('search').keywords;
4598                    }">
4599                        Søk
4600                    </button>
4601                </div>
4602            </div>
4603        </template>
4604    </div>
4605
4606    <style>
4607        #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons .__search_button  {
4608        background: inherit;
4609        color: inherit;
4610        border-radius: 12;
4611        }
4612
4613        #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons .__search_button:hover  {
4614        background: #inherit;
4615        color: #inherit;
4616        }
4617    </style>
4618</div>
4619            
4620                            <a href="https://www.dorothea.no/account" aria-label="GÃ¥ til kontosiden" class="__icon_wrapper text-center flex flex-col items-center" data-subblock-key="account_icon">
4621                    <span class="__account__icon __header_icons">
4622                        <div class="flex flex-col items-center justify-center">
4623                            <span
4624                                href="https://www.dorothea.no/account"
4625                                class="flex flex-col items-center relative fill-inherit color-inherit"
4626                                style="font-size: 1.3rem; color: #000; fill: #000;"
4627                                title="Redirect to the account page"
4628                                aria-label="GÃ¥ til kontosiden"
4629                            >
4630                                <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>
4631                            </span>
4632                        </div>
4633                    </span>
4634
4635                                    </a>
4636            
4637            
4638            
4639                            <button @click="$store.cart.open()" aria-label="Åpne handlekurven" class="__icon_wrapper text-center flex flex-col items-center" data-subblock-key="cart_icon">
4640                    <span style="font-size: 1.3rem; color: #000; fill: #000;"
4641                        class="__shopping_icon __header_icons shoppingbasket__slidein cursor-pointer relative text-2xl" aria-label="Åpne handlekurven"
4642                        :class="{ '__has-items': $store.cart.totalQty() }">
4643                        <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>
4644
4645                                                    <small
4646                                x-cloak
4647                                class="text-white w-6 h-6 flex justify-center items-center absolute -right-4 -top-4 roun
4647ded-full text-xs cart_qty_label"
4648                                style="background-color: #62787a; color: #fff;"
4649                                x-text="$store.cart.totalQty()"
4650                                x-show="$store.cart.totalQty()">
4651                            </small>
4652                                            </span>
4653
4654                                    </button>
4655                    </div>
4656    </div>
4657
4658    <style>
4659
4660                    #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons *:has( > ._search__icon) {
4661                order: -4;
4662        } 
4663        
4664                    #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons *:has( > .__main_menu_icon) {
4665                order: -1;
4666        } 
4667        
4668        
4669        
4670                    #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons *:has( > .__account__icon) {
4671                order: -3;
4672        } 
4673                    #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons *:has( > .__wishlist_icon) {
4674                order: -3;
4675        } 
4676                    #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons *:has( > .__shopping_icon) {
4677                order: -2;
4678        } 
4679                    #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons *:has( > .__shopping_icon) {
4680                order: -2;
4681        } 
4682        
4683        #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons .__search__icon > ._search__icon {
4684            padding: 0;
4685        }
4686
4687        #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons * > .__icon_wrapper,
4688        #block--header_iconsa2578d4a-5032-4800-811f-1b650baeaee3__header_icons ._search__icon > button {
4689            padding: 8px !important;
4690                                }
4691
4692    </style>
4693                                </div>
4694</section>
4695                                                                                                    </div>
4696
4697        
4698            </div>
4699</header>
4700
4701                </div>
4702
4703                
4704                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <div
4705                    id="__page_layout"
4706                    class=" "
4707                                    >
4708                    
4709                    <main id="page" class=" ">
4710                        
4711
4712                
4713
4714
4715
4716<section
4717    id="section--text9c42cf1c-4b01-4265-ad71-e9ac87668980__text"
4718    class="__text_section __text w-full flex flex-col    "
4719    style="--text-color: #ffffffff;  --bg-color: var(--secondary-color);"
4720    data-subblock-key="general">
4721    <div class="text__blocks flex flex-col container p-6"
4722        style="
4723                        gap: 1px;
4724            margin: 0px auto 0px auto;
4725padding: 0px 0px 0px 0px;
4726    ">
4727
4728                            
4729                                                            
4730        
4731                    
4732    
4733                                                
4734                    
4735        
4736            
4737    <h2
4738        x-data="{ conditions: [] }"
4739        x-init="$s('conditions').checkConditions(conditions)"
4740        x-show="$s('conditions').checkConditions(conditions)"
4741        id="block--heading430504aa-6150-4b30-9434-a461bf1e7620__heading"         class="__heading_block  relative"
4742        style="
4743            color: inherit;            
4744            font-size: 1.25rem;
4745            font-weight: 500;
4746            line-height: inherit;
4747            text-transform: none !important;
4748            text-align: center;
4749                                "
4750        data-subblock-key="general">
4751        
4752    </h2>
4753
4754    <style>
4755        @media (max-width: 600px) {
4756            #block--heading430504aa-6150-4b30-9434-a461bf1e7620__heading, #block--heading430504aa-6150-4b30-9434-a461bf1e7620__heading * {
4757                text-align: center !important;
4758            }
4759        }
4760    </style>
4761                                    
4762    </div>
4763    <style>
4764        #section--text9c42cf1c-4b01-4265-ad71-e9ac87668980__text {
4765        color: var(--text-color);
4766        fill: var(--text-color);
4767        background-color: var(--bg-color);
4768        margin: 0px auto 0px auto;
4769padding: 0px 0px 0px 0px;
4770        }
4771
4772                    @media (min-width: 601px) and (max-width: 768px) {
4773                #section--text9c42cf1c-4b01-4265-ad71-e9ac87668980__text  {
4774                margin: 0px 0px 0px 0px !important;
4775            }
4776            }
4777
4778                
4779                    </style>
4780</section>
4781                    
4782
4783        
4784                
4785<section
4786    id="section--gridimagescd19f281-f776-4539-a717-e2fe52127815__gridimages"
4787    class="
4788        start__hero __gridimages_section
4789        hidden md:block __grids w-full
4790    "
4791    style="
4792      ; border-color: #000; border-style: solid;
4793        color:#fff;
4794        background-color:inherit;
4795        padding: 0px 5px 0px 5px;
4796    "
4797    data-subblock-key="general">
4798
4799            
4800<style>
4801    @media (max-width: 600px) {
4802        .grid-container {
4803            display: flex !important;
4804            flex-direction: column;
4805        }
4806    }
4807
4808    #section--gridimagescd19f281-f776-4539-a717-e2fe52127815__gridimages .grid-container {
4809        display: grid;
4810        grid-template-columns: repeat(4, 1fr);
4811        grid-template-rows: 1fr 1fr;
4812        grid-gap: 20px;
4813        grid-template-areas:
4814            "col1 col1 col2 col2"
4815            "col1 col1 col3 col3";
4816    }
4817
4818    
4819     #section--gridimagescd19f281-f776-4539-a717-e2fe52127815__gridimages .grid-container.layout_V2 {
4820        grid-template-areas:
4821            "col1 col1 col3 col3"
4822            "col2 col2 col3 col3";
4823    }
4824
4825     #section--gridimagescd19f281-f776-4539-a717-e2fe52127815__gridimages .grid-container.layout_V3 {
4826        grid-template-columns: repeat(6, 1fr);
4827        grid-template-areas:
4828            "col1 col1 col2 col2 col3 col3"
4829            "col1 col1 col4 col4 col5 col5";
4830    }
4831
4832     #section--gridimagescd19f281-f776-4539-a717-e2fe52127815__gridimages .grid-container.layout_V4 {
4833        grid-template-columns: repeat(6, 1fr);
4834        grid-template-areas:
4835            "col1 col1 col1 col1 col3 col3"
4836            "col2 col2 col4 col4 col5 col5";
4837    }
4838
4839     #section--gridimagescd19f281-f776-4539-a717-e2fe52127815__gridimages .grid-container.layout_V5 {
4840        grid-template-columns: repeat(6, 1fr);
4841        grid-template-areas:
4842            "col1 col1 col3 col3 col5 col5"
4843            "col2 col2 col4 col4 col5 col5";
4844    }
4845
4846     #section--gridimagescd19f281-f776-4539-a717-e2fe52127815__gridimages .grid-container.layout_V6 {
4847        grid-template-columns: repeat(5, 1fr);
4848        grid-template-rows: auto auto auto;
4849        grid-template-areas:
4850            "col1 col2 col3 col4 col4"
4851            "col5 col5 col6 col4 col4"
4852            "col5 col5 col7 col8 col9";
4853    }
4854</style>
4855            
4856    <div class="container m-auto md:p-6 md:px-0">
4857                    <div class="grid-container layout_V1" style="gap: 20px;">
4858                                    
4859                    <section style="grid-area: col1; border-radius: 10px;"
4860                        id="block--gridcolumn40c2e9cd-60cf-466a-9b8b-cbc8b77539e2__gridcolumn" class="__gridcolumn_block overflow-hidden">
4861                                                                
4862    
4863                
4864    <div
4865        id="block--gridcolumn40c2e9cd-60cf-466a-9b8b-cbc8b77539e2__gridcolumn"
4866        x-data="{ conditions: [] }"
4867        x-init="$s('conditions').checkConditions(conditions)"
4868        x-show="$s('conditions').checkConditions(conditions)"
4869        tabindex="0"        class="h-full cursor-pointer"
4870        data-subblock-key="general"
4871        style=" border-radius: 10px; overflow: hidden;"
4872    >
4873        <figure
4874            class=" __gridcolumn_block h-full w-full overflow-hidden relative bg-inherit isolate
4875                
4876                col-span-1 md:col-span-1 lg:col-span-1
4877                                justify-center items-end
4878                            "
4879            style="color: #fff;">
4880                                        <a href="https://www.dorothea.no/search_result?keywords=160926" class="gridcolumn_image_url" ></a>
4881                        <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/g7YrA8BPUci
48817rZpYqPTNvnPOApiOPS3L1XPtJM7c.jpg/w450h800.jpg"  width="600" height="800"/><source media="(min-width: 768px)" srcset="https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/g7YrA8BPUci7rZpYqPTNvnPOApiOPS3L1XPtJM7c.jpg/w1080h1920.jpg"  width="auto" height="auto"/><img id="block--gridcolumn40c2e9cd-60cf-466a-9b8b-cbc8b77539e2__gridcolumn_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Aktuella kampanjer" src="https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/g7YrA8BPUci7rZpYqPTNvnPOApiOPS3L1XPtJM7c.jpg/w450h800.jpg"  width="600" height="800" /></picture>
4882        </figure>
4883        <style>
4884             #block--gridcolumn40c2e9cd-60cf-466a-9b8b-cbc8b77539e2__gridcolumn picture {
4885                position: relative;
4886                z-index: 1;
4887            }
4888
4889            #block--gridcolumn40c2e9cd-60cf-466a-9b8b-cbc8b77539e2__gridcolumn ._content_wrapper_url {
4890                position: absolute;
4891                width: 100%;
4892                height: 100%;
4893                inset: 0;
4894                z-index: 2;
4895            }
4896
4897            #block--gridcolumn40c2e9cd-60cf-466a-9b8b-cbc8b77539e2__gridcolumn .gridcolumn_image_url {
4898                display: block;
4899                width: 100%;
4900                height: 100%;
4901                position: absolute;
4902                inset: 0;
4903                z-index: 2;
4904                            }
4905
4906            .gridcolumn_content_wrapper {
4907                position: relative;
4908                z-index: 3;
4909                isolation: isolate;
4910            }
4911
4912             #block--gridcolumn40c2e9cd-60cf-466a-9b8b-cbc8b77539e2__gridcolumn .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
4913                width: fit-content;
4914                position: relative;
4915                z-index: 5;
4916            }
4917
4918            #block--gridcolumn40c2e9cd-60cf-466a-9b8b-cbc8b77539e2__gridcolumn ._content_wrapper_url {
4919                position: absolute;
4920                inset: 0;
4921                width: 100%;
4922                height: 100%;
4923                z-index: 4;
4924            }
4925
4926        </style>
4927    </div>
4928                    </section>
4929                                                        
4930                    <section style="grid-area: col2; border-radius: 10px;"
4931                        id="block--gridimagescc17c478-bcb1-4346-99af-9e8bad383b3b" class="__gridcolumn_block overflow-hidden">
4932                                                                
4933    
4934                
4935    <div
4936        id="block--gridimagescc17c478-bcb1-4346-99af-9e8bad383b3b"
4937        x-data="{ conditions: [] }"
4938        x-init="$s('conditions').checkConditions(conditions)"
4939        x-show="$s('conditions').checkConditions(conditions)"
4940        tabindex="0"        class="h-full cursor-pointer"
4941        data-subblock-key="general"
4942        style=" border-radius: 10px; overflow: hidden;"
4943    >
4944        <figure
4945            class=" __gridcolumn_block h-full w-full overflow-hidden relative bg-inherit isolate
4946                
4947                col-span-1 md:col-span-1 lg:col-span-1
4948                                justify-end items-center
4949                            "
4950            style="color: #fff;">
4951                                        <a href="https://www.dorothea.no/categories/spliid" class="gridcolumn_image_url" ></a>
4952                        <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/GGnGzlaNBUNhGKkwIgWbVLYxFn9sYnLlIMDqqjpg.png/w558h400.png"  width="650" height="400"/><source media="(min-width: 768px)" srcset="https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/GGnGzlaNBUNhGKkwIgWbVLYxFn9sYnLlIMDqqjpg.png/w425h305.png"  width="630" height="305"/><img id="block--gridimagescc17c478-bcb1-4346-99af-9e8bad383b3b_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Nya produkter" src="https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/GGnGzlaNBUNhGKkwIgWbVLYxFn9sYnLlIMDqqjpg.png/w425h305.png"  width="630" height="305" /></picture>
4953        </figure>
4954        <style>
4955             #block--gridimagescc17c478-bcb1-4346-99af-9e8bad383b3b picture {
4956                position: relative;
4957                z-index: 1;
4958            }
4959
4960            #block--gridimagescc17c478-bcb1-4346-99af-9e8bad383b3b ._content_wrapper_url {
4961                position: absolute;
4962                width: 100%;
4963                height: 100%;
4964                inset: 0;
4965                z-index: 2;
4966            }
4967
4968            #block--gridimagescc17c478-bcb1-4346-99af-9e8bad383b3b .gridcolumn_image_url {
4969                display: block;
4970                width: 100%;
4971                height: 100%;
4972                position: absolute;
4973                inset: 0;
4974                z-index: 2;
4975                            }
4976
4977            .gridcolumn_content_wrapper {
4978                position: relative;
4979                z-index: 3;
4980                isolation: isolate;
4981            }
4982
4983             #block--gridimagescc17c478-bcb1-4346-99af-9e8bad383b3b .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
4984                width: fit-content;
4985                position: relative;
4986                z-index: 5;
4987            }
4988
4989            #block--gridimagescc17c478-bcb1-4346-99af-9e8bad383b3b ._content_wrapper_url {
4990                position: absolute;
4991                inset: 0;
4992                width: 100%;
4993                height: 100%;
4994                z-index: 4;
4995            }
4996
4997        </style>
4998    </div>
4999                    </section>
5000                                                        
5001                    <section style="grid-area: col3; border-radius: 10px;"
5002                        id="block--gridimages885ea301-06f6-4a78-a1e2-00210a105291" class="__gridcolumn_block overflow-hidden">
5003                                                                
5004    
5005                
5006    <div
5007        id="block--gridimages885ea301-06f6-4a78-a1e2-00210a105291"
5008        x-data="{ conditions: [] }"
5009        x-init="$s('conditions').checkConditions(conditions)"
5010        x-show="$s('conditions').checkConditions(conditions)"
5011        tabindex="0"        class="h-full cursor-pointer"
5012        data-subblock-key="general"
5013        style=" border-radius: 10px; overflow: hidden;"
5014    >
5015        <figure
5016            class=" __gridcolumn_block h-full w-full overflow-hidden relative bg-inherit isolate
5017                
5018                col-span-1 md:col-span-1 lg:col-span-1
5019                                 items-center
5020                            "
5021            style="color: #fff;">
5022                                        <a href="https://www.dorothea.no/categories/klar-nyheter" class="gridcolumn_image_url" ></a>
5023                        <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/P8xyBUouZg0oLwHMirC8H4GCPkaFgJ5Rq9qyKgMY.png/w440h305.png" loading="lazy" width="630" height="305"/><source media="(min-width: 768px)" srcset="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/P8xyBUouZg0oLwHMirC8H4GCPkaFgJ5Rq9qyKgMY.png/w1200h830.png"  width="undefined" height="undefined"/><img id="block--gridimages885ea301-06f6-4a78-a1e2-00210a105291_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Se v&aring;ra klackar" src="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/P8xyBUouZg0oLwHMirC8H4GCPkaFgJ5Rq9qyKgMY.png/w251h174.png"  width="360" height="174" /></picture>
5024        </figure>
5025        <style>
5026             #block--gridimages885ea301-06f6-4a78-a1e2-00210a105291 picture {
5027                position: relative;
5028                z-index: 1;
5029            }
5030
5031            #block--gridimages885ea301-06f6-4a78-a1e2-00210a105291 ._content_wrapper_url {
5032                position: absolute;
5033                width: 100%;
5034                height: 100%;
5035                inset: 0;
5036                z-index: 2;
5037            }
5038
5039            #block--gridimages885ea301-06f6-4a78-a1e2-00210a105291 .gridcolumn_image_url {
5040                display: block;
5041                width: 100%;
5042                height: 100%;
5043                position: absolute;
5044                inset: 0;
5045                z-index: 2;
5046                            }
5047
5048            .gridcolumn_content_wrapper {
5049                position: relative;
5050                z-index: 3;
5051                isolation: isolate;
5052            }
5053
5054             #block--gridimages885ea301-06f6-4a78-a1e2-00210a105291 .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
5055                width: fit-content;
5056                position: relative;
5057                z-index: 5;
5058            }
5059
5060            #block--gridimages885ea301-06f6-4a78-a1e2-00210a105291 ._content_wrapper_url {
5061                position: absolute;
5062                inset: 0;
5063                width: 100%;
5064                height: 100%;
5065                z-index: 4;
5066            }
5067
5068        </style>
5069    </div>
5070                    </section>
5071                                                </div>
5072            </div>
5073    <style>
5074                                            @media (min-width: 601px) and (max-width: 768px) {
5075                #section--gridimagescd19f281-f776-4539-a717-e2fe52127815__gridimages  {
5076                    padding: 0px 15px 0px 15px !important;
5077                }
5078            }
5079            </style>
5080</section>
5081                    
5082
5083        
5084                
5085<section
5086    id="section--gridimages877c7b54-8e14-4ced-9eee-085e6355cd6e__gridimages"
5087    class="
5088        start__hero __gridimages_section
5089        block md:hidden __grids w-full
5090    "
5091    style="
5092      ; border-color: #000; border-style: solid;
5093        color:#fff;
5094        background-color:inherit;
5095        margin: 20px auto 20px auto;
5096padding: 0px 15px 0px 15px;
5097    "
5098    data-subblock-key="general">
5099
5100            
5101<style>
5102    @media (max-width: 600px) {
5103        .grid-container {
5104            display: flex !important;
5105            flex-direction: column;
5106        }
5107    }
5108
5109    #section--gridimages877c7b54-8e14-4ced-9eee-085e6355cd6e__gridimages .grid-container {
5110        display: grid;
5111        grid-template-columns: repeat(4, 1fr);
5112        grid-template-rows: 1fr 1fr;
5113        grid-gap: 15px;
5114        grid-template-areas:
5115            "col1 col1 col2 col2"
5116            "col1 col1 col3 col3";
5117    }
5118
5119    
5120     #section--gridimages877c7b54-8e14-4ced-9eee-085e6355cd6e__gridimages .grid-container.layout_V2 {
5121        grid-template-areas:
5122            "col1 col1 col3 col3"
5123            "col2 col2 col3 col3";
5124    }
5125
5126     #section--gridimages877c7b54-8e14-4ced-9eee-085e6355cd6e__gridimages .grid-container.layout_V3 {
5127        grid-template-columns: repeat(6, 1fr);
5128        grid-template-areas:
5129            "col1 col1 col2 col2 col3 col3"
5130            "col1 col1 col4 col4 col5 col5";
5131    }
5132
5133     #section--gridimages877c7b54-8e14-4ced-9eee-085e6355cd6e__gridimages .grid-container.layout_V4 {
5134        grid-template-columns: repeat(6, 1fr);
5135        grid-template-areas:
5136            "col1 col1 col1 col1 col3 col3"
5137            "col2 col2 col4 col4 col5 col5";
5138    }
5139
5140     #section--gridimages877c7b54-8e14-4ced-9eee-085e6355cd6e__gridimages .grid-container.layout_V5 {
5141        grid-template-columns: repeat(6, 1fr);
5142        grid-template-areas:
5143            "col1 col1 col3 col3 col5 col5"
5144            "col2 col2 col4 col4 col5 col5";
5145    }
5146
5147     #section--gridimages877c7b54-8e14-4ced-9eee-085e6355cd6e__gridimages .grid-container.layout_V6 {
5148        grid-template-columns: repeat(5, 1fr);
5149        grid-template-rows: auto auto auto;
5150        grid-template-areas:
5151            "col1 col2 col3 col4 col4"
5152            "col5 col5 col6 col4 col4"
5153            "col5 col5 col7 col8 col9";
5154    }
5155</style>
5156            
5157    <div class="container m-auto md:p-6 md:px-0">
5158                    <div class="grid-container layout_V1" style="gap: 15px;">
5159                                    
5160                    <section style="grid-area: col1; border-radius: 10px;"
5161                        id="block--gridcolumnb922b2d6-3c70-47c2-b754-5262a33df7dc" class="__gridcolumn_block overflow-hidden">
5162                                                                
5163    
5164                
5165    <div
5166        id="block--gridcolumnb922b2d6-3c70-47c2-b754-5262a33df7dc"
5167        x-data="{ conditions: [] }"
5168        x-init="$s('conditions').checkConditions(conditions)"
5169        x-show="$s('conditions').checkConditions(conditions)"
5170        tabindex="0"        class="h-full cursor-pointer"
5171        data-subblock-key="general"
5172        style=" border-radius: 10px; overflow: hidden;"
5173    >
5174        <figure
5175            class=" __gridcolumn_block h-full w-full overflow-hidden relative bg-inherit isolate
5176                
5177                col-span-1 md:col-span-1 lg:col-span-1
5178                                justify-center items-end
5179                            "
5180            style="color: #fff;">
5181                                        <a href="https://www.dorothea.no/search_result?keywords=160926" class="gridcolumn_image_url" ></a>
5182                        <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/g7YrA8BPUci
51827rZpYqPTNvnPOApiOPS3L1XPtJM7c.jpg/w450h800.jpg"  width="533" height="800"/><source media="(min-width: 768px)" srcset="https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/g7YrA8BPUci7rZpYqPTNvnPOApiOPS3L1XPtJM7c.jpg/w450h800.jpg"  width="533" height="800"/><img id="block--gridcolumnb922b2d6-3c70-47c2-b754-5262a33df7dc_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Aktuella kampanjer" src="https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/g7YrA8BPUci7rZpYqPTNvnPOApiOPS3L1XPtJM7c.jpg/w450h800.jpg"  width="533" height="800" /></picture>
5183        </figure>
5184        <style>
5185             #block--gridcolumnb922b2d6-3c70-47c2-b754-5262a33df7dc picture {
5186                position: relative;
5187                z-index: 1;
5188            }
5189
5190            #block--gridcolumnb922b2d6-3c70-47c2-b754-5262a33df7dc ._content_wrapper_url {
5191                position: absolute;
5192                width: 100%;
5193                height: 100%;
5194                inset: 0;
5195                z-index: 2;
5196            }
5197
5198            #block--gridcolumnb922b2d6-3c70-47c2-b754-5262a33df7dc .gridcolumn_image_url {
5199                display: block;
5200                width: 100%;
5201                height: 100%;
5202                position: absolute;
5203                inset: 0;
5204                z-index: 2;
5205                            }
5206
5207            .gridcolumn_content_wrapper {
5208                position: relative;
5209                z-index: 3;
5210                isolation: isolate;
5211            }
5212
5213             #block--gridcolumnb922b2d6-3c70-47c2-b754-5262a33df7dc .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
5214                width: fit-content;
5215                position: relative;
5216                z-index: 5;
5217            }
5218
5219            #block--gridcolumnb922b2d6-3c70-47c2-b754-5262a33df7dc ._content_wrapper_url {
5220                position: absolute;
5221                inset: 0;
5222                width: 100%;
5223                height: 100%;
5224                z-index: 4;
5225            }
5226
5227        </style>
5228    </div>
5229                    </section>
5230                                                        
5231                    <section style="grid-area: col2; border-radius: 10px;"
5232                        id="block--gridcolumnc3fad24a-1df0-4b75-bf62-964db3ebae87" class="__gridcolumn_block overflow-hidden">
5233                                                                
5234    
5235                
5236    <div
5237        id="block--gridcolumnc3fad24a-1df0-4b75-bf62-964db3ebae87"
5238        x-data="{ conditions: [] }"
5239        x-init="$s('conditions').checkConditions(conditions)"
5240        x-show="$s('conditions').checkConditions(conditions)"
5241        tabindex="0"        class="h-full cursor-pointer"
5242        data-subblock-key="general"
5243        style=" border-radius: 10px; overflow: hidden;"
5244    >
5245        <figure
5246            class=" __gridcolumn_block h-full w-full overflow-hidden relative bg-inherit isolate
5247                
5248                col-span-1 md:col-span-1 lg:col-span-1
5249                                justify-end items-center
5250                            "
5251            style="color: #fff;">
5252                                        <a href="https://www.dorothea.no/categories/spliid" class="gridcolumn_image_url" ></a>
5253                        <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/GGnGzlaNBUNhGKkwIgWbVLYxFn9sYnLlIMDqqjpg.png/w425h305.png"  width="630" height="305"/><source media="(min-width: 768px)" srcset="https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/GGnGzlaNBUNhGKkwIgWbVLYxFn9sYnLlIMDqqjpg.png/w1115h799.png"  width="undefined" height="undefined"/><img id="block--gridcolumnc3fad24a-1df0-4b75-bf62-964db3ebae87_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Nya produkter" src="https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/GGnGzlaNBUNhGKkwIgWbVLYxFn9sYnLlIMDqqjpg.png/w743h533.png"  width="800" height="533" /></picture>
5254        </figure>
5255        <style>
5256             #block--gridcolumnc3fad24a-1df0-4b75-bf62-964db3ebae87 picture {
5257                position: relative;
5258                z-index: 1;
5259            }
5260
5261            #block--gridcolumnc3fad24a-1df0-4b75-bf62-964db3ebae87 ._content_wrapper_url {
5262                position: absolute;
5263                width: 100%;
5264                height: 100%;
5265                inset: 0;
5266                z-index: 2;
5267            }
5268
5269            #block--gridcolumnc3fad24a-1df0-4b75-bf62-964db3ebae87 .gridcolumn_image_url {
5270                display: block;
5271                width: 100%;
5272                height: 100%;
5273                position: absolute;
5274                inset: 0;
5275                z-index: 2;
5276                            }
5277
5278            .gridcolumn_content_wrapper {
5279                position: relative;
5280                z-index: 3;
5281                isolation: isolate;
5282            }
5283
5284             #block--gridcolumnc3fad24a-1df0-4b75-bf62-964db3ebae87 .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
5285                width: fit-content;
5286                position: relative;
5287                z-index: 5;
5288            }
5289
5290            #block--gridcolumnc3fad24a-1df0-4b75-bf62-964db3ebae87 ._content_wrapper_url {
5291                position: absolute;
5292                inset: 0;
5293                width: 100%;
5294                height: 100%;
5295                z-index: 4;
5296            }
5297
5298        </style>
5299    </div>
5300                    </section>
5301                                                        
5302                    <section style="grid-area: col3; border-radius: 10px;"
5303                        id="block--gridcolumn31bdcb6c-fc9e-4053-9eb9-ab4675337a24" class="__gridcolumn_block overflow-hidden">
5304                                                                
5305    
5306                
5307    <div
5308        id="block--gridcolumn31bdcb6c-fc9e-4053-9eb9-ab4675337a24"
5309        x-data="{ conditions: [] }"
5310        x-init="$s('conditions').checkConditions(conditions)"
5311        x-show="$s('conditions').checkConditions(conditions)"
5312        tabindex="0"        class="h-full cursor-pointer"
5313        data-subblock-key="general"
5314        style=" border-radius: 10px; overflow: hidden;"
5315    >
5316        <figure
5317            class=" __gridcolumn_block h-full w-full overflow-hidden relative bg-inherit isolate
5318                
5319                col-span-1 md:col-span-1 lg:col-span-1
5320                                justify-start items-center
5321                            "
5322            style="color: #fff;">
5323                                        <a href="https://www.dorothea.no/categories/klar-nyheter" class="gridcolumn_image_url" ></a>
5324                        <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/P8xyBUouZg0oLwHMirC8H4GCPkaFgJ5Rq9qyKgMY.png/w440h305.png" loading="lazy" width="630" height="305"/><source media="(min-width: 768px)" srcset="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/P8xyBUouZg0oLwHMirC8H4GCPkaFgJ5Rq9qyKgMY.png/w1200h830.png" loading="lazy" width="undefined" height="undefined"/><img id="block--gridcolumn31bdcb6c-fc9e-4053-9eb9-ab4675337a24_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Se v&aring;ra klackar" src="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/P8xyBUouZg0oLwHMirC8H4GCPkaFgJ5Rq9qyKgMY.png/w770h533.png" loading="lazy" width="800" height="533" /></picture>
5325        </figure>
5326        <style>
5327             #block--gridcolumn31bdcb6c-fc9e-4053-9eb9-ab4675337a24 picture {
5328                position: relative;
5329                z-index: 1;
5330            }
5331
5332            #block--gridcolumn31bdcb6c-fc9e-4053-9eb9-ab4675337a24 ._content_wrapper_url {
5333                position: absolute;
5334                width: 100%;
5335                height: 100%;
5336                inset: 0;
5337                z-index: 2;
5338            }
5339
5340            #block--gridcolumn31bdcb6c-fc9e-4053-9eb9-ab4675337a24 .gridcolumn_image_url {
5341                display: block;
5342                width: 100%;
5343                height: 100%;
5344                position: absolute;
5345                inset: 0;
5346                z-index: 2;
5347                            }
5348
5349            .gridcolumn_content_wrapper {
5350                position: relative;
5351                z-index: 3;
5352                isolation: isolate;
5353            }
5354
5355             #block--gridcolumn31bdcb6c-fc9e-4053-9eb9-ab4675337a24 .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
5356                width: fit-content;
5357                position: relative;
5358                z-index: 5;
5359            }
5360
5361            #block--gridcolumn31bdcb6c-fc9e-4053-9eb9-ab4675337a24 ._content_wrapper_url {
5362                position: absolute;
5363                inset: 0;
5364                width: 100%;
5365                height: 100%;
5366                z-index: 4;
5367            }
5368
5369        </style>
5370    </div>
5371                    </section>
5372                                                </div>
5373            </div>
5374    <style>
5375                                    </style>
5376</section>
5377                    
5378
5379
5380<section
5381    id="section--columns3bbd76d8-cbc5-480f-93d6-95c81810bb58__columns"
5382    class="
5383        start__cat-btns
5384        __columns_section
5385        __columns multicolumn
5386        
5387    "
5388    style="
5389        --text-color: #000;
5390        --background-color: --background-color;
5391        ; border-color: #000; border-style: solid;
5392                margin: 0px auto 50px auto;
5393padding: 0px 5px 0px 5px;
5394    "
5395    x-data="{ initSlider: () => {} }"
5396    data-subblock-key="general">
5397
5398            <div class="
5399                container m-auto image_banner_image grid
5400                grid-cols-2 md:grid-cols-2 lg:grid-cols-6 gap-4
5401
5402                                                    
5403            
5404    
5405    
5406                                    
5407                                                                " style="
5408                                background-color: ;            ">
5409            
5410                
5411                
5412                                                            
5413        
5414            
5415        <div
5416        x-data=" { conditions: [] }"
5417        x-init="$s('conditions').checkConditions(conditions)"
5418        x-show="$s('conditions').checkConditions(conditions)"
5419        id="block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography"
5420        class="
5421             
5422             __typography_block relative flex flex-col text-center p-4 md:p-10
5423            
5424            col-span-1 md:col-span-1 lg:col-span-1
5425                    "
5426        style="
5427        --text-color: inherit;
5428        --background-color: var(--secondary-color);
5429        "
5430        data-subblock-key="general">
5431
5432                    <div class="
5433                            
5434            
5435                                        text-center items-center
5436                        
5437    
5438                                        lg:text-center lg:items-center
5439                        
5440                                                content rounded-md flex flex-col text-center md:text-center">
5441
5442                                
5443                                                                
5444    
5445        
5446        
5447    
5448    
5449    
5450    <div id="block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title"         x-data="{ conditions: [] }"
5451        x-init="$s('conditions').checkConditions(conditions)"
5452        x-show="$s('conditions').checkConditions(conditions)"
5453        class="__text_block  relative w-full  center "
5454        style="--bg-color: inherit;"
5455        data-subblock-key="heading">
5456        
5457        <style>
5458            #block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title {
5459                        background: var(--bg-color);
5460            text-transform: none;
5461            line-height: auto;
5462            text-align: center;
5463            
5464            }
5465
5466            @media (max-width: 600px) {
5467                #block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title, #block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title * {
5468                    text-align: center;
5469                }
5470            }
5471        </style>
5472    </div>
5473                    
5474                    
5475                                                                                
5476        
5477                    
5478    
5479        
5480                    
5481        
5482            
5483    <div
5484        x-data="{ conditions: [] }"
5485        x-init="$s('conditions').checkConditions(conditions)"
5486        x-show="$s('conditions').checkConditions(conditions)"
5487        id=" block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title"         class="__text_block  editorcontent font-bold relative hidden"
5488        style="
5489            color: inherit;            
5490            font-size: 1.25rem;
5491            font-weight: inherit;
5492            line-height: inherit;
5493            text-transform: none !important;
5494            text-align: center;
5495            background-color: ;            border-radius: 0;        "
5496        data-subblock-key="heading">
5497        
5498    </div>
5499
5500    <style>
5501        @media (max-width: 600px) {
5502            # block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title, # block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title * {
5503                text-align: center !important;
5504            }
5505        }
5506    </style>
5507                    
5508                                                                        
5509                                                    
5510    
5511                        
5512                                                                                
5513        
5514                    
5515    
5516        
5517                    
5518        
5519            
5520    <div
5521        x-data="{ conditions: [] }"
5522        x-init="$s('conditions').checkConditions(conditions)"
5523        x-show="$s('conditions').checkConditions(conditions)"
5524        id=" block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title"         class="__text_block  editorcontent font-bold relative hidden"
5525        style="
5526            color: inherit;            
5527            font-size: 1.25rem;
5528            font-weight: inherit;
5529            line-height: inherit;
5530            text-transform: none !important;
5531            text-align: center;
5532            background-color: ;            border-radius: 0;        "
5533        data-subblock-key="heading">
5534        
5535    </div>
5536
5537    <style>
5538        @media (max-width: 600px) {
5539            # block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title, # block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title * {
5540                text-align: center !important;
5541            }
5542        }
5543    </style>
5544                    
5545                    
5546                                            <div class="w-full">
5547                                                                            
5548                        
5549                    
5550            <div id="block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_button"
5551            class="w-full"
5552            x-data="{ conditions: [] }"
5553            x-init="$s('conditions').checkConditions(conditions)"
5554            x-show="$s('conditions').checkConditions(conditions)"
5555            >
5556            <a
5557
5558                                href="https://www.dorothea.no/categories/klaer"                                 class="__button_block text-center w-full button button-secondary p-2.5 sm:m-0 inline-flex gap-1  "
5559                style="
5560                    font-size: 1rem;
5561                    font-weight: 700;
5562                                        border-radius: 12;
5563                                                            color: #fff;                    fill: #fff;                    background: #866c64ff;                "
5564                data-subblock-key="button">
5565                                <span class="inline-block">KLÆR</span>
5566                            </a>
5567
5568            
5569            
5570            
5571
5572            <style>
5573                #block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_button {
5574                text-align: center;
5575                }
5576
5577                @media screen and (max-width: 600px) {
5578                    #block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_button {
5579                    text-align: center;
5580                }
5581                }
5582
5583
5584                            </style>
5585        </div>
5586                            </div>
5587                                    
5588            </div>
5589            
5590        <style>
5591            #block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography {
5592            background-color: var(--background-color);
5593            color: var(--text-color);
5594            border-color: inherit !important;
5595            border-style: solid !important;
5596                        border-radius: none;
5597                        padding: 0px 0px 0px 0px;
5598            ;
5599
5600            }
5601
5602            #block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography a {
5603            color: var(--text-color);
5604            }
5605
5606            #block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography > div {
5607            gap: inherit;
5608            }
5609
5610            #block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_title {
5611            
5612            }
5613
5614            #block--typography634f2832-fb36-4e6b-9e5a-d75dfac5dcef__typography_paragraph {
5615            
5616            }
5617        </style>
5618    </div>
5619                                                
5620                
5621                
5622                                                            
5623        
5624            
5625        <div
5626        x-data=" { conditions: [] }"
5627        x-init="$s('conditions').checkConditions(conditions)"
5628        x-show="$s('conditions').checkConditions(conditions)"
5629        id="block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4"
5630        class="
5631             
5632             __typography_block relative flex flex-col text-center p-4 md:p-10
5633            
5634            col-span-1 md:col-span-1 lg:col-span-1
5635                    "
5636        style="
5637        --text-color: inherit;
5638        --background-color: inherit;
5639        "
5640        data-subblock-key="general">
5641
5642                    <div class="
5643                            
5644            
5645                                        text-center items-center
5646                        
5647    
5648                                        lg:text-center lg:items-center
5649                        
5650                                                content rounded-md flex flex-col text-center md:text-center">
5651
5652                                
5653                                                                
5654    
5655        
5656        
5657    
5658    
5659    
5660    <div id="block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title"         x-data="{ conditions: [] }"
5661        x-init="$s('conditions').checkConditions(conditions)"
5662        x-show="$s('conditions').checkConditions(conditions)"
5663        class="__text_block  relative w-full  center "
5664        style="--bg-color: inherit;"
5665        data-subblock-key="heading">
5666        
5667        <style>
5668            #block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title {
5669                        background: var(--bg-color);
5670            text-transform: none;
5671            line-height: auto;
5672            text-align: center;
5673            
5674            }
5675
5676            @media (max-width: 600px) {
5677                #block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title, #block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title * {
5678                    text-align: center;
5679                }
5680            }
5681        </style>
5682    </div>
5683                    
5684                    
5685                                                                                
5686        
5687                    
5688    
5689        
5690                    
5691        
5692            
5693    <div
5694        x-data="{ conditions: [] }"
5695        x-init="$s('conditions').checkConditions(conditions)"
5696        x-show="$s('conditions').checkConditions(conditions)"
5697        id=" block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title"         class="__text_block  editorcontent font-bold relative hidden"
5698        style="
5699            color: inherit;            
5700            font-size: 1.25rem;
5701            font-weight: inherit;
5702            line-height: inherit;
5703            text-transform: none !important;
5704            text-align: center;
5705            background-color: ;            border-radius: 0;        "
5706        data-subblock-key="heading">
5707        
5708    </div>
5709
5710    <style>
5711        @media (max-width: 600px) {
5712            # block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title, # block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title * {
5713                text-align: center !important;
5714            }
5715        }
5716    </style>
5717                    
5718                                                                        
5719                                                    
5720    
5721                        
5722                                                                                
5723        
5724                    
5725    
5726        
5727                    
5728        
5729            
5730    <div
5731        x-data="{ conditions: [] }"
5732        x-init="$s('conditions').checkConditions(conditions)"
5733        x-show="$s('conditions').checkConditions(conditions)"
5734        id=" block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title"         class="__text_block  editorcontent font-bold relative hidden"
5735        style="
5736            color: inherit;            
5737            font-size: 1.25rem;
5738            font-weight: inherit;
5739            line-height: inherit;
5740            text-transform: none !important;
5741            text-align: center;
5742            background-color: ;            border-radius: 0;        "
5743        data-subblock-key="heading">
5744        
5745    </div>
5746
5747    <style>
5748        @media (max-width: 600px) {
5749            # block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title, # block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title * {
5750                text-align: center !important;
5751            }
5752        }
5753    </style>
5754                    
5755                    
5756                                            <div class="w-full">
5757                                                                            
5758                        
5759                    
5760            <div id="block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_button"
5761            class="w-full"
5762            x-data="{ conditions: [] }"
5763            x-init="$s('conditions').checkConditions(conditions)"
5764            x-show="$s('conditions').checkConditions(conditions)"
5765            >
5766            <a
5767
5768                                href="https://www.dorothea.no/categories/interior"                                 class="__button_block text-center w-full button button-secondary p-2.5 sm:m-0 inline-flex gap-1  "
5769                style="
5770                    font-size: 1rem;
5771                    font-weight: 700;
5772                                        border-radius: 12;
5773                                                            color: #fff;                    fill: #fff;                    background: #866c64ff;                "
5774                data-subblock-key="button">
5775                                <span class="inline-block">INTERIØR</span>
5776                            </a>
5777
5778            
5779            
5780            
5781
5782            <style>
5783                #block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_button {
5784                text-align: center;
5785                }
5786
5787                @media screen and (max-width: 600px) {
5788                    #block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_button {
5789                    text-align: center;
5790                }
5791                }
5792
5793
5794                            </style>
5795        </div>
5796                            </div>
5797                                    
5798            </div>
5799            
5800        <style>
5801            #block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4 {
5802            background-color: var(--background-color);
5803            color: var(--text-color);
5804            border-color: inherit !important;
5805            border-style: solid !important;
5806                        border-radius: none;
5807                        padding: 0px 0px 0px 0px;
5808            ;
5809
5810            }
5811
5812            #block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4 a {
5813            color: var(--text-color);
5814            }
5815
5816            #block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4 > div {
5817            gap: inherit;
5818            }
5819
5820            #block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_title {
5821            
5822            }
5823
5824            #block--columns7559c535-30e7-4faa-a13f-b4fc7db75fd4_paragraph {
5825            
5826            }
5827        </style>
5828    </div>
5829                                                
5830                
5831                
5832                                                            
5833        
5834            
5835        <div
5836        x-data=" { conditions: [] }"
5837        x-init="$s('conditions').checkConditions(conditions)"
5838        x-show="$s('conditions').checkConditions(conditions)"
5839        id="block--columns165489cb-beb6-4832-ac11-07bdef433ee0"
5840        class="
5841             
5842             __typography_block relative flex flex-col text-center p-4 md:p-10
5843            
5844            col-span-1 md:col-span-1 lg:col-span-1
5845                    "
5846        style="
5847        --text-color: inherit;
5848        --background-color: inherit;
5849        "
5850        data-subblock-key="general">
5851
5852                    <div class="
5853                            
5854            
5855                                        text-center items-center
5856                        
5857    
5858                                        lg:text-center lg:items-center
5859                        
5860                                                content rounded-md flex flex-col text-center md:text-center">
5861
5862                                
5863                                                                
5864    
5865        
5866        
5867    
5868    
5869    
5870    <div id="block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title"         x-data="{ conditions: [] }"
5871        x-init="$s('conditions').checkConditions(conditions)"
5872        x-show="$s('conditions').checkConditions(conditions)"
5873        class="__text_block  relative w-full  center "
5874        style="--bg-color: inherit;"
5875        data-subblock-key="heading">
5876        
5877        <style>
5878            #block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title {
5879                        background: var(--bg-color);
5880            text-transform: none;
5881            line-height: auto;
5882            text-align: center;
5883            
5884            }
5885
5886            @media (max-width: 600px) {
5887                #block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title, #block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title * {
5888                    text-align: center;
5889                }
5890            }
5891        </style>
5892    </div>
5893                    
5894                    
5895                                                                                
5896        
5897                    
5898    
5899        
5900                    
5901        
5902            
5903    <div
5904        x-data="{ conditions: [] }"
5905        x-init="$s('conditions').checkConditions(conditions)"
5906        x-show="$s('conditions').checkConditions(conditions)"
5907        id=" block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title"         class="__text_block  editorcontent font-bold relative hidden"
5908        style="
5909            color: inherit;            
5910            font-size: 1.25rem;
5911            font-weight: inherit;
5912            line-height: inherit;
5913            text-transform: none !important;
5914            text-align: center;
5915            background-color: ;            border-radius: 0;        "
5916        data-subblock-key="heading">
5917        
5918    </div>
5919
5920    <style>
5921        @media (max-width: 600px) {
5922            # block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title, # block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title * {
5923                text-align: center !important;
5924            }
5925        }
5926    </style>
5927                    
5928                                                                        
5929                                                    
5930    
5931                        
5932                                                                                
5933        
5934                    
5935    
5936        
5937                    
5938        
5939            
5940    <div
5941        x-data="{ conditions: [] }"
5942        x-init="$s('conditions').checkConditions(conditions)"
5943        x-show="$s('conditions').checkConditions(conditions)"
5944        id=" block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title"         class="__text_block  editorcontent font-bold relative hidden"
5945        style="
5946            color: inherit;            
5947            font-size: 1.25rem;
5948            font-weight: inherit;
5949            line-height: inherit;
5950            text-transform: none !important;
5951            text-align: center;
5952            background-color: ;            border-radius: 0;        "
5953        data-subblock-key="heading">
5954        
5955    </div>
5956
5957    <style>
5958        @media (max-width: 600px) {
5959            # block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title, # block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title * {
5960                text-align: center !important;
5961            }
5962        }
5963    </style>
5964                    
5965                    
5966                                            <div class="w-full">
5967                                                                            
5968                        
5969                    
5970            <div id="block--columns165489cb-beb6-4832-ac11-07bdef433ee0_button"
5971            class="w-full"
5972            x-data="{ conditions: [] }"
5973            x-init="$s('conditions').checkConditions(conditions)"
5974            x-show="$s('conditions').checkConditions(conditions)"
5975            >
5976            <a
5977
5978                                href="https://www.dorothea.no/categories/julkampanje"                                 class="__button_block text-center w-full button button-secondary p-2.5 sm:m-0 inline-flex gap-1  "
5979                style="
5980                    font-size: 1rem;
5981                    font-weight: 700;
5982                                        border-radius: 12;
5983                                                            color: #fff;                    fill: #fff;                    background: #866c64ff;                "
5984                data-subblock-key="button">
5985                                <span class="inline-block">KAMPANJE</span>
5986                            </a>
5987
5988            
5989            
5990            
5991
5992            <style>
5993                #block--columns165489cb-beb6-4832-ac11-07bdef433ee0_button {
5994                text-align: center;
5995                }
5996
5997                @media screen and (max-width: 600px) {
5998                    #block--columns165489cb-beb6-4832-ac11-07bdef433ee0_button {
5999                    text-align: center;
6000                }
6001                }
6002
6003
6004                            </style>
6005        </div>
6006                            </div>
6007                                    
6008            </div>
6009            
6010        <style>
6011            #block--columns165489cb-beb6-4832-ac11-07bdef433ee0 {
6012            background-color: var(--background-color);
6013            color: var(--text-color);
6014            border-color: inherit !important;
6015            border-style: solid !important;
6016                        border-radius: none;
6017                        padding: 0px 0px 0px 0px;
6018            ;
6019
6020            }
6021
6022            #block--columns165489cb-beb6-4832-ac11-07bdef433ee0 a {
6023            color: var(--text-color);
6024            }
6025
6026            #block--columns165489cb-beb6-4832-ac11-07bdef433ee0 > div {
6027            gap: inherit;
6028            }
6029
6030            #block--columns165489cb-beb6-4832-ac11-07bdef433ee0_title {
6031            
6032            }
6033
6034            #block--columns165489cb-beb6-4832-ac11-07bdef433ee0_paragraph {
6035            
6036            }
6037        </style>
6038    </div>
6039                                                
6040                
6041                
6042                                                            
6043        
6044            
6045        <div
6046        x-data=" { conditions: [] }"
6047        x-init="$s('conditions').checkConditions(conditions)"
6048        x-show="$s('conditions').checkConditions(conditions)"
6049        id="block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd"
6050        class="
6051             
6052             __typography_block relative flex flex-col text-center p-4 md:p-10
6053            
6054            col-span-1 md:col-span-1 lg:col-span-1
6055                    "
6056        style="
6057        --text-color: inherit;
6058        --background-color: inherit;
6059        "
6060        data-subblock-key="general">
6061
6062                    <div class="
6063                            
6064            
6065                                        text-center items-center
6066                        
6067    
6068                                        lg:text-center lg:items-center
6069                        
6070                                                content rounded-md flex flex-col text-center md:text-center">
6071
6072                                
6073                                                                
6074    
6075        
6076        
6077    
6078    
6079    
6080    <div id="block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title"         x-data="{ conditions: [] }"
6081        x-init="$s('conditions').checkConditions(conditions)"
6082        x-show="$s('conditions').checkConditions(conditions)"
6083        class="__text_block  relative w-full  center "
6084        style="--bg-color: inherit;"
6085        data-subblock-key="heading">
6086        
6087        <style>
6088            #block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title {
6089                        background: var(--bg-color);
6090            text-transform: none;
6091            line-height: auto;
6092            text-align: center;
6093            
6094            }
6095
6096            @media (max-width: 600px) {
6097                #block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title, #block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title * {
6098                    text-align: center;
6099                }
6100            }
6101        </style>
6102    </div>
6103                    
6104                    
6105                                                                                
6106        
6107                    
6108    
6109        
6110                    
6111        
6112            
6113    <div
6114        x-data="{ conditions: [] }"
6115        x-init="$s('conditions').checkConditions(conditions)"
6116        x-show="$s('conditions').checkConditions(conditions)"
6117        id=" block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title"         class="__text_block  editorcontent font-bold relative hidden"
6118        style="
6119            color: inherit;            
6120            font-size: 1.25rem;
6121            font-weight: inherit;
6122            line-height: inherit;
6123            text-transform: none !important;
6124            text-align: center;
6125            background-color: ;            border-radius: 0;        "
6126        data-subblock-key="heading">
6127        
6128    </div>
6129
6130    <style>
6131        @media (max-width: 600px) {
6132            # block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title, # block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title * {
6133                text-align: center !important;
6134            }
6135        }
6136    </style>
6137                    
6138                                                                        
6139                                                    
6140    
6141                        
6142                                                                                
6143        
6144                    
6145    
6146        
6147                    
6148        
6149            
6150    <div
6151        x-data="{ conditions: [] }"
6152        x-init="$s('conditions').checkConditions(conditions)"
6153        x-show="$s('conditions').checkConditions(conditions)"
6154        id=" block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title"         class="__text_block  editorcontent font-bold relative hidden"
6155        style="
6156            color: inherit;            
6157            font-size: 1.25rem;
6158            font-weight: inherit;
6159            line-height: inherit;
6160            text-transform: none !important;
6161            text-align: center;
6162            background-color: ;            border-radius: 0;        "
6163        data-subblock-key="heading">
6164        
6165    </div>
6166
6167    <style>
6168        @media (max-width: 600px) {
6169            # block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title, # block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title * {
6170                text-align: center !important;
6171            }
6172        }
6173    </style>
6174                    
6175                    
6176                                            <div class="w-full">
6177                                                                            
6178                        
6179                    
6180            <div id="block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_button"
6181            class="w-full"
6182            x-data="{ conditions: [] }"
6183            x-init="$s('conditions').checkConditions(conditions)"
6184            x-show="$s('conditions').checkConditions(conditions)"
6185            >
6186            <a
6187
6188                                href="https://www.dorothea.no/categories/salg"                                 class="__button_block text-center w-full button button-secondary p-2.5 sm:m-0 inline-flex gap-1  "
6189                style="
6190                    font-size: 1rem;
6191                    font-weight: 700;
6192                                        border-radius: 12;
6193                                                            color: #fff;                    fill: #fff;                    background: #866c64ff;                "
6194                data-subblock-key="button">
6195                                <span class="inline-block">SALG</span>
6196                            </a>
6197
6198            
6199            
6200            
6201
6202            <style>
6203                #block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_button {
6204                text-align: center;
6205                }
6206
6207                @media screen and (max-width: 600px) {
6208                    #block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_button {
6209                    text-align: center;
6210                }
6211                }
6212
6213
6214                            </style>
6215        </div>
6216                            </div>
6217                                    
6218            </div>
6219            
6220        <style>
6221            #block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd {
6222            background-color: var(--background-color);
6223            color: var(--text-color);
6224            border-color: inherit !important;
6225            border-style: solid !important;
6226                        border-radius: none;
6227                        padding: 0px 0px 0px 0px;
6228            ;
6229
6230            }
6231
6232            #block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd a {
6233            color: var(--text-color);
6234            }
6235
6236            #block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd > div {
6237            gap: inherit;
6238            }
6239
6240            #block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_title {
6241            
6242            }
6243
6244            #block--columns4ff291e1-621b-4eee-b193-b7f61a285ecd_paragraph {
6245            
6246            }
6247        </style>
6248    </div>
6249                                                
6250                
6251                
6252                                                            
6253        
6254            
6255        <div
6256        x-data=" { conditions: [] }"
6257        x-init="$s('conditions').checkConditions(conditions)"
6258        x-show="$s('conditions').checkConditions(conditions)"
6259        id="block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165"
6260        class="
6261             
6262             __typography_block relative flex flex-col text-center p-4 md:p-10
6263            hidden md:block
6264            col-span-1 md:col-span-1 lg:col-span-1
6265                    "
6266        style="
6267        --text-color: inherit;
6268        --background-color: inherit;
6269        "
6270        data-subblock-key="general">
6271
6272                    <div class="
6273                            
6274            
6275                                        text-center items-center
6276                        
6277    
6278                                        lg:text-center lg:items-center
6279                        
6280                                                content rounded-md flex flex-col text-center md:text-center">
6281
6282                                
6283                                                                
6284    
6285        
6286        
6287    
6288    
6289    
6290    <div id="block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title"         x-data="{ conditions: [] }"
6291        x-init="$s('conditions').checkConditions(conditions)"
6292        x-show="$s('conditions').checkConditions(conditions)"
6293        class="__text_block  relative w-full  center "
6294        style="--bg-color: inherit;"
6295        data-subblock-key="heading">
6296        
6297        <style>
6298            #block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title {
6299                        background: var(--bg-color);
6300            text-transform: none;
6301            line-height: auto;
6302            text-align: center;
6303            
6304            }
6305
6306            @media (max-width: 600px) {
6307                #block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title, #block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title * {
6308                    text-align: center;
6309                }
6310            }
6311        </style>
6312    </div>
6313                    
6314                    
6315                                                                                
6316        
6317                    
6318    
6319        
6320                    
6321        
6322            
6323    <div
6324        x-data="{ conditions: [] }"
6325        x-init="$s('conditions').checkConditions(conditions)"
6326        x-show="$s('conditions').checkConditions(conditions)"
6327        id=" block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title"         class="__text_block  editorcontent font-bold relative hidden"
6328        style="
6329            color: inherit;            
6330            font-size: 1.25rem;
6331            font-weight: inherit;
6332            line-height: inherit;
6333            text-transform: none !important;
6334            text-align: center;
6335            background-color: ;            border-radius: 0;        "
6336        data-subblock-key="heading">
6337        
6338    </div>
6339
6340    <style>
6341        @media (max-width: 600px) {
6342            # block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title, # block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title * {
6343                text-align: center !important;
6344            }
6345        }
6346    </style>
6347                    
6348                                                                        
6349                                                    
6350    
6351                        
6352                                                                                
6353        
6354                    
6355    
6356        
6357                    
6358        
6359            
6360    <div
6361        x-data="{ conditions: [] }"
6362        x-init="$s('conditions').checkConditions(conditions)"
6363        x-show="$s('conditions').checkConditions(conditions)"
6364        id=" block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title"         class="__text_block  editorcontent font-bold relative hidden"
6365        style="
6366            color: inherit;            
6367            font-size: 1.25rem;
6368            font-weight: inherit;
6369            line-height: inherit;
6370            text-transform: none !important;
6371            text-align: center;
6372            background-color: ;            border-radius: 0;        "
6373        data-subblock-key="heading">
6374        
6375    </div>
6376
6377    <style>
6378        @media (max-width: 600px) {
6379            # block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title, # block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title * {
6380                text-align: center !important;
6381            }
6382        }
6383    </style>
6384                    
6385                    
6386                                            <div class="w-full">
6387                                                                            
6388                        
6389                    
6390            <div id="block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_button"
6391            class="w-full"
6392            x-data="{ conditions: [] }"
6393            x-init="$s('conditions').checkConditions(conditions)"
6394            x-show="$s('conditions').checkConditions(conditions)"
6395            >
6396            <a
6397
6398                                href="https://www.dorothea.no/categories/tilbehor"                                 class="__button_block text-center w-full button button-secondary p-2.5 sm:m-0 inline-flex gap-1  "
6399                style="
6400                    font-size: 1rem;
6401                    font-weight: 700;
6402                                        border-radius: 12;
6403                                                            color: #fff;                    fill: #fff;                    background: #866c64ff;                "
6404                data-subblock-key="button">
6405                                <span class="inline-block">TILBEHØR</span>
6406                            </a>
6407
6408            
6409            
6410            
6411
6412            <style>
6413                #block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_button {
6414                text-align: center;
6415                }
6416
6417                @media screen and (max-width: 600px) {
6418                    #block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_button {
6419                    text-align: center;
6420                }
6421                }
6422
6423
6424                            </style>
6425        </div>
6426                            </div>
6427                                    
6428            </div>
6429            
6430        <style>
6431            #block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165 {
6432            background-color: var(--background-color);
6433            color: var(--text-color);
6434            border-color: inherit !important;
6435            border-style: solid !important;
6436                        border-radius: none;
6437                        padding: 0px 0px 0px 0px;
6438            ;
6439
6440            }
6441
6442            #block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165 a {
6443            color: var(--text-color);
6444            }
6445
6446            #block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165 > div {
6447            gap: inherit;
6448            }
6449
6450            #block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_title {
6451            
6452            }
6453
6454            #block--columnsb8f99423-d856-4043-84b9-a2e2c0fe1165_paragraph {
6455            
6456            }
6457        </style>
6458    </div>
6459                                                
6460                
6461                
6462                                                            
6463        
6464            
6465        <div
6466        x-data=" { conditions: [] }"
6467        x-init="$s('conditions').checkConditions(conditions)"
6468        x-show="$s('conditions').checkConditions(conditions)"
6469        id="block--columns80bb13f2-d482-4899-938d-3f4995698914"
6470        class="
6471             
6472             __typography_block relative flex flex-col text-center p-4 md:p-10
6473            hidden md:block
6474            col-span-1 md:col-span-1 lg:col-span-1
6475                    "
6476        style="
6477        --text-color: inherit;
6478        --background-color: inherit;
6479        "
6480        data-subblock-key="general">
6481
6482                    <div class="
6483                            
6484            
6485                                        text-center items-center
6486                        
6487    
6488                                        lg:text-center lg:items-center
6489                        
6490                                                content rounded-md flex flex-col text-center md:text-center">
6491
6492                                
6493                                                                
6494    
6495        
6496        
6497    
6498    
6499    
6500    <div id="block--columns80bb13f2-d482-4899-938d-3f4995698914_title"         x-data="{ conditions: [] }"
6501        x-init="$s('conditions').checkConditions(conditions)"
6502        x-show="$s('conditions').checkConditions(conditions)"
6503        class="__text_block  relative w-full  center "
6504        style="--bg-color: inherit;"
6505        data-subblock-key="heading">
6506        
6507        <style>
6508            #block--columns80bb13f2-d482-4899-938d-3f4995698914_title {
6509                        background: var(--bg-color);
6510            text-transform: none;
6511            line-height: auto;
6512            text-align: center;
6513            
6514            }
6515
6516            @media (max-width: 600px) {
6517                #block--columns80bb13f2-d482-4899-938d-3f4995698914_title, #block--columns80bb13f2-d482-4899-938d-3f4995698914_title * {
6518                    text-align: center;
6519                }
6520            }
6521        </style>
6522    </div>
6523                    
6524                    
6525                                                                                
6526        
6527                    
6528    
6529        
6530                    
6531        
6532            
6533    <div
6534        x-data="{ conditions: [] }"
6535        x-init="$s('conditions').checkConditions(conditions)"
6536        x-show="$s('conditions').checkConditions(conditions)"
6537        id=" block--columns80bb13f2-d482-4899-938d-3f4995698914_title"         class="__text_block  editorcontent font-bold relative hidden"
6538        style="
6539            color: inherit;            
6540            font-size: 1.25rem;
6541            font-weight: inherit;
6542            line-height: inherit;
6543            text-transform: none !important;
6544            text-align: center;
6545            background-color: ;            border-radius: 0;        "
6546        data-subblock-key="heading">
6547        
6548    </div>
6549
6550    <style>
6551        @media (max-width: 600px) {
6552            # block--columns80bb13f2-d482-4899-938d-3f4995698914_title, # block--columns80bb13f2-d482-4899-938d-3f4995698914_title * {
6553                text-align: center !important;
6554            }
6555        }
6556    </style>
6557                    
6558                                                                        
6559                                                    
6560    
6561                        
6562                                                                                
6563        
6564                    
6565    
6566        
6567                    
6568        
6569            
6570    <div
6571        x-data="{ conditions: [] }"
6572        x-init="$s('conditions').checkConditions(conditions)"
6573        x-show="$s('conditions').checkConditions(conditions)"
6574        id=" block--columns80bb13f2-d482-4899-938d-3f4995698914_title"         class="__text_block  editorcontent font-bold relative hidden"
6575        style="
6576            color: inherit;            
6577            font-size: 1.25rem;
6578            font-weight: inherit;
6579            line-height: inherit;
6580            text-transform: none !important;
6581            text-align: center;
6582            background-color: ;            border-radius: 0;        "
6583        data-subblock-key="heading">
6584        
6585    </div>
6586
6587    <style>
6588        @media (max-width: 600px) {
6589            # block--columns80bb13f2-d482-4899-938d-3f4995698914_title, # block--columns80bb13f2-d482-4899-938d-3f4995698914_title * {
6590                text-align: center !important;
6591            }
6592        }
6593    </style>
6594                    
6595                    
6596                                            <div class="w-full">
6597                                                                            
6598                        
6599                    
6600            <div id="block--columns80bb13f2-d482-4899-938d-3f4995698914_button"
6601            class="w-full"
6602            x-data="{ conditions: [] }"
6603            x-init="$s('conditions').checkConditions(conditions)"
6604            x-show="$s('conditions').checkConditions(conditions)"
6605            >
6606            <a
6607
6608                                href="https://www.dorothea.no/categories/mobler"                                 class="__button_block text-center w-full button button-secondary p-2.5 sm:m-0 inline-flex gap-1  "
6609                style="
6610                    font-size: 1rem;
6611                    font-weight: 700;
6612                                        border-radius: 12;
6613                                                            color: #fff;                    fill: #fff;                    background: #866c64ff;                "
6614                data-subblock-key="button">
6615                                <span class="inline-block">MØBLER</span>
6616                            </a>
6617
6618            
6619            
6620            
6621
6622            <style>
6623                #block--columns80bb13f2-d482-4899-938d-3f4995698914_button {
6624                text-align: center;
6625                }
6626
6627                @media screen and (max-width: 600px) {
6628                    #block--columns80bb13f2-d482-4899-938d-3f4995698914_button {
6629                    text-align: center;
6630                }
6631                }
6632
6633
6634                            </style>
6635        </div>
6636                            </div>
6637                                    
6638            </div>
6639            
6640        <style>
6641            #block--columns80bb13f2-d482-4899-938d-3f4995698914 {
6642            background-color: var(--background-color);
6643            color: var(--text-color);
6644            border-color: inherit !important;
6645            border-style: solid !important;
6646                        border-radius: none;
6647                        padding: 0px 0px 0px 0px;
6648            ;
6649
6650            }
6651
6652            #block--columns80bb13f2-d482-4899-938d-3f4995698914 a {
6653            color: var(--text-color);
6654            }
6655
6656            #block--columns80bb13f2-d482-4899-938d-3f4995698914 > div {
6657            gap: inherit;
6658            }
6659
6660            #block--columns80bb13f2-d482-4899-938d-3f4995698914_title {
6661            
6662            }
6663
6664            #block--columns80bb13f2-d482-4899-938d-3f4995698914_paragraph {
6665            
6666            }
6667        </style>
6668    </div>
6669                                                        </div>
6670    
6671    
6672    <style>
6673        #section--columns3bbd76d8-cbc5-480f-93d6-95c81810bb58__columns {
6674        color: var(--text-color);
6675        background-color: var(--background-color);
6676        position: relative;
6677        z-index: 1;
6678        }
6679
6680
6681        #section--columns3bbd76d8-cbc5-480f-93d6-95c81810bb58__columns::after {
6682        content: '';
6683        background-color: var(--background-color);
6684        position: absolute;
6685        top: 0;
6686        left: 0;
6687        right: 0;
6688        bottom: 0;
6689        z-index: -1;
6690        }
6691
6692        @media (min-width: 601px) and (max-width: 768px) {
6693            #section--columns3bbd76d8-cbc5-480f-93d6-95c81810bb58__columns {
6694            margin:  !important;
6695        }
6696        }
6697
6698        
6699                    @media (max-width: 600px) {
6700                #section--columns3bbd76d8-cbc5-480f-93d6-95c81810bb58__columns {
6701                padding: 0px 15px 0px 15px !important;
6702            }
6703            }
6704
6705                            @media (min-width: 601px) and (max-width: 768px) {
6706                #section--columns3bbd76d8-cbc5-480f-93d6-95c81810bb58__columns  {
6707                padding: 0px 15px 0px 15px !important;
6708            }
6709            }
6710
6711            </style>
6712</section>
6713                    
6714
6715
6716<section
6717    id="section--columnsbd37b7c4-da3a-410c-b27e-decf12b74dbe__columns"
6718    class="
6719        grid-gap--none
6720        __columns_section
6721        __columns multicolumn
6722        
6723    "
6724    style="
6725        --text-color: inherit;
6726        --background-color: inherit;
6727        ; border-color: #000; border-style: solid;
6728                margin: 0px auto 20px auto;
6729padding: 0px 5px 0px 5px;
6730    "
6731    x-data="{ initSlider: () => {} }"
6732    data-subblock-key="general">
6733
6734            <div class="
6735                container m-auto image_banner_image grid
6736                grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-0
6737
6738                                                    
6739            
6740    
6741    
6742                                    
6743                                                                " style="
6744                                background-color: ;            ">
6745            
6746                
6747                
6748                                                            
6749        
6750            
6751        <div
6752        x-data=" { conditions: [] }"
6753        x-init="$s('conditions').checkConditions(conditions)"
6754        x-show="$s('conditions').checkConditions(conditions)"
6755        id="block--typography84e6722c-cfce-426e-a2af-f76e71b9daac"
6756        class="
6757             
6758             __typography_block relative flex flex-col text-center p-4 md:p-10
6759            
6760            col-span-1 md:col-span-1 lg:col-span-1
6761                    "
6762        style="
6763        --text-color: --text-color;
6764        --background-color: inherit;
6765        "
6766        data-subblock-key="general">
6767
6768                    <a class="block w-full" href="https://www.dorothea.no/categories/krus-med-tekst" data-subblock-key="general">
6769                        <div class="
6770                            
6771            
6772                                        text-left items-start
6773                        
6774    
6775                                        lg:text-left lg:items-start
6776                        
6777                                                content rounded-md flex flex-col text-left md:text-left">
6778
6779                                
6780                                                                
6781    
6782        
6783        
6784    
6785    
6786    
6787    <div id="block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title"         x-data="{ conditions: [] }"
6788        x-init="$s('conditions').checkConditions(conditions)"
6789        x-show="$s('conditions').checkConditions(conditions)"
6790        class="__text_block  relative w-full  left "
6791        style="--bg-color: inherit;"
6792        data-subblock-key="heading">
6793        <h2>TEKSTKRUS SOM FÅR DEG TIL Å SMILE</h2>
6794        <style>
6795            #block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title {
6796                        background: var(--bg-color);
6797            text-transform: none;
6798            line-height: auto;
6799            text-align: left;
6800            
6801            }
6802
6803            @media (max-width: 600px) {
6804                #block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title, #block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title * {
6805                    text-align: left;
6806                }
6807            }
6808        </style>
6809    </div>
6810                    
6811                    
6812                                                                                
6813        
6814                    
6815    
6816        
6817                    
6818        
6819            
6820    <div
6821        x-data="{ conditions: [] }"
6822        x-init="$s('conditions').checkConditions(conditions)"
6823        x-show="$s('conditions').checkConditions(conditions)"
6824        id=" block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title"         class="__text_block  editorcontent font-bold relative hidden"
6825        style="
6826            color: inherit;            
6827            font-size: 1.25rem;
6828            font-weight: inherit;
6829            line-height: inherit;
6830            text-transform: none !important;
6831            text-align: left;
6832            background-color: ;            border-radius: 0;        "
6833        data-subblock-key="heading">
6834        <h2>TEKSTKRUS SOM FÅR DEG TIL Å SMILE</h2>
6835    </div>
6836
6837    <style>
6838        @media (max-width: 600px) {
6839            # block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title, # block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title * {
6840                text-align: left !important;
6841            }
6842        }
6843    </style>
6844                    
6845                                                                        
6846                                                    
6847    
6848                        
6849                                                                                
6850        
6851                    
6852    
6853        
6854                    
6855        
6856            
6857    <div
6858        x-data="{ conditions: [] }"
6859        x-init="$s('conditions').checkConditions(conditions)"
6860        x-show="$s('conditions').checkConditions(conditions)"
6861        id=" block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title"         class="__text_block  editorcontent font-bold relative hidden"
6862        style="
6863            color: inherit;            
6864            font-size: 1.25rem;
6865            font-weight: inherit;
6866            line-height: inherit;
6867            text-transform: none !important;
6868            text-align: left;
6869            background-color: ;            border-radius: 0;        "
6870        data-subblock-key="heading">
6871        <h2>TEKSTKRUS SOM FÅR DEG TIL Å SMILE</h2>
6872    </div>
6873
6874    <style>
6875        @media (max-width: 600px) {
6876            # block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title, # block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title * {
6877                text-align: left !important;
6878            }
6879        }
6880    </style>
6881                    
6882                    
6883                                    
6884            </div>
6885                        </a>
6886        
6887        <style>
6888            #block--typography84e6722c-cfce-426e-a2af-f76e71b9daac {
6889            background-color: var(--background-color);
6890            color: var(--text-color);
6891            border-color: inherit !important;
6892            border-style: solid !important;
6893                        border-radius: 0;
6894                        padding: 0px 0px 0px 0px;
6895            ;
6896
6897            }
6898
6899            #block--typography84e6722c-cfce-426e-a2af-f76e71b9daac a {
6900            color: var(--text-color);
6901            }
6902
6903            #block--typography84e6722c-cfce-426e-a2af-f76e71b9daac > div {
6904            gap: inherit;
6905            }
6906
6907            #block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_title {
6908            
6909            }
6910
6911            #block--typography84e6722c-cfce-426e-a2af-f76e71b9daac_paragraph {
6912            
6913            }
6914        </style>
6915    </div>
6916                                                
6917                
6918                
6919                                                            
6920        
6921            
6922        <div
6923        x-data=" { conditions: [] }"
6924        x-init="$s('conditions').checkConditions(conditions)"
6925        x-show="$s('conditions').checkConditions(conditions)"
6926        id="block--typography75f9b04e-6139-4507-92f9-bb96f80c391b"
6927        class="
6928             
6929             __typography_block relative flex flex-col text-center p-4 md:p-10
6930            
6931            col-span-1 md:col-span-1 lg:col-span-1
6932                    "
6933        style="
6934        --text-color: inherit;
6935        --background-color: inherit;
6936        "
6937        data-subblock-key="general">
6938
6939                    <div class="
6940                            
6941            
6942                                        text-left items-start
6943                        
6944    
6945                                        lg:text-right lg:items-end
6946                        
6947                                                content rounded-md flex flex-col text-left md:text-right">
6948
6949                                
6950                                                                
6951    
6952        
6953        
6954    
6955    
6956    
6957    <div id="block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title"         x-data="{ conditions: [] }"
6958        x-init="$s('conditions').checkConditions(conditions)"
6959        x-show="$s('conditions').checkConditions(conditions)"
6960        class="__text_block  relative w-full  right "
6961        style="--bg-color: inherit;"
6962        data-subblock-key="heading">
6963        
6964        <style>
6965            #block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title {
6966                        background: var(--bg-color);
6967            text-transform: none;
6968            line-height: auto;
6969            text-align: right;
6970            
6971            }
6972
6973            @media (max-width: 600px) {
6974                #block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title, #block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title * {
6975                    text-align: left;
6976                }
6977            }
6978        </style>
6979    </div>
6980                    
6981                    
6982                                                                                
6983        
6984                    
6985    
6986        
6987                    
6988        
6989            
6990    <div
6991        x-data="{ conditions: [] }"
6992        x-init="$s('conditions').checkConditions(conditions)"
6993        x-show="$s('conditions').checkConditions(conditions)"
6994        id=" block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title"         class="__text_block  editorcontent font-bold relative hidden"
6995        style="
6996            color: inherit;            
6997            font-size: 1.25rem;
6998            font-weight: inherit;
6999            line-height: inherit;
7000            text-transform: none !important;
7001            text-align: right;
7002            background-color: ;            border-radius: 0;        "
7003        data-subblock-key="heading">
7004        
7005    </div>
7006
7007    <style>
7008        @media (max-width: 600px) {
7009            # block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title, # block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title * {
7010                text-align: left !important;
7011            }
7012        }
7013    </style>
7014                    
7015                                                                        
7016                                                    
7017    
7018                        
7019                                                                                
7020        
7021                    
7022    
7023        
7024                    
7025        
7026            
7027    <div
7028        x-data="{ conditions: [] }"
7029        x-init="$s('conditions').checkConditions(conditions)"
7030        x-show="$s('conditions').checkConditions(conditions)"
7031        id=" block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title"         class="__text_block  editorcontent font-bold relative hidden"
7032        style="
7033            color: inherit;            
7034            font-size: 1.25rem;
7035            font-weight: inherit;
7036            line-height: inherit;
7037            text-transform: none !important;
7038            text-align: right;
7039            background-color: ;            border-radius: 0;        "
7040        data-subblock-key="heading">
7041        
7042    </div>
7043
7044    <style>
7045        @media (max-width: 600px) {
7046            # block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title, # block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title * {
7047                text-align: left !important;
7048            }
7049        }
7050    </style>
7051                    
7052                    
7053                                    
7054            </div>
7055            
7056        <style>
7057            #block--typography75f9b04e-6139-4507-92f9-bb96f80c391b {
7058            background-color: var(--background-color);
7059            color: var(--text-color);
7060            border-color: inherit !important;
7061            border-style: solid !important;
7062                        border-radius: 0;
7063                        padding: 10px 0px 0px 0px;
7064            ;
7065
7066            }
7067
7068            #block--typography75f9b04e-6139-4507-92f9-bb96f80c391b a {
7069            color: var(--text-color);
7070            }
7071
7072            #block--typography75f9b04e-6139-4507-92f9-bb96f80c391b > div {
7073            gap: inherit;
7074            }
7075
7076            #block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_title {
7077            
7078            }
7079
7080            #block--typography75f9b04e-6139-4507-92f9-bb96f80c391b_paragraph {
7081            
7082            }
7083        </style>
7084    </div>
7085                                                        </div>
7086    
7087    
7088    <style>
7089        #section--columnsbd37b7c4-da3a-410c-b27e-decf12b74dbe__columns {
7090        color: var(--text-color);
7091        background-color: var(--background-color);
7092        position: relative;
7093        z-index: 1;
7094        }
7095
7096
7097        #section--columnsbd37b7c4-da3a-410c-b27e-decf12b74dbe__columns::after {
7098        content: '';
7099        background-color: var(--background-color);
7100        position: absolute;
7101        top: 0;
7102        left: 0;
7103        right: 0;
7104        bottom: 0;
7105        z-index: -1;
7106        }
7107
7108        @media (min-width: 601px) and (max-width: 768px) {
7109            #section--columnsbd37b7c4-da3a-410c-b27e-decf12b74dbe__columns {
7110            margin:  !important;
7111        }
7112        }
7113
7114        
7115                    @media (max-width: 600px) {
7116                #section--columnsbd37b7c4-da3a-410c-b27e-decf12b74dbe__columns {
7117                padding: 0px 15px 0px 15px !important;
7118            }
7119            }
7120
7121                            @media (min-width: 601px) and (max-width: 768px) {
7122                #section--columnsbd37b7c4-da3a-410c-b27e-decf12b74dbe__columns  {
7123                padding: 0px 15px 0px 15px !important;
7124            }
7125            }
7126
7127            </style>
7128</section>
7129                    
7130
7131
7132<section
7133    id="section--columnsf9eb7c89-8ed7-44d5-abaf-238a06455681__columns"
7134    class="
7135        start__puffs
7136        __columns_section
7137        __columns multicolumn
7138        
7139    "
7140    style="
7141        --text-color: #000;
7142        --background-color: --background-color;
7143        ; border-color: #000; border-style: solid;
7144                margin: 40px auto 60px auto;
7145padding: 0px 5px 0px 5px;
7146    "
7147    x-data="{ initSlider: () => {} }"
7148    data-subblock-key="general">
7149
7150            <div class="
7151                container m-auto image_banner_image grid
7152                grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4
7153
7154                                                    
7155            
7156    
7157    
7158                                    
7159                                                                " style="
7160                                background-color: ;            ">
7161            
7162                
7163                
7164                                                                                
7165                
7166
7167    <div
7168        x-data="{ conditions: [] }"
7169        x-init="$s('conditions').checkConditions(conditions)"
7170        x-show="$s('conditions').checkConditions(conditions)"
7171        id="block--gridcolumn29ca3dbc-1fc3-4f2f-81a6-bc1d92d66c2c"
7172        style="
7173        --text-color: #fff;
7174        --background-color: transparent00;
7175        "
7176        class=" cursor-pointer col-span-1 md:col-span-1 lg:col-span-1" data-subblock-key="image">
7177        <figure
7178            class="__gridcolumn_block overflow-hidden relative bg-inherit isolate
7179                h-full w-full                
7180                ">
7181                                                    <a href="https://www.dorothea.no/categories/krus-med-tekst" class="gridcolumn_image_url" ></a>
7182                            <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/u7Bj8yj9hNvZY4UOzIwjepiaOaDfs8nJLV7yltfN.png/w533h800.png"  width="auto" height="auto"/><source media="(min-width: 768px)" srcset="https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/u7Bj8yj9hNvZY4UOzIwjepiaOaDfs8nJLV7yltfN.png/w533h800.png"  width="auto" height="auto"/><img id="block--gridcolumn29ca3dbc-1fc3-4f2f-81a6-bc1d92d66c2c_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Miljl&ouml;arbete" src="https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/u7Bj8yj9hNvZY4UOzIwjepiaOaDfs8nJLV7yltfN.png/w533h800.png"  width="533" height="800" /></picture>
7183        </figure>
7184
7185        <style>
7186            #block--gridcolumn29ca3dbc-1fc3-4f2f-81a6-bc1d92d66c2c picture {
7187                position: relative;
7188                z-index: 1;
7189            }
7190
7191            #block--gridcolumn29ca3dbc-1fc3-4f2f-81a6-bc1d92d66c2c ._content_wrapper_url {
7192                position: absolute;
7193                width: 100%;
7194                height: 100%;
7195                inset: 0;
7196                z-index: 2;
7197            }
7198
7199            #block--gridcolumn29ca3dbc-1fc3-4f2f-81a6-bc1d92d66c2c .gridcolumn_image_url {
7200                display: block;
7201                width: 100%;
7202                height: 100%;
7203                position: absolute;
7204                inset: 0;
7205                z-index: 2;
7206                            }
7207
7208            .gridcolumn_content_wrapper {
7209                position: relative;
7210                z-index: 3;
7211                isolation: isolate;
7212            }
7213
7214            #block--gridcolumn29ca3dbc-1fc3-4f2f-81a6-bc1d92d66c2c .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
7215                width: fit-content;
7216                position: relative;
7217                z-index: 5;
7218            }
7219
7220            #block--gridcolumn29ca3dbc-1fc3-4f2f-81a6-bc1d92d66c2c ._content_wrapper_url {
7221                position: absolute;
7222                inset: 0;
7223                width: 100%;
7224                height: 100%;
7225                z-index: 4;
7226            }
7227
7228            #block--gridcolumn29ca3dbc-1fc3-4f2f-81a6-bc1d92d66c2c figure {
7229                color: var(--text-color);
7230                background-color: var(--background-color);
7231                                    border-radius: 10px;
7232                            }
7233
7234            
7235            #block--gridcolumn29ca3dbc-1fc3-4f2f-81a6-bc1d92d66c2c figure > div > div {
7236                            background-color: var(--background-color);
7237                        gap: 10px;
7238            padding: 0px 15% 10px 20px;
7239            }
7240        </style>
7241    </div>
7242                                                
7243                
7244                
7245                                                                                
7246                
7247
7248    <div
7249        x-data="{ conditions: [] }"
7250        x-init="$s('conditions').checkConditions(conditions)"
7251        x-show="$s('conditions').checkConditions(conditions)"
7252        id="block--gridcolumna1e81d94-4bc3-4472-9576-46df6405d03c"
7253        style="
7254        --text-color: #fff;
7255        --background-color: transparent00;
7256        "
7257        class=" cursor-pointer col-span-1 md:col-span-1 lg:col-span-1" data-subblock-key="image">
7258        <figure
7259            class="__gridcolumn_block overflow-hidden relative bg-inherit isolate
7260                h-full w-full                
7261                ">
7262                                                    <a href="https://www.dorothea.no/categories/krus-med-tekst" class="gridcolumn_image_url" ></a>
7263                            <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/UDnGjkkCP4iQGMwUtl3mA1zpsyXuzbsAvSHuoDPj.jpg/w1080h1620.jpg"  width="auto" height="auto"/><source media="(min-width: 768px)" srcset="https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/UDnGjkkCP4iQGMwUtl3mA1zpsyXuzbsAvSHuoDPj.jpg/w1080h1620.jpg" loading="lazy" width="auto" height="auto"/><img id="block--gridcolumna1e81d94-4bc3-4472-9576-46df6405d03c_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Storleksguide" src="https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/UDnGjkkCP4iQGMwUtl3mA1zpsyXuzbsAvSHuoDPj.jpg/w533h799.jpg" loading="lazy" width="533" height="800" /></picture>
7264        </figure>
7265
7266        <style>
7267            #block--gridcolumna1e81d94-4bc3-4472-9576-46df6405d03c picture {
7268                position: relative;
7269                z-index: 1;
7270            }
7271
7272            #block--gridcolumna1e81d94-4bc3-4472-9576-46df6405d03c ._content_wrapper_url {
7273                position: absolute;
7274                width: 100%;
7275                height: 100%;
7276                inset: 0;
7277                z-index: 2;
7278            }
7279
7280            #block--gridcolumna1e81d94-4bc3-4472-9576-46df6405d03c .gridcolumn_image_url {
7281                display: block;
7282                width: 100%;
7283                height: 100%;
7284                position: absolute;
7285                inset: 0;
7286                z-index: 2;
7287                            }
7288
7289            .gridcolumn_content_wrapper {
7290                position: relative;
7291                z-index: 3;
7292                isolation: isolate;
7293            }
7294
7295            #block--gridcolumna1e81d94-4bc3-4472-9576-46df6405d03c .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
7296                width: fit-content;
7297                position: relative;
7298                z-index: 5;
7299            }
7300
7301            #block--gridcolumna1e81d94-4bc3-4472-9576-46df6405d03c ._content_wrapper_url {
7302                position: absolute;
7303                inset: 0;
7304                width: 100%;
7305                height: 100%;
7306                z-index: 4;
7307            }
7308
7309            #block--gridcolumna1e81d94-4bc3-4472-9576-46df6405d03c figure {
7310                color: var(--text-color);
7311                background-color: var(--background-color);
7312                                    border-radius: 10px;
7313                            }
7314
7315            
7316            #block--gridcolumna1e81d94-4bc3-4472-9576-46df6405d03c figure > div > div {
7317                            background-color: var(--background-color);
7318                        gap: 10px;
7319            padding: 0px 15% 10px 20px;
7320            }
7321        </style>
7322    </div>
7323                                                        </div>
7324    
7325    
7326    <style>
7327        #section--columnsf9eb7c89-8ed7-44d5-abaf-238a06455681__columns {
7328        color: var(--text-color);
7329        background-color: var(--background-color);
7330        position: relative;
7331        z-index: 1;
7332        }
7333
7334
7335        #section--columnsf9eb7c89-8ed7-44d5-abaf-238a06455681__columns::after {
7336        content: '';
7337        background-color: var(--background-color);
7338        position: absolute;
7339        top: 0;
7340        left: 0;
7341        right: 0;
7342        bottom: 0;
7343        z-index: -1;
7344        }
7345
7346        @media (min-width: 601px) and (max-width: 768px) {
7347            #section--columnsf9eb7c89-8ed7-44d5-abaf-238a06455681__columns {
7348            margin:  !important;
7349        }
7350        }
7351
7352        
7353                    @media (max-width: 600px) {
7354                #section--columnsf9eb7c89-8ed7-44d5-abaf-238a06455681__columns {
7355                padding: 0px 15px 0px 15px !important;
7356            }
7357            }
7358
7359                            @media (min-width: 601px) and (max-width: 768px) {
7360                #section--columnsf9eb7c89-8ed7-44d5-abaf-238a06455681__columns  {
7361                padding: 0px 15px 0px 15px !important;
7362            }
7363            }
7364
7365            </style>
7366</section>
7367                    
7368
7369
7370<section
7371    id="section--columnsc44bf375-77b9-4abb-9404-2ac64b5f1fdd__columns"
7372    class="
7373        grid-gap--none
7374        __columns_section
7375        __columns multicolumn
7376        
7377    "
7378    style="
7379        --text-color: inherit;
7380        --background-color: inherit;
7381        ; border-color: #000; border-style: solid;
7382                margin: 0px auto 20px auto;
7383padding: 0px 5px 0px 5px;
7384    "
7385    x-data="{ initSlider: () => {} }"
7386    data-subblock-key="general">
7387
7388            <div class="
7389                container m-auto image_banner_image grid
7390                grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-0
7391
7392                                                    
7393            
7394    
7395    
7396                                    
7397                                                                " style="
7398                                background-color: ;            ">
7399            
7400                
7401                
7402                                                            
7403        
7404            
7405        <div
7406        x-data=" { conditions: [] }"
7407        x-init="$s('conditions').checkConditions(conditions)"
7408        x-show="$s('conditions').checkConditions(conditions)"
7409        id="block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03"
7410        class="
7411             
7412             __typography_block relative flex flex-col text-center p-4 md:p-10
7413            
7414            col-span-1 md:col-span-1 lg:col-span-1
7415                    "
7416        style="
7417        --text-color: --text-color;
7418        --background-color: inherit;
7419        "
7420        data-subblock-key="general">
7421
7422                    <div class="
7423                            
7424            
7425                                        text-left items-start
7426                        
7427    
7428                                        lg:text-left lg:items-start
7429                        
7430                                                content rounded-md flex flex-col text-left md:text-left">
7431
7432                                
7433                                                                
7434    
7435        
7436        
7437    
7438    
7439    
7440    <div id="block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title"         x-data="{ conditions: [] }"
7441        x-init="$s('conditions').checkConditions(conditions)"
7442        x-show="$s('conditions').checkConditions(conditions)"
7443        class="__text_block  relative w-full  left "
7444        style="--bg-color: inherit;"
7445        data-subblock-key="heading">
7446        <h2>BESTSELGERE</h2>
7447        <style>
7448            #block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title {
7449                        background: var(--bg-color);
7450            text-transform: none;
7451            line-height: auto;
7452            text-align: left;
7453            
7454            }
7455
7456            @media (max-width: 600px) {
7457                #block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title, #block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title * {
7458                    text-align: left;
7459                }
7460            }
7461        </style>
7462    </div>
7463                    
7464                    
7465                                                                                
7466        
7467                    
7468    
7469        
7470                    
7471        
7472            
7473    <div
7474        x-data="{ conditions: [] }"
7475        x-init="$s('conditions').checkConditions(conditions)"
7476        x-show="$s('conditions').checkConditions(conditions)"
7477        id=" block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title"         class="__text_block  editorcontent font-bold relative hidden"
7478        style="
7479            color: inherit;            
7480            font-size: 1.25rem;
7481            font-weight: inherit;
7482            line-height: inherit;
7483            text-transform: none !important;
7484            text-align: left;
7485            background-color: ;            border-radius: 0;        "
7486        data-subblock-key="heading">
7487        <h2>BESTSELGERE</h2>
7488    </div>
7489
7490    <style>
7491        @media (max-width: 600px) {
7492            # block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title, # block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title * {
7493                text-align: left !important;
7494            }
7495        }
7496    </style>
7497                    
7498                                                                        
7499                                                    
7500    
7501                        
7502                                                                                
7503        
7504                    
7505    
7506        
7507                    
7508        
7509            
7510    <div
7511        x-data="{ conditions: [] }"
7512        x-init="$s('conditions').checkConditions(conditions)"
7513        x-show="$s('conditions').checkConditions(conditions)"
7514        id=" block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title"         class="__text_block  editorcontent font-bold relative hidden"
7515        style="
7516            color: inherit;            
7517            font-size: 1.25rem;
7518            font-weight: inherit;
7519            line-height: inherit;
7520            text-transform: none !important;
7521            text-align: left;
7522            background-color: ;            border-radius: 0;        "
7523        data-subblock-key="heading">
7524        <h2>BESTSELGERE</h2>
7525    </div>
7526
7527    <style>
7528        @media (max-width: 600px) {
7529            # block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title, # block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title * {
7530                text-align: left !important;
7531            }
7532        }
7533    </style>
7534                    
7535                    
7536                                    
7537            </div>
7538            
7539        <style>
7540            #block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03 {
7541            background-color: var(--background-color);
7542            color: var(--text-color);
7543            border-color: inherit !important;
7544            border-style: solid !important;
7545                        border-radius: 0;
7546                        padding: 0px 0px 0px 0px;
7547            ;
7548
7549            }
7550
7551            #block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03 a {
7552            color: var(--text-color);
7553            }
7554
7555            #block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03 > div {
7556            gap: inherit;
7557            }
7558
7559            #block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_title {
7560            
7561            }
7562
7563            #block--typography042687fd-ce6f-431e-b3cb-0de6c0541e03_paragraph {
7564            
7565            }
7566        </style>
7567    </div>
7568                                                
7569                
7570                
7571                                                            
7572        
7573            
7574        <div
7575        x-data=" { conditions: [] }"
7576        x-init="$s('conditions').checkConditions(conditions)"
7577        x-show="$s('conditions').checkConditions(conditions)"
7578        id="block--typography69b540fc-28bf-4111-86f0-7ff19fae4164"
7579        class="
7580             
7581             __typography_block relative flex flex-col text-center p-4 md:p-10
7582            
7583            col-span-1 md:col-span-1 lg:col-span-1
7584                    "
7585        style="
7586        --text-color: inherit;
7587        --background-color: inherit;
7588        "
7589        data-subblock-key="general">
7590
7591                    <div class="
7592                            
7593            
7594                                        text-left items-start
7595                        
7596    
7597                                        lg:text-right lg:items-end
7598                        
7599                                                content rounded-md flex flex-col text-left md:text-right">
7600
7601                                
7602                                                                
7603    
7604        
7605        
7606    
7607    
7608    
7609    <div id="block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title"         x-data="{ conditions: [] }"
7610        x-init="$s('conditions').checkConditions(conditions)"
7611        x-show="$s('conditions').checkConditions(conditions)"
7612        class="__text_block  relative w-full  right "
7613        style="--bg-color: inherit;"
7614        data-subblock-key="heading">
7615        
7616        <style>
7617            #block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title {
7618                        background: var(--bg-color);
7619            text-transform: none;
7620            line-height: auto;
7621            text-align: right;
7622            
7623            }
7624
7625            @media (max-width: 600px) {
7626                #block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title, #block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title * {
7627                    text-align: left;
7628                }
7629            }
7630        </style>
7631    </div>
7632                    
7633                    
7634                                                                                
7635        
7636                    
7637    
7638        
7639                    
7640        
7641            
7642    <div
7643        x-data="{ conditions: [] }"
7644        x-init="$s('conditions').checkConditions(conditions)"
7645        x-show="$s('conditions').checkConditions(conditions)"
7646        id=" block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title"         class="__text_block  editorcontent font-bold relative hidden"
7647        style="
7648            color: inherit;            
7649            font-size: 1.25rem;
7650            font-weight: inherit;
7651            line-height: inherit;
7652            text-transform: none !important;
7653            text-align: right;
7654            background-color: ;            border-radius: 0;        "
7655        data-subblock-key="heading">
7656        
7657    </div>
7658
7659    <style>
7660        @media (max-width: 600px) {
7661            # block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title, # block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title * {
7662                text-align: left !important;
7663            }
7664        }
7665    </style>
7666                    
7667                                                                        
7668                                                    
7669    
7670                        
7671                                                                                
7672        
7673                    
7674    
7675        
7676                    
7677        
7678            
7679    <div
7680        x-data="{ conditions: [] }"
7681        x-init="$s('conditions').checkConditions(conditions)"
7682        x-show="$s('conditions').checkConditions(conditions)"
7683        id=" block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title"         class="__text_block  editorcontent font-bold relative hidden"
7684        style="
7685            color: inherit;            
7686            font-size: 1.25rem;
7687            font-weight: inherit;
7688            line-height: inherit;
7689            text-transform: none !important;
7690            text-align: right;
7691            background-color: ;            border-radius: 0;        "
7692        data-subblock-key="heading">
7693        
7694    </div>
7695
7696    <style>
7697        @media (max-width: 600px) {
7698            # block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title, # block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title * {
7699                text-align: left !important;
7700            }
7701        }
7702    </style>
7703                    
7704                    
7705                                    
7706            </div>
7707            
7708        <style>
7709            #block--typography69b540fc-28bf-4111-86f0-7ff19fae4164 {
7710            background-color: var(--background-color);
7711            color: var(--text-color);
7712            border-color: inherit !important;
7713            border-style: solid !important;
7714                        border-radius: 0;
7715                        padding: 10px 0px 0px 0px;
7716            ;
7717
7718            }
7719
7720            #block--typography69b540fc-28bf-4111-86f0-7ff19fae4164 a {
7721            color: var(--text-color);
7722            }
7723
7724            #block--typography69b540fc-28bf-4111-86f0-7ff19fae4164 > div {
7725            gap: inherit;
7726            }
7727
7728            #block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_title {
7729            
7730            }
7731
7732            #block--typography69b540fc-28bf-4111-86f0-7ff19fae4164_paragraph {
7733            
7734            }
7735        </style>
7736    </div>
7737                                                        </div>
7738    
7739    
7740    <style>
7741        #section--columnsc44bf375-77b9-4abb-9404-2ac64b5f1fdd__columns {
7742        color: var(--text-color);
7743        background-color: var(--background-color);
7744        position: relative;
7745        z-index: 1;
7746        }
7747
7748
7749        #section--columnsc44bf375-77b9-4abb-9404-2ac64b5f1fdd__columns::after {
7750        content: '';
7751        background-color: var(--background-color);
7752        position: absolute;
7753        top: 0;
7754        left: 0;
7755        right: 0;
7756        bottom: 0;
7757        z-index: -1;
7758        }
7759
7760        @media (min-width: 601px) and (max-width: 768px) {
7761            #section--columnsc44bf375-77b9-4abb-9404-2ac64b5f1fdd__columns {
7762            margin:  !important;
7763        }
7764        }
7765
7766        
7767                    @media (max-width: 600px) {
7768                #section--columnsc44bf375-77b9-4abb-9404-2ac64b5f1fdd__columns {
7769                padding: 0px 15px 0px 15px !important;
7770            }
7771            }
7772
7773                            @media (min-width: 601px) and (max-width: 768px) {
7774                #section--columnsc44bf375-77b9-4abb-9404-2ac64b5f1fdd__columns  {
7775                padding: 0px 15px 0px 15px !important;
7776            }
7777            }
7778
7779            </style>
7780</section>
7781                    
7782    
7783                                                                    
7784    
7785    <section
7786        id="section--productslist8ac1a27d-cd9d-41ca-afa4-508ce982757c__productslist"
7787        class="
7788            __productslist_section  __productslist w-full px-4 md:px-0
7789            
7790            
7791        "
7792        style="
7793            color:#000;
7794            background-color:#fff;
7795             margin: 0px auto 0px auto;
7796padding: 0px 5px 0px 5px;
7797        "
7798        data-subblock-key="general">
7799
7800        <div
7801            class="
7802                container m-auto
7803            ">
7804                                                                                                                                                        
7805    
7806                    <div
7807            id="block--productsda6b5097-f127-4b6a-9457-69c58fc74dca"
7808            class="__products_carousel_block  splide grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 ga
7808p-4 pb-4 !block my-4"
7809            x-data="{  conditions: [], initSliderblockproductsda6b5097f1274b6a945769c58fc74dca: () => {} }"
7810            x-init="$s('conditions').checkConditions(conditions); $nextTick(() => { initSliderblockproductsda6b5097f1274b6a945769c58fc74dca();})"
7811            x-show="$s('conditions').checkConditions(conditions)"
7812            data-subblock-key="general">
7813            
7814
7815
7816
7817
7818<div x-init="() => {
7819    initSliderblockproductsda6b5097f1274b6a945769c58fc74dca = () => {
7820        const splide = new Splide('#block--productsda6b5097-f127-4b6a-9457-69c58fc74dca', {
7821            lazyLoad: 'nearby',
7822            type: 'loop',            autoplay: false,
7823            interval: 3000,
7824            pagination: true,
7825            arrows: true,
7826            slideFocus: true,
7827            breakpoints: {
7828                639: {
7829                    perPage: 2,
7830                    gap: '1rem'
7831                },
7832                991: {
7833                    perPage: 3,
7834                    gap: '1rem'
7835                }
7836            },
7837            perPage: 5,
7838            gap: '1rem'
7839        });
7840
7841        splide.mount();
7842    };
7843}"></div>
7844
7845    <style>
7846        #block--productsda6b5097-f127-4b6a-9457-69c58fc74dca .splide__arrow {
7847        padding: 8px;
7848        background-color: transparent;
7849        border-radius: 0;
7850        }
7851
7852        #block--productsda6b5097-f127-4b6a-9457-69c58fc74dca .splide__arrow,
7853        #block--productsda6b5097-f127-4b6a-9457-69c58fc74dca .splide__arrow svg {
7854        width: 2;
7855        height: 2;
7856        fill: #000;
7857        }
7858    </style>
7859
7860            <div class="splide__track" id="block--productsda6b5097-f127-4b6a-9457-69c58fc74dca_inner">
7861                <ul class="splide__list">
7862                                            <li class="splide__slide h-auto grid">
7863                            
7864                
7865
7866<article
7867
7868    x-data="{ pid: 'p25212', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
7869                @mouseover="showVariantButtons = true"
7870            @mouseout="showVariantButtons = false"
7871        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
7872    data-image="users/dorothea_mystore_no/images/3YvSR_Reunion_Home_Mocha_-_Joan_Flower_Lin_Kjole_1.jpeg"
7873            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/3YvSR_Reunion_Home_Mocha_-_Joan_Flower_Lin_Kjole_1.jpeg/w433h665.jpeg'"
7874        data-preload-images="false"
7875                data-button-type="buy_now_button"
7876        data-stock-quantity="3"
7877    >
7878        
7879    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
7880        <!-- Custom Ribbon -->
7881        
7882        <!-- Custom Ribbon Multi -->
7883        
7884        <!-- Discount Ribbon -->
7885                                                        <a href="https://www.dorothea.no/products/mocha-joan-flower-lin-kjole-2" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
7886                        <span class="onsale"><span>-25%</span></span>
7887                    </a>
7888                                    
7889        <!-- New product Ribbon -->
7890                    <a href="https://www.dorothea.no/products/mocha-joan-flower-lin-kjole-2" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
7891                <span class="new_product"><span>Ny</span></span>
7892            </a>
7893            </div>
7894
7895    <div class="flex flex-col h-full relative">
7896        <!-- Wishlist -->
7897                <!-- Product cover -->
7898                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
7899            data-preload-images=""
7900            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
7901            timeout = setInterval( function(){
7902                if (current >= 3 && $store?.extra_images?.loop) {
7903                    current = 0;
7904                } else if (current < 3) {
7905                    current++;
7906                }
7907            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
7908        }" @mouseleave="(e) => {
7909            clearInterval(timeout);
7910            current = 0
7911        }">
7912            <a href="https://www.dorothea.no/products/mocha-joan-flower-lin-kjole-2" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
7913                <img
7914                    data-image="users/dorothea_mystore_no/images/3YvSR_Reunion_Home_Mocha_-_Joan_Flower_Lin_Kjole_1.jpeg"
7915                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
7916                    alt="Hovedbilde Mocha - Joan Flower Lin Kjole"
7917                                            loading="lazy"
7918                        :src="src"
7919                        :style="{
7920                            'opacity': current === 0 ? 1 : 0
7921                        }"
7922                                        width=""
7923                    height=""
7924                />
7925                                    <img loading="lazy"
7926                        data-image="users/dorothea_mystore_no/images/k02vX_Reunion_Home_Mocha_-_Joan_Flower_Lin_Kjole_1.jpg"
7927                        x-cloak
7928                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
7929                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/k02vX_Reunion_Home_Mocha_-_Joan_Flower_Lin_Kjole_1.jpg/w406h665.jpg'"
7930                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
7931                        alt="Hovedbilde Mocha - Joan Flower Lin Kjole"
7932                        width="406"
7933                        height="665"
7934                        :src="src0"
7935                        :style="{
7936                            'opacity': current === 1 ? 1 : 0
7937                        }"
7938                    />
7939                                    <img loading="lazy"
7940                        data-image="users/dorothea_mystore_no/images/8yXsy_Reunion_Home_Mocha_-_Joan_Flower_Lin_Kjole_1.jpg"
7941                        x-cloak
7942                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
7943                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/8yXsy_Reunion_Home_Mocha_-_Joan_Flower_Lin_Kjole_1.jpg/w429h665.jpg'"
7944                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
7945                        alt="Hovedbilde Mocha - Joan Flower Lin Kjole"
7946                        width="429"
7947                        height="665"
7948                        :src="src1"
7949                        :style="{
7950                            'opacity': current === 2 ? 1 : 0
7951                        }"
7952                    />
7953                                    <img loading="lazy"
7954                        data-image="users/dorothea_mystore_no/images/MqoM2_Reunion_Home_Mocha_-_Joan_Flower_Lin_Kjole_1.jpg"
7955                        x-cloak
7956                        x-data="{ src2: '/templates/belgrade/assets/images/loading.gif' }"
7957                        x-intersect.once.margin.200px="src2 = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/MqoM2_Reunion_Home_Mocha_-_Joan_Flower_Lin_Kjole_1.jpg/w407h665.jpg'"
7958                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
7959                        alt="Hovedbilde Mocha - Joan Flower Lin Kjole"
7960                        width="407"
7961                        height="665"
7962                        :src="src2"
7963                        :style="{
7964                            'opacity': current === 3 ? 1 : 0
7965                        }"
7966                    />
7967                            </a>
7968            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
7969                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
7970                    'opacity-100': current === 0,
7971                    'opacity-50': current !== 0,
7972                }"></li>
7973                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
7974                    'opacity-100': current === 1,
7975                    'opacity-50': current !== 1,
7976                }"></li>
7977                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
7978                    'opacity-100': current === 2,
7979                    'opacity-50': current !== 2,
7980                }"></li>
7981                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
7982                    'opacity-100': current === 3,
7983                    'opacity-50': current !== 3,
7984                }"></li>
7985                            </ul>
7986            
7987        </figure>
7988    
7989        <!-- Product info and purchase section -->
7990        
7991<div
7992    x-data="{ selectedQuantity: 1 }"
7993    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
7994    <div class="product-thumb-info-content w-full" tabindex="-1">
7995        <div class="my-1"></div>
7996
7997        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
7998            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Reunion Home</div>
7999        </div>
8000
8001        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/mocha-joan-flower-lin-kjole-2">
8002            Mocha - Joan Flower Lin Kjole
8003        </a>
8004
8005        <div class="pb_price price flex items-center min-h-[1.75rem]">
8006                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">824,-</p>
8007                                        <span class="flex flex-col mr-2">
8008                                                <span style="color:#000" class="text-base font-light leading-tight">
8009                            <s class="line-through">1.099,-</s>
8010                        </span>
8011                    </span>
8012                
8013                    </div>
8014
8015        
8016                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
8017                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
8018                    </div>
8019        
8020        
8021        <div class="__product-box-attribute-info hidden">
8022                            
8023                    </div>
8024                        
8025    <div class="__pb-button product-25212">
8026        <a
8027            class="button button-default p-2 w-full block max-w-none text-xs"
8028            x-data="{ loading: false }"
8029                            href="https://www.dorothea.no/products/mocha-joan-flower-lin-kjole-2"
8030                @click.prevent="
8031                                    async () => {
8032                        loading = true;
8033
8034                        await $store.cart.addToCart({
8035                            name: 'Mocha - Joan Flower Lin Kjole',
8036                            image: 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/3YvSR_Reunion_Home_Mocha_-_Joan_Flower_Lin_Kjole_1.jpeg/w433h665.jpeg',
8037                            sku: 'RE-5447-JOAN-MOCHA//8C5',
8038                            price: '824,-',
8039                            original_price: '1.099,-',
8040                            url: 'https://www.dorothea.no/products/mocha-joan-flower-lin-kjole-2',
8041                            brand: 'Reunion Home',
8042                            category: '',
8043                            variant: '',
8044                            products_id: '25212',
8045                            quantity: selectedQuantity,
8046                            redirect: true
8047                        })
8048                        loading = false;
8049                    }
8050                                "
8051            >
8052
8053            <span>
8054                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
8055                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
8056                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
8057                        <path
8058                            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"
8059                            fill="currentColor" />
8060                        <path
8061                            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.1071C47.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"
8062                            fill="currentFill" />
8063                    </svg>
8064                </span>
8065                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
8066                        <span><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></span> Kjøp
8067                    </span>
8068                            </span>
8069        </a>
8070    </div>
8071            </div>
8072</div>
8073    </div>
8074
8075
8076</article>
8077                        </li>
8078                                            <li class="splide__slide h-auto grid">
8079                            
8080                
8081
8082<article
8083
8084    x-data="{ pid: 'p25114', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
8085                @mouseover="showVariantButtons = true"
8086            @mouseout="showVariantButtons = false"
8087        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
8088    data-image="users/dorothea_mystore_no/images/5kall_Trend_Design_Landskap_med_vann_p____rull_1.jpg"
8089            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/5kall_Trend_Design_Landskap_med_vann_p____rull_1.jpg/w445h665.jpg'"
8090        data-preload-images="false"
8091                data-button-type="buy_now_button"
8092        data-stock-quantity="7"
8093    >
8094        
8095    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
8096        <!-- Custom Ribbon -->
8097        
8098        <!-- Custom Ribbon Multi -->
8099        
8100        <!-- Discount Ribbon -->
8101                                                        <a href="https://www.dorothea.no/products/landskap-med-vann-parull" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
8102                        <span class="onsale"><span>-25%</span></span>
8103                    </a>
8104                                    
8105        <!-- New product Ribbon -->
8106            </div>
8107
8108    <div class="flex flex-col h-full relative">
8109        <!-- Wishlist -->
8110                <!-- Product cover -->
8111                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
8112            data-preload-images=""
8113            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
8114            timeout = setInterval( function(){
8115                if (current >= 3 && $store?.extra_images?.loop) {
8116                    current = 0;
8117                } else if (current < 3) {
8118                    current++;
8119                }
8120            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
8121        }" @mouseleave="(e) => {
8122            clearInterval(timeout);
8123            current = 0
8124        }">
8125            <a href="https://www.dorothea.no/products/landskap-med-vann-parull" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
8126                <img
8127                    data-image="users/dorothea_mystore_no/images/5kall_Trend_Design_Landskap_med_vann_p____rull_1.jpg"
8128                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
8129                    alt="Hovedbilde Landskap med vann på  rull"
8130                                            loading="lazy"
8131                        :src="src"
8132                        :style="{
8133                            'opacity': current === 0 ? 1 : 0
8134                        }"
8135                                        width=""
8136                    height=""
8137                />
8138                                    <img loading="lazy"
8139                        data-image="users/dorothea_mystore_no/images/JBnzs_Trend_Design_Landskap_med_vann_p____rull_1.jpeg"
8140                        x-cloak
8141                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
8142                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/JBnzs_Trend_Design_Landskap_med_vann_p____rull_1.jpeg/w443h665.jpeg'"
8143                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8144                        alt="Hovedbilde Landskap med vann på  rull"
8145                        width="443"
8146                        height="665"
8147                        :src="src0"
8148                        :style="{
8149                            'opacity': current === 1 ? 1 : 0
8150                        }"
8151                    />
8152                                    <img loading="lazy"
8153                        data-image="users/dorothea_mystore_no/images/7sPJf_Trend_Design_Landskap_med_vann_p____rull_1.jpeg"
8154                        x-cloak
8155                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
8156                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/7sPJf_Trend_Design_Landskap_med_vann_p____rull_1.jpeg/w443h665.jpeg'"
8157                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8158                        alt="Hovedbilde Landskap med vann på  rull"
8159                        width="443"
8160                        height="665"
8161                        :src="src1"
8162                        :style="{
8163                            'opacity': current === 2 ? 1 : 0
8164                        }"
8165                    />
8166                                    <img loading="lazy"
8167                        data-image="users/dorothea_mystore_no/images/hKIZG_Trend_Design_Landskap_med_vann_p____rull_1.jpeg"
8168                        x-cloak
8169                        x-data="{ src2: '/templates/belgrade/assets/images/loading.gif' }"
8170                        x-intersect.once.margin.200px="src2 = 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/hKIZG_Trend_Design_Landskap_med_vann_p____rull_1.jpeg/w437h665.jpeg'"
8171                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8172                        alt="Hovedbilde Landskap med vann på  rull"
8173                        width="437"
8174                        height="665"
8175                        :src="src2"
8176                        :style="{
8177                            'opacity': current === 3 ? 1 : 0
8178                        }"
8179                    />
8180                            </a>
8181            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
8182                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8183                    'opacity-100': current === 0,
8184                    'opacity-50': current !== 0,
8185                }"></li>
8186                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8187                    'opacity-100': current === 1,
8188                    'opacity-50': current !== 1,
8189                }"></li>
8190                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8191                    'opacity-100': current === 2,
8192                    'opacity-50': current !== 2,
8193                }"></li>
8194                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8195                    'opacity-100': current === 3,
8196                    'opacity-50': current !== 3,
8197                }"></li>
8198                            </ul>
8199            
8200        </figure>
8201    
8202        <!-- Product info and purchase section -->
8203        
8204<div
8205    x-data="{ selectedQuantity: 1 }"
8206    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
8207    <div class="product-thumb-info-content w-full" tabindex="-1">
8208        <div class="my-1"></div>
8209
8210        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
8211            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Trend Design</div>
8212        </div>
8213
8214        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/landskap-med-vann-parull">
8215            Landskap med vann på  rull
8216        </a>
8217
8218        <div class="pb_price price flex items-center min-h-[1.75rem]">
8219                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">449,-</p>
8220                                        <span class="flex flex-col mr-2">
8221                                                <span style="color:#000" class="text-base font-light leading-tight">
8222                            <s class="line-through">599,-</s>
8223                        </span>
8224                    </span>
8225                
8226                    </div>
8227
8228        
8229                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
8230                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
8231                    </div>
8232        
8233        
8234        <div class="__product-box-attribute-info hidden">
8235                            
8236                    </div>
8237                        
8238    <div class="__pb-button product-25114">
8239        <a
8240            class="button button-default p-2 w-full block max-w-none text-xs"
8241            x-data="{ loading: false }"
8242                            href="https://www.dorothea.no/products/landskap-med-vann-parull"
8243                @click.prevent="
8244                                    async () => {
8245                        loading = true;
8246
8247                        await $store.cart.addToCart({
8248                            name: 'Landskap med vann på  rull',
8249                            image: 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/5kall_Trend_Design_Landskap_med_vann_p____rull_1.jpg/w445h665.jpg',
8250                            sku: '707604//6C4',
8251                            price: '449,-',
8252                            original_price: '599,-',
8253                            url: 'https://www.dorothea.no/products/landskap-med-vann-parull',
8254                            brand: 'Trend Design',
8255                            category: '',
8256                            variant: '',
8257                            products_id: '25114',
8258                            quantity: selectedQuantity,
8259                            redirect: true
8260                        })
8261                        loading = false;
8262                    }
8263                                "
8264            >
8265
8266            <span>
8267                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
8268                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
8269                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
8270                        <path
8271                            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"
8272                            fill="currentColor" />
8273                        <path
8274                            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.1071C47.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"
8275                            fill="currentFill" />
8276                    </svg>
8277                </span>
8278                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
8279                        <span><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></span> Kjøp
8280                    </span>
8281                            </span>
8282        </a>
8283    </div>
8284            </div>
8285</div>
8286    </div>
8287
8288
8289</article>
8290                        </li>
8291                                            <li class="splide__slide h-auto grid">
8292                            
8293                
8294
8295<article
8296
8297    x-data="{ pid: 'p25214', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
8298                @mouseover="showVariantButtons = true"
8299            @mouseout="showVariantButtons = false"
8300        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
8301    data-image="users/dorothea_mystore_no/images/WIDcc_Qnuz_Marron_-_Lux_Cardigan_med_striper_1.jpg"
8302            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/WIDcc_Qnuz_Marron_-_Lux_Cardigan_med_striper_1.jpg/w443h665.jpg'"
8303        data-preload-images="false"
8304                data-button-type="buy_now_button"
8305        data-stock-quantity="4"
8306    >
8307        
8308    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
8309        <!-- Custom Ribbon -->
8310        
8311        <!-- Custom Ribbon Multi -->
8312        
8313        <!-- Discount Ribbon -->
8314                                                        <a href="https://www.dorothea.no/products/marron-lux-cardigan-med-striper" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
8315                        <span class="onsale"><span>-25%</span></span>
8316                    </a>
8317                                    
8318        <!-- New product Ribbon -->
8319                    <a href="https://www.dorothea.no/products/marron-lux-cardigan-med-striper" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
8320                <span class="new_product"><span>Ny</span></span>
8321            </a>
8322            </div>
8323
8324    <div class="flex flex-col h-full relative">
8325        <!-- Wishlist -->
8326                <!-- Product cover -->
8327                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
8328            data-preload-images=""
8329            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
8330            timeout = setInterval( function(){
8331                if (current >= 1 && $store?.extra_images?.loop) {
8332                    current = 0;
8333                } else if (current < 1) {
8334                    current++;
8335                }
8336            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
8337        }" @mouseleave="(e) => {
8338            clearInterval(timeout);
8339            current = 0
8340        }">
8341            <a href="https://www.dorothea.no/products/marron-lux-cardigan-med-striper" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
8342                <img
8343                    data-image="users/dorothea_mystore_no/images/WIDcc_Qnuz_Marron_-_Lux_Cardigan_med_striper_1.jpg"
8344                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
8345                    alt="Hovedbilde Marron - Lux Cardigan med ..."
8346                                            loading="lazy"
8347                        :src="src"
8348                        :style="{
8349                            'opacity': current === 0 ? 1 : 0
8350                        }"
8351                                        width=""
8352                    height=""
8353                />
8354                                    <img loading="lazy"
8355                        data-image="users/dorothea_mystore_no/images/KxHd6_Qnuz_Marron_-_Lux_Cardigan_med_striper_1.jpg"
8356                        x-cloak
8357                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
8358                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/KxHd6_Qnuz_Marron_-_Lux_Cardigan_med_striper_1.jpg/w443h665.jpg'"
8359                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8360                        alt="Hovedbilde Marron - Lux Cardigan med ..."
8361                        width="443"
8362                        height="665"
8363                        :src="src0"
8364                        :style="{
8365                            'opacity': current === 1 ? 1 : 0
8366                        }"
8367                    />
8368                            </a>
8369            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
8370                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8371                    'opacity-100': current === 0,
8372                    'opacity-50': current !== 0,
8373                }"></li>
8374                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8375                    'opacity-100': current === 1,
8376                    'opacity-50': current !== 1,
8377                }"></li>
8378                            </ul>
8379            
8380        </figure>
8381    
8382        <!-- Product info and purchase section -->
8383        
8384<div
8385    x-data="{ selectedQuantity: 1 }"
8386    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
8387    <div class="product-thumb-info-content w-full" tabindex="-1">
8388        <div class="my-1"></div>
8389
8390        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
8391            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Qnuz</div>
8392        </div>
8393
8394        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/marron-lux-cardigan-med-striper">
8395            Marron - Lux Cardigan med ...
8396        </a>
8397
8398        <div class="pb_price price flex items-center min-h-[1.75rem]">
8399                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">674,-</p>
8400                                        <span class="flex flex-col mr-2">
8401                                                <span style="color:#000" class="text-base font-light leading-tight">
8402                            <s class="line-through">899,-</s>
8403                        </span>
8404                    </span>
8405                
8406                    </div>
8407
8408        
8409                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
8410                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
8411                    </div>
8412        
8413        
8414        <div class="__product-box-attribute-info hidden">
8415                            
8416                    </div>
8417                        
8418    <div class="__pb-button product-25214">
8419        <a
8420            class="button button-default p-2 w-full block max-w-none text-xs"
8421            x-data="{ loading: false }"
8422                            href="https://www.dorothea.no/products/marron-lux-cardigan-med-striper"
8423                @click.prevent="
8424                                    async () => {
8425                        loading = true;
8426
8427                        await $store.cart.addToCart({
8428                            name: 'Marron - Lux Cardigan med ...',
8429                            image: 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/WIDcc_Qnuz_Marron_-_Lux_Cardigan_med_striper_1.jpg/w443h665.jpg',
8430                            sku: '9431_60_marron//8E3',
8431                            price: '674,-',
8432                            original_price: '899,-',
8433                            url: 'https://www.dorothea.no/products/marron-lux-cardigan-med-striper',
8434                            brand: 'Qnuz',
8435                            category: '',
8436                            variant: '',
8437                            products_id: '25214',
8438                            quantity: selectedQuantity,
8439                            redirect: true
8440                        })
8441                        loading = false;
8442                    }
8443                                "
8444            >
8445
8446            <span>
8447                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
8448                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
8449                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
8450                        <path
8451                            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"
8452                            fill="currentColor" />
8453                        <path
8454                            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.1071C47.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"
8455                            fill="currentFill" />
8456                    </svg>
8457                </span>
8458                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
8459                        <span><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></span> Kjøp
8460                    </span>
8461                            </span>
8462        </a>
8463    </div>
8464            </div>
8465</div>
8466    </div>
8467
8468
8469</article>
8470                        </li>
8471                                            <li class="splide__slide h-auto grid">
8472                            
8473                
8474
8475<article
8476
8477    x-data="{ pid: 'p22908', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
8478                @mouseover="showVariantButtons = true"
8479            @mouseout="showVariantButtons = false"
8480        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
8481    data-image="users/dorothea_mystore_no/images/cJUxv_Trend_Design_Gul_-_Solsikke_Papirblomst_72_c_1.jpg"
8482            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/cJUxv_Trend_Design_Gul_-_Solsikke_Papirblomst_72_c_1.jpg/w443h665.jpg'"
8483        data-preload-images="false"
8484                data-button-type="buy_now_button"
8485        data-stock-quantity="11"
8486    >
8487        
8488    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
8489        <!-- Custom Ribbon -->
8490        
8491        <!-- Custom Ribbon Multi -->
8492        
8493        <!-- Discount Ribbon -->
8494                                                        <a href="https://www.dorothea.no/products/gul-solsikke-papirblomst-72-cm" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
8495                        <span class="onsale"><span>-50%</span></span>
8496                    </a>
8497                                    
8498        <!-- New product Ribbon -->
8499            </div>
8500
8501    <div class="flex flex-col h-full relative">
8502        <!-- Wishlist -->
8503                <!-- Product cover -->
8504                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
8505            data-preload-images=""
8506            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
8507            timeout = setInterval( function(){
8508                if (current >= 3 && $store?.extra_images?.loop) {
8509                    current = 0;
8510                } else if (current < 3) {
8511                    current++;
8512                }
8513            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
8514        }" @mouseleave="(e) => {
8515            clearInterval(timeout);
8516            current = 0
8517        }">
8518            <a href="https://www.dorothea.no/products/gul-solsikke-papirblomst-72-cm" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
8519                <img
8520                    data-image="users/dorothea_mystore_no/images/cJUxv_Trend_Design_Gul_-_Solsikke_Papirblomst_72_c_1.jpg"
8521                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
8522                    alt="Hovedbilde Gul - Solsikke Papirblomst 72 ..."
8523                                            loading="lazy"
8524                        :src="src"
8525                        :style="{
8526                            'opacity': current === 0 ? 1 : 0
8527                        }"
8528                                        width=""
8529                    height=""
8530                />
8531                                    <img loading="lazy"
8532                        data-image="users/dorothea_mystore_no/images/GZoZS_Trend_Design_Gul_-_Solsikke_Papirblomst_72_c_1.jpeg"
8533                        x-cloak
8534                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
8535                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/GZoZS_Trend_Design_Gul_-_Solsikke_Papirblomst_72_c_1.jpeg/w443h665.jpeg'"
8536                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8537                        alt="Hovedbilde Gul - Solsikke Papirblomst 72 ..."
8538                        width="443"
8539                        height="665"
8540                        :src="src0"
8541                        :style="{
8542                            'opacity': current === 1 ? 1 : 0
8543                        }"
8544                    />
8545                                    <img loading="lazy"
8546                        data-image="users/dorothea_mystore_no/images/uhETn_Trend_Design_Gul_-_Solsikke_Papirblomst_72_c_1.jpeg"
8547                        x-cloak
8548                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
8549                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/uhETn_Trend_Design_Gul_-_Solsikke_Papirblomst_72_c_1.jpeg/w441h665.jpeg'"
8550                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8551                        alt="Hovedbilde Gul - Solsikke Papirblomst 72 ..."
8552                        width="441"
8553                        height="665"
8554                        :src="src1"
8555                        :style="{
8556                            'opacity': current === 2 ? 1 : 0
8557                        }"
8558                    />
8559                                    <img loading="lazy"
8560                        data-image="users/dorothea_mystore_no/images/A0pGz_Trend_Design_Gul_-_Solsikke_Papirblomst_72_c_1.jpeg"
8561                        x-cloak
8562                        x-data="{ src2: '/templates/belgrade/assets/images/loading.gif' }"
8563                        x-intersect.once.margin.200px="src2 = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/A0pGz_Trend_Design_Gul_-_Solsikke_Papirblomst_72_c_1.jpeg/w441h665.jpeg'"
8564                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8565                        alt="Hovedbilde Gul - Solsikke Papirblomst 72 ..."
8566                        width="441"
8567                        height="665"
8568                        :src="src2"
8569                        :style="{
8570                            'opacity': current === 3 ? 1 : 0
8571                        }"
8572                    />
8573                            </a>
8574            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
8575                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8576                    'opacity-100': current === 0,
8577                    'opacity-50': current !== 0,
8578                }"></li>
8579                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8580                    'opacity-100': current === 1,
8581                    'opacity-50': current !== 1,
8582                }"></li>
8583                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8584                    'opacity-100': current === 2,
8585                    'opacity-50': current !== 2,
8586                }"></li>
8587                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8588                    'opacity-100': current === 3,
8589                    'opacity-50': current !== 3,
8590                }"></li>
8591                            </ul>
8592            
8593        </figure>
8594    
8595        <!-- Product info and purchase section -->
8596        
8597<div
8598    x-data="{ selectedQuantity: 1 }"
8599    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
8600    <div class="product-thumb-info-content w-full" tabindex="-1">
8601        <div class="my-1"></div>
8602
8603        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
8604            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Trend Design</div>
8605        </div>
8606
8607        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/gul-solsikke-papirblomst-72-cm">
8608            Gul - Solsikke Papirblomst 72 ...
8609        </a>
8610
8611        <div class="pb_price price flex items-center min-h-[1.75rem]">
8612                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">90,-</p>
8613                                        <span class="flex flex-col mr-2">
8614                                                <span style="color:#000" class="text-base font-light leading-tight">
8615                            <s class="line-through">179,-</s>
8616                        </span>
8617                    </span>
8618                
8619                    </div>
8620
8621        
8622                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
8623                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
8624                    </div>
8625        
8626        
8627        <div class="__product-box-attribute-info hidden">
8628                            
8629                    </div>
8630                        
8631    <div class="__pb-button product-22908">
8632        <a
8633            class="button button-default p-2 w-full block max-w-none text-xs"
8634            x-data="{ loading: false }"
8635                            href="https://www.dorothea.no/products/gul-solsikke-papirblomst-72-cm"
8636                @click.prevent="
8637                                    async () => {
8638                        loading = true;
8639
8640                        await $store.cart.addToCart({
8641                            name: 'Gul - Solsikke Papirblomst 72 ...',
8642                            image: 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/cJUxv_Trend_Design_Gul_-_Solsikke_Papirblomst_72_c_1.jpg/w443h665.jpg',
8643                            sku: '636527//4B1',
8644                            price: '90,-',
8645                            original_price: '179,-',
8646                            url: 'https://www.dorothea.no/products/gul-solsikke-papirblomst-72-cm',
8647                            brand: 'Trend Design',
8648                            category: '',
8649                            variant: '',
8650                            products_id: '22908',
8651                            quantity: selectedQuantity,
8652                            redirect: true
8653                        })
8654                        loading = false;
8655                    }
8656                                "
8657            >
8658
8659            <span>
8660                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
8661                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
8662                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
8663                        <path
8664                            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"
8665                            fill="currentColor" />
8666                        <path
8667                            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.1071C47.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"
8668                            fill="currentFill" />
8669                    </svg>
8670                </span>
8671                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
8672                        <span><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></span> Kjøp
8673                    </span>
8674                            </span>
8675        </a>
8676    </div>
8677            </div>
8678</div>
8679    </div>
8680
8681
8682</article>
8683                        </li>
8684                                            <li class="splide__slide h-auto grid">
8685                            
8686                
8687
8688<article
8689
8690    x-data="{ pid: 'p25174', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
8691                @mouseover="showVariantButtons = true"
8692            @mouseout="showVariantButtons = false"
8693        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
8694    data-image="users/dorothea_mystore_no/images/leCdu_Marta_du_chateau_Beige_-_Kaori_Cord_Skjorte_1.jpeg"
8695            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/leCdu_Marta_du_chateau_Beige_-_Kaori_Cord_Skjorte_1.jpeg/w443h665.jpeg'"
8696        data-preload-images="false"
8697                data-button-type="buy_now_button"
8698        data-stock-quantity="2"
8699    >
8700        
8701    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
8702        <!-- Custom Ribbon -->
8703        
8704        <!-- Custom Ribbon Multi -->
8705        
8706        <!-- Discount Ribbon -->
8707                                                        <a href="https://www.dorothea.no/products/beige-kaori-cord-skjorte" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
8708                        <span class="onsale"><span>-25%</span></span>
8709                    </a>
8710                                    
8711        <!-- New product Ribbon -->
8712                    <a href="https://www.dorothea.no/products/beige-kaori-cord-skjorte" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
8713                <span class="new_product"><span>Ny</span></span>
8714            </a>
8715            </div>
8716
8717    <div class="flex flex-col h-full relative">
8718        <!-- Wishlist -->
8719                <!-- Product cover -->
8720                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
8721            data-preload-images=""
8722            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
8723            timeout = setInterval( function(){
8724                if (current >= 3 && $store?.extra_images?.loop) {
8725                    current = 0;
8726                } else if (current < 3) {
8727                    current++;
8728                }
8729            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
8730        }" @mouseleave="(e) => {
8731            clearInterval(timeout);
8732            current = 0
8733        }">
8734            <a href="https://www.dorothea.no/products/beige-kaori-cord-skjorte" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
8735                <img
8736                    data-image="users/dorothea_mystore_no/images/leCdu_Marta_du_chateau_Beige_-_Kaori_Cord_Skjorte_1.jpeg"
8737                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
8738                    alt="Hovedbilde Beige - Kaori Cord Skjorte"
8739                                            loading="lazy"
8740                        :src="src"
8741                        :style="{
8742                            'opacity': current === 0 ? 1 : 0
8743                        }"
8744                                        width=""
8745                    height=""
8746                />
8747                                    <img loading="lazy"
8748                        data-image="users/dorothea_mystore_no/images/wnPDW_Marta_du_chateau_Beige_-_Kaori_Cord_Skjorte_1.jpeg"
8749                        x-cloak
8750                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
8751                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/wnPDW_Marta_du_chateau_Beige_-_Kaori_Cord_Skjorte_1.jpeg/w443h665.jpeg'"
8752                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8753                        alt="Hovedbilde Beige - Kaori Cord Skjorte"
8754                        width="443"
8755                        height="665"
8756                        :src="src0"
8757                        :style="{
8758                            'opacity': current === 1 ? 1 : 0
8759                        }"
8760                    />
8761                                    <img loading="lazy"
8762                        data-image="users/dorothea_mystore_no/images/qLWwC_Marta_du_chateau_Beige_-_Kaori_Cord_Skjorte_1.jpg"
8763                        x-cloak
8764                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
8765                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/qLWwC_Marta_du_chateau_Beige_-_Kaori_Cord_Skjorte_1.jpg/w665h665.jpg'"
8766                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8767                        alt="Hovedbilde Beige - Kaori Cord Skjorte"
8768                        width="665"
8769                        height="665"
8770                        :src="src1"
8771                        :style="{
8772                            'opacity': current === 2 ? 1 : 0
8773                        }"
8774                    />
8775                                    <img loading="lazy"
8776                        data-image="users/dorothea_mystore_no/images/fwZvY_Marta_du_chateau_Beige_-_Kaori_Cord_Skjorte_1.jpg"
8777                        x-cloak
8778                        x-data="{ src2: '/templates/belgrade/assets/images/loading.gif' }"
8779                        x-intersect.once.margin.200px="src2 = 'https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/fwZvY_Marta_du_chateau_Beige_-_Kaori_Cord_Skjorte_1.jpg/w665h665.jpg'"
8780                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8781                        alt="Hovedbilde Beige - Kaori Cord Skjorte"
8782                        width="665"
8783                        height="665"
8784                        :src="src2"
8785                        :style="{
8786                            'opacity': current === 3 ? 1 : 0
8787                        }"
8788                    />
8789                            </a>
8790            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
8791                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8792                    'opacity-100': current === 0,
8793                    'opacity-50': current !== 0,
8794                }"></li>
8795                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8796                    'opacity-100': current === 1,
8797                    'opacity-50': current !== 1,
8798                }"></li>
8799                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8800                    'opacity-100': current === 2,
8801                    'opacity-50': current !== 2,
8802                }"></li>
8803                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8804                    'opacity-100': current === 3,
8805                    'opacity-50': current !== 3,
8806                }"></li>
8807                            </ul>
8808            
8809        </figure>
8810    
8811        <!-- Product info and purchase section -->
8812        
8813<div
8814    x-data="{ selectedQuantity: 1 }"
8815    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
8816    <div class="product-thumb-info-content w-full" tabindex="-1">
8817        <div class="my-1"></div>
8818
8819        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
8820            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Marta du chateau</div>
8821        </div>
8822
8823        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/beige-kaori-cord-skjorte">
8824            Beige - Kaori Cord Skjorte
8825        </a>
8826
8827        <div class="pb_price price flex items-center min-h-[1.75rem]">
8828                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">449,-</p>
8829                                        <span class="flex flex-col mr-2">
8830                                                <span style="color:#000" class="text-base font-light leading-tight">
8831                            <s class="line-through">599,-</s>
8832                        </span>
8833                    </span>
8834                
8835                    </div>
8836
8837        
8838                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
8839                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
8840                    </div>
8841        
8842        
8843        <div class="__product-box-attribute-info hidden">
8844                            
8845                    </div>
8846                        
8847    <div class="__pb-button product-25174">
8848        <a
8849            class="button button-default p-2 w-full block max-w-none text-xs"
8850            x-data="{ loading: false }"
8851                            href="https://www.dorothea.no/products/beige-kaori-cord-skjorte"
8852                @click.prevent="
8853                                    async () => {
8854                        loading = true;
8855
8856                        await $store.cart.addToCart({
8857                            name: 'Beige - Kaori Cord Skjorte',
8858                            image: 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/leCdu_Marta_du_chateau_Beige_-_Kaori_Cord_Skjorte_1.jpeg/w443h665.jpeg',
8859                            sku: '86250V_beige//8B6 250826',
8860                            price: '449,-',
8861                            original_price: '599,-',
8862                            url: 'https://www.dorothea.no/products/beige-kaori-cord-skjorte',
8863                            brand: 'Marta du chateau',
8864                            category: '',
8865                            variant: '',
8866                            products_id: '25174',
8867                            quantity: selectedQuantity,
8868                            redirect: true
8869                        })
8870                        loading = false;
8871                    }
8872                                "
8873            >
8874
8875            <span>
8876                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
8877                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
8878                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
8879                        <path
8880                            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"
8881                            fill="currentColor" />
8882                        <path
8883                            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.1071C47.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"
8884                            fill="currentFill" />
8885                    </svg>
8886                </span>
8887                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
8888                        <span><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></span> Kjøp
8889                    </span>
8890                            </span>
8891        </a>
8892    </div>
8893            </div>
8894</div>
8895    </div>
8896
8897
8898</article>
8899                        </li>
8900                                            <li class="splide__slide h-auto grid">
8901                            
8902                
8903
8904<article
8905
8906    x-data="{ pid: 'p25165', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
8907                @mouseover="showVariantButtons = true"
8908            @mouseout="showVariantButtons = false"
8909        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
8910    data-image="users/dorothea_mystore_no/images/rfk7V_Reunion_Home_M__rkegr___-_Cord_Barrel_Bukse_1.jpeg"
8911            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/rfk7V_Reunion_Home_M__rkegr___-_Cord_Barrel_Bukse_1.jpeg/w433h665.jpeg'"
8912        data-preload-images="false"
8913                data-button-type="buy_now_button"
8914        data-stock-quantity="1"
8915    >
8916        
8917    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
8918        <!-- Custom Ribbon -->
8919        
8920        <!-- Custom Ribbon Multi -->
8921        
8922        <!-- Discount Ribbon -->
8923                                                        <a href="https://www.dorothea.no/products/morkegra-cord-barrel-bukse" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
8924                        <span class="onsale"><span>-25%</span></span>
8925                    </a>
8926                                    
8927        <!-- New product Ribbon -->
8928                    <a href="https://www.dorothea.no/products/morkegra-cord-barrel-bukse" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
8929                <span class="new_product"><span>Ny</span></span>
8930            </a>
8931            </div>
8932
8933    <div class="flex flex-col h-full relative">
8934        <!-- Wishlist -->
8935                <!-- Product cover -->
8936                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
8937            data-preload-images=""
8938            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
8939            timeout = setInterval( function(){
8940                if (current >= 2 && $store?.extra_images?.loop) {
8941                    current = 0;
8942                } else if (current < 2) {
8943                    current++;
8944                }
8945            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
8946        }" @mouseleave="(e) => {
8947            clearInterval(timeout);
8948            current = 0
8949        }">
8950            <a href="https://www.dorothea.no/products/morkegra-cord-barrel-bukse" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
8951                <img
8952                    data-image="users/dorothea_mystore_no/images/rfk7V_Reunion_Home_M__rkegr___-_Cord_Barrel_Bukse_1.jpeg"
8953                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
8954                    alt="Hovedbilde Mørkegrå - Cord Barrel Bukse"
8955                                            loading="lazy"
8956                        :src="src"
8957                        :style="{
8958                            'opacity': current === 0 ? 1 : 0
8959                        }"
8960                                        width=""
8961                    height=""
8962                />
8963                                    <img loading="lazy"
8964                        data-image="users/dorothea_mystore_no/images/ryzN3_Reunion_Home_M__rkegr___-_Cord_Barrel_Bukse_1.jpeg"
8965                        x-cloak
8966                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
8967                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/ryzN3_Reunion_Home_M__rkegr___-_Cord_Barrel_Bukse_1.jpeg/w444h665.jpeg'"
8968                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8969                        alt="Hovedbilde Mørkegrå - Cord Barrel Bukse"
8970                        width="444"
8971                        height="665"
8972                        :src="src0"
8973                        :style="{
8974                            'opacity': current === 1 ? 1 : 0
8975                        }"
8976                    />
8977                                    <img loading="lazy"
8978                        data-image="users/dorothea_mystore_no/images/E5nwd_Reunion_Home_M__rkegr___-_Cord_Barrel_Bukse_1.jpeg"
8979                        x-cloak
8980                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
8981                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/E5nwd_Reunion_Home_M__rkegr___-_Cord_Barrel_Bukse_1.jpeg/w433h665.jpeg'"
8982                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
8983                        alt="Hovedbilde Mørkegrå - Cord Barrel Bukse"
8984                        width="433"
8985                        height="665"
8986                        :src="src1"
8987                        :style="{
8988                            'opacity': current === 2 ? 1 : 0
8989                        }"
8990                    />
8991                            </a>
8992            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
8993                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8994                    'opacity-100': current === 0,
8995                    'opacity-50': current !== 0,
8996                }"></li>
8997                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
8998                    'opacity-100': current === 1,
8999                    'opacity-50': current !== 1,
9000                }"></li>
9001                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
9002                    'opacity-100': current === 2,
9003                    'opacity-50': current !== 2,
9004                }"></li>
9005                            </ul>
9006            
9007        </figure>
9008    
9009        <!-- Product info and purchase section -->
9010        
9011<div
9012    x-data="{ selectedQuantity: 1 }"
9013    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
9014    <div class="product-thumb-info-content w-full" tabindex="-1">
9015        <div class="my-1"></div>
9016
9017        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
9018            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Reunion Home</div>
9019        </div>
9020
9021        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/morkegra-cord-barrel-bukse">
9022            Mørkegrå - Cord Barrel Bukse
9023        </a>
9024
9025        <div class="pb_price price flex items-center min-h-[1.75rem]">
9026                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">749,-</p>
9027                                        <span class="flex flex-col mr-2">
9028                                                <span style="color:#000" class="text-base font-light leading-tight">
9029                            <s class="line-through">999,-</s>
9030                        </span>
9031                    </span>
9032                
9033                    </div>
9034
9035        
9036                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
9037                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
9038                    </div>
9039        
9040        
9041        <div class="__product-box-attribute-info hidden">
9042                            
9043                    </div>
9044                        
9045    <div class="__pb-button product-25165">
9046        <a
9047            class="button button-default p-2 w-full block max-w-none text-xs"
9048            x-data="{ loading: false }"
9049                            href="https://www.dorothea.no/products/morkegra-cord-barrel-bukse"
9050                @click.prevent="
9051                                    async () => {
9052                        loading = true;
9053
9054                        await $store.cart.addToCart({
9055                            name: 'Mørkegrå - Cord Barrel Bukse',
9056                            image: 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/rfk7V_Reunion_Home_M__rkegr___-_Cord_Barrel_Bukse_1.jpeg/w433h665.jpeg',
9057                            sku: 'BARREL-CORD-PANYS//8C5 160926',
9058                            price: '749,-',
9059                            original_price: '999,-',
9060                            url: 'https://www.dorothea.no/products/morkegra-cord-barrel-bukse',
9061                            brand: 'Reunion Home',
9062                            category: '',
9063                            variant: '',
9064                            products_id: '25165',
9065                            quantity: selectedQuantity,
9066                            redirect: true
9067                        })
9068                        loading = false;
9069                    }
9070                                "
9071            >
9072
9073            <span>
9074                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
9075                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
9076                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
9077                        <path
9078                            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"
9079                            fill="currentColor" />
9080                        <path
9081                            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.1071C47.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"
9082                            fill="currentFill" />
9083                    </svg>
9084                </span>
9085                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
9086                        <span><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></span> Kjøp
9087                    </span>
9088                            </span>
9089        </a>
9090    </div>
9091            </div>
9092</div>
9093    </div>
9094
9095
9096</article>
9097                        </li>
9098                                            <li class="splide__slide h-auto grid">
9099                            
9100                
9101
9102<article
9103
9104    x-data="{ pid: 'p24941', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
9105                @mouseover="showVariantButtons = true"
9106            @mouseout="showVariantButtons = false"
9107        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
9108    data-image="users/dorothea_mystore_no/images/hWApF_Trend_Design_Bl___-_Anna_putetrekk_40x60_cm_1.jpg"
9109            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/hWApF_Trend_Design_Bl___-_Anna_putetrekk_40x60_cm_1.jpg/w443h665.jpg'"
9110        data-preload-images="false"
9111                data-button-type="buy_now_button"
9112        data-stock-quantity="6"
9113    >
9114        
9115    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
9116        <!-- Custom Ribbon -->
9117        
9118        <!-- Custom Ribbon Multi -->
9119        
9120        <!-- Discount Ribbon -->
9121                                                        <a href="https://www.dorothea.no/products/bla-anna-putetrekk-40x60-cm" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
9122                        <span class="onsale"><span>-25%</span></span>
9123                    </a>
9124                                    
9125        <!-- New product Ribbon -->
9126            </div>
9127
9128    <div class="flex flex-col h-full relative">
9129        <!-- Wishlist -->
9130                <!-- Product cover -->
9131                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
9132            data-preload-images=""
9133            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
9134            timeout = setInterval( function(){
9135                if (current >= 3 && $store?.extra_images?.loop) {
9136                    current = 0;
9137                } else if (current < 3) {
9138                    current++;
9139                }
9140            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
9141        }" @mouseleave="(e) => {
9142            clearInterval(timeout);
9143            current = 0
9144        }">
9145            <a href="https://www.dorothea.no/products/bla-anna-putetrekk-40x60-cm" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
9146                <img
9147                    data-image="users/dorothea_mystore_no/images/hWApF_Trend_Design_Bl___-_Anna_putetrekk_40x60_cm_1.jpg"
9148                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
9149                    alt="Hovedbilde Blå - Anna putetrekk 40x60 cm"
9150                                            loading="lazy"
9151                        :src="src"
9152                        :style="{
9153                            'opacity': current === 0 ? 1 : 0
9154                        }"
9155                                        width=""
9156                    height=""
9157                />
9158                                    <img loading="lazy"
9159                        data-image="users/dorothea_mystore_no/images/VFv1C_Trend_Design_Bl___-_Anna_putetrekk_40x60_cm_1.jpg"
9160                        x-cloak
9161                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
9162                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/VFv1C_Trend_Design_Bl___-_Anna_putetrekk_40x60_cm_1.jpg/w443h665.jpg'"
9163                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
9164                        alt="Hovedbilde Blå - Anna putetrekk 40x60 cm"
9165                        width="443"
9166                        height="665"
9167                        :src="src0"
9168                        :style="{
9169                            'opacity': current === 1 ? 1 : 0
9170                        }"
9171                    />
9172                                    <img loading="lazy"
9173                        data-image="users/dorothea_mystore_no/images/Hicuz_Trend_Design_Bl___-_Anna_putetrekk_40x60_cm_1.jpg"
9174                        x-cloak
9175                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
9176                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/Hicuz_Trend_Design_Bl___-_Anna_putetrekk_40x60_cm_1.jpg/w443h665.jpg'"
9177                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
9178                        alt="Hovedbilde Blå - Anna putetrekk 40x60 cm"
9179                        width="443"
9180                        height="665"
9181                        :src="src1"
9182                        :style="{
9183                            'opacity': current === 2 ? 1 : 0
9184                        }"
9185                    />
9186                                    <img loading="lazy"
9187                        data-image="users/dorothea_mystore_no/images/0JhLI_Trend_Design_Bl___-_Anna_putetrekk_40x60_cm_1.jpg"
9188                        x-cloak
9189                        x-data="{ src2: '/templates/belgrade/assets/images/loading.gif' }"
9190                        x-intersect.once.margin.200px="src2 = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/0JhLI_Trend_Design_Bl___-_Anna_putetrekk_40x60_cm_1.jpg/w498h665.jpg'"
9191                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
9192                        alt="Hovedbilde Blå - Anna putetrekk 40x60 cm"
9193                        width="498"
9194                        height="665"
9195                        :src="src2"
9196                        :style="{
9197                            'opacity': current === 3 ? 1 : 0
9198                        }"
9199                    />
9200                            </a>
9201            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
9202                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
9203                    'opacity-100': current === 0,
9204                    'opacity-50': current !== 0,
9205                }"></li>
9206                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
9207                    'opacity-100': current === 1,
9208                    'opacity-50': current !== 1,
9209                }"></li>
9210                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
9211                    'opacity-100': current === 2,
9212                    'opacity-50': current !== 2,
9213                }"></li>
9214                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
9215                    'opacity-100': current === 3,
9216                    'opacity-50': current !== 3,
9217                }"></li>
9218                            </ul>
9219            
9220        </figure>
9221    
9222        <!-- Product info and purchase section -->
9223        
9224<div
9225    x-data="{ selectedQuantity: 1 }"
9226    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
9227    <div class="product-thumb-info-content w-full" tabindex="-1">
9228        <div class="my-1"></div>
9229
9230        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
9231            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Trend Design</div>
9232        </div>
9233
9234        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/bla-anna-putetrekk-40x60-cm">
9235            Blå - Anna putetrekk 40x60 cm
9236        </a>
9237
9238        <div class="pb_price price flex items-center min-h-[1.75rem]">
9239                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">224,-</p>
9240                                        <span class="flex flex-col mr-2">
9241                                                <span style="color:#000" class="text-base font-light leading-tight">
9242                            <s class="line-through">299,-</s>
9243                        </span>
9244                    </span>
9245                
9246                    </div>
9247
9248        
9249                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
9250                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
9251                    </div>
9252        
9253        
9254        <div class="__product-box-attribute-info hidden">
9255                            
9256                    </div>
9257                        
9258    <div class="__pb-button product-24941">
9259        <a
9260            class="button button-default p-2 w-full block max-w-none text-xs"
9261            x-data="{ loading: false }"
9262                            href="https://www.dorothea.no/products/bla-anna-putetrekk-40x60-cm"
9263                @click.prevent="
9264                                    async () => {
9265                        loading = true;
9266
9267                        await $store.cart.addToCart({
9268                            name: 'Blå - Anna putetrekk 40x60 cm',
9269                            image: 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/hWApF_Trend_Design_Bl___-_Anna_putetrekk_40x60_cm_1.jpg/w443h665.jpg',
9270                            sku: 'T20614//6B2 160926',
9271                            price: '224,-',
9272                            original_price: '299,-',
9273                            url: 'https://www.dorothea.no/products/bla-anna-putetrekk-40x60-cm',
9274                            brand: 'Trend Design',
9275                            category: '',
9276                            variant: '',
9277                            products_id: '24941',
9278                            quantity: selectedQuantity,
9279                            redirect: true
9280                        })
9281                        loading = false;
9282                    }
9283                                "
9284            >
9285
9286            <span>
9287                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
9288                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
9289                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
9290                        <path
9291                            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"
9292                            fill="currentColor" />
9293                        <path
9294                            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.1071C47.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"
9295                            fill="currentFill" />
9296                    </svg>
9297                </span>
9298                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
9299                        <span><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></span> Kjøp
9300                    </span>
9301                            </span>
9302        </a>
9303    </div>
9304            </div>
9305</div>
9306    </div>
9307
9308
9309</article>
9310                        </li>
9311                                            <li class="splide__slide h-auto grid">
9312                            
9313                
9314
9315<article
9316
9317    x-data="{ pid: 'p25059', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
9318                @mouseover="showVariantButtons = true"
9319            @mouseout="showVariantButtons = false"
9320        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
9321    data-image="users/dorothea_mystore_no/images/fA3mU_RE_DESIGNED_EST.2003_Woodsmoke_-_Sara_Big_Sk_1.jpeg"
9322            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/fA3mU_RE_DESIGNED_EST.2003_Woodsmoke_-_Sara_Big_Sk_1.jpeg/w443h665.jpeg'"
9323        data-preload-images="false"
9324                data-button-type="buy_now_button"
9325        data-stock-quantity="1"
9326    >
9327        
9328    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
9329        <!-- Custom Ribbon -->
9330        
9331        <!-- Custom Ribbon Multi -->
9332        
9333        <!-- Discount Ribbon -->
9334                                                        <a href="https://www.dorothea.no/products/woodsmoke-sara-big-skinnveske" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
9335                        <span class="onsale"><span>-25%</span></span>
9336                    </a>
9337                                    
9338        <!-- New product Ribbon -->
9339            </div>
9340
9341    <div class="flex flex-col h-full relative">
9342        <!-- Wishlist -->
9343                <!-- Product cover -->
9344                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
9345            data-preload-images=""
9346            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
9347            timeout = setInterval( function(){
9348                if (current >= 3 && $store?.extra_images?.loop) {
9349                    current = 0;
9350                } else if (current < 3) {
9351                    current++;
9352                }
9353            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
9354        }" @mouseleave="(e) => {
9355            clearInterval(timeout);
9356            current = 0
9357        }">
9358            <a href="https://www.dorothea.no/products/woodsmoke-sara-big-skinnveske" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
9359                <img
9360                    data-image="users/dorothea_mystore_no/images/fA3mU_RE_DESIGNED_EST.2003_Woodsmoke_-_Sara_Big_Sk_1.jpeg"
9361                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
9362                    alt="Hovedbilde Woodsmoke - Sara Big ..."
9363                                            loading="lazy"
9364                        :src="src"
9365                        :style="{
9366                            'opacity': current === 0 ? 1 : 0
9367                        }"
9368                                        width=""
9369                    height=""
9370                />
9371                                    <img loading="lazy"
9372                        data-image="users/dorothea_mystore_no/images/XzVzB_RE_DESIGNED_EST.2003_Woodsmoke_-_Sara_Big_Sk_1.jpg"
9373                        x-cloak
9374                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
9375                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/XzVzB_RE_DESIGNED_EST.2003_Woodsmoke_-_Sara_Big_Sk_1.jpg/w461h665.jpg'"
9376                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
9377                        alt="Hovedbilde Woodsmoke - Sara Big ..."
9378                        width="461"
9379                        height="665"
9380                        :src="src0"
9381                        :style="{
9382                            'opacity': current === 1 ? 1 : 0
9383                        }"
9384                    />
9385                                    <img loading="lazy"
9386                        data-image="users/dorothea_mystore_no/images/xrWWU_RE_DESIGNED_EST.2003_Woodsmoke_-_Sara_Big_Sk_1.jpg"
9387                        x-cloak
9388                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
9389                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/xrWWU_RE_DESIGNED_EST.2003_Woodsmoke_-_Sara_Big_Sk_1.jpg/w461h665.jpg'"
9390                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
9391                        alt="Hovedbilde Woodsmoke - Sara Big ..."
9392                        width="461"
9393                        height="665"
9394                        :src="src1"
9395                        :style="{
9396                            'opacity': current === 2 ? 1 : 0
9397                        }"
9398                    />
9399                                    <img loading="lazy"
9400                        data-image="users/dorothea_mystore_no/images/qTf7p_RE_DESIGNED_EST.2003_Woodsmoke_-_Sara_Big_Sk_1.jpg"
9401                        x-cloak
9402                        x-data="{ src2: '/templates/belgrade/assets/images/loading.gif' }"
9403                        x-intersect.once.margin.200px="src2 = 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/qTf7p_RE_DESIGNED_EST.2003_Woodsmoke_-_Sara_Big_Sk_1.jpg/w461h665.jpg'"
9404                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
9405                        alt="Hovedbilde Woodsmoke - Sara Big ..."
9406                        width="461"
9407                        height="665"
9408                        :src="src2"
9409                        :style="{
9410                            'opacity': current === 3 ? 1 : 0
9411                        }"
9412                    />
9413                            </a>
9414            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
9415                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
9416                    'opacity-100': current === 0,
9417                    'opacity-50': current !== 0,
9418                }"></li>
9419                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
9420                    'opacity-100': current === 1,
9421                    'opacity-50': current !== 1,
9422                }"></li>
9423                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
9424                    'opacity-100': current === 2,
9425                    'opacity-50': current !== 2,
9426                }"></li>
9427                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
9428                    'opacity-100': current === 3,
9429                    'opacity-50': current !== 3,
9430                }"></li>
9431                            </ul>
9432            
9433        </figure>
9434    
9435        <!-- Product info and purchase section -->
9436        
9437<div
9438    x-data="{ selectedQuantity: 1 }"
9439    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
9440    <div class="product-thumb-info-content w-full" tabindex="-1">
9441        <div class="my-1"></div>
9442
9443        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
9444            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">RE:DESIGNED EST.2003</div>
9445        </div>
9446
9447        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/woodsmoke-sara-big-skinnveske">
9448            Woodsmoke - Sara Big ...
9449        </a>
9450
9451        <div class="pb_price price flex items-center min-h-[1.75rem]">
9452                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">1.499,-</p>
9453                                        <span class="flex flex-col mr-2">
9454                                                <span style="color:#000" class="text-base font-light leading-tight">
9455                            <s class="line-through">1.999,-</s>
9456                        </span>
9457                    </span>
9458                
9459                    </div>
9460
9461        
9462                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
9463                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
9464                    </div>
9465        
9466        
9467        <div class="__product-box-attribute-info hidden">
9468                            
9469                    </div>
9470                        
9471    <div class="__pb-button product-25059">
9472        <a
9473            class="button button-default p-2 w-full block max-w-none text-xs"
9474            x-data="{ loading: false }"
9475                            href="https://www.dorothea.no/products/woodsmoke-sara-big-skinnveske"
9476                @click.prevent="
9477                                    async () => {
9478                        loading = true;
9479
9480                        await $store.cart.addToCart({
9481                            name: 'Woodsmoke - Sara Big ...',
9482                            image: 'https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/fA3mU_RE_DESIGNED_EST.2003_Woodsmoke_-_Sara_Big_Sk_1.jpeg/w443h665.jpeg',
9483                            sku: '6678//8H2',
9484                            price: '1.499,-',
9485                            original_price: '1.999,-',
9486                            url: 'https://www.dorothea.no/products/woodsmoke-sara-big-skinnveske',
9487                            brand: 'RE:DESIGNED EST.2003',
9488                            category: '',
9489                            variant: '',
9490                            products_id: '25059',
9491                            quantity: selectedQuantity,
9492                            redirect: true
9493                        })
9494                        loading = false;
9495                    }
9496                                "
9497            >
9498
9499            <span>
9500                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
9501                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
9502                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
9503                        <path
9504                            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"
9505                            fill="currentColor" />
9506                        <path
9507                            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.1071C47.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"
9508                            fill="currentFill" />
9509                    </svg>
9510                </span>
9511                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
9512                        <span><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></span> Kjøp
9513                    </span>
9514                            </span>
9515        </a>
9516    </div>
9517            </div>
9518</div>
9519    </div>
9520
9521
9522</article>
9523                        </li>
9524                                    </ul>
9525            </div>
9526        </div>
9527    
9528    <style>
9529
9530    
9531    
9532    
9533    
9534
9535    </style>
9536                                    </div>
9537        <style>
9538                        
9539                            @media (max-width: 600px) {
9540                    #section--productslist8ac1a27d-cd9d-41ca-afa4-508ce982757c__productslist {
9541                    padding: 0px 15px 0px 15px !important;
9542                }
9543                }
9544
9545                                        @media (min-width: 601px) and (max-width: 768px) {
9546                    #section--productslist8ac1a27d-cd9d-41ca-afa4-508ce982757c__productslist  {
9547                    padding: 0px 15px 0px 15px !important;
9548                }
9549                }
9550
9551                    </style>
9552    </section>
9553                    
9554
9555
9556<section
9557    id="section--columns077820f2-bf4b-451f-8dbc-6a7ea0eef602__columns"
9558    class="
9559        start__puffs
9560        __columns_section
9561        __columns multicolumn
9562        
9563    "
9564    style="
9565        --text-color: #000;
9566        --background-color: --background-color;
9567        ; border-color: #000; border-style: solid;
9568                margin: 40px auto 60px auto;
9569padding: 0px 5px 0px 5px;
9570    "
9571    x-data="{ initSlider: () => {} }"
9572    data-subblock-key="general">
9573
9574            <div class="
9575                container m-auto image_banner_image grid
9576                grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4
9577
9578                                                    
9579            
9580    
9581    
9582                                    
9583                                                                " style="
9584                                background-color: ;            ">
9585            
9586                
9587                
9588                                                                                
9589                
9590
9591    <div
9592        x-data="{ conditions: [] }"
9593        x-init="$s('conditions').checkConditions(conditions)"
9594        x-show="$s('conditions').checkConditions(conditions)"
9595        id="block--gridcolumne7d91249-f75e-4c2f-9a8d-0ab2ec31d6c0"
9596        style="
9597        --text-color: #fff;
9598        --background-color: transparent00;
9599        "
9600        class=" cursor-pointer col-span-1 md:col-span-1 lg:col-span-1" data-subblock-key="image">
9601        <figure
9602            class="__gridcolumn_block overflow-hidden relative bg-inherit isolate
9603                h-full w-full                
9604                ">
9605                                                    <a href="https://www.dorothea.no/search_result?keywords=favvo" class="gridcolumn_image_url" ></a>
9606                            <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/sBKok0T3bmM6mMoWHik6ETJ7gtyy5Js8GkvZJ1Op.png/w1080h1620.png" loading="lazy" width="auto" height="auto"/><source media="(min-width: 768px)" srcset="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/sBKok0T3bmM6mMoWHik6ETJ7gtyy5Js8GkvZJ1Op.png/w1080h1620.png"  width="auto" height="auto"/><img id="block--gridcolumne7d91249-f75e-4c2f-9a8d-0ab2ec31d6c0_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Miljl&ouml;arbete" src="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/sBKok0T3bmM6mMoWHik6ETJ7gtyy5Js8GkvZJ1Op.png/w533h799.png" loading="lazy" width="533" height="800" /></picture>
9607        </figure>
9608
9609        <style>
9610            #block--gridcolumne7d91249-f75e-4c2f-9a8d-0ab2ec31d6c0 picture {
9611                position: relative;
9612                z-index: 1;
9613            }
9614
9615            #block--gridcolumne7d91249-f75e-4c2f-9a8d-0ab2ec31d6c0 ._content_wrapper_url {
9616                position: absolute;
9617                width: 100%;
9618                height: 100%;
9619                inset: 0;
9620                z-index: 2;
9621            }
9622
9623            #block--gridcolumne7d91249-f75e-4c2f-9a8d-0ab2ec31d6c0 .gridcolumn_image_url {
9624                display: block;
9625                width: 100%;
9626                height: 100%;
9627                position: absolute;
9628                inset: 0;
9629                z-index: 2;
9630                            }
9631
9632            .gridcolumn_content_wrapper {
9633                position: relative;
9634                z-index: 3;
9635                isolation: isolate;
9636            }
9637
9638            #block--gridcolumne7d91249-f75e-4c2f-9a8d-0ab2ec31d6c0 .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
9639                width: fit-content;
9640                position: relative;
9641                z-index: 5;
9642            }
9643
9644            #block--gridcolumne7d91249-f75e-4c2f-9a8d-0ab2ec31d6c0 ._content_wrapper_url {
9645                position: absolute;
9646                inset: 0;
9647                width: 100%;
9648                height: 100%;
9649                z-index: 4;
9650            }
9651
9652            #block--gridcolumne7d91249-f75e-4c2f-9a8d-0ab2ec31d6c0 figure {
9653                color: var(--text-color);
9654                background-color: var(--background-color);
9655                                    border-radius: 10px;
9656                            }
9657
9658            
9659            #block--gridcolumne7d91249-f75e-4c2f-9a8d-0ab2ec31d6c0 figure > div > div {
9660                            background-color: var(--background-color);
9661                        gap: 10px;
9662            padding: 0px 15% 10px 20px;
9663            }
9664        </style>
9665    </div>
9666                                                
9667                
9668                
9669                                                                                
9670                
9671
9672    <div
9673        x-data="{ conditions: [] }"
9674        x-init="$s('conditions').checkConditions(conditions)"
9675        x-show="$s('conditions').checkConditions(conditions)"
9676        id="block--gridcolumnde2a97f2-6135-412b-9fb4-13b8422343b0"
9677        style="
9678        --text-color: #fff;
9679        --background-color: transparent00;
9680        "
9681        class=" cursor-pointer col-span-1 md:col-span-1 lg:col-span-1" data-subblock-key="image">
9682        <figure
9683            class="__gridcolumn_block overflow-hidden relative bg-inherit isolate
9684                h-full w-full                
9685                ">
9686                                                    <a href="https://www.dorothea.no/search_result?keywords=160926" class="gridcolumn_image_url" ></a>
9687                            <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/pxV05NANZ9BHK2rxYijmzcgrk5apfMdJeYNMBTtq.png/w1080h1620.png"  width="auto" height="auto"/><source media="(min-width: 768px)" srcset="https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/pxV05NANZ9BHK2rxYijmzcgrk5apfMdJeYNMBTtq.png/w1080h1620.png" loading="lazy" width="auto" height="auto"/><img id="block--gridcolumnde2a97f2-6135-412b-9fb4-13b8422343b0_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Storleksguide" src="https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/pxV05NANZ9BHK2rxYijmzcgrk5apfMdJeYNMBTtq.png/w533h799.png" loading="lazy" width="533" height="800" /></picture>
9688        </figure>
9689
9690        <style>
9691            #block--gridcolumnde2a97f2-6135-412b-9fb4-13b8422343b0 picture {
9692                position: relative;
9693                z-index: 1;
9694            }
9695
9696            #block--gridcolumnde2a97f2-6135-412b-9fb4-13b8422343b0 ._content_wrapper_url {
9697                position: absolute;
9698                width: 100%;
9699                height: 100%;
9700                inset: 0;
9701                z-index: 2;
9702            }
9703
9704            #block--gridcolumnde2a97f2-6135-412b-9fb4-13b8422343b0 .gridcolumn_image_url {
9705                display: block;
9706                width: 100%;
9707                height: 100%;
9708                position: absolute;
9709                inset: 0;
9710                z-index: 2;
9711                            }
9712
9713            .gridcolumn_content_wrapper {
9714                position: relative;
9715                z-index: 3;
9716                isolation: isolate;
9717            }
9718
9719            #block--gridcolumnde2a97f2-6135-412b-9fb4-13b8422343b0 .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
9720                width: fit-content;
9721                position: relative;
9722                z-index: 5;
9723            }
9724
9725            #block--gridcolumnde2a97f2-6135-412b-9fb4-13b8422343b0 ._content_wrapper_url {
9726                position: absolute;
9727                inset: 0;
9728                width: 100%;
9729                height: 100%;
9730                z-index: 4;
9731            }
9732
9733            #block--gridcolumnde2a97f2-6135-412b-9fb4-13b8422343b0 figure {
9734                color: var(--text-color);
9735                background-color: var(--background-color);
9736                                    border-radius: 10px;
9737                            }
9738
9739            
9740            #block--gridcolumnde2a97f2-6135-412b-9fb4-13b8422343b0 figure > div > div {
9741                            background-color: var(--background-color);
9742                        gap: 10px;
9743            padding: 0px 15% 10px 20px;
9744            }
9745        </style>
9746    </div>
9747                                                        </div>
9748    
9749    
9750    <style>
9751        #section--columns077820f2-bf4b-451f-8dbc-6a7ea0eef602__columns {
9752        color: var(--text-color);
9753        background-color: var(--background-color);
9754        position: relative;
9755        z-index: 1;
9756        }
9757
9758
9759        #section--columns077820f2-bf4b-451f-8dbc-6a7ea0eef602__columns::after {
9760        content: '';
9761        background-color: var(--background-color);
9762        position: absolute;
9763        top: 0;
9764        left: 0;
9765        right: 0;
9766        bottom: 0;
9767        z-index: -1;
9768        }
9769
9770        @media (min-width: 601px) and (max-width: 768px) {
9771            #section--columns077820f2-bf4b-451f-8dbc-6a7ea0eef602__columns {
9772            margin:  !important;
9773        }
9774        }
9775
9776        
9777                    @media (max-width: 600px) {
9778                #section--columns077820f2-bf4b-451f-8dbc-6a7ea0eef602__columns {
9779                padding: 0px 15px 0px 15px !important;
9780            }
9781            }
9782
9783                            @media (min-width: 601px) and (max-width: 768px) {
9784                #section--columns077820f2-bf4b-451f-8dbc-6a7ea0eef602__columns  {
9785                padding: 0px 15px 0px 15px !important;
9786            }
9787            }
9788
9789            </style>
9790</section>
9791                    
9792
9793
9794<section
9795    id="section--columns313c05db-523b-4bcd-9dab-3e1d8b161ee8__columns"
9796    class="
9797        grid-gap--none
9798        __columns_section
9799        __columns multicolumn
9800        
9801    "
9802    style="
9803        --text-color: inherit;
9804        --background-color: inherit;
9805        ; border-color: #000; border-style: solid;
9806                margin: 0px auto 20px auto;
9807padding: 0px 5px 0px 5px;
9808    "
9809    x-data="{ initSlider: () => {} }"
9810    data-subblock-key="general">
9811
9812            <div class="
9813                container m-auto image_banner_image grid
9814                grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-0
9815
9816                                                    
9817            
9818    
9819    
9820                                    
9821                                                                " style="
9822                                background-color: ;            ">
9823            
9824                
9825                
9826                                                            
9827        
9828            
9829        <div
9830        x-data=" { conditions: [] }"
9831        x-init="$s('conditions').checkConditions(conditions)"
9832        x-show="$s('conditions').checkConditions(conditions)"
9833        id="block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography"
9834        class="
9835             
9836             __typography_block relative flex flex-col text-center p-4 md:p-10
9837            
9838            col-span-1 md:col-span-1 lg:col-span-1
9839                    "
9840        style="
9841        --text-color: --text-color;
9842        --background-color: inherit;
9843        "
9844        data-subblock-key="general">
9845
9846                    <a class="block w-full" href="https://www.dorothea.no/categories/Nyheter" data-subblock-key="general">
9847                        <div class="
9848                            
9849            
9850                                        text-left items-start
9851                        
9852    
9853                                        lg:text-left lg:items-start
9854                        
9855                                                content rounded-md flex flex-col text-left md:text-left">
9856
9857                                
9858                                                                
9859    
9860        
9861        
9862    
9863    
9864    
9865    <div id="block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title"         x-data="{ conditions: [] }"
9866        x-init="$s('conditions').checkConditions(conditions)"
9867        x-show="$s('conditions').checkConditions(conditions)"
9868        class="__text_block  relative w-full  left "
9869        style="--bg-color: inherit;"
9870        data-subblock-key="heading">
9871        <h2>NYHETER DU IKKE FINNER OVERALT</h2>
9872        <style>
9873            #block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title {
9874                        background: var(--bg-color);
9875            text-transform: none;
9876            line-height: auto;
9877            text-align: left;
9878            
9879            }
9880
9881            @media (max-width: 600px) {
9882                #block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title, #block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title * {
9883                    text-align: left;
9884                }
9885            }
9886        </style>
9887    </div>
9888                    
9889                    
9890                                                                                
9891        
9892                    
9893    
9894        
9895                    
9896        
9897            
9898    <div
9899        x-data="{ conditions: [] }"
9900        x-init="$s('conditions').checkConditions(conditions)"
9901        x-show="$s('conditions').checkConditions(conditions)"
9902        id=" block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title"         class="__text_block  editorcontent font-bold relative hidden"
9903        style="
9904            color: inherit;            
9905            font-size: 1.25rem;
9906            font-weight: inherit;
9907            line-height: inherit;
9908            text-transform: none !important;
9909            text-align: left;
9910            background-color: ;            border-radius: 0;        "
9911        data-subblock-key="heading">
9912        <h2>NYHETER DU IKKE FINNER OVERALT</h2>
9913    </div>
9914
9915    <style>
9916        @media (max-width: 600px) {
9917            # block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title, # block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title * {
9918                text-align: left !important;
9919            }
9920        }
9921    </style>
9922                    
9923                                                                        
9924                                                    
9925    
9926                        
9927                                                                                
9928        
9929                    
9930    
9931        
9932                    
9933        
9934            
9935    <div
9936        x-data="{ conditions: [] }"
9937        x-init="$s('conditions').checkConditions(conditions)"
9938        x-show="$s('conditions').checkConditions(conditions)"
9939        id=" block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title"         class="__text_block  editorcontent font-bold relative hidden"
9940        style="
9941            color: inherit;            
9942            font-size: 1.25rem;
9943            font-weight: inherit;
9944            line-height: inherit;
9945            text-transform: none !important;
9946            text-align: left;
9947            background-color: ;            border-radius: 0;        "
9948        data-subblock-key="heading">
9949        <h2>NYHETER DU IKKE FINNER OVERALT</h2>
9950    </div>
9951
9952    <style>
9953        @media (max-width: 600px) {
9954            # block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title, # block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title * {
9955                text-align: left !important;
9956            }
9957        }
9958    </style>
9959                    
9960                    
9961                                    
9962            </div>
9963                        </a>
9964        
9965        <style>
9966            #block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography {
9967            background-color: var(--background-color);
9968            color: var(--text-color);
9969            border-color: inherit !important;
9970            border-style: solid !important;
9971                        border-radius: 0;
9972                        padding: 0px 0px 0px 0px;
9973            ;
9974
9975            }
9976
9977            #block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography a {
9978            color: var(--text-color);
9979            }
9980
9981            #block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography > div {
9982            gap: inherit;
9983            }
9984
9985            #block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_title {
9986            
9987            }
9988
9989            #block--typography2bb6f7cf-42b2-4a24-a922-fe5cbd2552a8__typography_paragraph {
9990            
9991            }
9992        </style>
9993    </div>
9994                                                
9995                
9996                
9997                                                            
9998        
9999            
10000        <div
10001        x-data=" { conditions: [] }"
10002        x-init="$s('conditions').checkConditions(conditions)"
10003        x-show="$s('conditions').checkConditions(conditions)"
10004        id="block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography"
10005        class="
10006             
10007             __typography_block relative flex flex-col text-center p-4 md:p-10
10008            
10009            col-span-1 md:col-span-1 lg:col-span-1
10010                    "
10011        style="
10012        --text-color: inherit;
10013        --background-color: inherit;
10014        "
10015        data-subblock-key="general">
10016
10017                    <div class="
10018                            
10019            
10020                                        text-left items-start
10021                        
10022    
10023                                        lg:text-right lg:items-end
10024                        
10025                                                content rounded-md flex flex-col text-left md:text-right">
10026
10027                                
10028                                                                
10029    
10030        
10031        
10032    
10033    
10034    
10035    <div id="block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title"         x-data="{ conditions: [] }"
10036        x-init="$s('conditions').checkConditions(conditions)"
10037        x-show="$s('conditions').checkConditions(conditions)"
10038        class="__text_block  relative w-full  right "
10039        style="--bg-color: inherit;"
10040        data-subblock-key="heading">
10041        
10042        <style>
10043            #block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title {
10044                        background: var(--bg-color);
10045            text-transform: none;
10046            line-height: auto;
10047            text-align: right;
10048            
10049            }
10050
10051            @media (max-width: 600px) {
10052                #block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title, #block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title * {
10053                    text-align: left;
10054                }
10055            }
10056        </style>
10057    </div>
10058                    
10059                    
10060                                                                                
10061        
10062                    
10063    
10064        
10065                    
10066        
10067            
10068    <div
10069        x-data="{ conditions: [] }"
10070        x-init="$s('conditions').checkConditions(conditions)"
10071        x-show="$s('conditions').checkConditions(conditions)"
10072        id=" block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title"         class="__text_block  editorcontent font-bold relative hidden"
10073        style="
10074            color: inherit;            
10075            font-size: 1.25rem;
10076            font-weight: inherit;
10077            line-height: inherit;
10078            text-transform: none !important;
10079            text-align: right;
10080            background-color: ;            border-radius: 0;        "
10081        data-subblock-key="heading">
10082        
10083    </div>
10084
10085    <style>
10086        @media (max-width: 600px) {
10087            # block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title, # block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title * {
10088                text-align: left !important;
10089            }
10090        }
10091    </style>
10092                    
10093                                                                        
10094                                                    
10095    
10096                        
10097                                                                                
10098        
10099                    
10100    
10101        
10102                    
10103        
10104            
10105    <div
10106        x-data="{ conditions: [] }"
10107        x-init="$s('conditions').checkConditions(conditions)"
10108        x-show="$s('conditions').checkConditions(conditions)"
10109        id=" block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title"         class="__text_block  editorcontent font-bold relative hidden"
10110        style="
10111            color: inherit;            
10112            font-size: 1.25rem;
10113            font-weight: inherit;
10114            line-height: inherit;
10115            text-transform: none !important;
10116            text-align: right;
10117            background-color: ;            border-radius: 0;        "
10118        data-subblock-key="heading">
10119        
10120    </div>
10121
10122    <style>
10123        @media (max-width: 600px) {
10124            # block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title, # block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title * {
10125                text-align: left !important;
10126            }
10127        }
10128    </style>
10129                    
10130                    
10131                                    
10132            </div>
10133            
10134        <style>
10135            #block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography {
10136            background-color: var(--background-color);
10137            color: var(--text-color);
10138            border-color: inherit !important;
10139            border-style: solid !important;
10140                        border-radius: 0;
10141                        padding: 10px 0px 0px 0px;
10142            ;
10143
10144            }
10145
10146            #block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography a {
10147            color: var(--text-color);
10148            }
10149
10150            #block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography > div {
10151            gap: inherit;
10152            }
10153
10154            #block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_title {
10155            
10156            }
10157
10158            #block--typographyca5f2e12-876f-46ad-b962-8af789a509a3__typography_paragraph {
10159            
10160            }
10161        </style>
10162    </div>
10163                                                
10164                
10165                
10166                                                                    
10167    <figure
10168        id="block--image8874672e-5a00-4bb0-bd63-4704fbcb395b__image"
10169        x-data=" { conditions: [] }"
10170        x-init="$s('conditions').checkConditions(conditions)"
10171        x-show="$s('conditions').checkConditions(conditions)"
10172        class="__image_block overflow-hidden relative  col-span-1 md:col-span-1 lg:col-span-1  "
10173        data-subblock-key="general"
10174    >
10175        <section class="content h-full">
10176            <a href="" id="block--image8874672e-5a00-4bb0-bd63-4704fbcb395b__image_url"
10177                data-subblock-key="general"
10178                aria-label="image_block"
10179            >
10180                
10181            </a>
10182        </section>
10183
10184        <style>
10185            #block--image8874672e-5a00-4bb0-bd63-4704fbcb395b__image {
10186                ;
10187                border-color: #000;
10188                border-style: solid;
10189            }
10190        </style>
10191    </figure>
10192                                                        </div>
10193    
10194    
10195    <style>
10196        #section--columns313c05db-523b-4bcd-9dab-3e1d8b161ee8__columns {
10197        color: var(--text-color);
10198        background-color: var(--background-color);
10199        position: relative;
10200        z-index: 1;
10201        }
10202
10203
10204        #section--columns313c05db-523b-4bcd-9dab-3e1d8b161ee8__columns::after {
10205        content: '';
10206        background-color: var(--background-color);
10207        position: absolute;
10208        top: 0;
10209        left: 0;
10210        right: 0;
10211        bottom: 0;
10212        z-index: -1;
10213        }
10214
10215        @media (min-width: 601px) and (max-width: 768px) {
10216            #section--columns313c05db-523b-4bcd-9dab-3e1d8b161ee8__columns {
10217            margin:  !important;
10218        }
10219        }
10220
10221        
10222                    @media (max-width: 600px) {
10223                #section--columns313c05db-523b-4bcd-9dab-3e1d8b161ee8__columns {
10224                padding: 0px 15px 0px 15px !important;
10225            }
10226            }
10227
10228                            @media (min-width: 601px) and (max-width: 768px) {
10229                #section--columns313c05db-523b-4bcd-9dab-3e1d8b161ee8__columns  {
10230                padding: 0px 15px 0px 15px !important;
10231            }
10232            }
10233
10234            </style>
10235</section>
10236                    
10237    
10238                                                                    
10239    
10240    <section
10241        id="section--productslist3f375ab0-1302-4e38-a6f1-8d45965347a9__productslist"
10242        class="
10243            __productslist_section  __productslist w-full px-4 md:px-0
10244            
10245            
10246        "
10247        style="
10248            color:#000;
10249            background-color:#fff;
10250             margin: 0px auto 0px auto;
10251padding: 0px 5px 0px 5px;
10252        "
10253        data-subblock-key="general">
10254
10255        <div
10256            class="
10257                container m-auto
10258            ">
10259                                                                                                                                                        
10260    
10261                    <div
10262            id="block--products0c367daa-d1e8-42b7-b1ec-0302cbf1691f__products"
10263            class="__products_carousel_block  splide grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 ga
10263p-4 pb-4 !block my-4"
10264            x-data="{  conditions: [], initSliderblockproducts0c367daad1e842b7b1ec0302cbf1691f__products: () => {} }"
10265            x-init="$s('conditions').checkConditions(conditions); $nextTick(() => { initSliderblockproducts0c367daad1e842b7b1ec0302cbf1691f__products();})"
10266            x-show="$s('conditions').checkConditions(conditions)"
10267            data-subblock-key="general">
10268            
10269
10270
10271
10272
10273<div x-init="() => {
10274    initSliderblockproducts0c367daad1e842b7b1ec0302cbf1691f__products = () => {
10275        const splide = new Splide('#block--products0c367daa-d1e8-42b7-b1ec-0302cbf1691f__products', {
10276            lazyLoad: 'nearby',
10277            type: 'loop',            autoplay: false,
10278            interval: 3000,
10279            pagination: true,
10280            arrows: true,
10281            slideFocus: true,
10282            breakpoints: {
10283                639: {
10284                    perPage: 2,
10285                    gap: '1rem'
10286                },
10287                991: {
10288                    perPage: 3,
10289                    gap: '1rem'
10290                }
10291            },
10292            perPage: 5,
10293            gap: '1rem'
10294        });
10295
10296        splide.mount();
10297    };
10298}"></div>
10299
10300    <style>
10301        #block--products0c367daa-d1e8-42b7-b1ec-0302cbf1691f__products .splide__arrow {
10302        padding: 8px;
10303        background-color: transparent;
10304        border-radius: 0;
10305        }
10306
10307        #block--products0c367daa-d1e8-42b7-b1ec-0302cbf1691f__products .splide__arrow,
10308        #block--products0c367daa-d1e8-42b7-b1ec-0302cbf1691f__products .splide__arrow svg {
10309        width: 2;
10310        height: 2;
10311        fill: #000;
10312        }
10313    </style>
10314
10315            <div class="splide__track" id="block--products0c367daa-d1e8-42b7-b1ec-0302cbf1691f__products_inner">
10316                <ul class="splide__list">
10317                                            <li class="splide__slide h-auto grid">
10318                            
10319                
10320
10321<article
10322
10323    x-data="{ pid: 'p25265', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
10324                @mouseover="showVariantButtons = true"
10325            @mouseout="showVariantButtons = false"
10326        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
10327    data-image="users/dorothea_mystore_no/images/l6Qqk_Reunion_Home_Espresso_-_Cord_jakke_1.webp"
10328            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/l6Qqk_Reunion_Home_Espresso_-_Cord_jakke_1.webp/w498h665.webp'"
10329        data-preload-images="false"
10330                data-button-type="buy_now_button"
10331        data-stock-quantity="2"
10332    >
10333        
10334    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
10335        <!-- Custom Ribbon -->
10336        
10337        <!-- Custom Ribbon Multi -->
10338        
10339        <!-- Discount Ribbon -->
10340                                                        <a href="https://www.dorothea.no/products/espresso-cord-jakke" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
10341                        <span class="onsale"><span>-25%</span></span>
10342                    </a>
10343                                    
10344        <!-- New product Ribbon -->
10345                    <a href="https://www.dorothea.no/products/espresso-cord-jakke" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
10346                <span class="new_product"><span>Ny</span></span>
10347            </a>
10348            </div>
10349
10350    <div class="flex flex-col h-full relative">
10351        <!-- Wishlist -->
10352                <!-- Product cover -->
10353                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
10354            data-preload-images=""
10355            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
10356            timeout = setInterval( function(){
10357                if (current >= 2 && $store?.extra_images?.loop) {
10358                    current = 0;
10359                } else if (current < 2) {
10360                    current++;
10361                }
10362            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
10363        }" @mouseleave="(e) => {
10364            clearInterval(timeout);
10365            current = 0
10366        }">
10367            <a href="https://www.dorothea.no/products/espresso-cord-jakke" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
10368                <img
10369                    data-image="users/dorothea_mystore_no/images/l6Qqk_Reunion_Home_Espresso_-_Cord_jakke_1.webp"
10370                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
10371                    alt="Hovedbilde Espresso - Cord jakke"
10372                                            loading="lazy"
10373                        :src="src"
10374                        :style="{
10375                            'opacity': current === 0 ? 1 : 0
10376                        }"
10377                                        width=""
10378                    height=""
10379                />
10380                                    <img loading="lazy"
10381                        data-image="users/dorothea_mystore_no/images/JgPIV_Reunion_Home_Espresso_-_Cord_jakke_1.webp"
10382                        x-cloak
10383                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
10384                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/JgPIV_Reunion_Home_Espresso_-_Cord_jakke_1.webp/w498h665.webp'"
10385                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
10386                        alt="Hovedbilde Espresso - Cord jakke"
10387                        width="498"
10388                        height="665"
10389                        :src="src0"
10390                        :style="{
10391                            'opacity': current === 1 ? 1 : 0
10392                        }"
10393                    />
10394                                    <img loading="lazy"
10395                        data-image="users/dorothea_mystore_no/images/LF7if_Reunion_Home_Espresso_-_Cord_jakke_1.webp"
10396                        x-cloak
10397                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
10398                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/LF7if_Reunion_Home_Espresso_-_Cord_jakke_1.webp/w498h665.webp'"
10399                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
10400                        alt="Hovedbilde Espresso - Cord jakke"
10401                        width="498"
10402                        height="665"
10403                        :src="src1"
10404                        :style="{
10405                            'opacity': current === 2 ? 1 : 0
10406                        }"
10407                    />
10408                            </a>
10409            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
10410                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
10411                    'opacity-100': current === 0,
10412                    'opacity-50': current !== 0,
10413                }"></li>
10414                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
10415                    'opacity-100': current === 1,
10416                    'opacity-50': current !== 1,
10417                }"></li>
10418                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
10419                    'opacity-100': current === 2,
10420                    'opacity-50': current !== 2,
10421                }"></li>
10422                            </ul>
10423            
10424        </figure>
10425    
10426        <!-- Product info and purchase section -->
10427        
10428<div
10429    x-data="{ selectedQuantity: 1 }"
10430    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
10431    <div class="product-thumb-info-content w-full" tabindex="-1">
10432        <div class="my-1"></div>
10433
10434        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
10435            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Reunion Home</div>
10436        </div>
10437
10438        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/espresso-cord-jakke">
10439            Espresso - Cord jakke
10440        </a>
10441
10442        <div class="pb_price price flex items-center min-h-[1.75rem]">
10443                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">749,-</p>
10444                                        <span class="flex flex-col mr-2">
10445                                                <span style="color:#000" class="text-base font-light leading-tight">
10446                            <s class="line-through">999,-</s>
10447                        </span>
10448                    </span>
10449                
10450                    </div>
10451
10452        
10453                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
10454                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
10455                    </div>
10456        
10457        
10458        <div class="__product-box-attribute-info hidden">
10459                            
10460                    </div>
10461                        
10462    <div class="__pb-button product-25265">
10463        <a
10464            class="button button-default p-2 w-full block max-w-none text-xs"
10465            x-data="{ loading: false }"
10466                            href="https://www.dorothea.no/products/espresso-cord-jakke"
10467                @click.prevent="
10468                                    async () => {
10469                        loading = true;
10470
10471                        await $store.cart.addToCart({
10472                            name: 'Espresso - Cord jakke',
10473                            image: 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/l6Qqk_Reunion_Home_Espresso_-_Cord_jakke_1.webp/w498h665.webp',
10474                            sku: '676125//8D4',
10475                            price: '749,-',
10476                            original_price: '999,-',
10477                            url: 'https://www.dorothea.no/products/espresso-cord-jakke',
10478                            brand: 'Reunion Home',
10479                            category: '',
10480                            variant: '',
10481                            products_id: '25265',
10482                            quantity: selectedQuantity,
10483                            redirect: true
10484                        })
10485                        loading = false;
10486                    }
10487                                "
10488            >
10489
10490            <span>
10491                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
10492                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
10493                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
10494                        <path
10495                            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"
10496                            fill="currentColor" />
10497                        <path
10498                            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.1071C47.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"
10499                            fill="currentFill" />
10500                    </svg>
10501                </span>
10502                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
10503                        <span><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></span> Kjøp
10504                    </span>
10505                            </span>
10506        </a>
10507    </div>
10508            </div>
10509</div>
10510    </div>
10511
10512
10513</article>
10514                        </li>
10515                                            <li class="splide__slide h-auto grid">
10516                            
10517                
10518
10519<article
10520
10521    x-data="{ pid: 'p25264', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
10522                @mouseover="showVariantButtons = true"
10523            @mouseout="showVariantButtons = false"
10524        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
10525    data-image="users/dorothea_mystore_no/images/hmD1V_Qnuz_Brun_-_Kanvasjakke_med_broderier_1.jpg"
10526            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/hmD1V_Qnuz_Brun_-_Kanvasjakke_med_broderier_1.jpg/w443h665.jpg'"
10527        data-preload-images="false"
10528                data-button-type="buy_now_button"
10529        data-stock-quantity="3"
10530    >
10531        
10532    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
10533        <!-- Custom Ribbon -->
10534        
10535        <!-- Custom Ribbon Multi -->
10536        
10537        <!-- Discount Ribbon -->
10538                                                        <a href="https://www.dorothea.no/products/brun-kanvasjakke-med-broderier" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
10539                        <span class="onsale"><span>-25%</span></span>
10540                    </a>
10541                                    
10542        <!-- New product Ribbon -->
10543                    <a href="https://www.dorothea.no/products/brun-kanvasjakke-med-broderier" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
10544                <span class="new_product"><span>Ny</span></span>
10545            </a>
10546            </div>
10547
10548    <div class="flex flex-col h-full relative">
10549        <!-- Wishlist -->
10550                <!-- Product cover -->
10551                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
10552            data-preload-images=""
10553            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
10554            timeout = setInterval( function(){
10555                if (current >= 2 && $store?.extra_images?.loop) {
10556                    current = 0;
10557                } else if (current < 2) {
10558                    current++;
10559                }
10560            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
10561        }" @mouseleave="(e) => {
10562            clearInterval(timeout);
10563            current = 0
10564        }">
10565            <a href="https://www.dorothea.no/products/brun-kanvasjakke-med-broderier" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
10566                <img
10567                    data-image="users/dorothea_mystore_no/images/hmD1V_Qnuz_Brun_-_Kanvasjakke_med_broderier_1.jpg"
10568                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
10569                    alt="Hovedbilde Brun - Kanvasjakke med ..."
10570                                            loading="lazy"
10571                        :src="src"
10572                        :style="{
10573                            'opacity': current === 0 ? 1 : 0
10574                        }"
10575                                        width=""
10576                    height=""
10577                />
10578                                    <img loading="lazy"
10579                        data-image="users/dorothea_mystore_no/images/dnilx_Qnuz_Brun_-_Kanvasjakke_med_broderier_1.jpg"
10580                        x-cloak
10581                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
10582                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/dnilx_Qnuz_Brun_-_Kanvasjakke_med_broderier_1.jpg/w443h665.jpg'"
10583                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
10584                        alt="Hovedbilde Brun - Kanvasjakke med ..."
10585                        width="443"
10586                        height="665"
10587                        :src="src0"
10588                        :style="{
10589                            'opacity': current === 1 ? 1 : 0
10590                        }"
10591                    />
10592                                    <img loading="lazy"
10593                        data-image="users/dorothea_mystore_no/images/5TfMi_Qnuz_Brun_-_Kanvasjakke_med_broderier_1.jpeg"
10594                        x-cloak
10595                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
10596                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/5TfMi_Qnuz_Brun_-_Kanvasjakke_med_broderier_1.jpeg/w665h665.jpeg'"
10597                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
10598                        alt="Hovedbilde Brun - Kanvasjakke med ..."
10599                        width="665"
10600                        height="665"
10601                        :src="src1"
10602                        :style="{
10603                            'opacity': current === 2 ? 1 : 0
10604                        }"
10605                    />
10606                            </a>
10607            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
10608                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
10609                    'opacity-100': current === 0,
10610                    'opacity-50': current !== 0,
10611                }"></li>
10612                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
10613                    'opacity-100': current === 1,
10614                    'opacity-50': current !== 1,
10615                }"></li>
10616                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
10617                    'opacity-100': current === 2,
10618                    'opacity-50': current !== 2,
10619                }"></li>
10620                            </ul>
10621            
10622        </figure>
10623    
10624        <!-- Product info and purchase section -->
10625        
10626<div
10627    x-data="{ selectedQuantity: 1 }"
10628    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
10629    <div class="product-thumb-info-content w-full" tabindex="-1">
10630        <div class="my-1"></div>
10631
10632        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
10633            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Qnuz</div>
10634        </div>
10635
10636        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/brun-kanvasjakke-med-broderier">
10637            Brun - Kanvasjakke med ...
10638        </a>
10639
10640        <div class="pb_price price flex items-center min-h-[1.75rem]">
10641                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">1.649,-</p>
10642                                        <span class="flex flex-col mr-2">
10643                                                <span style="color:#000" class="text-base font-light leading-tight">
10644                            <s class="line-through">2.199,-</s>
10645                        </span>
10646                    </span>
10647                
10648                    </div>
10649
10650        
10651                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
10652                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
10653                    </div>
10654        
10655        
10656        <div class="__product-box-attribute-info hidden">
10657                            
10658                    </div>
10659                        
10660    <div class="__pb-button product-25264">
10661        <a
10662            class="button button-default p-2 w-full block max-w-none text-xs"
10663            x-data="{ loading: false }"
10664                            href="https://www.dorothea.no/products/brun-kanvasjakke-med-broderier"
10665                @click.prevent="
10666                                    async () => {
10667                        loading = true;
10668
10669                        await $store.cart.addToCart({
10670                            name: 'Brun - Kanvasjakke med ...',
10671                            image: 'https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/hmD1V_Qnuz_Brun_-_Kanvasjakke_med_broderier_1.jpg/w443h665.jpg',
10672                            sku: '9428//s6',
10673                            price: '1.649,-',
10674                            original_price: '2.199,-',
10675                            url: 'https://www.dorothea.no/products/brun-kanvasjakke-med-broderier',
10676                            brand: 'Qnuz',
10677                            category: '',
10678                            variant: '',
10679                            products_id: '25264',
10680                            quantity: selectedQuantity,
10681                            redirect: true
10682                        })
10683                        loading = false;
10684                    }
10685                                "
10686            >
10687
10688            <span>
10689                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
10690                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
10691                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
10692                        <path
10693                            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"
10694                            fill="currentColor" />
10695                        <path
10696                            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.1071C47.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"
10697                            fill="currentFill" />
10698                    </svg>
10699                </span>
10700                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
10701                        <span><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></span> Kjøp
10702                    </span>
10703                            </span>
10704        </a>
10705    </div>
10706            </div>
10707</div>
10708    </div>
10709
10710
10711</article>
10712                        </li>
10713                                            <li class="splide__slide h-auto grid">
10714                            
10715                
10716
10717<article
10718
10719    x-data="{ pid: 'p25262', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
10720                @mouseover="showVariantButtons = true"
10721            @mouseout="showVariantButtons = false"
10722        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
10723    data-image="users/dorothea_mystore_no/images/KEc0t_Marta_du_chateau_Fango_-_Dusk_Blazer_1.jpg"
10724            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/KEc0t_Marta_du_chateau_Fango_-_Dusk_Blazer_1.jpg/w665h665.jpg'"
10725        data-preload-images="false"
10726                data-button-type="buy_now_button"
10727        data-stock-quantity="6"
10728    >
10729        
10730    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
10731        <!-- Custom Ribbon -->
10732        
10733        <!-- Custom Ribbon Multi -->
10734        
10735        <!-- Discount Ribbon -->
10736                                                        <a href="https://www.dorothea.no/products/fango-dusk-blazer" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
10737                        <span class="onsale"><span>-25%</span></span>
10738                    </a>
10739                                    
10740        <!-- New product Ribbon -->
10741                    <a href="https://www.dorothea.no/products/fango-dusk-blazer" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
10742                <span class="new_product"><span>Ny</span></span>
10743            </a>
10744            </div>
10745
10746    <div class="flex flex-col h-full relative">
10747        <!-- Wishlist -->
10748                <!-- Product cover -->
10749                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
10750            data-preload-images=""
10751            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
10752            timeout = setInterval( function(){
10753                if (current >= 2 && $store?.extra_images?.loop) {
10754                    current = 0;
10755                } else if (current < 2) {
10756                    current++;
10757                }
10758            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
10759        }" @mouseleave="(e) => {
10760            clearInterval(timeout);
10761            current = 0
10762        }">
10763            <a href="https://www.dorothea.no/products/fango-dusk-blazer" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
10764                <img
10765                    data-image="users/dorothea_mystore_no/images/KEc0t_Marta_du_chateau_Fango_-_Dusk_Blazer_1.jpg"
10766                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
10767                    alt="Hovedbilde Fango - Dusk Blazer"
10768                                            loading="lazy"
10769                        :src="src"
10770                        :style="{
10771                            'opacity': current === 0 ? 1 : 0
10772                        }"
10773                                        width=""
10774                    height=""
10775                />
10776                                    <img loading="lazy"
10777                        data-image="users/dorothea_mystore_no/images/oK2di_Marta_du_chateau_Fango_-_Dusk_Blazer_1.jpg"
10778                        x-cloak
10779                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
10780                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/oK2di_Marta_du_chateau_Fango_-_Dusk_Blazer_1.jpg/w665h665.jpg'"
10781                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
10782                        alt="Hovedbilde Fango - Dusk Blazer"
10783                        width="665"
10784                        height="665"
10785                        :src="src0"
10786                        :style="{
10787                            'opacity': current === 1 ? 1 : 0
10788                        }"
10789                    />
10790                                    <img loading="lazy"
10791                        data-image="users/dorothea_mystore_no/images/wju9Z_Marta_du_chateau_Fango_-_Dusk_Blazer_1.jpg"
10792                        x-cloak
10793                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
10794                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/wju9Z_Marta_du_chateau_Fango_-_Dusk_Blazer_1.jpg/w665h665.jpg'"
10795                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
10796                        alt="Hovedbilde Fango - Dusk Blazer"
10797                        width="665"
10798                        height="665"
10799                        :src="src1"
10800                        :style="{
10801                            'opacity': current === 2 ? 1 : 0
10802                        }"
10803                    />
10804                            </a>
10805            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
10806                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
10807                    'opacity-100': current === 0,
10808                    'opacity-50': current !== 0,
10809                }"></li>
10810                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
10811                    'opacity-100': current === 1,
10812                    'opacity-50': current !== 1,
10813                }"></li>
10814                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
10815                    'opacity-100': current === 2,
10816                    'opacity-50': current !== 2,
10817                }"></li>
10818                            </ul>
10819            
10820        </figure>
10821    
10822        <!-- Product info and purchase section -->
10823        
10824<div
10825    x-data="{ selectedQuantity: 1 }"
10826    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
10827    <div class="product-thumb-info-content w-full" tabindex="-1">
10828        <div class="my-1"></div>
10829
10830        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
10831            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Marta du chateau</div>
10832        </div>
10833
10834        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/fango-dusk-blazer">
10835            Fango - Dusk Blazer
10836        </a>
10837
10838        <div class="pb_price price flex items-center min-h-[1.75rem]">
10839                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">524,-</p>
10840                                        <span class="flex flex-col mr-2">
10841                                                <span style="color:#000" class="text-base font-light leading-tight">
10842                            <s class="line-through">699,-</s>
10843                        </span>
10844                    </span>
10845                
10846                    </div>
10847
10848        
10849                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
10850                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
10851                    </div>
10852        
10853        
10854        <div class="__product-box-attribute-info hidden">
10855                            
10856                    </div>
10857                        
10858    <div class="__pb-button product-25262">
10859        <a
10860            class="button button-default p-2 w-full block max-w-none text-xs"
10861            x-data="{ loading: false }"
10862                            href="https://www.dorothea.no/products/fango-dusk-blazer"
10863                @click.prevent="
10864                                    async () => {
10865                        loading = true;
10866
10867                        await $store.cart.addToCart({
10868                            name: 'Fango - Dusk Blazer',
10869                            image: 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/KEc0t_Marta_du_chateau_Fango_-_Dusk_Blazer_1.jpg/w665h665.jpg',
10870                            sku: '15502NF//s6',
10871                            price: '524,-',
10872                            original_price: '699,-',
10873                            url: 'https://www.dorothea.no/products/fango-dusk-blazer',
10874                            brand: 'Marta du chateau',
10875                            category: '',
10876                            variant: '',
10877                            products_id: '25262',
10878                            quantity: selectedQuantity,
10879                            redirect: true
10880                        })
10881                        loading = false;
10882                    }
10883                                "
10884            >
10885
10886            <span>
10887                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
10888                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
10889                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
10890                        <path
10891                            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"
10892                            fill="currentColor" />
10893                        <path
10894                            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.1071C47.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"
10895                            fill="currentFill" />
10896                    </svg>
10897                </span>
10898                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
10899                        <span><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></span> Kjøp
10900                    </span>
10901                            </span>
10902        </a>
10903    </div>
10904            </div>
10905</div>
10906    </div>
10907
10908
10909</article>
10910                        </li>
10911                                            <li class="splide__slide h-auto grid">
10912                            
10913                
10914
10915<article
10916
10917    x-data="{ pid: 'p25261', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
10918                @mouseover="showVariantButtons = true"
10919            @mouseout="showVariantButtons = false"
10920        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
10921    data-image="users/dorothea_mystore_no/images/nyO4z_Marta_du_chateau_Beige_Camo_-_Beryl_Bukse_1.jpg"
10922            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/nyO4z_Marta_du_chateau_Beige_Camo_-_Beryl_Bukse_1.jpg/w442h665.jpg'"
10923        data-preload-images="false"
10924                data-button-type="buy_now_button"
10925        data-stock-quantity="2"
10926    >
10927        
10928    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
10929        <!-- Custom Ribbon -->
10930        
10931        <!-- Custom Ribbon Multi -->
10932        
10933        <!-- Discount Ribbon -->
10934                                                        <a href="https://www.dorothea.no/products/beige-camo-beryl-bukse" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
10935                        <span class="onsale"><span>-25%</span></span>
10936                    </a>
10937                                    
10938        <!-- New product Ribbon -->
10939                    <a href="https://www.dorothea.no/products/beige-camo-beryl-bukse" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
10940                <span class="new_product"><span>Ny</span></span>
10941            </a>
10942            </div>
10943
10944    <div class="flex flex-col h-full relative">
10945        <!-- Wishlist -->
10946                <!-- Product cover -->
10947                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
10948            data-preload-images=""
10949            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
10950            timeout = setInterval( function(){
10951                if (current >= 3 && $store?.extra_images?.loop) {
10952                    current = 0;
10953                } else if (current < 3) {
10954                    current++;
10955                }
10956            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
10957        }" @mouseleave="(e) => {
10958            clearInterval(timeout);
10959            current = 0
10960        }">
10961            <a href="https://www.dorothea.no/products/beige-camo-beryl-bukse" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
10962                <img
10963                    data-image="users/dorothea_mystore_no/images/nyO4z_Marta_du_chateau_Beige_Camo_-_Beryl_Bukse_1.jpg"
10964                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
10965                    alt="Hovedbilde Beige Camo - Beryl Bukse"
10966                                            loading="lazy"
10967                        :src="src"
10968                        :style="{
10969                            'opacity': current === 0 ? 1 : 0
10970                        }"
10971                                        width=""
10972                    height=""
10973                />
10974                                    <img loading="lazy"
10975                        data-image="users/dorothea_mystore_no/images/F32SA_Marta_du_chateau_Beige_Camo_-_Beryl_Bukse_1.jpg"
10976                        x-cloak
10977                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
10978                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/F32SA_Marta_du_chateau_Beige_Camo_-_Beryl_Bukse_1.jpg/w443h665.jpg'"
10979                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
10980                        alt="Hovedbilde Beige Camo - Beryl Bukse"
10981                        width="443"
10982                        height="665"
10983                        :src="src0"
10984                        :style="{
10985                            'opacity': current === 1 ? 1 : 0
10986                        }"
10987                    />
10988                                    <img loading="lazy"
10989                        data-image="users/dorothea_mystore_no/images/tNOTj_Marta_du_chateau_Beige_Camo_-_Beryl_Bukse_1.jpg"
10990                        x-cloak
10991                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
10992                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/tNOTj_Marta_du_chateau_Beige_Camo_-_Beryl_Bukse_1.jpg/w498h665.jpg'"
10993                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
10994                        alt="Hovedbilde Beige Camo - Beryl Bukse"
10995                        width="498"
10996                        height="665"
10997                        :src="src1"
10998                        :style="{
10999                            'opacity': current === 2 ? 1 : 0
11000                        }"
11001                    />
11002                                    <img loading="lazy"
11003                        data-image="users/dorothea_mystore_no/images/kWJGI_Marta_du_chateau_Beige_Camo_-_Beryl_Bukse_1.jpg"
11004                        x-cloak
11005                        x-data="{ src2: '/templates/belgrade/assets/images/loading.gif' }"
11006                        x-intersect.once.margin.200px="src2 = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/kWJGI_Marta_du_chateau_Beige_Camo_-_Beryl_Bukse_1.jpg/w443h665.jpg'"
11007                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
11008                        alt="Hovedbilde Beige Camo - Beryl Bukse"
11009                        width="443"
11010                        height="665"
11011                        :src="src2"
11012                        :style="{
11013                            'opacity': current === 3 ? 1 : 0
11014                        }"
11015                    />
11016                            </a>
11017            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
11018                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
11019                    'opacity-100': current === 0,
11020                    'opacity-50': current !== 0,
11021                }"></li>
11022                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
11023                    'opacity-100': current === 1,
11024                    'opacity-50': current !== 1,
11025                }"></li>
11026                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
11027                    'opacity-100': current === 2,
11028                    'opacity-50': current !== 2,
11029                }"></li>
11030                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
11031                    'opacity-100': current === 3,
11032                    'opacity-50': current !== 3,
11033                }"></li>
11034                            </ul>
11035            
11036        </figure>
11037    
11038        <!-- Product info and purchase section -->
11039        
11040<div
11041    x-data="{ selectedQuantity: 1 }"
11042    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
11043    <div class="product-thumb-info-content w-full" tabindex="-1">
11044        <div class="my-1"></div>
11045
11046        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
11047            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Marta du chateau</div>
11048        </div>
11049
11050        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/beige-camo-beryl-bukse">
11051            Beige Camo - Beryl Bukse
11052        </a>
11053
11054        <div class="pb_price price flex items-center min-h-[1.75rem]">
11055                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">599,-</p>
11056                                        <span class="flex flex-col mr-2">
11057                                                <span style="color:#000" class="text-base font-light leading-tight">
11058                            <s class="line-through">799,-</s>
11059                        </span>
11060                    </span>
11061                
11062                    </div>
11063
11064        
11065                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
11066                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
11067                    </div>
11068        
11069        
11070        <div class="__product-box-attribute-info hidden">
11071                            
11072                    </div>
11073                        
11074    <div class="__pb-button product-25261">
11075        <a
11076            class="button button-default p-2 w-full block max-w-none text-xs"
11077            x-data="{ loading: false }"
11078                            href="https://www.dorothea.no/products/beige-camo-beryl-bukse"
11079                @click.prevent="
11080                                    async () => {
11081                        loading = true;
11082
11083                        await $store.cart.addToCart({
11084                            name: 'Beige Camo - Beryl Bukse',
11085                            image: 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/nyO4z_Marta_du_chateau_Beige_Camo_-_Beryl_Bukse_1.jpg/w442h665.jpg',
11086                            sku: '16635Camo//8B4',
11087                            price: '599,-',
11088                            original_price: '799,-',
11089                            url: 'https://www.dorothea.no/products/beige-camo-beryl-bukse',
11090                            brand: 'Marta du chateau',
11091                            category: '',
11092                            variant: '',
11093                            products_id: '25261',
11094                            quantity: selectedQuantity,
11095                            redirect: true
11096                        })
11097                        loading = false;
11098                    }
11099                                "
11100            >
11101
11102            <span>
11103                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
11104                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
11105                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
11106                        <path
11107                            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"
11108                            fill="currentColor" />
11109                        <path
11110                            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.1071C47.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"
11111                            fill="currentFill" />
11112                    </svg>
11113                </span>
11114                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
11115                        <span><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></span> Kjøp
11116                    </span>
11117                            </span>
11118        </a>
11119    </div>
11120            </div>
11121</div>
11122    </div>
11123
11124
11125</article>
11126                        </li>
11127                                            <li class="splide__slide h-auto grid">
11128                            
11129                
11130
11131<article
11132
11133    x-data="{ pid: 'p25259', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
11134                @mouseover="showVariantButtons = true"
11135            @mouseout="showVariantButtons = false"
11136        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
11137    data-image="users/dorothea_mystore_no/images/NsMXg_Trend_Design_Vintage_h__yskap_med_tette_d__r_1.jpg"
11138            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/NsMXg_Trend_Design_Vintage_h__yskap_med_tette_d__r_1.jpg/w443h665.jpg'"
11139        data-preload-images="false"
11140                data-button-type="buy_now_button"
11141        data-stock-quantity="1"
11142    >
11143        
11144    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
11145        <!-- Custom Ribbon -->
11146        
11147        <!-- Custom Ribbon Multi -->
11148        
11149        <!-- Discount Ribbon -->
11150        
11151        <!-- New product Ribbon -->
11152                    <a href="https://www.dorothea.no/products/vintage-hoyskap-med-tette-dorer" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
11153                <span class="new_product"><span>Ny</span></span>
11154            </a>
11155            </div>
11156
11157    <div class="flex flex-col h-full relative">
11158        <!-- Wishlist -->
11159                <!-- Product cover -->
11160                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
11161            data-preload-images=""
11162            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
11163            timeout = setInterval( function(){
11164                if (current >= 3 && $store?.extra_images?.loop) {
11165                    current = 0;
11166                } else if (current < 3) {
11167                    current++;
11168                }
11169            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
11170        }" @mouseleave="(e) => {
11171            clearInterval(timeout);
11172            current = 0
11173        }">
11174            <a href="https://www.dorothea.no/products/vintage-hoyskap-med-tette-dorer" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
11175                <img
11176                    data-image="users/dorothea_mystore_no/images/NsMXg_Trend_Design_Vintage_h__yskap_med_tette_d__r_1.jpg"
11177                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
11178                    alt="Hovedbilde Vintage høyskap med tette ..."
11179                                            loading="lazy"
11180                        :src="src"
11181                        :style="{
11182                            'opacity': current === 0 ? 1 : 0
11183                        }"
11184                                        width=""
11185                    height=""
11186                />
11187                                    <img loading="lazy"
11188                        data-image="users/dorothea_mystore_no/images/Sz2G9_Trend_Design_Vintage_h__yskap_med_tette_d__r_1.jpg"
11189                        x-cloak
11190                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
11191                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/Sz2G9_Trend_Design_Vintage_h__yskap_med_tette_d__r_1.jpg/w443h665.jpg'"
11192                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
11193                        alt="Hovedbilde Vintage høyskap med tette ..."
11194                        width="443"
11195                        height="665"
11196                        :src="src0"
11197                        :style="{
11198                            'opacity': current === 1 ? 1 : 0
11199                        }"
11200                    />
11201                                    <img loading="lazy"
11202                        data-image="users/dorothea_mystore_no/images/D3YNj_Trend_Design_Vintage_h__yskap_med_tette_d__r_1.jpg"
11203                        x-cloak
11204                        x-data="{ src1: '/templates/belgrade/assets/images/loading.gif' }"
11205                        x-intersect.once.margin.200px="src1 = 'https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/D3YNj_Trend_Design_Vintage_h__yskap_med_tette_d__r_1.jpg/w443h665.jpg'"
11206                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
11207                        alt="Hovedbilde Vintage høyskap med tette ..."
11208                        width="443"
11209                        height="665"
11210                        :src="src1"
11211                        :style="{
11212                            'opacity': current === 2 ? 1 : 0
11213                        }"
11214                    />
11215                                    <img loading="lazy"
11216                        data-image="users/dorothea_mystore_no/images/Bsgyy_Trend_Design_Vintage_h__yskap_med_tette_d__r_1.jpg"
11217                        x-cloak
11218                        x-data="{ src2: '/templates/belgrade/assets/images/loading.gif' }"
11219                        x-intersect.once.margin.200px="src2 = 'https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/Bsgyy_Trend_Design_Vintage_h__yskap_med_tette_d__r_1.jpg/w443h665.jpg'"
11220                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
11221                        alt="Hovedbilde Vintage høyskap med tette ..."
11222                        width="443"
11223                        height="665"
11224                        :src="src2"
11225                        :style="{
11226                            'opacity': current === 3 ? 1 : 0
11227                        }"
11228                    />
11229                            </a>
11230            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
11231                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
11232                    'opacity-100': current === 0,
11233                    'opacity-50': current !== 0,
11234                }"></li>
11235                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
11236                    'opacity-100': current === 1,
11237                    'opacity-50': current !== 1,
11238                }"></li>
11239                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
11240                    'opacity-100': current === 2,
11241                    'opacity-50': current !== 2,
11242                }"></li>
11243                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
11244                    'opacity-100': current === 3,
11245                    'opacity-50': current !== 3,
11246                }"></li>
11247                            </ul>
11248            
11249        </figure>
11250    
11251        <!-- Product info and purchase section -->
11252        
11253<div
11254    x-data="{ selectedQuantity: 1 }"
11255    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
11256    <div class="product-thumb-info-content w-full" tabindex="-1">
11257        <div class="my-1"></div>
11258
11259        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
11260            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Trend Design</div>
11261        </div>
11262
11263        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/vintage-hoyskap-med-tette-dorer">
11264            Vintage høyskap med tette ...
11265        </a>
11266
11267        <div class="pb_price price flex items-center min-h-[1.75rem]">
11268                                                <p style="color:#000" class="mr-2 text-xl font-bold">14.999,-</p>
11269                                    
11270                    </div>
11271
11272        
11273                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
11274                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
11275                    </div>
11276        
11277        
11278        <div class="__product-box-attribute-info hidden">
11279                            
11280                    </div>
11281                        
11282    <div class="__pb-button product-25259">
11283        <a
11284            class="button button-default p-2 w-full block max-w-none text-xs"
11285            x-data="{ loading: false }"
11286                            href="https://www.dorothea.no/products/vintage-hoyskap-med-tette-dorer"
11287                @click.prevent="
11288                                    async () => {
11289                        loading = true;
11290
11291                        await $store.cart.addToCart({
11292                            name: 'Vintage høyskap med tette ...',
11293                            image: 'https://dorothea-i02.mycdn.no/mysimgprod/dorothea_mystore_no/images/NsMXg_Trend_Design_Vintage_h__yskap_med_tette_d__r_1.jpg/w443h665.jpg',
11294                            sku: 'TD1491//TD',
11295                            price: '14.999,-',
11296                            original_price: '14.999,-',
11297                            url: 'https://www.dorothea.no/products/vintage-hoyskap-med-tette-dorer',
11298                            brand: 'Trend Design',
11299                            category: '',
11300                            variant: '',
11301                            products_id: '25259',
11302                            quantity: selectedQuantity,
11303                            redirect: true
11304                        })
11305                        loading = false;
11306                    }
11307                                "
11308            >
11309
11310            <span>
11311                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
11312                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
11313                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
11314                        <path
11315                            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"
11316                            fill="currentColor" />
11317                        <path
11318                            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.1071C47.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"
11319                            fill="currentFill" />
11320                    </svg>
11321                </span>
11322                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
11323                        <span><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></span> Kjøp
11324                    </span>
11325                            </span>
11326        </a>
11327    </div>
11328            </div>
11329</div>
11330    </div>
11331
11332
11333</article>
11334                        </li>
11335                                            <li class="splide__slide h-auto grid">
11336                            
11337                
11338
11339<article
11340
11341    x-data="{ pid: 'p25258', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
11342                @mouseover="showVariantButtons = true"
11343            @mouseout="showVariantButtons = false"
11344        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
11345    data-image="users/dorothea_mystore_no/images/QJtYn_Trend_Design_Natur_-_Kj__kkenrullholder_1.jpg"
11346            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/QJtYn_Trend_Design_Natur_-_Kj__kkenrullholder_1.jpg/w443h665.jpg'"
11347        data-preload-images="false"
11348                data-button-type="buy_now_button"
11349        data-stock-quantity="4"
11350    >
11351        
11352    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
11353        <!-- Custom Ribbon -->
11354        
11355        <!-- Custom Ribbon Multi -->
11356        
11357        <!-- Discount Ribbon -->
11358                                                        <a href="https://www.dorothea.no/products/natur-kjokkenrullholder" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
11359                        <span class="onsale"><span>-25%</span></span>
11360                    </a>
11361                                    
11362        <!-- New product Ribbon -->
11363                    <a href="https://www.dorothea.no/products/natur-kjokkenrullholder" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
11364                <span class="new_product"><span>Ny</span></span>
11365            </a>
11366            </div>
11367
11368    <div class="flex flex-col h-full relative">
11369        <!-- Wishlist -->
11370                <!-- Product cover -->
11371                    <figure class="relative product-thumb-info-link flex items-start p-0.5"
11372            data-preload-images=""
11373            x-data="{ timeout: null, current: 0 }" @mouseenter="(e) => {
11374            timeout = setInterval( function(){
11375                if (current >= 1 && $store?.extra_images?.loop) {
11376                    current = 0;
11377                } else if (current < 1) {
11378                    current++;
11379                }
11380            }, $store?.extra_images?.switch_image_timeout ? $store.extra_images.switch_image_timeout : 1800);
11381        }" @mouseleave="(e) => {
11382            clearInterval(timeout);
11383            current = 0
11384        }">
11385            <a href="https://www.dorothea.no/products/natur-kjokkenrullholder" class="product-thumb-info-link product-thumb-info-image-wrapper h-full w-full">
11386                <img
11387                    data-image="users/dorothea_mystore_no/images/QJtYn_Trend_Design_Natur_-_Kj__kkenrullholder_1.jpg"
11388                    class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
11389                    alt="Hovedbilde Natur - Kjøkkenrullholder"
11390                                            loading="lazy"
11391                        :src="src"
11392                        :style="{
11393                            'opacity': current === 0 ? 1 : 0
11394                        }"
11395                                        width=""
11396                    height=""
11397                />
11398                                    <img loading="lazy"
11399                        data-image="users/dorothea_mystore_no/images/fb5NC_Trend_Design_Natur_-_Kj__kkenrullholder_1.jpg"
11400                        x-cloak
11401                        x-data="{ src0: '/templates/belgrade/assets/images/loading.gif' }"
11402                        x-intersect.once.margin.200px="src0 = 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/fb5NC_Trend_Design_Natur_-_Kj__kkenrullholder_1.jpg/w443h665.jpg'"
11403                        class="img-responsive h-full w-full object-contain transition duration-700 ease-in-out group-hover:opacity-60 absolute z-10 top-0"
11404                        alt="Hovedbilde Natur - Kjøkkenrullholder"
11405                        width="443"
11406                        height="665"
11407                        :src="src0"
11408                        :style="{
11409                            'opacity': current === 1 ? 1 : 0
11410                        }"
11411                    />
11412                            </a>
11413            <ul class="absolute left-0 bottom-2 w-full flex justify-center z-20">
11414                <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
11415                    'opacity-100': current === 0,
11416                    'opacity-50': current !== 0,
11417                }"></li>
11418                                    <li class="bg-gray-500 w-2 h-2 mx-1 rounded-full" :class="{
11419                    'opacity-100': current === 1,
11420                    'opacity-50': current !== 1,
11421                }"></li>
11422                            </ul>
11423            
11424        </figure>
11425    
11426        <!-- Product info and purchase section -->
11427        
11428<div
11429    x-data="{ selectedQuantity: 1 }"
11430    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
11431    <div class="product-thumb-info-content w-full" tabindex="-1">
11432        <div class="my-1"></div>
11433
11434        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
11435            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Trend Design</div>
11436        </div>
11437
11438        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/natur-kjokkenrullholder">
11439            Natur - Kjøkkenrullholder
11440        </a>
11441
11442        <div class="pb_price price flex items-center min-h-[1.75rem]">
11443                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">187,-</p>
11444                                        <span class="flex flex-col mr-2">
11445                                                <span style="color:#000" class="text-base font-light leading-tight">
11446                            <s class="line-through">249,-</s>
11447                        </span>
11448                    </span>
11449                
11450                    </div>
11451
11452        
11453                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
11454                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
11455                    </div>
11456        
11457        
11458        <div class="__product-box-attribute-info hidden">
11459                            
11460                    </div>
11461                        
11462    <div class="__pb-button product-25258">
11463        <a
11464            class="button button-default p-2 w-full block max-w-none text-xs"
11465            x-data="{ loading: false }"
11466                            href="https://www.dorothea.no/products/natur-kjokkenrullholder"
11467                @click.prevent="
11468                                    async () => {
11469                        loading = true;
11470
11471                        await $store.cart.addToCart({
11472                            name: 'Natur - Kjøkkenrullholder',
11473                            image: 'https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/QJtYn_Trend_Design_Natur_-_Kj__kkenrullholder_1.jpg/w443h665.jpg',
11474                            sku: '670624',
11475                            price: '187,-',
11476                            original_price: '249,-',
11477                            url: 'https://www.dorothea.no/products/natur-kjokkenrullholder',
11478                            brand: 'Trend Design',
11479                            category: '',
11480                            variant: '',
11481                            products_id: '25258',
11482                            quantity: selectedQuantity,
11483                            redirect: true
11484                        })
11485                        loading = false;
11486                    }
11487                                "
11488            >
11489
11490            <span>
11491                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
11492                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
11493                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
11494                        <path
11495                            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"
11496                            fill="currentColor" />
11497                        <path
11498                            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.1071C47.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"
11499                            fill="currentFill" />
11500                    </svg>
11501                </span>
11502                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
11503                        <span><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></span> Kjøp
11504                    </span>
11505                            </span>
11506        </a>
11507    </div>
11508            </div>
11509</div>
11510    </div>
11511
11512
11513</article>
11514                        </li>
11515                                            <li class="splide__slide h-auto grid">
11516                            
11517                
11518
11519<article
11520
11521    x-data="{ pid: 'p25255', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
11522                @mouseover="showVariantButtons = true"
11523            @mouseout="showVariantButtons = false"
11524        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
11525    data-image="users/dorothea_mystore_no/images/rawuj_Trend_Design_Hengekurv_-_18x10_cm_1.jpg"
11526            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/rawuj_Trend_Design_Hengekurv_-_18x10_cm_1.jpg/w443h665.jpg'"
11527        data-preload-images="false"
11528                data-button-type="buy_now_button"
11529        data-stock-quantity="6"
11530    >
11531        
11532    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
11533        <!-- Custom Ribbon -->
11534        
11535        <!-- Custom Ribbon Multi -->
11536        
11537        <!-- Discount Ribbon -->
11538                                                        <a href="https://www.dorothea.no/products/hengekurv-18x10-cm" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
11539                        <span class="onsale"><span>-25%</span></span>
11540                    </a>
11541                                    
11542        <!-- New product Ribbon -->
11543                    <a href="https://www.dorothea.no/products/hengekurv-18x10-cm" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
11544                <span class="new_product"><span>Ny</span></span>
11545            </a>
11546            </div>
11547
11548    <div class="flex flex-col h-full relative">
11549        <!-- Wishlist -->
11550                <!-- Product cover -->
11551                    <figure
11552            class="relative product-thumb-info-link flex items-start flex-1 p-0.5"
11553            data-preload-images="">
11554            <a href="https://www.dorothea.no/products/hengekurv-18x10-cm" class="h-full w-full product-thumb-info-link product-thumb-info-image-wrapper">
11555                <img
11556                    data-image="users/dorothea_mystore_no/images/rawuj_Trend_Design_Hengekurv_-_18x10_cm_1.jpg"
11557                                            loading="lazy"
11558                        :src="src"
11559                                        class="img-responsive w-full h-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
11560                    alt="Hovedbilde Hengekurv - 18x10 cm"
11561                    width=""
11562                    height="" />
11563            </a>
11564            
11565            <!-- Energy Labeling -->
11566                    </figure>
11567    
11568        <!-- Product info and purchase section -->
11569        
11570<div
11571    x-data="{ selectedQuantity: 1 }"
11572    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
11573    <div class="product-thumb-info-content w-full" tabindex="-1">
11574        <div class="my-1"></div>
11575
11576        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
11577            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Trend Design</div>
11578        </div>
11579
11580        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/hengekurv-18x10-cm">
11581            Hengekurv - 18x10 cm
11582        </a>
11583
11584        <div class="pb_price price flex items-center min-h-[1.75rem]">
11585                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">134,-</p>
11586                                        <span class="flex flex-col mr-2">
11587                                                <span style="color:#000" class="text-base font-light leading-tight">
11588                            <s class="line-through">179,-</s>
11589                        </span>
11590                    </span>
11591                
11592                    </div>
11593
11594        
11595                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
11596                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
11597                    </div>
11598        
11599        
11600        <div class="__product-box-attribute-info hidden">
11601                            
11602                    </div>
11603                        
11604    <div class="__pb-button product-25255">
11605        <a
11606            class="button button-default p-2 w-full block max-w-none text-xs"
11607            x-data="{ loading: false }"
11608                            href="https://www.dorothea.no/products/hengekurv-18x10-cm"
11609                @click.prevent="
11610                                    async () => {
11611                        loading = true;
11612
11613                        await $store.cart.addToCart({
11614                            name: 'Hengekurv - 18x10 cm',
11615                            image: 'https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/rawuj_Trend_Design_Hengekurv_-_18x10_cm_1.jpg/w443h665.jpg',
11616                            sku: '670623',
11617                            price: '134,-',
11618                            original_price: '179,-',
11619                            url: 'https://www.dorothea.no/products/hengekurv-18x10-cm',
11620                            brand: 'Trend Design',
11621                            category: '',
11622                            variant: '',
11623                            products_id: '25255',
11624                            quantity: selectedQuantity,
11625                            redirect: true
11626                        })
11627                        loading = false;
11628                    }
11629                                "
11630            >
11631
11632            <span>
11633                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
11634                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
11635                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
11636                        <path
11637                            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"
11638                            fill="currentColor" />
11639                        <path
11640                            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.1071C47.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"
11641                            fill="currentFill" />
11642                    </svg>
11643                </span>
11644                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
11645                        <span><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></span> Kjøp
11646                    </span>
11647                            </span>
11648        </a>
11649    </div>
11650            </div>
11651</div>
11652    </div>
11653
11654
11655</article>
11656                        </li>
11657                                            <li class="splide__slide h-auto grid">
11658                            
11659                
11660
11661<article
11662
11663    x-data="{ pid: 'p25254', src: '/templates/belgrade/assets/images/loading.gif', showVariantButtons: false, toggleVariantButtons() { this.showVariantButtons = ! this.showVariantButtons } }"
11664                @mouseover="showVariantButtons = true"
11665            @mouseout="showVariantButtons = false"
11666        class="product-thumb-info relative z-0 bg-white hover:shadow-xs transition duration-300 ease-in-out xl:mb-0 lg:mb-0 md:mb-0 mb-6 group overflow-hidden "
11667    data-image="users/dorothea_mystore_no/images/Za8Cf_Trend_Design_S_2_Hengekurv_-_24x11_cm_1.jpg"
11668            x-intersect.once.margin.200px="show = true, src = 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/Za8Cf_Trend_Design_S_2_Hengekurv_-_24x11_cm_1.jpg/w443h665.jpg'"
11669        data-preload-images="false"
11670                data-button-type="buy_now_button"
11671        data-stock-quantity="3"
11672    >
11673        
11674    <div class="__product-ribbons absolute z-20 top-2 left-2 z-10 text-sm text-center w-90 max-w-[calc(100%-1rem)] flex flex-col gap-2">
11675        <!-- Custom Ribbon -->
11676        
11677        <!-- Custom Ribbon Multi -->
11678        
11679        <!-- Discount Ribbon -->
11680                                                        <a href="https://www.dorothea.no/products/s2-hengekurv-24x11-cm" class="discount_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
11681                        <span class="onsale"><span>-25%</span></span>
11682                    </a>
11683                                    
11684        <!-- New product Ribbon -->
11685                    <a href="https://www.dorothea.no/products/s2-hengekurv-24x11-cm" class="new_ribbon product-thumb-info-link product-thumb-slogans px-2 block text-sm w-fit">
11686                <span class="new_product"><span>Ny</span></span>
11687            </a>
11688            </div>
11689
11690    <div class="flex flex-col h-full relative">
11691        <!-- Wishlist -->
11692                <!-- Product cover -->
11693                    <figure
11694            class="relative product-thumb-info-link flex items-start flex-1 p-0.5"
11695            data-preload-images="">
11696            <a href="https://www.dorothea.no/products/s2-hengekurv-24x11-cm" class="h-full w-full product-thumb-info-link product-thumb-info-image-wrapper">
11697                <img
11698                    data-image="users/dorothea_mystore_no/images/Za8Cf_Trend_Design_
11698S_2_Hengekurv_-_24x11_cm_1.jpg"
11699                                            loading="lazy"
11700                        :src="src"
11701                                        class="img-responsive w-full h-full object-contain transition duration-700 ease-in-out group-hover:opacity-60"
11702                    alt="Hovedbilde S/2 Hengekurv - 24x11 cm"
11703                    width=""
11704                    height="" />
11705            </a>
11706            
11707            <!-- Energy Labeling -->
11708                    </figure>
11709    
11710        <!-- Product info and purchase section -->
11711        
11712<div
11713    x-data="{ selectedQuantity: 1 }"
11714    class="__pb-info-7 pb_info_container block sm:flex px-4 pb-3 items-start justify-between">
11715    <div class="product-thumb-info-content w-full" tabindex="-1">
11716        <div class="my-1"></div>
11717
11718        <div class="pb_category_and_brand lex h-4 whitespace-nowrap overflow-hidden text-ellipsis">
11719            <div style="color:#000" class="text-xs pb_brand font-bold mr-2">Trend Design</div>
11720        </div>
11721
11722        <a class="pb_v7_title pb_title block font-light text-base transition duration-300 ease-in-out h-12 min-h-12" href="https://www.dorothea.no/products/s2-hengekurv-24x11-cm">
11723            S/2 Hengekurv - 24x11 cm
11724        </a>
11725
11726        <div class="pb_price price flex items-center min-h-[1.75rem]">
11727                                                <p style="color:#aa5f5fff" class="mr-2 text-xl font-bold">449,-</p>
11728                                        <span class="flex flex-col mr-2">
11729                                                <span style="color:#000" class="text-base font-light leading-tight">
11730                            <s class="line-through">599,-</s>
11731                        </span>
11732                    </span>
11733                
11734                    </div>
11735
11736        
11737                <div class="pb_stock_info my-2 text-xs flex items-center gap-1">
11738                            <span class="text-green-500" style="fill: rgb(34, 197, 94);"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg></span> PÃ¥ lager
11739                    </div>
11740        
11741        
11742        <div class="__product-box-attribute-info hidden">
11743                            
11744                    </div>
11745                        
11746    <div class="__pb-button product-25254">
11747        <a
11748            class="button button-default p-2 w-full block max-w-none text-xs"
11749            x-data="{ loading: false }"
11750                            href="https://www.dorothea.no/products/s2-hengekurv-24x11-cm"
11751                @click.prevent="
11752                                    async () => {
11753                        loading = true;
11754
11755                        await $store.cart.addToCart({
11756                            name: 'S/2 Hengekurv - 24x11 cm',
11757                            image: 'https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/Za8Cf_Trend_Design_S_2_Hengekurv_-_24x11_cm_1.jpg/w443h665.jpg',
11758                            sku: '670617',
11759                            price: '449,-',
11760                            original_price: '599,-',
11761                            url: 'https://www.dorothea.no/products/s2-hengekurv-24x11-cm',
11762                            brand: 'Trend Design',
11763                            category: '',
11764                            variant: '',
11765                            products_id: '25254',
11766                            quantity: selectedQuantity,
11767                            redirect: true
11768                        })
11769                        loading = false;
11770                    }
11771                                "
11772            >
11773
11774            <span>
11775                <span class="w-full flex items-center justify-center animate-spin" x-show="loading">
11776                    <svg aria-hidden="true" class="w-4 h-4 text-gray-200 animate-spin dark:text-gray-100 fill-black"
11777                        viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
11778                        <path
11779                            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"
11780                            fill="currentColor" />
11781                        <path
11782                            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.1071C47.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"
11783                            fill="currentFill" />
11784                    </svg>
11785                </span>
11786                                    <span class="flex gap-1 items-center justify-center" x-show="!loading">
11787                        <span><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></span> Kjøp
11788                    </span>
11789                            </span>
11790        </a>
11791    </div>
11792            </div>
11793</div>
11794    </div>
11795
11796
11797</article>
11798                        </li>
11799                                    </ul>
11800            </div>
11801        </div>
11802    
11803    <style>
11804
11805    
11806    
11807    
11808    
11809
11810    </style>
11811                                    </div>
11812        <style>
11813                        
11814                            @media (max-width: 600px) {
11815                    #section--productslist3f375ab0-1302-4e38-a6f1-8d45965347a9__productslist {
11816                    padding: 0px 15px 0px 15px !important;
11817                }
11818                }
11819
11820                                        @media (min-width: 601px) and (max-width: 768px) {
11821                    #section--productslist3f375ab0-1302-4e38-a6f1-8d45965347a9__productslist  {
11822                    padding: 0px 15px 0px 15px !important;
11823                }
11824                }
11825
11826                    </style>
11827    </section>
11828                    
11829
11830
11831<section
11832    id="section--columns007d998b-dee2-405d-8b6f-ac5d0a46b81c__columns"
11833    class="
11834        grid-gap--none
11835        __columns_section
11836        __columns multicolumn
11837        hidden
11838    "
11839    style="
11840        --text-color: inherit;
11841        --background-color: inherit;
11842        ; border-color: #000; border-style: solid;
11843                margin: 0px auto 20px auto;
11844padding: 0px 5px 0px 5px;
11845    "
11846    x-data="{ initSlider: () => {} }"
11847    data-subblock-key="general">
11848
11849            <div class="
11850                container m-auto image_banner_image grid
11851                grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-0
11852
11853                                                    
11854            
11855    
11856    
11857                                    
11858                                                                " style="
11859                                background-color: ;            ">
11860            
11861                
11862                
11863                                                            
11864        
11865            
11866        <div
11867        x-data=" { conditions: [] }"
11868        x-init="$s('conditions').checkConditions(conditions)"
11869        x-show="$s('conditions').checkConditions(conditions)"
11870        id="block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography"
11871        class="
11872             
11873             __typography_block relative flex flex-col text-center p-4 md:p-10
11874            
11875            col-span-1 md:col-span-1 lg:col-span-1
11876                    "
11877        style="
11878        --text-color: --text-color;
11879        --background-color: inherit;
11880        "
11881        data-subblock-key="general">
11882
11883                    <a class="block w-full" href="https://www.dorothea.no/categories/klar-nyheter" data-subblock-key="general">
11884                        <div class="
11885                            
11886            
11887                                        text-left items-start
11888                        
11889    
11890                                        lg:text-left lg:items-start
11891                        
11892                                                content rounded-md flex flex-col text-left md:text-left">
11893
11894                                
11895                                                                
11896    
11897        
11898        
11899    
11900    
11901    
11902    <div id="block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title"         x-data="{ conditions: [] }"
11903        x-init="$s('conditions').checkConditions(conditions)"
11904        x-show="$s('conditions').checkConditions(conditions)"
11905        class="__text_block  relative w-full  left "
11906        style="--bg-color: inherit;"
11907        data-subblock-key="heading">
11908        <h2>VÅRE NYESTE SKATTER</h2>
11909        <style>
11910            #block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title {
11911                        background: var(--bg-color);
11912            text-transform: none;
11913            line-height: auto;
11914            text-align: left;
11915            
11916            }
11917
11918            @media (max-width: 600px) {
11919                #block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title, #block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title * {
11920                    text-align: left;
11921                }
11922            }
11923        </style>
11924    </div>
11925                    
11926                    
11927                                                                                
11928        
11929                    
11930    
11931        
11932                    
11933        
11934            
11935    <div
11936        x-data="{ conditions: [] }"
11937        x-init="$s('conditions').checkConditions(conditions)"
11938        x-show="$s('conditions').checkConditions(conditions)"
11939        id=" block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title"         class="__text_block  editorcontent font-bold relative hidden"
11940        style="
11941            color: inherit;            
11942            font-size: 1.25rem;
11943            font-weight: inherit;
11944            line-height: inherit;
11945            text-transform: none !important;
11946            text-align: left;
11947            background-color: ;            border-radius: 0;        "
11948        data-subblock-key="heading">
11949        <h2>VÅRE NYESTE SKATTER</h2>
11950    </div>
11951
11952    <style>
11953        @media (max-width: 600px) {
11954            # block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title, # block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title * {
11955                text-align: left !important;
11956            }
11957        }
11958    </style>
11959                    
11960                                                                        
11961                                                    
11962    
11963                        
11964                                                                                
11965        
11966                    
11967    
11968        
11969                    
11970        
11971            
11972    <div
11973        x-data="{ conditions: [] }"
11974        x-init="$s('conditions').checkConditions(conditions)"
11975        x-show="$s('conditions').checkConditions(conditions)"
11976        id=" block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title"         class="__text_block  editorcontent font-bold relative hidden"
11977        style="
11978            color: inherit;            
11979            font-size: 1.25rem;
11980            font-weight: inherit;
11981            line-height: inherit;
11982            text-transform: none !important;
11983            text-align: left;
11984            background-color: ;            border-radius: 0;        "
11985        data-subblock-key="heading">
11986        <h2>VÅRE NYESTE SKATTER</h2>
11987    </div>
11988
11989    <style>
11990        @media (max-width: 600px) {
11991            # block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title, # block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title * {
11992                text-align: left !important;
11993            }
11994        }
11995    </style>
11996                    
11997                    
11998                                    
11999            </div>
12000                        </a>
12001        
12002        <style>
12003            #block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography {
12004            background-color: var(--background-color);
12005            color: var(--text-color);
12006            border-color: inherit !important;
12007            border-style: solid !important;
12008                        border-radius: 0;
12009                        padding: 0px 0px 0px 0px;
12010            ;
12011
12012            }
12013
12014            #block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography a {
12015            color: var(--text-color);
12016            }
12017
12018            #block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography > div {
12019            gap: inherit;
12020            }
12021
12022            #block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_title {
12023            
12024            }
12025
12026            #block--typographye681421f-478e-4f2f-ad7f-b6aa8306b593__typography_paragraph {
12027            
12028            }
12029        </style>
12030    </div>
12031                                                
12032                
12033                
12034                                                            
12035        
12036            
12037        <div
12038        x-data=" { conditions: [] }"
12039        x-init="$s('conditions').checkConditions(conditions)"
12040        x-show="$s('conditions').checkConditions(conditions)"
12041        id="block--columns29793711-8061-4d4d-a0dd-cf549851deb4"
12042        class="
12043             
12044             __typography_block relative flex flex-col text-center p-4 md:p-10
12045            
12046            col-span-1 md:col-span-1 lg:col-span-1
12047                    "
12048        style="
12049        --text-color: inherit;
12050        --background-color: inherit;
12051        "
12052        data-subblock-key="general">
12053
12054                    <div class="
12055                            
12056            
12057                                        text-left items-start
12058                        
12059    
12060                                        lg:text-right lg:items-end
12061                        
12062                                                content rounded-md flex flex-col text-left md:text-right">
12063
12064                                
12065                                                                
12066    
12067        
12068        
12069    
12070    
12071    
12072    <div id="block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title"         x-data="{ conditions: [] }"
12073        x-init="$s('conditions').checkConditions(conditions)"
12074        x-show="$s('conditions').checkConditions(conditions)"
12075        class="__text_block  relative w-full  right "
12076        style="--bg-color: inherit;"
12077        data-subblock-key="heading">
12078        
12079        <style>
12080            #block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title {
12081                        background: var(--bg-color);
12082            text-transform: none;
12083            line-height: auto;
12084            text-align: right;
12085            
12086            }
12087
12088            @media (max-width: 600px) {
12089                #block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title, #block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title * {
12090                    text-align: left;
12091                }
12092            }
12093        </style>
12094    </div>
12095                    
12096                    
12097                                                                                
12098        
12099                    
12100    
12101        
12102                    
12103        
12104            
12105    <div
12106        x-data="{ conditions: [] }"
12107        x-init="$s('conditions').checkConditions(conditions)"
12108        x-show="$s('conditions').checkConditions(conditions)"
12109        id=" block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title"         class="__text_block  editorcontent font-bold relative hidden"
12110        style="
12111            color: inherit;            
12112            font-size: 1.25rem;
12113            font-weight: inherit;
12114            line-height: inherit;
12115            text-transform: none !important;
12116            text-align: right;
12117            background-color: ;            border-radius: 0;        "
12118        data-subblock-key="heading">
12119        
12120    </div>
12121
12122    <style>
12123        @media (max-width: 600px) {
12124            # block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title, # block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title * {
12125                text-align: left !important;
12126            }
12127        }
12128    </style>
12129                    
12130                                                                        
12131                                                    
12132    
12133                        
12134                                                                                
12135        
12136                    
12137    
12138        
12139                    
12140        
12141            
12142    <div
12143        x-data="{ conditions: [] }"
12144        x-init="$s('conditions').checkConditions(conditions)"
12145        x-show="$s('conditions').checkConditions(conditions)"
12146        id=" block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title"         class="__text_block  editorcontent font-bold relative hidden"
12147        style="
12148            color: inherit;            
12149            font-size: 1.25rem;
12150            font-weight: inherit;
12151            line-height: inherit;
12152            text-transform: none !important;
12153            text-align: right;
12154            background-color: ;            border-radius: 0;        "
12155        data-subblock-key="heading">
12156        
12157    </div>
12158
12159    <style>
12160        @media (max-width: 600px) {
12161            # block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title, # block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title * {
12162                text-align: left !important;
12163            }
12164        }
12165    </style>
12166                    
12167                    
12168                                    
12169            </div>
12170            
12171        <style>
12172            #block--columns29793711-8061-4d4d-a0dd-cf549851deb4 {
12173            background-color: var(--background-color);
12174            color: var(--text-color);
12175            border-color: inherit !important;
12176            border-style: solid !important;
12177                        border-radius: 0;
12178                        padding: 10px 0px 0px 0px;
12179            ;
12180
12181            }
12182
12183            #block--columns29793711-8061-4d4d-a0dd-cf549851deb4 a {
12184            color: var(--text-color);
12185            }
12186
12187            #block--columns29793711-8061-4d4d-a0dd-cf549851deb4 > div {
12188            gap: inherit;
12189            }
12190
12191            #block--columns29793711-8061-4d4d-a0dd-cf549851deb4_title {
12192            
12193            }
12194
12195            #block--columns29793711-8061-4d4d-a0dd-cf549851deb4_paragraph {
12196            
12197            }
12198        </style>
12199    </div>
12200                                                        </div>
12201    
12202    
12203    <style>
12204        #section--columns007d998b-dee2-405d-8b6f-ac5d0a46b81c__columns {
12205        color: var(--text-color);
12206        background-color: var(--background-color);
12207        position: relative;
12208        z-index: 1;
12209        }
12210
12211
12212        #section--columns007d998b-dee2-405d-8b6f-ac5d0a46b81c__columns::after {
12213        content: '';
12214        background-color: var(--background-color);
12215        position: absolute;
12216        top: 0;
12217        left: 0;
12218        right: 0;
12219        bottom: 0;
12220        z-index: -1;
12221        }
12222
12223        @media (min-width: 601px) and (max-width: 768px) {
12224            #section--columns007d998b-dee2-405d-8b6f-ac5d0a46b81c__columns {
12225            margin:  !important;
12226        }
12227        }
12228
12229        
12230                    @media (max-width: 600px) {
12231                #section--columns007d998b-dee2-405d-8b6f-ac5d0a46b81c__columns {
12232                padding: 0px 15px 0px 15px !important;
12233            }
12234            }
12235
12236                            @media (min-width: 601px) and (max-width: 768px) {
12237                #section--columns007d998b-dee2-405d-8b6f-ac5d0a46b81c__columns  {
12238                padding: 0px 15px 0px 15px !important;
12239            }
12240            }
12241
12242            </style>
12243</section>
12244                    
12245
12246
12247<section
12248    id="section--columns845aeeb2-59aa-4ed3-954f-5388ac193fbd__columns"
12249    class="
12250        start__puffs
12251        __columns_section
12252        __columns multicolumn
12253        
12254    "
12255    style="
12256        --text-color: #000;
12257        --background-color: --background-color;
12258        ; border-color: #000; border-style: solid;
12259                margin: 40px auto 60px auto;
12260padding: 0px 5px 0px 5px;
12261    "
12262    x-data="{ initSlider: () => {} }"
12263    data-subblock-key="general">
12264
12265            <div class="
12266                container m-auto image_banner_image grid
12267                grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4
12268
12269                                                    
12270            
12271    
12272    
12273                                    
12274                                                                " style="
12275                                background-color: ;            ">
12276            
12277                
12278                
12279                                                                                
12280                
12281
12282    <div
12283        x-data="{ conditions: [] }"
12284        x-init="$s('conditions').checkConditions(conditions)"
12285        x-show="$s('conditions').checkConditions(conditions)"
12286        id="block--gridcolumn808f733e-4e43-443a-83e4-b3ba47b36ad9__gridcolumn"
12287        style="
12288        --text-color: #fff;
12289        --background-color: transparent00;
12290        "
12291        class=" cursor-pointer col-span-1 md:col-span-1 lg:col-span-1" data-subblock-key="image">
12292        <figure
12293            class="__gridcolumn_block overflow-hidden relative bg-inherit isolate
12294                h-full w-full                
12295                ">
12296                                                    <a href="https://www.dorothea.no/categories/duk-og-loper" class="gridcolumn_image_url" ></a>
12297                            <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/qHN0JAQA1dlvSJzUWuN3vwmy6qGCULzs9WUHKyYH.png/w1080h1620.png" loading="lazy" width="auto" height="auto"/><source media="(min-width: 768px)" srcset="https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/qHN0JAQA1dlvSJzUWuN3vwmy6qGCULzs9WUHKyYH.png/w1080h1620.png"  width="auto" height="auto"/><img id="block--gridcolumn808f733e-4e43-443a-83e4-b3ba47b36ad9__gridcolumn_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Miljl&ouml;arbete" src="https://dorothea-i03.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/qHN0JAQA1dlvSJzUWuN3vwmy6qGCULzs9WUHKyYH.png/w533h799.png" loading="lazy" width="533" height="800" /></picture>
12298        </figure>
12299
12300        <style>
12301            #block--gridcolumn808f733e-4e43-443a-83e4-b3ba47b36ad9__gridcolumn picture {
12302                position: relative;
12303                z-index: 1;
12304            }
12305
12306            #block--gridcolumn808f733e-4e43-443a-83e4-b3ba47b36ad9__gridcolumn ._content_wrapper_url {
12307                position: absolute;
12308                width: 100%;
12309                height: 100%;
12310                inset: 0;
12311                z-index: 2;
12312            }
12313
12314            #block--gridcolumn808f733e-4e43-443a-83e4-b3ba47b36ad9__gridcolumn .gridcolumn_image_url {
12315                display: block;
12316                width: 100%;
12317                height: 100%;
12318                position: absolute;
12319                inset: 0;
12320                z-index: 2;
12321                            }
12322
12323            .gridcolumn_content_wrapper {
12324                position: relative;
12325                z-index: 3;
12326                isolation: isolate;
12327            }
12328
12329            #block--gridcolumn808f733e-4e43-443a-83e4-b3ba47b36ad9__gridcolumn .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
12330                width: fit-content;
12331                position: relative;
12332                z-index: 5;
12333            }
12334
12335            #block--gridcolumn808f733e-4e43-443a-83e4-b3ba47b36ad9__gridcolumn ._content_wrapper_url {
12336                position: absolute;
12337                inset: 0;
12338                width: 100%;
12339                height: 100%;
12340                z-index: 4;
12341            }
12342
12343            #block--gridcolumn808f733e-4e43-443a-83e4-b3ba47b36ad9__gridcolumn figure {
12344                color: var(--text-color);
12345                background-color: var(--background-color);
12346                                    border-radius: 10px;
12347                            }
12348
12349            
12350            #block--gridcolumn808f733e-4e43-443a-83e4-b3ba47b36ad9__gridcolumn figure > div > div {
12351                            background-color: var(--background-color);
12352                        gap: 10px;
12353            padding: 0px 15% 10px 20px;
12354            }
12355        </style>
12356    </div>
12357                                                
12358                
12359                
12360                                                                                
12361                
12362
12363    <div
12364        x-data="{ conditions: [] }"
12365        x-init="$s('conditions').checkConditions(conditions)"
12366        x-show="$s('conditions').checkConditions(conditions)"
12367        id="block--columns87e31b35-c32b-4e48-9ac4-cc24ba23b69d"
12368        style="
12369        --text-color: #fff;
12370        --background-color: transparent00;
12371        "
12372        class=" cursor-pointer col-span-1 md:col-span-1 lg:col-span-1" data-subblock-key="image">
12373        <figure
12374            class="__gridcolumn_block overflow-hidden relative bg-inherit isolate
12375                h-full w-full                
12376                ">
12377                                                    <a href="https://www.dorothea.no/categories/duk-og-loper" class="gridcolumn_image_url" ></a>
12378                            <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/MU9ZgH66TOm25UBMtjExQfOvx1DdCQNSnv4DjkbY.png/w1080h1620.png"  width="auto" height="auto"/><source media="(min-width: 768px)" srcset="https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/MU9ZgH66TOm25UBMtjExQfOvx1DdCQNSnv4DjkbY.png/w1080h1620.png" loading="lazy" width="auto" height="auto"/><img id="block--columns87e31b35-c32b-4e48-9ac4-cc24ba23b69d_image" class="h-full w-full mx-auto object-cover" data-step="2" alt="Storleksguide" src="https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/MU9ZgH66TOm25UBMtjExQfOvx1DdCQNSnv4DjkbY.png/w533h799.png" loading="lazy" width="533" height="800" /></picture>
12379        </figure>
12380
12381        <style>
12382            #block--columns87e31b35-c32b-4e48-9ac4-cc24ba23b69d picture {
12383                position: relative;
12384                z-index: 1;
12385            }
12386
12387            #block--columns87e31b35-c32b-4e48-9ac4-cc24ba23b69d ._content_wrapper_url {
12388                position: absolute;
12389                width: 100%;
12390                height: 100%;
12391                inset: 0;
12392                z-index: 2;
12393            }
12394
12395            #block--columns87e31b35-c32b-4e48-9ac4-cc24ba23b69d .gridcolumn_image_url {
12396                display: block;
12397                width: 100%;
12398                height: 100%;
12399                position: absolute;
12400                inset: 0;
12401                z-index: 2;
12402                            }
12403
12404            .gridcolumn_content_wrapper {
12405                position: relative;
12406                z-index: 3;
12407                isolation: isolate;
12408            }
12409
12410            #block--columns87e31b35-c32b-4e48-9ac4-cc24ba23b69d .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
12411                width: fit-content;
12412                position: relative;
12413                z-index: 5;
12414            }
12415
12416            #block--columns87e31b35-c32b-4e48-9ac4-cc24ba23b69d ._content_wrapper_url {
12417                position: absolute;
12418                inset: 0;
12419                width: 100%;
12420                height: 100%;
12421                z-index: 4;
12422            }
12423
12424            #block--columns87e31b35-c32b-4e48-9ac4-cc24ba23b69d figure {
12425                color: var(--text-color);
12426                background-color: var(--background-color);
12427                                    border-radius: 10px;
12428                            }
12429
12430            
12431            #block--columns87e31b35-c32b-4e48-9ac4-cc24ba23b69d figure > div > div {
12432                            background-color: var(--background-color);
12433                        gap: 10px;
12434            padding: 0px 15% 10px 20px;
12435            }
12436        </style>
12437    </div>
12438                                                        </div>
12439    
12440    
12441    <style>
12442        #section--columns845aeeb2-59aa-4ed3-954f-5388ac193fbd__columns {
12443        color: var(--text-color);
12444        background-color: var(--background-color);
12445        position: relative;
12446        z-index: 1;
12447        }
12448
12449
12450        #section--columns845aeeb2-59aa-4ed3-954f-5388ac193fbd__columns::after {
12451        content: '';
12452        background-color: var(--background-color);
12453        position: absolute;
12454        top: 0;
12455        left: 0;
12456        right: 0;
12457        bottom: 0;
12458        z-index: -1;
12459        }
12460
12461        @media (min-width: 601px) and (max-width: 768px) {
12462            #section--columns845aeeb2-59aa-4ed3-954f-5388ac193fbd__columns {
12463            margin:  !important;
12464        }
12465        }
12466
12467        
12468                    @media (max-width: 600px) {
12469                #section--columns845aeeb2-59aa-4ed3-954f-5388ac193fbd__columns {
12470                padding: 0px 15px 0px 15px !important;
12471            }
12472            }
12473
12474                            @media (min-width: 601px) and (max-width: 768px) {
12475                #section--columns845aeeb2-59aa-4ed3-954f-5388ac193fbd__columns  {
12476                padding: 0px 15px 0px 15px !important;
12477            }
12478            }
12479
12480            </style>
12481</section>
12482                    
12483<section
12484    id="section--slider63d18a35-6f57-4327-a652-cfaf7d1adb01__slider"
12485    x-data="{ splidesectionslider63d18a356f574327a652cfaf7d1adb01__slider: null, initSlidersectionslider63d18a356f574327a652cfaf7d1adb01__slider: null }"
12486    class="
12487        __slider_section 
12488        hidden __slider text w-full
12489
12490    "
12491    style="
12492        color: #fff;
12493        background-color: inherit;
12494        
12495    "
12496    data-autoplay="true"
12497    aria-roledescription="carousel"
12498    aria-label="slider Slider"
12499    data-subblock-key="general"
12500>
12501    <div class="container m-auto"
12502        x-init="$nextTick(() => {
12503            initSlidersectionslider63d18a356f574327a652cfaf7d1adb01__slider = () => {
12504                splidesectionslider63d18a356f574327a652cfaf7d1adb01__slider = new Splide( '#splidesectionslider63d18a356f574327a652cfaf7d1adb01__slider', {
12505                    type: 'loop',
12506                    lazyLoad: 'nearby',
12507                    autoplay: true,
12508                    interval: 3000,
12509                    pagination: true,
12510                    arrows: true,
12511                    accessibility: true
12512                });
12513
12514                splidesectionslider63d18a356f574327a652cfaf7d1adb01__slider.mount();
12515            }
12516        });"
12517        aria-roledescription="slider"
12518        aria-label="Section Content Slider">
12519        <div x-init="$nextTick(() => {
12520                                    initSlidersectionslider63d18a356f574327a652cfaf7d1adb01__slider();
12521                            })" class="splide" id="splidesectionslider63d18a356f574327a652cfaf7d1adb01__slider" aria-label="product slider">
12522            <div class="splide__track">
12523                <ul class="splide__list">
12524                                            
12525                                                
12526                                                
12527                                                                        
12528
12529    
12530    <li
12531        id="slide-block--slide9f331396-e8f8-486a-a4c4-b17b60de993c__slide"
12532        x-data="{ conditions: [] }"
12533        x-init="$s('conditions').checkConditions(conditions)"
12534        x-show="$s('conditions').checkConditions(conditions)"
12535        class="__slide_block splide__slide flex justify-center items-center relative"
12536        data-image=""
12537        data-preload-image="1"
12538        data-subblock-key="image"
12539            >
12540                    <a id="block--slide9f331396-e8f8-486a-a4c4-b17b60de993c__slide_image_" class="flex justify-center items-center relative w-full" href="https://www.dorothea.no/search_result?keywords=miranda" data-subblock-key="image">
12541                                <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/LxyGTEKhl100fvBBfF5T4qdY2tZ6szXszLJNaZNk.png/w1080h1620.png"  width="auto" height="auto"/><source media="(min-width: 768px)" srcset="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/LxyGTEKhl100fvBBfF5T4qdY2tZ6szXszLJNaZNk.png/w1080h1620.png"  width="auto" height="auto"/><img id="" class="h-full w-full mx-auto object-cover" data-step="2" alt="" src="https://dorothea-i01.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/LxyGTEKhl100fvBBfF5T4qdY2tZ6szXszLJNaZNk.png/w1080h1620.png"  width="auto" height="auto" /></picture>
12542            </a>
12543
12544                    <a id="block--slide9f331396-e8f8-486a-a4c4-b17b60de993c__slide" href="https://www.dorothea.no/search_result?keywords=miranda" class=" absolute top-0 left-0 bottom-0 right-0 p-4 z-10"  data-subblock-key="text">
12545            <div class="flex w-full h-full flex-col container m-auto  " style=";">
12546                                <div class=" text- md:text- p-4 rounded-lg flex flex-col" style="background-color: inherit; color: inherit; display: none; gap: 2px; max-width: 460px;">
12547                    
12548        
12549                    
12550    
12551        
12552                    
12553        
12554            
12555    <div
12556        x-data="{ conditions: [] }"
12557        x-init="$s('conditions').checkConditions(conditions)"
12558        x-show="$s('conditions').checkConditions(conditions)"
12559        id="block--slide9f331396-e8f8-486a-a4c4-b17b60de993c__slide_title"         class="__text_block  relative"
12560        style="
12561            color: inherit;            
12562            font-size: 1.25rem;
12563            font-weight: inherit;
12564            line-height: inherit;
12565            text-transform: none !important;
12566            text-align: inherit;
12567            background-color: ;            border-radius: 0;        "
12568        data-subblock-key="heading">
12569        
12570    </div>
12571
12572    <style>
12573        @media (max-width: 600px) {
12574            #block--slide9f331396-e8f8-486a-a4c4-b17b60de993c__slide_title, #block--slide9f331396-e8f8-486a-a4c4-b17b60de993c__slide_title * {
12575                text-align: inherit !important;
12576            }
12577        }
12578    </style>
12579                                                
12580                                                    
12581    
12582                                        </div>
12583            </div>
12584        </a>
12585
12586        <span class="absolute block top-0 left-0 w-full h-full"></span>
12587    
12588        
12589                    </li>
12590                                            
12591                                                
12592                                                
12593                                                                        
12594
12595    
12596    <li
12597        id="slide-block--slideb5dedf14-78e1-4878-b294-020380891432__slide"
12598        x-data="{ conditions: [] }"
12599        x-init="$s('conditions').checkConditions(conditions)"
12600        x-show="$s('conditions').checkConditions(conditions)"
12601        class="__slide_block splide__slide flex justify-center items-center relative"
12602        data-image=""
12603        data-preload-image=""
12604        data-subblock-key="image"
12605        x-cloak    >
12606                    <a id="block--slideb5dedf14-78e1-4878-b294-020380891432__slide_image_" class="flex justify-center items-center relative w-full" href="https://www.dorothea.no/categories/tekstkrus" data-subblock-key="image">
12607                                <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/YNbLT0nqPjPvfkXnPS0FFcyLPshVlPNOu5NCgsQ0.png/w1080h1620.png"  width="auto" height="auto"/><source media="(min-width: 768px)" srcset="https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/YNbLT0nqPjPvfkXnPS0FFcyLPshVlPNOu5NCgsQ0.png/w1080h1620.png"  width="auto" height="auto"/><img id="" class="h-full w-full mx-auto object-cover" data-step="2" alt="" src="https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/YNbLT0nqPjPvfkXnPS0FFcyLPshVlPNOu5NCgsQ0.png/w1080h1620.png"  width="auto" height="auto" /></picture>
12608            </a>
12609
12610                    <a id="block--slideb5dedf14-78e1-4878-b294-020380891432__slide" href="https://www.dorothea.no/categories/tekstkrus" class=" absolute top-0 left-0 bottom-0 right-0 p-4 z-10"  data-subblock-key="text">
12611            <div class="flex w-full h-full flex-col container m-auto  " style=";">
12612                                <div class=" text- md:text- p-4 rounded-lg flex flex-col" style="background-color: inherit; color: inherit; display: none; gap: 2px; max-width: 460px;">
12613                    
12614        
12615                    
12616    
12617        
12618                    
12619        
12620            
12621    <div
12622        x-data="{ conditions: [] }"
12623        x-init="$s('conditions').checkConditions(conditions)"
12624        x-show="$s('conditions').checkConditions(conditions)"
12625        id="block--slideb5dedf14-78e1-4878-b294-020380891432__slide_title"         class="__text_block  relative"
12626        style="
12627            color: inherit;            
12628            font-size: 1.25rem;
12629            font-weight: inherit;
12630            line-height: inherit;
12631            text-transform: none !important;
12632            text-align: inherit;
12633            background-color: ;            border-radius: 0;        "
12634        data-subblock-key="heading">
12635        
12636    </div>
12637
12638    <style>
12639        @media (max-width: 600px) {
12640            #block--slideb5dedf14-78e1-4878-b294-020380891432__slide_title, #block--slideb5dedf14-78e1-4878-b294-020380891432__slide_title * {
12641                text-align: inherit !important;
12642            }
12643        }
12644    </style>
12645                                                
12646                                                    
12647    
12648                                        </div>
12649            </div>
12650        </a>
12651
12652        <span class="absolute block top-0 left-0 w-full h-full"></span>
12653    
12654        
12655                    </li>
12656                                            
12657                                                
12658                                                
12659                                                                        
12660
12661    
12662    <li
12663        id="slide-block--slidera351e9ff-c5ba-42e9-8bfb-3a24ef96249e"
12664        x-data="{ conditions: [] }"
12665        x-init="$s('conditions').checkConditions(conditions)"
12666        x-show="$s('conditions').checkConditions(conditions)"
12667        class="__slide_block splide__slide flex justify-center items-center relative"
12668        data-image=""
12669        data-preload-image=""
12670        data-subblock-key="image"
12671        x-cloak    >
12672                    <a id="block--slidera351e9ff-c5ba-42e9-8bfb-3a24ef96249e_image_" class="flex justify-center items-center relative w-full" href="https://www.dorothea.no/pages/om" data-subblock-key="image">
12673                                <picture class="w-full"><source media="(min-width: 1024px)" srcset="https://dorothea-i05.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/IwqHHO9Rp27GihvmDuNeeSgN012pP2dYr5QKoXkh.png/w1080h1620.png"  width="auto" height="auto"/><source media="(min-width: 768px)" srcset="https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/2ZFaCzGRw61EPT2frDYSbjlwcdTr0NcENhHqgZIe.png/w1080h1620.png"  width="auto" height="auto"/><img id="" class="h-full w-full mx-auto object-cover" data-step="2" alt="" src="https://dorothea-i04.mycdn.no/mysimgprod/dorothea_mystore_no/images/media/2ZFaCzGRw61EPT2frDYSbjlwcdTr0NcENhHqgZIe.png/w1080h1620.png"  width="auto" height="auto" /></picture>
12674            </a>
12675
12676                    <a id="block--slidera351e9ff-c5ba-42e9-8bfb-3a24ef96249e" href="https://www.dorothea.no/pages/om" class=" absolute top-0 left-0 bottom-0 right-0 p-4 z-10"  data-subblock-key="text">
12677            <div class="flex w-full h-full flex-col container m-auto  " style=";">
12678                                <div class=" text- md:text- p-4 rounded-lg flex flex-col" style="background-color: inherit; color: inherit; display: none; gap: 2px; max-width: 460px;">
12679                    
12680        
12681                    
12682    
12683        
12684                    
12685        
12686            
12687    <div
12688        x-data="{ conditions: [] }"
12689        x-init="$s('conditions').checkConditions(conditions)"
12690        x-show="$s('conditions').checkConditions(conditions)"
12691        id="block--slidera351e9ff-c5ba-42e9-8bfb-3a24ef96249e_title"         class="__text_block  relative"
12692        style="
12693            color: inherit;            
12694            font-size: 1.25rem;
12695            font-weight: inherit;
12696            line-height: inherit;
12697            text-transform: none !important;
12698            text-align: inherit;
12699            background-color: ;            border-radius: 0;        "
12700        data-subblock-key="heading">
12701        
12702    </div>
12703
12704    <style>
12705        @media (max-width: 600px) {
12706            #block--slidera351e9ff-c5ba-42e9-8bfb-3a24ef96249e_title, #block--slidera351e9ff-c5ba-42e9-8bfb-3a24ef96249e_title * {
12707                text-align: inherit !important;
12708            }
12709        }
12710    </style>
12711                                                
12712                                                    
12713    
12714                                        </div>
12715            </div>
12716        </a>
12717
12718        <span class="absolute block top-0 left-0 w-full h-full"></span>
12719    
12720        
12721                    </li>
12722                                    </ul>
12723            </div>
12724        </div>
12725    </div>
12726
12727            <style>
12728            #section--slider63d18a35-6f57-4327-a652-cfaf7d1adb01__slider .splide__arrow {
12729            padding: 8px;
12730            background-color: transparent;
12731            border-radius: 0;
12732            }
12733
12734            #section--slider63d18a35-6f57-4327-a652-cfaf7d1adb01__slider .splide__arrow,
12735            #section--slider63d18a35-6f57-4327-a652-cfaf7d1adb01__slider .splide__arrow svg {
12736            width: 2;
12737            height: 2;
12738            fill: #000;
12739            }
12740        </style>
12741    
12742    <style>
12743                
12744                    </style>
12745</section>
12746                    
12747
12748
12749<section
12750    id="section--columns9c15c593-7690-493f-ae90-a6482a7f9327__columns"
12751    class="
12752        
12753        __columns_section
12754        __columns multicolumn
12755        
12756    "
12757    style="
12758        --text-color: inherit;
12759        --background-color: --background-color;
12760        ; border-color: #000; border-style: solid;
12761                
12762    "
12763    x-data="{ initSlider: () => {} }"
12764    data-subblock-key="general">
12765
12766            <div class="
12767                container m-auto image_banner_image grid
12768                grid-cols-2 md:grid-cols-4 lg:grid-cols-4 gap-4
12769
12770                                                    
12771            
12772    
12773    
12774                                    
12775                                                                " style="
12776                                background-color: ;            ">
12777                    </div>
12778    
12779    
12780    <style>
12781        #section--columns9c15c593-7690-493f-ae90-a6482a7f9327__columns {
12782        color: var(--text-color);
12783        background-color: var(--background-color);
12784        position: relative;
12785        z-index: 1;
12786        }
12787
12788
12789        #section--columns9c15c593-7690-493f-ae90-a6482a7f9327__columns::after {
12790        content: '';
12791        background-color: var(--background-color);
12792        position: absolute;
12793        top: 0;
12794        left: 0;
12795        right: 0;
12796        bottom: 0;
12797        z-index: -1;
12798        }
12799
12800        @media (min-width: 601px) and (max-width: 768px) {
12801            #section--columns9c15c593-7690-493f-ae90-a6482a7f9327__columns {
12802            margin:  !important;
12803        }
12804        }
12805
12806        
12807                    </style>
12808</section>
12809                    
12810
12811    
12812                
12813                </main>
12814            </div>            
12815            <footer id="__footer">
12816    
12817            
12818                                    
12819
12820
12821<section
12822    id="section--columns94cf7d28-5986-4054-abd5-7f10dbc2a856__columns"
12823    class="
12824        border-t  letter-spacing
12825        __columns_section
12826        __columns multicolumn
12827        
12828    "
12829    style="
12830        --text-color: #000;
12831        --background-color: #ffffffff;
12832        ; border-color: #eee; border-style: solid;
12833                padding: 20px 5px 20px 5px;
12834    "
12835    x-data="{ initSlider: () => {} }"
12836    data-subblock-key="general">
12837
12838            <div class="
12839                container m-auto image_banner_image grid
12840                grid-cols-2 md:grid-cols-4 lg:grid-cols-4 gap-4
12841
12842                                    justify-center items-start
12843                            " style="
12844                                background-color: ;            ">
12845            
12846                
12847                
12848                                                                
12849        
12850            
12851
12852    <div
12853        x-data=" { conditions: [] }"
12854        x-init="$s('conditions').checkConditions(conditions)"
12855        x-show="$s('conditions').checkConditions(conditions)"
12856        id="block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox" class=" flex justify-center items-center flex-col p-6
12857        
12858        col-span-1 md:col-span-1 lg:col-span-1"
12859         aria-labelledby="block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox_title"        data-subblock-key="general"
12860        style="
12861            --text-color: #000000ff;
12862            --bg-color: --bg-color;
12863        ">
12864
12865        <div class="flex flex-col text-center md:text-center">
12866                                                                       <div class="__icon_wrapper w-full content text-center md:text-center">
12867                            <div class="inline-block icon mb-2">
12868                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><path d="M352 48H128c-8.8 0-16 7.2-16 16V96H240c8.8 0 16 7.2 16 16s-7.2 16-16 16H16c-8.8 0-16-7.2-16-16s7.2-16 16-16H64V64C64 28.7 92.7 0 128 0H352c35.3 0 64 28.7 64 64V96h42.7c14.9 0 29.1 5.9 39.6 16.4l93.3 93.3c10.5 10.5 16.4 24.7 16.4 39.6V368h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H576c0 53-43 96-96 96s-96-43-96-96h-8H352 320 256c0 53-43 96-96 96s-96-43-96-96V368 288h48v44.8c14.1-8.2 30.5-12.8 48-12.8c35.5 0 66.6 19.3 83.2 48H320h32c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16zM557.7 239.6l-93.3-93.3c-1.5-1.5-3.5-2.3-5.7-2.3H416v96H558l-.2-.2-.2
12868-.2zM208 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm272 48a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM48 160H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H48c-8.8 0-16-7.2-16-16s7.2-16 16-16zM16 224H240c8.8 0 16 7.2 16 16s-7.2 16-16 16H16c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>
12869                            </div>
12870                        </div>
12871                                                    
12872                                                                                                                                                                                                
12873    
12874        
12875        
12876    
12877    
12878    
12879    <div id="block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox_title"         x-data="{ conditions: [] }"
12880        x-init="$s('conditions').checkConditions(conditions)"
12881        x-show="$s('conditions').checkConditions(conditions)"
12882        class="__text_block  relative w-full  center "
12883        style="--bg-color: inherit;"
12884        data-subblock-key="heading">
12885        <p>FRAKT</p>
12886        <style>
12887            #block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox_title {
12888                        background: var(--bg-color);
12889            text-transform: none;
12890            line-height: auto;
12891            text-align: center;
12892            margin: 0px auto 3px auto;
12893            }
12894
12895            @media (max-width: 600px) {
12896                #block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox_title, #block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox_title * {
12897                    text-align: center;
12898                }
12899            }
12900        </style>
12901    </div>
12902                                    
12903                                                                            
12904                                                                
12905                                                    
12906    
12907            
12908        <div id="block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox_text"             x-data="{ conditions: [] }"
12909            x-init="$s('conditions').checkConditions(conditions)"
12910            x-show="$s('conditions').checkConditions(conditions)"
12911            class="__text_block relative editorcontent  "
12912            style="
12913                font-weight: normal;
12914                line-height: 1.5rem;
12915                text-align: center;
12916                
12917                                    background-color: ;
12918                    text-transform: none;
12919                    border-radius: 0;
12920                
12921                
12922            "
12923            data-subblock-key="paragraph">
12924            <p><span style="font-size:0.75rem;line-height:1.25;">Vi pakker og sender ordrer fra vårt lager på Mossporten senter nesten alle hverdager. Husk at du også kan velge&nbsp;</span></p><p><span style="font-size:0.75rem;line-height:1.25;">“Klikk og hent i butikk”</span></p>
12925
12926                            <style>
12927                    #block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox_text, #block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox_text * {
12928                    @media (max-width: 600px) {
12929                        text-align: center !important;
12930                    }
12931                    }
12932                </style>
12933                    </div>
12934                                                                                
12935                                                                                        </div>
12936
12937        <style>
12938            #block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox {
12939            color: var(--text-color);
12940            fill: var(--text-color);
12941            background-color: var(--bg-color);
12942            ;
12943            border-color: inherit;
12944            border-style: solid;
12945            border-radius: 0;
12946            padding: 0px 0px 0px 0px;
12947            }
12948
12949            #block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox > div, #block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox .__content_wrapper {
12950            gap: inherit;
12951            }
12952
12953            #block--iconbox0daada68-6ee8-4ab8-8e60-01ed7bb1bc72__iconbox .__icon_wrapper > div {
12954            padding-bottom: 0;
12955            font-size: 30px;
12956            }
12957        </style>
12958    </div>
12959                                                
12960                
12961                
12962                                                                
12963        
12964            
12965
12966    <div
12967        x-data=" { conditions: [] }"
12968        x-init="$s('conditions').checkConditions(conditions)"
12969        x-show="$s('conditions').checkConditions(conditions)"
12970        id="block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed" class=" flex justify-center items-center flex-col p-6
12971        
12972        col-span-1 md:col-span-1 lg:col-span-1"
12973         aria-labelledby="block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed_title"        data-subblock-key="general"
12974        style="
12975            --text-color: --text-color;
12976            --bg-color: --bg-color;
12977        ">
12978
12979        <div class="flex flex-col text-center md:text-center">
12980                                                                       <div class="__icon_wrapper w-full content text-center md:text-center">
12981                            <div class="inline-block icon mb-2">
12982                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M231.9 44.4C215.7 16.9 186.1 0 154.2 0L152 0C103.4 0 64 39.4 64 88c0 14.4 3.5 28 9.6 40L48 128c-26.5 0-48 21.5-48 48l0 64c0 20.9 13.4 38.7 32 45.3l0 2.7 0 160c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-160 0-2.7c18.6-6.6 32-24.4 32-45.3l0-64c0-26.5-21.5-48-48-48l-25.6 0c6.1-12 9.6-25.6 9.6-40c0-48.6-39.4-88-88-88l-2.2 0c-31.9 0-61.5 16.9-77.7 44.4L256 85.5l-24.1-41zM464 176l0 64-32 0-144 0 0-64 72 0 104 0zm-240 0l0 64L80 240l-32 0 0-64 104 0 72 0zm0 112l0 176L96 464c-8.8 0-16-7.2-16-16l0-160 144 0zm64 176l0-176 144 0 0 160c0 8.8-7.2 16-16 16l-128 0zm72-336l-72 0-1.3 0 34.8-59.2C329.1 55.9 342.9 48 357.8 48l2.2 0c22.1 0 40 17.9 40 40s-17.9 40-40 40zm-136 0l-72 0c-22.1 0-40-17.9-40-40s17.9-40 40-40l2.2 0c14.9 0 28.8 7.9 36.3 20.8L225.3 128l-1.3 0z"/></svg>
12983                            </div>
12984                        </div>
12985                                                    
12986                                                                                                                                                                                                
12987    
12988        
12989        
12990    
12991    
12992    
12993    <div id="block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed_title"         x-data="{ conditions: [] }"
12994        x-init="$s('conditions').checkConditions(conditions)"
12995        x-show="$s('conditions').checkConditions(conditions)"
12996        class="__text_block  relative w-full  center "
12997        style="--bg-color: inherit;"
12998        data-subblock-key="heading">
12999        <p>GI EN GAVE</p>
13000        <style>
13001            #block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed_title {
13002                        background: var(--bg-color);
13003            text-transform: none;
13004            line-height: auto;
13005            text-align: center;
13006            margin: 0px auto 3px auto;
13007            }
13008
13009            @media (max-width: 600px) {
13010                #block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed_title, #block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed_title * {
13011                    text-align: center;
13012                }
13013            }
13014        </style>
13015    </div>
13016                                    
13017                                                                            
13018                                                                
13019                                                    
13020    
13021            
13022        <div id="block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed_text"             x-data="{ conditions: [] }"
13023            x-init="$s('conditions').checkConditions(conditions)"
13024            x-show="$s('conditions').checkConditions(conditions)"
13025            class="__text_block relative editorcontent  "
13026            style="
13027                font-weight: normal;
13028                line-height: 1.5rem;
13029                text-align: center;
13030                
13031                                    background-color: ;
13032                    text-transform: none;
13033                    border-radius: 0;
13034                
13035                
13036            "
13037            data-subblock-key="paragraph">
13038            <p><span style="font-size:0.75rem;line-height:1.25;">Vi har smågavene til besteforeldre, han og henne.</span></p><p><span style="font-size:0.75rem;line-height:1.25;">Gi oss beskjed så pakker gjerne</span></p><p><span style="font-size:0.75rem;line-height:1.25;">inn for deg.&nbsp;</span></p>
13039
13040                            <style>
13041                    #block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed_text, #block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed_text * {
13042                    @media (max-width: 600px) {
13043                        text-align: center !important;
13044                    }
13045                    }
13046                </style>
13047                    </div>
13048                                                                                
13049                                                                                        </div>
13050
13051        <style>
13052            #block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed {
13053            color: var(--text-color);
13054            fill: var(--text-color);
13055            background-color: var(--bg-color);
13056            ;
13057            border-color: inherit;
13058            border-style: solid;
13059            border-radius: 0;
13060            padding: 0px 0px 0px 0px;
13061            }
13062
13063            #block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed > div, #block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed .__content_wrapper {
13064            gap: inherit;
13065            }
13066
13067            #block--columns08ea99f1-3e84-4fa6-acfe-1ce0e68cabed .__icon_wrapper > div {
13068            padding-bottom: 0;
13069            font-size: 30px;
13070            }
13071        </style>
13072    </div>
13073                                                
13074                
13075                
13076                                                                
13077        
13078            
13079
13080    <div
13081        x-data=" { conditions: [] }"
13082        x-init="$s('conditions').checkConditions(conditions)"
13083        x-show="$s('conditions').checkConditions(conditions)"
13084        id="block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8" class=" flex justify-center items-center flex-col p-6
13085        
13086        col-span-1 md:col-span-1 lg:col-span-1"
13087         aria-labelledby="block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8_title"        data-subblock-key="general"
13088        style="
13089            --text-color: --text-color;
13090            --bg-color: --bg-color;
13091        ">
13092
13093        <div class="flex flex-col text-center md:text-center">
13094                                                                       <div class="__icon_wrapper w-full content text-center md:text-center">
13095                            <div class="inline-block icon mb-2">
13096                                <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>
13097                            </div>
13098                        </div>
13099                                                    
13100                                                                                                                                                                                                
13101    
13102        
13103        
13104    
13105    
13106    
13107    <div id="block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8_title"         x-data="{ conditions: [] }"
13108        x-init="$s('conditions').checkConditions(conditions)"
13109        x-show="$s('conditions').checkConditions(conditions)"
13110        class="__text_block  relative w-full  center "
13111        style="--bg-color: inherit;"
13112        data-subblock-key="heading">
13113        <p>VÅR BUTIKK</p>
13114        <style>
13115            #block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8_title {
13116                        background: var(--bg-color);
13117            text-transform: none;
13118            line-height: auto;
13119            text-align: center;
13120            margin: 0px auto 3px auto;
13121            }
13122
13123            @media (max-width: 600px) {
13124                #block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8_title, #block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8_title * {
13125                    text-align: center;
13126                }
13127            }
13128        </style>
13129    </div>
13130                                    
13131                                                                            
13132                                                                
13133                                                    
13134    
13135            
13136        <div id="block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8_text"             x-data="{ conditions: [] }"
13137            x-init="$s('conditions').checkConditions(conditions)"
13138            x-show="$s('conditions').checkConditions(conditions)"
13139            class="__text_block relative editorcontent  "
13140            style="
13141                font-weight: normal;
13142                line-height: 1.5rem;
13143                text-align: center;
13144                
13145                                    background-color: ;
13146                    text-transform: none;
13147                    border-radius: 0;
13148                
13149                
13150            "
13151            data-subblock-key="paragraph">
13152            <p><span style="font-size:0.75rem;line-height:1.25;">Kom og hils på oss! Vi har en stor og inspirerende butikk på Mosseporten senter. Hos oss får du personlig veiledning av våre flotte damer<3</span></p><p>&nbsp;</p>
13153
13154                            <style>
13155                    #block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8_text, #block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8_text * {
13156                    @media (max-width: 600px) {
13157                        text-align: center !important;
13158                    }
13159                    }
13160                </style>
13161                    </div>
13162                                                                                
13163                                                                                        </div>
13164
13165        <style>
13166            #block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8 {
13167            color: var(--text-color);
13168            fill: var(--text-color);
13169            background-color: var(--bg-color);
13170            ;
13171            border-color: inherit;
13172            border-style: solid;
13173            border-radius: 0;
13174            padding: 0px 0px 0px 0px;
13175            }
13176
13177            #block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8 > div, #block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8 .__content_wrapper {
13178            gap: inherit;
13179            }
13180
13181            #block--columns937c2a9a-8b27-448b-9bee-42775ecd63c8 .__icon_wrapper > div {
13182            padding-bottom: 0;
13183            font-size: 30px;
13184            }
13185        </style>
13186    </div>
13187                                                
13188                
13189                
13190                                                                
13191        
13192            
13193
13194    <div
13195        x-data=" { conditions: [] }"
13196        x-init="$s('conditions').checkConditions(conditions)"
13197        x-show="$s('conditions').checkConditions(conditions)"
13198        id="block--columns49638428-50d9-4632-bcab-31bb37d5af72" class=" flex justify-center items-center flex-col p-6
13199        
13200        col-span-1 md:col-span-1 lg:col-span-1"
13201         aria-labelledby="block--columns49638428-50d9-4632-bcab-31bb37d5af72_title"        data-subblock-key="general"
13202        style="
13203            --text-color: --text-color;
13204            --bg-color: --bg-color;
13205        ">
13206
13207        <div class="flex flex-col text-center md:text-center">
13208                                                                       <div class="__icon_wrapper w-full content text-center md:text-center">
13209                            <div class="inline-block icon mb-2">
13210                                <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>
13211                            </div>
13212                        </div>
13213                                                    
13214                                                                                                                                                                                                
13215    
13216        
13217        
13218    
13219    
13220    
13221    <div id="block--columns49638428-50d9-4632-bcab-31bb37d5af72_title"         x-data="{ conditions: [] }"
13222        x-init="$s('conditions').checkConditions(conditions)"
13223        x-show="$s('conditions').checkConditions(conditions)"
13224        class="__text_block  relative w-full  center "
13225        style="--bg-color: inherit;"
13226        data-subblock-key="heading">
13227        <p>VELG DOROTHEA</p>
13228        <style>
13229            #block--columns49638428-50d9-4632-bcab-31bb37d5af72_title {
13230                        background: var(--bg-color);
13231            text-transform: none;
13232            line-height: auto;
13233            text-align: center;
13234            margin: 0px auto 3px auto;
13235            }
13236
13237            @media (max-width: 600px) {
13238                #block--columns49638428-50d9-4632-bcab-31bb37d5af72_title, #block--columns49638428-50d9-4632-bcab-31bb37d5af72_title * {
13239                    text-align: center;
13240                }
13241            }
13242        </style>
13243    </div>
13244                                    
13245                                                                            
13246                                                                
13247                                                    
13248    
13249            
13250        <div id="block--columns49638428-50d9-4632-bcab-31bb37d5af72_text"             x-data="{ conditions: [] }"
13251            x-init="$s('conditions').checkConditions(conditions)"
13252            x-show="$s('conditions').checkConditions(conditions)"
13253            class="__text_block relative editorcontent  "
13254            style="
13255                font-weight: normal;
13256                line-height: 1.5rem;
13257                text-align: center;
13258                
13259                                    background-color: ;
13260                    text-transform: none;
13261                    border-radius: 0;
13262                
13263                
13264            "
13265            data-subblock-key="paragraph">
13266            <p><span style="font-size:0.75rem;line-height:1.25;">Hos oss får du personlig hjelp og produkter du ikke finner overalt - og samtidig støtter du en liten, lokal nisjebutikk som virkelig setter pris på det<3</span></p><p>&nbsp;</p>
13267
13268                            <style>
13269                    #block--columns49638428-50d9-4632-bcab-31bb37d5af72_text, #block--columns49638428-50d9-4632-bcab-31bb37d5af72_text * {
13270                    @media (max-width: 600px) {
13271                        text-align: center !important;
13272                    }
13273                    }
13274                </style>
13275                    </div>
13276                                                                                
13277                                                                                        </div>
13278
13279        <style>
13280            #block--columns49638428-50d9-4632-bcab-31bb37d5af72 {
13281            color: var(--text-color);
13282            fill: var(--text-color);
13283            background-color: var(--bg-color);
13284            ;
13285            border-color: inherit;
13286            border-style: solid;
13287            border-radius: 0;
13288            padding: 0px 0px 0px 0px;
13289            }
13290
13291            #block--columns49638428-50d9-4632-bcab-31bb37d5af72 > div, #block--columns49638428-50d9-4632-bcab-31bb37d5af72 .__content_wrapper {
13292            gap: inherit;
13293            }
13294
13295            #block--columns49638428-50d9-4632-bcab-31bb37d5af72 .__icon_wrapper > div {
13296            padding-bottom: 0;
13297            font-size: 30px;
13298            }
13299        </style>
13300    </div>
13301                                                        </div>
13302    
13303    
13304    <style>
13305        #section--columns94cf7d28-5986-4054-abd5-7f10dbc2a856__columns {
13306        color: var(--text-color);
13307        background-color: var(--background-color);
13308        position: relative;
13309        z-index: 1;
13310        }
13311
13312
13313        #section--columns94cf7d28-5986-4054-abd5-7f10dbc2a856__columns::after {
13314        content: '';
13315        background-color: var(--background-color);
13316        position: absolute;
13317        top: 0;
13318        left: 0;
13319        right: 0;
13320        bottom: 0;
13321        z-index: -1;
13322        }
13323
13324        @media (min-width: 601px) and (max-width: 768px) {
13325            #section--columns94cf7d28-5986-4054-abd5-7f10dbc2a856__columns {
13326            margin:  !important;
13327        }
13328        }
13329
13330        
13331                    @media (max-width: 600px) {
13332                #section--columns94cf7d28-5986-4054-abd5-7f10dbc2a856__columns {
13333                padding: 20px 15px 20px 15px !important;
13334            }
13335            }
13336
13337                            @media (min-width: 601px) and (max-width: 768px) {
13338                #section--columns94cf7d28-5986-4054-abd5-7f10dbc2a856__columns  {
13339                padding: 20px 15px 20px 15px !important;
13340            }
13341            }
13342
13343            </style>
13344</section>
13345                                
13346                                    
13347<section
13348    id="section--footer_section5edcb8b4-2b86-456d-8953-5a6058736b23__footer_section"
13349    class="__footer_section_section __footer_section text bg-slate-100 py-8 
13350     "
13351    style="
13352        background: var(--secondary-color);        color: var(--body-color);        fill: var(--body-color);        border-color: var(--body-color);        text-align: ;
13353        padding: 30px 5px 30px 5px;
13354    "
13355    data-subblock-key="general">
13356        <div
13357        class="
13358            text__blocks
13359            container            grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4
13360            m-auto p-6 md:px-0 grid
13361        ">
13362
13363                    
13364                                    
13365    
13366                
13367    <div
13368        id="block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widget"
13369        class="__footer-widget footer-widget
13370            col-span-1 md:col-span-1 lg:col-span-1
13371                            
13372            
13373    
13374    
13375                                        md:text-left md:items-start
13376                        
13377                                     
13378        "
13379        style="color: #fff;"
13380        x-data="{ expanded: false, conditions: null }"
13381        x-show="open && $s('conditions').checkConditions(conditions)"
13382        x-init="$s('conditions').checkConditions(conditions)"
13383        data-subblock-key="general"
13384    >
13385        <div class="flex justify-between align-center gap-4">
13386            <div
13387                class="__footer-title text-heading-5 font-bold relative w-full"
13388                style="color: inherit; font-size: ; font-weight: ; text-align: left"
13389                @click="expanded = !expanded" >
13390
13391                                        
13392    
13393        
13394        
13395    
13396    
13397    
13398    <div id="block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widget_title"         x-data="{ conditions: [] }"
13399        x-init="$s('conditions').checkConditions(conditions)"
13400        x-show="$s('conditions').checkConditions(conditions)"
13401        class="__text_block  relative w-full  left "
13402        style="--bg-color: inherit;"
13403        data-subblock-key="heading">
13404        <p><span style="color:hsl(0, 0%, 100%);">Om oss</span></p>
13405        <style>
13406            #block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widget_title {
13407                        background: var(--bg-color);
13408            text-transform: none;
13409            line-height: auto;
13410            text-align: left;
13411            
13412            }
13413
13414            @media (max-width: 600px) {
13415                #block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widget_title, #block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widget_title * {
13416                    text-align: left;
13417                }
13418            }
13419        </style>
13420    </div>
13421                            </div>
13422
13423                            <button @click="expanded = !expanded" class="visible transition-all md:hidden" :class="{ 'rotate-90': expanded, '-rotate-90': !expanded }" aria-label="Toggle footer information">
13424                    <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>
13425                </button>
13426                    </div>
13427        <div
13428            id="block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widget_text_wrapper"
13429            class="content md:h-auto overflow-hidden"
13430            :class="{ 'h-auto': expanded, 'h-0': !expanded }"             aria-labelledby="block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widget_title"
13431            data-subblock-key="general">
13432
13433                                        
13434                                                    
13435    
13436            
13437        <div id="block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widgettext"             x-data="{ conditions: [] }"
13438            x-init="$s('conditions').checkConditions(conditions)"
13439            x-show="$s('conditions').checkConditions(conditions)"
13440            class="__text_block relative editorcontent  "
13441            style="
13442                font-weight: normal;
13443                line-height: 1.5rem;
13444                text-align: left;
13445                
13446                                    background-color: ;
13447                    text-transform: none;
13448                    border-radius: 0;
13449                
13450                
13451            "
13452            data-subblock-key="paragraph">
13453            <div class="content md:h-auto overflow-hidden h-0" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(255, 255, 255);color:rgb(255, 255, 255);font-family:Lato, sans-serif;font-style:normal;font-variant-caps:normal;font-weight:400;height:auto;letter-spacing:normal;orphans:auto;overflow:hidden;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;" id="block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widget_text_wrapper" :class="{ 'h-auto': expanded, 'h-0': !expanded }" aria-labelledby="block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widget_title" data-subblock-key="general"><div class="__text_block relative editorcontent " style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border-radius:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-weight:normal;line-height:1rem;position:relative;text-align:left;text-transform:uppercase;" id="block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widgettext" x-data="{ conditions: [] }" x-init="$s('conditions').checkConditions(conditions)" x-show="$s('conditions').checkConditions(conditions)" data-subblock-key="paragraph"><ul class="pl0 footer-lists" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13453--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(117, 95, 95);color:rgb(117, 95, 95);font-family:Quicksand, sans-serif;font-size:16px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;list-style:none;margin:0px 0px 1rem;padding-bottom:0px;padding-left:0px !important;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;"><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;align-items:center;border:0px solid rgb(229, 231, 235);box-sizing:border-box;display:flex;font-size:10px;height:2.25rem;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;width:314px;"><span style="color:hsl(0, 0%, 100%);">Dorothea AS</span></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;align-items:center;border:0px solid rgb(229, 231, 235);box-sizing:border-box;display:flex;font-size:10px;height:2.25rem;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;width:314px;"><br><span style="color:hsl(0, 0%, 100%);">Patterødveien 2</span></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13453--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;align-items:center;border:0px solid rgb(229, 231, 235);box-sizing:border-box;display:flex;font-size:10px;height:2.25rem;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;width:314px;"><br><span style="color:hsl(0, 0%, 100%);">1599 Moss</span></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;align-items:center;border:0px solid rgb(229, 231, 235);box-sizing:border-box;display:flex;font-size:10px;height:2.25rem;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;width:314px;"><br><span style="color:hsl(0, 0%, 100%);">Org. nr. 963 390 564 MVA</span></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;align-items:center;border:0px solid rgb(229, 231, 235);box-sizing:border-box;display:flex;font-size:10px;height:2.25rem;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;width:314px;"><span style="color:hsl(0, 0%, 100%);">Tlf: </span><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13453--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);display:block;font-size:10px;font-style:normal;padding-bottom:0.5rem;padding-top:0.5rem;text-decoration:none;width:297.333344px;" href="tel: 966 20 544"><span style="color:hsl(0, 0%, 100%);">966 20 544</span></a></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;align-items:center;border:0px solid rgb(229, 231, 235);box-sizing:border-box;display:flex;font-size:10px;height:2.25rem;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;width:314px;"><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);display:block;font-size:10px;font-style:normal;padding-bottom:0.5rem;padding-top:0.5rem;text-decoration:none;width:314px;" href="mailto:[email protected]" target="_top"><span style="color:hsl(0, 0%, 100%);">[email protected]</span></a></li></ul></div></div>
13454
13455                            <style>
13456                    #block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widgettext, #block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widgettext * {
13457                    @media (max-width: 600px) {
13458                        text-align: left !important;
13459                    }
13460                    }
13461                </style>
13462                    </div>
13463    
13464                    </div>
13465
13466                    <style>
13467                #block--footer_widget17e243cd-2820-4780-a247-12a618a8b5c0__footer_widget a:hover { color: #ddd !important; }
13468            </style>
13469            </div>
13470                                
13471                                    
13472    
13473                
13474    <div
13475        id="block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396ca"
13476        class="__footer-widget footer-widget
13477            col-span-1 md:col-span-1 lg:col-span-1
13478                            
13479            
13480    
13481    
13482                                        md:text-left md:items-start
13483                        
13484                                     
13485        "
13486        style="color: #fff;"
13487        x-data="{ expanded: false, conditions: null }"
13488        x-show="open && $s('conditions').checkConditions(conditions)"
13489        x-init="$s('conditions').checkConditions(conditions)"
13490        data-subblock-key="general"
13491    >
13492        <div class="flex justify-between align-center gap-4">
13493            <div
13494                class="__footer-title text-heading-5 font-bold relative w-full"
13495                style="color: inherit; font-size: ; font-weight: ; text-align: left"
13496                @click="expanded = !expanded" >
13497
13498                                        
13499    
13500        
13501        
13502    
13503    
13504    
13505    <div id="block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396ca_title"         x-data="{ conditions: [] }"
13506        x-init="$s('conditions').checkConditions(conditions)"
13507        x-show="$s('conditions').checkConditions(conditions)"
13508        class="__text_block  relative w-full  left "
13509        style="--bg-color: inherit;"
13510        data-subblock-key="heading">
13511        <p><span style="color:hsl(0, 0%, 100%);">Kundeservice</span></p>
13512        <style>
13513            #block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396ca_title {
13514                        background: var(--bg-color);
13515            text-transform: none;
13516            line-height: auto;
13517            text-align: left;
13518            
13519            }
13520
13521            @media (max-width: 600px) {
13522                #block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396ca_title, #block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396ca_title * {
13523                    text-align: left;
13524                }
13525            }
13526        </style>
13527    </div>
13528                            </div>
13529
13530                            <button @click="expanded = !expanded" class="visible transition-all md:hidden" :class="{ 'rotate-90': expanded, '-rotate-90': !expanded }" aria-label="Toggle footer information">
13531                    <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>
13532                </button>
13533                    </div>
13534        <div
13535            id="block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396ca_text_wrapper"
13536            class="content md:h-auto overflow-hidden"
13537            :class="{ 'h-auto': expanded, 'h-0': !expanded }"             aria-labelledby="block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396ca_title"
13538            data-subblock-key="general">
13539
13540                                        
13541                                                    
13542    
13543            
13544        <div id="block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396catext"             x-data="{ conditions: [] }"
13545            x-init="$s('conditions').checkConditions(conditions)"
13546            x-show="$s('conditions').checkConditions(conditions)"
13547            class="__text_block relative editorcontent  "
13548            style="
13549                font-weight: normal;
13550                line-height: 1.5rem;
13551                text-align: left;
13552                
13553                                    background-color: ;
13554                    text-transform: none;
13555                    border-radius: 0;
13556                
13557                
13558            "
13559            data-subblock-key="paragraph">
13560            <h1 style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(107, 94, 80);color:rgb(107, 94, 80);font-family:Lato, sans-serif;font-size:2rem;font-style:normal;font-variant-caps:normal;font-weight:inherit;letter-spacing:normal;margin:0px;orphans:auto;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;"><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);font-size:10px;text-decoration:none;" href="https://www.dorothea.no/pages/shipping"><span style="color:hsl(0, 0%, 100%);">Frakt og levering</span></a></h1><ul class="pl0 footer-lists" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13560--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(117, 95, 95);color:rgb(117, 95, 95);font-family:Quicksand, sans-serif;font-size:16px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;list-style:none;margin:0px 0px 1rem;orphans:auto;padding-bottom:0px;padding-left:0px !important;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;"><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-size:10px;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;"><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);font-size:10px;text-decoration:none;" href="https://www.dorothea.no/pages/kontakt-oss"><span style="color:hsl(0, 0%, 100%);">Kontakt oss</span></a></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13560--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-size:10px;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;"><br><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);font-size:10px;text-decoration:none;" href="https://www.dorothea.no/pages/sporsmal-og-svar"><span style="color:hsl(0, 0%, 100%);">Spørsmål og svar</span></a></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-size:10px;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;"><br><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);font-size:10px;text-decoration:none;" href="https://www.dorothea.no/pages/om"><span style="color:hsl(0, 0%, 100%);">Om Dorothea</span></a></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13560--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-size:10px;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;"><br><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);font-size:10px;text-decoration:none;" href="https://www.dorothea.no/pages/conditions"><span style="color:hsl(0, 0%, 100%);">Salgsbetingelser</span></a></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-size:10px;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;"><br><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);font-size:10px;text-decoration:none;" href="https://www.dorothea.no/pages/retur-og-reklamasjon"><span style="color:hsl(0, 0%, 100%);">Retur og reklamasjon</span></a></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13560--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-size:10px;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;"><br><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);font-size:10px;text-decoration:none;" href="https://www.dorothea.no/pages/jobb-i-dorothea"><span style="color:hsl(0, 0%, 100%);">Jobb i Dorothea</span></a></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-size:10px;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;"><br><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);font-size:10px;text-decoration:none;" href="https://www.dorothea.no/pages/dorotheas-10-bud"><span style="color:hsl(0, 0%, 100%);">Dorotheas 10 bud</span></a></li><li class="no-list pb10" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13560--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-size:10px;list-style-type:none;overflow-wrap:break-word;padding-bottom:5px;padding-left:0px;"><br><a style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;background-color:transparent;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:rgb(117, 95, 95);font-size:10px;text-decoration:none;" href="https://www.dorothea.no/pages/personvern-og-cookies"><span style="color:hsl(0, 0%, 100%);">Personvern og cookie</span></a></li></ul>
13561
13562                            <style>
13563                    #block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396catext, #block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396catext * {
13564                    @media (max-width: 600px) {
13565                        text-align: left !important;
13566                    }
13567                    }
13568                </style>
13569                    </div>
13570    
13571                    </div>
13572
13573                    <style>
13574                #block--footer_sectionacd607f8-1afa-4b4e-9fbb-c9e5593396ca a:hover { color: #ddd !important; }
13575            </style>
13576            </div>
13577                                
13578                                    
13579    
13580                
13581    <div
13582        id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd"
13583        class="__footer-widget footer-widget
13584            col-span-1 md:col-span-1 lg:col-span-1
13585                            
13586            
13587    
13588    
13589                                        md:text-left md:items-start
13590                        
13591                                     
13592        "
13593        style="color: #fff;"
13594        x-data="{ expanded: false, conditions: null }"
13595        x-show="open && $s('conditions').checkConditions(conditions)"
13596        x-init="$s('conditions').checkConditions(conditions)"
13597        data-subblock-key="general"
13598    >
13599        <div class="flex justify-between align-center gap-4">
13600            <div
13601                class="__footer-title text-heading-5 font-bold relative w-full"
13602                style="color: inherit; font-size: ; font-weight: ; text-align: left"
13603                @click="expanded = !expanded" >
13604
13605                                        
13606    
13607        
13608        
13609    
13610    
13611    
13612    <div id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_title"         x-data="{ conditions: [] }"
13613        x-init="$s('conditions').checkConditions(conditions)"
13614        x-show="$s('conditions').checkConditions(conditions)"
13615        class="__text_block  relative w-full  left "
13616        style="--bg-color: inherit;"
13617        data-subblock-key="heading">
13618        <p><span style="color:hsl(0, 0%, 100%);">Nyhetsbrev</span></p>
13619        <style>
13620            #block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_title {
13621                        background: var(--bg-color);
13622            text-transform: none;
13623            line-height: auto;
13624            text-align: left;
13625            
13626            }
13627
13628            @media (max-width: 600px) {
13629                #block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_title, #block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_title * {
13630                    text-align: left;
13631                }
13632            }
13633        </style>
13634    </div>
13635                            </div>
13636
13637                            <button @click="expanded = !expanded" class="visible transition-all md:hidden" :class="{ 'rotate-90': expanded, '-rotate-90': !expanded }" aria-label="Toggle footer information">
13638                    <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>
13639                </button>
13640                    </div>
13641        <div
13642            id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_text_wrapper"
13643            class="content md:h-auto overflow-hidden"
13644            :class="{ 'h-auto': expanded, 'h-0': !expanded }"             aria-labelledby="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_title"
13645            data-subblock-key="general">
13646
13647                                        
13648                                                    
13649    
13650            
13651        <div id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bdtext"             x-data="{ conditions: [] }"
13652            x-init="$s('conditions').checkConditions(conditions)"
13653            x-show="$s('conditions').checkConditions(conditions)"
13654            class="__text_block relative editorcontent  "
13655            style="
13656                font-weight: normal;
13657                line-height: 1.5rem;
13658                text-align: left;
13659                
13660                                    background-color: ;
13661                    text-transform: none;
13662                    border-radius: 0;
13663                
13664                
13665            "
13666            data-subblock-key="paragraph">
13667            <div class="flex justify-between align-center gap-4" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(107, 94, 80);color:rgb(107, 94, 80);column-gap:1rem;display:flex;font-family:Lato, sans-serif;font-style:normal;font-variant-caps:normal;font-weight:400;justify-content:space-between;letter-spacing:normal;orphans:auto;row-gap:1rem;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;"><div class="__footer-title text-heading-5 font-bold relative w-full" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:inherit;font-size:1.25rem;position:relative;text-align:left;width:314px;"><div class="__text_block relative w-full left " style="--bg-color:inherit;--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13667--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;position:relative;text-align:left;text-transform:none;width:314px;" id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_title" x-data="{ conditions: [] }" x-init="$s('conditions').checkConditions(conditions)" x-show="$s('conditions').checkConditions(conditions)" data-subblock-key="heading"><p style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;margin:0px;">&nbsp;</p></div></div></div><div class="content md:h-auto overflow-hidden h-0" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(107, 94, 80);color:rgb(107, 94, 80);font-family:Lato, sans-serif;font-style:normal;font-variant-caps:normal;font-weight:400;height:auto;letter-spacing:normal;orphans:auto;overflow:hidden;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;" id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_text_wrapper" :class="{ 'h-auto': expanded, 'h-0': !expanded }" aria-labelledby="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_title" data-subblock-key="general"><div class="__text_block relative editorcontent " style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13667--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border-radius:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-weight:normal;line-height:0.7rem;position:relative;text-align:left;text-transform:uppercase;" id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bdtext" x-data="{ conditions: [] }" x-init="$s('conditions').checkConditions(conditions)" x-show="$s('conditions').checkConditions(conditions)" data-subblock-key="paragraph"><p style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;margin:0px 0px 1rem;width:314px;"><span style="color:hsl(0,0%,100%);font-size:1rem;line-height:1.5rem;"><span style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(117, 95, 95);display:inline !important;float:none;font-family:Quicksand, sans-serif;font-size:12px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:right;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">M</span></span><a href="https://pub.dialogapi.no/s/MTM4MDA6MzY5OTliMGItYWVjOS00MDcxLWExMTItZTRkODA4OGNkMjA4"><span style="color:hsl(0,0%,100%);font-size:1rem;line-height:1.5rem;"><span style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13667--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(117, 95, 95);display:inline !important;float:none;font-family:Quicksand, sans-serif;font-size:12px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:right;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">eld deg på vårt nyhetsbrev og</span></span></a><br><a href="https://pub.dialogapi.no/s/MTM4MDA6MzY5OTliMGItYWVjOS00MDcxLWExMTItZTRkODA4OGNkMjA4"><span style="color:hsl(0,0%,100%);font-size:1rem;line-height:1.5rem;"><span style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(117, 95, 95);display:inline !important;float:none;font-family:Quicksand, sans-serif;font-size:12px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:right;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">få 10% på 1 valgfri ord. vare*</span></span></a></p></div></div>
13668
13669                            <style>
13670                    #block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bdtext, #block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bdtext * {
13671                    @media (max-width: 600px) {
13672                        text-align: left !important;
13673                    }
13674                    }
13675                </style>
13676                    </div>
13677    
13678                            <div class="my-4">
13679                                                                    
13680                        
13681                    
13682            <div id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_button"
13683            class="w-full"
13684            x-data="{ conditions: [] }"
13685            x-init="$s('conditions').checkConditions(conditions)"
13686            x-show="$s('conditions').checkConditions(conditions)"
13687            >
13688            <a
13689
13690                                href="https://pub.dialogapi.no/s/MTM4MDA6MzY5OTliMGItYWVjOS00MDcxLWExMTItZTRkODA4OGNkMjA4"                                 class="__button_block text-center w-full button button-custom p-2.5 sm:m-0 inline-flex gap-1  "
13691                style="
13692                    font-size: 0.75;
13693                    font-weight: 500;
13694                                        border-radius: 4px;
13695                                                            color: var(--link-color);                    fill: var(--link-color);                    background: var(--secondary-color-hover);                "
13696                data-subblock-key="button">
13697                                <span class="inline-block">Abonner på nyhetsbrev</span>
13698                            </a>
13699
13700            
13701                                        
13702                                        
13703
13704            <style>
13705                #block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_button {
13706                text-align: left;
13707                }
13708
13709                @media screen and (max-width: 600px) {
13710                    #block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_button {
13711                    text-align: default;
13712                }
13713                }
13714
13715
13716                                    #block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_button:hover .button{
13717                    background-color: var(--secondary-color-hover) !important;color: var(--link-color) !important; fill: var(--link-color) !important;
13718                    }
13719
13720                            </style>
13721        </div>
13722                    </div>
13723                    </div>
13724
13725                    <style>
13726                #block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd a:hover { color: #ddd !important; }
13727            </style>
13728            </div>
13729                                
13730                                    
13731    
13732                
13733    <div
13734        id="block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1"
13735        class="__footer-widget footer-widget
13736            col-span-1 md:col-span-1 lg:col-span-1
13737                            
13738            
13739    
13740    
13741                                        md:text-left md:items-start
13742                        
13743                                     
13744        "
13745        style="color: #fff;"
13746        x-data="{ expanded: false, conditions: null }"
13747        x-show="open && $s('conditions').checkConditions(conditions)"
13748        x-init="$s('conditions').checkConditions(conditions)"
13749        data-subblock-key="general"
13750    >
13751        <div class="flex justify-between align-center gap-4">
13752            <div
13753                class="__footer-title text-heading-5 font-bold relative w-full"
13754                style="color: inherit; font-size: ; font-weight: ; text-align: left"
13755                @click="expanded = !expanded" >
13756
13757                                        
13758    
13759        
13760        
13761    
13762    
13763    
13764    <div id="block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1_title"         x-data="{ conditions: [] }"
13765        x-init="$s('conditions').checkConditions(conditions)"
13766        x-show="$s('conditions').checkConditions(conditions)"
13767        class="__text_block  relative w-full  left "
13768        style="--bg-color: inherit;"
13769        data-subblock-key="heading">
13770        <p><span style="color:hsl(0, 0%, 0%);"><h2 style="color: #ffffffff; font-size: 0.9rem; font-weight:700;"><p>FØLG OSS</p></h2></span></p>
13771        <style>
13772            #block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1_title {
13773                        background: var(--bg-color);
13774            text-transform: none;
13775            line-height: auto;
13776            text-align: left;
13777            
13778            }
13779
13780            @media (max-width: 600px) {
13781                #block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1_title, #block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1_title * {
13782                    text-align: left;
13783                }
13784            }
13785        </style>
13786    </div>
13787                            </div>
13788
13789                            <button @click="expanded = !expanded" class="visible transition-all md:hidden" :class="{ 'rotate-90': expanded, '-rotate-90': !expanded }" aria-label="Toggle footer information">
13790                    <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>
13791                </button>
13792                    </div>
13793        <div
13794            id="block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1_text_wrapper"
13795            class="content md:h-auto overflow-hidden"
13796            :class="{ 'h-auto': expanded, 'h-0': !expanded }"             aria-labelledby="block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1_title"
13797            data-subblock-key="general">
13798
13799                                        
13800                                                    
13801    
13802            
13803        <div id="block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1text"             x-data="{ conditions: [] }"
13804            x-init="$s('conditions').checkConditions(conditions)"
13805            x-show="$s('conditions').checkConditions(conditions)"
13806            class="__text_block relative editorcontent  "
13807            style="
13808                font-weight: normal;
13809                line-height: 1.5rem;
13810                text-align: left;
13811                
13812                                    background-color: ;
13813                    text-transform: capitalize;
13814                    border-radius: 0;
13815                
13816                
13817            "
13818            data-subblock-key="paragraph">
13819            <div class="flex justify-between align-center gap-4" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13819--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(107, 94, 80);color:rgb(107, 94, 80);column-gap:1rem;display:flex;font-family:Lato, sans-serif;font-style:normal;font-variant-caps:normal;font-weight:400;justify-content:space-between;letter-spacing:normal;orphans:auto;row-gap:1rem;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;"><div class="__footer-title text-heading-5 font-bold relative w-full" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;color:inherit;font-size:1.25rem;position:relative;text-align:left;width:314px;"><div class="__text_block relative w-full left " style="--bg-color:inherit;--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;position:relative;text-align:left;text-transform:none;width:314px;" id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_title" x-data="{ conditions: [] }" x-init="$s('conditions').checkConditions(conditions)" x-show="$s('conditions').checkConditions(conditions)" data-subblock-key="heading"><p style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13819--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;margin:0px;">&nbsp;</p></div></div></div><div class="content md:h-auto overflow-hidden h-0" style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(107, 94, 80);color:rgb(107, 94, 80);font-family:Lato, sans-serif;font-style:normal;font-variant-caps:normal;font-weight:400;height:auto;letter-spacing:normal;orphans:auto;overflow:hidden;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;" id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_text_wrapper" :class="{ 'h-auto': expanded, 'h-0': !expanded }" aria-labelledby="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bd_title" data-subblock-key="general"><div class="__text_block relative editorcontent " style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border-radius:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;font-weight:normal;line-height:0.7rem;position:relative;text-align:left;text-transform:uppercase;" id="block--footer_sectiond9d55a5b-95b8-4ad5-9aae-14cba17c93bdtext" x-data="{ conditions: [] }" x-init="$s('conditions').checkConditions(conditions)" x-show="$s('conditions').checkConditions(conditions)" data-subblock-key="paragraph"><p style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;
13819--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;margin:0px 0px 1rem;width:314px;"><a href="https://www.facebook.com/dorotheaseventyr"><span style="color:hsl(0,0%,100%);"><span style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(117, 95, 95);display:inline !important;float:none;font-family:Quicksand, sans-serif;font-size:12px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:right;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">Facebook</span></span></a></p><p style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;border:0px solid rgb(229, 231, 235);box-sizing:border-box;margin:0px 0px 1rem;width:314px;"><a href="https://www.instagram.com/dorotheas_eventyr/"><span style="color:hsl(0,0%,100%);"><span style="--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-blur:;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-size:;--tw-contain-style:;--tw-contrast:;--tw-drop-shadow:;--tw-gradient-from-position:;--tw-gradient-to-position:;--tw-gradient-via-position:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-numeric-figure:;--tw-numeric-fraction:;--tw-numeric-spacing:;--tw-ordinal:;
13819--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-inset:;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate:;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia:;--tw-shadow-colored:0 0 #0000;--tw-shadow:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero:;--tw-translate-x:0;--tw-translate-y:0;-webkit-text-stroke-width:0px;border:0px solid rgb(229, 231, 235);box-sizing:border-box;caret-color:rgb(117, 95, 95);display:inline !important;float:none;font-family:Quicksand, sans-serif;font-size:12px;font-style:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:right;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">Instagram</span></span></a></p></div></div>
13820
13821                            <style>
13822                    #block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1text, #block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1text * {
13823                    @media (max-width: 600px) {
13824                        text-align: left !important;
13825                    }
13826                    }
13827                </style>
13828                    </div>
13829    
13830                    </div>
13831
13832                    <style>
13833                #block--footer_sectionf5f796ca-6e69-4cf5-8313-1df773715cf1 a:hover { color: #ddd !important; }
13834            </style>
13835            </div>
13836                        </div>
13837    <style>
13838                
13839                            @media (min-width: 601px) and (max-width: 768px) {
13840                #section--footer_section5edcb8b4-2b86-456d-8953-5a6058736b23__footer_section {
13841                padding: 30px 15px 30px 15px !important;
13842            }
13843            }
13844
13845            </style>
13846</section>
13847                                
13848                                    
13849
13850
13851<section
13852    id="section--columns514f09a0-a2f3-478f-bac4-c6d24deda80d__columns"
13853    class="
13854        border-t
13855        __columns_section
13856        __columns multicolumn
13857        hidden md:block
13858    "
13859    style="
13860        --text-color: #fff;
13861        --background-color: var(--secondary-color);
13862        ; border-color: var(--secondary-color); border-style: solid;
13863                margin: 0px auto 0px auto;
13864padding: 14px 5px 18px 5px;
13865    "
13866    x-data="{ initSlider: () => {} }"
13867    data-subblock-key="general">
13868
13869            <div class="
13870                container m-auto image_banner_image grid
13871                grid-cols-3 md:grid-cols-5 lg:grid-cols-8 gap-4
13872
13873                                     items-center
13874                            " style="
13875                                background-color: ;            ">
13876            
13877                
13878                
13879                                                                                
13880                
13881
13882    <div
13883        x-data="{ conditions: [] }"
13884        x-init="$s('conditions').checkConditions(conditions)"
13885        x-show="$s('conditions').checkConditions(conditions)"
13886        id="block--gridcolumn1d8495a0-7f38-4e8c-95ef-3158f507ee6f__gridcolumn"
13887        style="
13888        --text-color: inherit;
13889        --background-color: inherit;
13890        "
13891        class=" cursor-pointer col-span-1 md:col-span-1 lg:col-span-1" data-subblock-key="image">
13892        <figure
13893            class="__gridcolumn_block overflow-hidden relative bg-inherit isolate
13894                h-full w-full                
13895                ">
13896                                                    <a href="#" class="gridcolumn_image_url" ></a>
13897                            
13898        </figure>
13899
13900        <style>
13901            #block--gridcolumn1d8495a0-7f38-4e8c-95ef-3158f507ee6f__gridcolumn picture {
13902                position: relative;
13903                z-index: 1;
13904            }
13905
13906            #block--gridcolumn1d8495a0-7f38-4e8c-95ef-3158f507ee6f__gridcolumn ._content_wrapper_url {
13907                position: absolute;
13908                width: 100%;
13909                height: 100%;
13910                inset: 0;
13911                z-index: 2;
13912            }
13913
13914            #block--gridcolumn1d8495a0-7f38-4e8c-95ef-3158f507ee6f__gridcolumn .gridcolumn_image_url {
13915                display: block;
13916                width: 100%;
13917                height: 100%;
13918                position: absolute;
13919                inset: 0;
13920                z-index: 2;
13921                            }
13922
13923            .gridcolumn_content_wrapper {
13924                position: relative;
13925                z-index: 3;
13926                isolation: isolate;
13927            }
13928
13929            #block--gridcolumn1d8495a0-7f38-4e8c-95ef-3158f507ee6f__gridcolumn .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
13930                width: fit-content;
13931                position: relative;
13932                z-index: 5;
13933            }
13934
13935            #block--gridcolumn1d8495a0-7f38-4e8c-95ef-3158f507ee6f__gridcolumn ._content_wrapper_url {
13936                position: absolute;
13937                inset: 0;
13938                width: 100%;
13939                height: 100%;
13940                z-index: 4;
13941            }
13942
13943            #block--gridcolumn1d8495a0-7f38-4e8c-95ef-3158f507ee6f__gridcolumn figure {
13944                color: var(--text-color);
13945                background-color: var(--background-color);
13946                                    border-radius: 0;
13947                            }
13948
13949            
13950            #block--gridcolumn1d8495a0-7f38-4e8c-95ef-3158f507ee6f__gridcolumn figure > div > div {
13951                            background-color: var(--background-color);
13952                        gap: inherit;
13953            padding: 20px 0px 32px 0px;
13954            }
13955        </style>
13956    </div>
13957                                                
13958                
13959                
13960                                                            
13961        
13962            
13963        <div
13964        x-data=" { conditions: [] }"
13965        x-init="$s('conditions').checkConditions(conditions)"
13966        x-show="$s('conditions').checkConditions(conditions)"
13967        id="block--typography03822b91-6667-4a95-bf26-215b4018d657__typography"
13968        class="
13969             
13970             __typography_block relative flex flex-col text-center p-4 md:p-10
13971            
13972            col-span-3 md:col-span-4 lg:col-span-7
13973                    "
13974        style="
13975        --text-color: #fff;
13976        --background-color: var(--secondary-color);
13977        "
13978        data-subblock-key="general">
13979
13980                    <a class="block w-full" href="#" data-subblock-key="general">
13981                        <div class="
13982                            
13983            
13984                                        text-center items-center
13985                        
13986    
13987                                        lg:text-right lg:items-end
13988                        
13989                                                content rounded-md flex flex-col text-center md:text-right">
13990
13991                                
13992                                                                
13993    
13994        
13995        
13996    
13997    
13998    
13999    <div id="block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title"         x-data="{ conditions: [] }"
14000        x-init="$s('conditions').checkConditions(conditions)"
14001        x-show="$s('conditions').checkConditions(conditions)"
14002        class="__text_block  relative w-full  right "
14003        style="--bg-color: inherit;"
14004        data-subblock-key="heading">
14005        
14006        <style>
14007            #block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title {
14008                        background: var(--bg-color);
14009            text-transform: none;
14010            line-height: auto;
14011            text-align: right;
14012            
14013            }
14014
14015            @media (max-width: 600px) {
14016                #block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title, #block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title * {
14017                    text-align: center;
14018                }
14019            }
14020        </style>
14021    </div>
14022                    
14023                    
14024                                                                                
14025        
14026                    
14027    
14028        
14029                    
14030        
14031            
14032    <div
14033        x-data="{ conditions: [] }"
14034        x-init="$s('conditions').checkConditions(conditions)"
14035        x-show="$s('conditions').checkConditions(conditions)"
14036        id=" block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title"         class="__text_block  editorcontent font-bold relative hidden"
14037        style="
14038            color: inherit;            
14039            font-size: 1.25rem;
14040            font-weight: inherit;
14041            line-height: inherit;
14042            text-transform: none !important;
14043            text-align: right;
14044            background-color: ;            border-radius: 0;        "
14045        data-subblock-key="heading">
14046        
14047    </div>
14048
14049    <style>
14050        @media (max-width: 600px) {
14051            # block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title, # block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title * {
14052                text-align: center !important;
14053            }
14054        }
14055    </style>
14056                    
14057                                                                        
14058                                                    
14059    
14060                        
14061                                                                                
14062        
14063                    
14064    
14065        
14066                    
14067        
14068            
14069    <div
14070        x-data="{ conditions: [] }"
14071        x-init="$s('conditions').checkConditions(conditions)"
14072        x-show="$s('conditions').checkConditions(conditions)"
14073        id=" block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title"         class="__text_block  editorcontent font-bold relative hidden"
14074        style="
14075            color: inherit;            
14076            font-size: 1.25rem;
14077            font-weight: inherit;
14078            line-height: inherit;
14079            text-transform: none !important;
14080            text-align: right;
14081            background-color: ;            border-radius: 0;        "
14082        data-subblock-key="heading">
14083        
14084    </div>
14085
14086    <style>
14087        @media (max-width: 600px) {
14088            # block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title, # block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title * {
14089                text-align: center !important;
14090            }
14091        }
14092    </style>
14093                    
14094                    
14095                                    
14096            </div>
14097                        </a>
14098        
14099        <style>
14100            #block--typography03822b91-6667-4a95-bf26-215b4018d657__typography {
14101            background-color: var(--background-color);
14102            color: var(--text-color);
14103            border-color: inherit !important;
14104            border-style: solid !important;
14105                        border-radius: 0;
14106                        padding: 0px 0px 0px 0px;
14107            ;
14108
14109            }
14110
14111            #block--typography03822b91-6667-4a95-bf26-215b4018d657__typography a {
14112            color: var(--text-color);
14113            }
14114
14115            #block--typography03822b91-6667-4a95-bf26-215b4018d657__typography > div {
14116            gap: inherit;
14117            }
14118
14119            #block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_title {
14120            
14121            }
14122
14123            #block--typography03822b91-6667-4a95-bf26-215b4018d657__typography_paragraph {
14124            
14125            }
14126        </style>
14127    </div>
14128                                                        </div>
14129    
14130    
14131    <style>
14132        #section--columns514f09a0-a2f3-478f-bac4-c6d24deda80d__columns {
14133        color: var(--text-color);
14134        background-color: var(--background-color);
14135        position: relative;
14136        z-index: 1;
14137        }
14138
14139
14140        #section--columns514f09a0-a2f3-478f-bac4-c6d24deda80d__columns::after {
14141        content: '';
14142        background-color: var(--background-color);
14143        position: absolute;
14144        top: 0;
14145        left: 0;
14146        right: 0;
14147        bottom: 0;
14148        z-index: -1;
14149        }
14150
14151        @media (min-width: 601px) and (max-width: 768px) {
14152            #section--columns514f09a0-a2f3-478f-bac4-c6d24deda80d__columns {
14153            margin:  !important;
14154        }
14155        }
14156
14157        
14158                            @media (min-width: 601px) and (max-width: 768px) {
14159                #section--columns514f09a0-a2f3-478f-bac4-c6d24deda80d__columns  {
14160                padding: 14px 15px 18px 15px !important;
14161            }
14162            }
14163
14164            </style>
14165</section>
14166                                
14167                                    
14168
14169
14170<section
14171    id="section--columnscfba0c21-6be4-4d03-b5dd-670577008d37__columns"
14172    class="
14173        border-t
14174        __columns_section
14175        __columns multicolumn
14176        block md:hidden
14177    "
14178    style="
14179        --text-color: #fff;
14180        --background-color: var(--secondary-color);
14181        ; border-color: var(--secondary-color); border-style: solid;
14182                margin: 0px auto 0px auto;
14183    "
14184    x-data="{ initSlider: () => {} }"
14185    data-subblock-key="general">
14186
14187            <div class="
14188                container m-auto image_banner_image grid
14189                grid-cols-3 md:grid-cols-3 lg:grid-cols-5 gap-1
14190
14191                                                    
14192            
14193    
14194    
14195                                    
14196                                                                " style="
14197                                background-color: ;            ">
14198            
14199                
14200                
14201                                                            <div
14202    id="block--offset_block7e0f5dd9-630e-46c3-bacc-a9b9dc1708dd"
14203	class="offset-block col-span-1 md:col-span-1 lg:col-span-1"
14204    data-subblock-key="general"
14205></div>
14206                                                
14207                
14208                
14209                                                                                
14210                
14211
14212    <div
14213        x-data="{ conditions: [] }"
14214        x-init="$s('conditions').checkConditions(conditions)"
14215        x-show="$s('conditions').checkConditions(conditions)"
14216        id="block--gridcolumnb5e4afd0-69e7-4e7b-9b35-888b0572601e"
14217        style="
14218        --text-color: inherit;
14219        --background-color: inherit;
14220        "
14221        class=" cursor-pointer col-span-1 md:col-span-1 lg:col-span-1" data-subblock-key="image">
14222        <figure
14223            class="__gridcolumn_block overflow-hidden relative bg-inherit isolate
14224                h-full w-full                
14225                ">
14226                                                    <a href="#" class="gridcolumn_image_url" ></a>
14227                            
14228        </figure>
14229
14230        <style>
14231            #block--gridcolumnb5e4afd0-69e7-4e7b-9b35-888b0572601e picture {
14232                position: relative;
14233                z-index: 1;
14234            }
14235
14236            #block--gridcolumnb5e4afd0-69e7-4e7b-9b35-888b0572601e ._content_wrapper_url {
14237                position: absolute;
14238                width: 100%;
14239                height: 100%;
14240                inset: 0;
14241                z-index: 2;
14242            }
14243
14244            #block--gridcolumnb5e4afd0-69e7-4e7b-9b35-888b0572601e .gridcolumn_image_url {
14245                display: block;
14246                width: 100%;
14247                height: 100%;
14248                position: absolute;
14249                inset: 0;
14250                z-index: 2;
14251                            }
14252
14253            .gridcolumn_content_wrapper {
14254                position: relative;
14255                z-index: 3;
14256                isolation: isolate;
14257            }
14258
14259            #block--gridcolumnb5e4afd0-69e7-4e7b-9b35-888b0572601e .gridcolumn_content_wrapper > *:not(._content_wrapper_url) {
14260                width: fit-content;
14261                position: relative;
14262                z-index: 5;
14263            }
14264
14265            #block--gridcolumnb5e4afd0-69e7-4e7b-9b35-888b0572601e ._content_wrapper_url {
14266                position: absolute;
14267                inset: 0;
14268                width: 100%;
14269                height: 100%;
14270                z-index: 4;
14271            }
14272
14273            #block--gridcolumnb5e4afd0-69e7-4e7b-9b35-888b0572601e figure {
14274                color: var(--text-color);
14275                background-color: var(--background-color);
14276                                    border-radius: 0;
14277                            }
14278
14279            
14280            #block--gridcolumnb5e4afd0-69e7-4e7b-9b35-888b0572601e figure > div > div {
14281                            background-color: var(--background-color);
14282                        gap: inherit;
14283            padding: 20px 0px 32px 0px;
14284            }
14285        </style>
14286    </div>
14287                                                
14288                
14289                
14290                                                            
14291        
14292            
14293        <div
14294        x-data=" { conditions: [] }"
14295        x-init="$s('conditions').checkConditions(conditions)"
14296        x-show="$s('conditions').checkConditions(conditions)"
14297        id="block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb"
14298        class="
14299             
14300             __typography_block relative flex flex-col text-center p-4 md:p-10
14301            
14302            col-span-3 md:col-span-3 lg:col-span-4
14303                    "
14304        style="
14305        --text-color: #fff;
14306        --background-color: #000;
14307        "
14308        data-subblock-key="general">
14309
14310                    <a class="block w-full" href="#" data-subblock-key="general">
14311                        <div class="
14312                            
14313            
14314                                        text-center items-center
14315                        
14316    
14317                                        lg:text-center lg:items-center
14318                        
14319                                                content rounded-md flex flex-col text-center md:text-center">
14320
14321                                
14322                                                                
14323    
14324        
14325        
14326    
14327    
14328    
14329    <div id="block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title"         x-data="{ conditions: [] }"
14330        x-init="$s('conditions').checkConditions(conditions)"
14331        x-show="$s('conditions').checkConditions(conditions)"
14332        class="__text_block  relative w-full  center "
14333        style="--bg-color: inherit;"
14334        data-subblock-key="heading">
14335        
14336        <style>
14337            #block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title {
14338                        background: var(--bg-color);
14339            text-transform: none;
14340            line-height: auto;
14341            text-align: center;
14342            
14343            }
14344
14345            @media (max-width: 600px) {
14346                #block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title, #block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title * {
14347                    text-align: center;
14348                }
14349            }
14350        </style>
14351    </div>
14352                    
14353                    
14354                                                                                
14355        
14356                    
14357    
14358        
14359                    
14360        
14361            
14362    <div
14363        x-data="{ conditions: [] }"
14364        x-init="$s('conditions').checkConditions(conditions)"
14365        x-show="$s('conditions').checkConditions(conditions)"
14366        id=" block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title"         class="__text_block  editorcontent font-bold relative hidden"
14367        style="
14368            color: inherit;            
14369            font-size: 1.25rem;
14370            font-weight: inherit;
14371            line-height: inherit;
14372            text-transform: none !important;
14373            text-align: center;
14374            background-color: ;            border-radius: 0;        "
14375        data-subblock-key="heading">
14376        
14377    </div>
14378
14379    <style>
14380        @media (max-width: 600px) {
14381            # block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title, # block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title * {
14382                text-align: center !important;
14383            }
14384        }
14385    </style>
14386                    
14387                                                                        
14388                                                    
14389    
14390                        
14391                                                                                
14392        
14393                    
14394    
14395        
14396                    
14397        
14398            
14399    <div
14400        x-data="{ conditions: [] }"
14401        x-init="$s('conditions').checkConditions(conditions)"
14402        x-show="$s('conditions').checkConditions(conditions)"
14403        id=" block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title"         class="__text_block  editorcontent font-bold relative hidden"
14404        style="
14405            color: inherit;            
14406            font-size: 1.25rem;
14407            font-weight: inherit;
14408            line-height: inherit;
14409            text-transform: none !important;
14410            text-align: center;
14411            background-color: ;            border-radius: 0;        "
14412        data-subblock-key="heading">
14413        
14414    </div>
14415
14416    <style>
14417        @media (max-width: 600px) {
14418            # block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title, # block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title * {
14419                text-align: center !important;
14420            }
14421        }
14422    </style>
14423                    
14424                    
14425                                    
14426            </div>
14427                        </a>
14428        
14429        <style>
14430            #block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb {
14431            background-color: var(--background-color);
14432            color: var(--text-color);
14433            border-color: inherit !important;
14434            border-style: solid !important;
14435                        border-radius: 0;
14436                        padding: 0px 0px 0px 0px;
14437            ;
14438
14439            }
14440
14441            #block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb a {
14442            color: var(--text-color);
14443            }
14444
14445            #block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb > div {
14446            gap: inherit;
14447            }
14448
14449            #block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_title {
14450            
14451            }
14452
14453            #block--typography80e92331-8dba-4e27-8ffc-c89aec67a0eb_paragraph {
14454            
14455            }
14456        </style>
14457    </div>
14458                                                        </div>
14459    
14460    
14461    <style>
14462        #section--columnscfba0c21-6be4-4d03-b5dd-670577008d37__columns {
14463        color: var(--text-color);
14464        background-color: var(--background-color);
14465        position: relative;
14466        z-index: 1;
14467        }
14468
14469
14470        #section--columnscfba0c21-6be4-4d03-b5dd-670577008d37__columns::after {
14471        content: '';
14472        background-color: var(--background-color);
14473        position: absolute;
14474        top: 0;
14475        left: 0;
14476        right: 0;
14477        bottom: 0;
14478        z-index: -1;
14479        }
14480
14481        @media (min-width: 601px) and (max-width: 768px) {
14482            #section--columnscfba0c21-6be4-4d03-b5dd-670577008d37__columns {
14483            margin:  !important;
14484        }
14485        }
14486
14487        
14488                    @media (max-width: 600px) {
14489                #section--columnscfba0c21-6be4-4d03-b5dd-670577008d37__columns {
14490                padding: 20px 15px 20px 15px !important;
14491            }
14492            }
14493
14494                            @media (min-width: 601px) and (max-width: 768px) {
14495                #section--columnscfba0c21-6be4-4d03-b5dd-670577008d37__columns  {
14496                padding: 20px 15px 20px 15px !important;
14497            }
14498            }
14499
14500            </style>
14501</section>
14502                        
14503    <div class="fixed z-50 bottom-10 md:bottom-auto md:top-2 right-0 flex flex-col-reverse">
14504    <template x-for="notification in $store.notifications.notifications">
14505        <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">
14506            <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">
14507                <template x-if="notification.type === 'error'">
14508                    <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
14509                        xmlns="http://www.w3.org/2000/svg">
14510                        <path fill-rule="evenodd"
14511                            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"
14512                            clip-rule="evenodd"></path>
14513                    </svg>
14514                </template>
14515                <template x-if="notification.type === 'success'">
14516                    <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
14517                        xmlns="http://www.w3.org/2000/svg">
14518                        <path fill-rule="evenodd"
14519                            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"
14520                            clip-rule="evenodd"></path>
14521                    </svg>
14522                </template>
14523                <template x-if="notification.type === 'warning'">
14524                    <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
14525                        xmlns="http://www.w3.org/2000/svg">
14526                        <path fill-rule="evenodd"
14527                            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"
14528                            clip-rule="evenodd"></path>
14529                    </svg>
14530                </template>
14531                <template x-if="notification.type === 'info'">
14532                    <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 512 512">
14533                        <!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.-->
14534                        <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" />
14535                    </svg>
14536                </template>
14537            </div>
14538            <h3 x-html="notification.text" class="ml-3 text-sm font-normal"></h3>
14539        </div>
14540    </template>
14541</div>
14542</footer>
14543            <template x-if="$store.cart.settings.open">
14544    <div x-data="{ cartOpen: false }" class="__shopping-cart relative z-50">
14545        <div
14546            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"
14547            :class="{ '-translate-x-0': cartOpen, 'translate-x-full': !cartOpen }"
14548            x-swipe:right="cartOpen = false; setTimeout( function() { $store.cart.close() }, 200)"
14549            x-init="setTimeout( function() { cartOpen = true}, 10)"
14550            x-cloak
14551        >
14552            <header class="action-bar py-2 px-4">
14553    <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);">
14554        <div class="absolute left-4 top-3"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
14554<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>
14555        <span class="font-light">
14556            I handlekurven
14557        </span>
14558    </button>
14559</header>
14560            <section class="shipping-countdown px-4 my-2" x-show="!$store.cart.checkFreeShippingWeight() && $store.cart.freeShippingLimit !== null">
14561    <div class="text-center font-light">
14562        <p x-show="$store.cart.freeShippingCalculated.percent !== 100"
14563            x-text="' '+ $store.price.displayPrice(parseInt($store.cart.freeShippingCalculated.left)) +' igjen til gratis frakt!'">
14564        </p>
14565        <p x-show="$store.cart.freeShippingCalculated.percent === 100" x-text="'Gratulerer, du fikk gratis frakt!'"></p>
14566    </div>
14567    <div class="mt-2">
14568        <span class="block w-full h-3 bg-gray-100 rounded-lg relative overflow-hidden">
14569            <span class="block absolute h-full left-0 top-0 transition-all bg-teal-500"
14570                :style="{ width: $store.cart.freeShippingCalculated.percent + '%'}">
14571            </span>
14572        </span>
14573    </div>
14574</section>
14575            <section x-data="{ 'timeout': null }" class="px-4 py-2 grow overflow-y-auto" :class="{ 'flex items-center justify-center': $store.cart.totalQty() == 0}">
14576    <ul>
14577        
14578        
14579        <template x-if="$store.cart.totalQty() == 0">
14580            <section class="flex flex-col gap-4 p-6 text-center fill-black">
14581                <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>
14582                <p>Handlekurven din er tom!</p>
14583            </section>
14584        </template>
14585        <template x-for="product in $store.cart.items" :key="product.id + '' + product.quantity">
14586            <li class="flex pb-2 mb-2 items-center">
14587                <div x-data="{ 'state': 'idle' }" class="flex w-full gap-2 items-start transition-all" :class="{ 'opacity-0 duration-500': state == 'deleting' }">
14588                    <section class="w-1/3 mt-4">
14589                        <div x-show="product.image_path !== null && product.image_path !== ''" class="w-full">
14590                            <a :href="product.link">
14591                                <img x-show="product.image_path !== null && product.image_path !== ''" :src="product.image_path" class="cartimages" :alt="product.name">
14592                            </a>
14593                        </div>
14594                        <div x-show="product.image_path === null || product.image_path === ''" class="w-1/3 mr-2 aspect-square">
14595                            <a :href="product.link">
14596                                <div class="flex h-full bg-black opacity-10 min-h-[80px]">
14597                                    <div class="fill-white m-auto w-10 h-10">
14598                                        <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>
14599                                    </div>
14600                                </div>
14601                            </a>
14602                        </div>
14603                        <template x-if="product.expected_delivery_at">
14604                            <div class="text-xs font-bold mt-6" x-text="product.expected_delivery_at"></div>
14605                        </template>
14606                    </section>
14607                    <div class="w-2/3 relative">
14608                        <p class="text-sm">
14609                            <a class="hover:underline" :href="product.link" x-html="product.name"></a>
14610                        </p>
14611                        <template x-if="product?.products">
14612                            <ul class="text-xs text-gray-600 mb-1 list-inside list-disc">
14613                                <template x-for="product in product.products">
14614                                    <li :key="product.id">
14615                                        <a class="underline" :href="product.link" x-html="product.name"></a>
14616                                    </li>
14617                                </template>
14618                            </ul>
14619                        </template>
14620
14621                        <div>
14622                            <template x-if="product.on_special == 1">
14623                                <h2 class="block font-bold my-1 text-lg">
14624                                    <span x-html="product.final_price_inc_tax" style="color: #aa5f5fff;"></span>
14625                                    <span class="text-sm line-through ml-2" style="color: #000;" x-text="product.original_final_price_inc_tax"></span>
14626                                </h2>
14627                            </template>
14628                            <template x-if="!product.on_special || product.on_special == 0">
14629                                <h2 class="block font-bold my-1 text-lg">
14630                                    <span x-html="product.final_price_inc_tax" style="color: #000;"></span>
14631                                </h2>
14632                            </template>
14633                        </div>
14634
14635                        <div class="flex items-center mb-1">
14636                            <span x-show="product.options && Object.keys(product.options).length > 0">
14637                                <template x-for="(option, index) in product.options" :key="index">
14638                                    <small class="__cartvariants-slide-in block p-1 border border-gray-700 text-xs mr-1 leading-none">
14639                                        <span x-html="option.products_options_name + ': '"></span>
14640                                        <span x-html="option.products_options_values_name"></span>
14641                                    </small>
14642                                </template>
14643                            </span>
14644                            <!-- <span class="block w-4 h-4 bg-red-600 rounded-full mr-1"></span> -->
14645                        </div>
14646
14647                        <section class="grid grid-cols-3">
14648                            <template x-if="!product.tags?.qty_interval_locked">
14649                                <div
14650                                    class="col-span-2 inline-flex border border-gray-100 rounded-xl w-auto">
14651                                    <button class="p-2"
14652                                        @click="() => {
14653                                            const interval = $store.cart.lineStep(product);
14654                                            const minQty = $store.cart.lineMin(product);
14655                                            let newQty = parseInt(product.quantity) - interval;
14656                                            if (newQty < minQty) newQty = minQty;
14657                                            product.quantity = newQty;
14658                                            clearTimeout(timeout);
14659                                            timeout = setTimeout(() => { $store.cart.updateQuantity(product.id, parseInt(product.quantity)) }, 600)
14660                                        }"
14661                                        x-show="!(product.id <= 0)">
14662                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none"
14663                                            viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
14664                                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
14665                                        </svg>
14666                                    </button>
14667
14668                                    <input
14669                                        class="w-12 text-center py-1 grow"
14670                                        type="number"
14671                                        :min="$store.cart.lineMin(product)"
14672                                        :step="product.unit_pricing && product.unit_pricing.mode === 'quantity' ? $store.cart.lineStep(product) : null"
14673                                        @input.debounce.800ms="(e) => {
14674                                            const minQty = $store.cart.lineMin(product);
14675                                            let newQty = parseInt(e.target.value);
14676
14677                                            if (newQty >= minQty) {
14678                                                product.quantity = newQty;
14679                                                $store.cart.updateQuantity(product.id, parseInt(product.quantity));
14680                                            } else {
14681                                                e.target.value = product.quantity;
14682                                            }
14683                                        }"
14684                                        :value="product.quantity"
14685                                        :disabled="product.id <= 0"
14686                                    />
14687
14688                                    <button class="p-2"
14689                                        @click="() => {
14690                                            product.quantity = parseInt(product.quantity) + $store.cart.lineStep(product);
14691                                            clearTimeout(timeout);
14692                                            timeout = setTimeout(() => { $store.cart.updateQuantity(product.id, parseInt(product.quantity)) }, 600)
14693                                        }"
14694                                        x-show="!(product.id <= 0)"
14695                                                                                >
14696                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none"
14697                                            viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
14698                                            <path stroke-linecap="round" stroke-linejoin="round"
14699                                                d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
14700                                        </svg>
14701                                    </button>
14702                                    <template x-if="product.unit_pricing && product.unit_pricing.mode === 'quantity'">
14703                                        <span class="__unit_quantity_hint text-xs opacity-70 self-center px-2 whitespace-nowrap" x-text="'= ' + product.unit_pricing.display"></span>
14704                                    </template>
14705                                </div>
14706                            </template>
14707                            <template x-if="product.tags?.qty_interval_locked">
14708                                <div class="col-span-2 flex flex-wrap gap-2">
14709                                    <select
14710                                        name="quantity"
14711                                        class="px-4 py-2 border border-gray-300 rounded-lg text-sm"
14712                                        @change="qty = parseInt($event.target.value); $store.cart.updateQuantity(product.id, qty)">
14713                                        <template x-for="interval in product.tags.quantity_interval.split(',').map(i => parseInt(i.trim()))" :key="interval">
14714                                            <option
14715                                                :selected="interval == product.quantity"
14716                                                :value="interval"
14717                                                x-text="interval">
14718                                            </option>
14719                                        </template>
14720                                    </select>
14721
14722                                </div>
14723                            </template>
14724                            <button
14725                                class="col-span-1 justify-self-end"
14726                                @click="state = 'deleting'; $store.cart.removeFromCart(product.id)">
14727                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none"
14728                                    viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
14729                                    <path stroke-linecap="round" stroke-linejoin="round"
14730                                        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" />
14731                                </svg>
14732                            </button>
14733                        </section>
14734                    </div>
14735                </div>
14736            </li>
14737        </template>
14738    </ul>
14739</section>
14740            
14741<section class="cart-bottom px-4 mb-2">
14742    <div class="my-4 text-center">
14743        <h3 class="uppercase text-xl font-light">
14744            Totalt: <b class="font-bold" x-html="$store.cart.displayTotal"></b>
14745        </h3>
14746    </div>
14747    <div class="">
14748        <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);">
14749            Fortsett å handle
14750        </a>
14751        <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.dorothea.no/cart">
14752            GÃ¥ til handlekurven
14753        </a>
14754    </div>
14755</section>
14756        </div>
14757
14758                <div
14759            class="fixed top-0 left-0 right-0 bottom-0 bg-gray-900 opacity-10 z-10"
14760            x-data
14761            x-show="$store.cart.settings.open" @click="cartOpen = false; setTimeout( function(){ $store.cart.close() }, 200);">
14762        </div>
14763    </div>
14764</template>
14765            <template x-if="$store.wishlist.settings.open">
14766    <div
14767        id="favorites"
14768        class="__wishlist-cart relative z-50"
14769        x-data="{ wishlistOpen: false }"
14770    >
14771        <div
14772            x-cloak
14773                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"
14774            :class="{ '-translate-x-0': wishlistOpen, 'translate-x-full': !wishlistOpen }"
14775            x-swipe:right="wishlistOpen = false; setTimeout( function() { $store.wishlist.close() }, 200)"
14776            x-init="setTimeout( function() { wishlistOpen = true}, 10)"
14777        >
14778            <header class="action-bar py-2 px-4">
14779                <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)">
14780                    <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>
14781                    <span class="font-light">
14782                         Ønskeliste
14783                    </span>
14784                </button>
14785            </header>
14786
14787            <div class="px-4 py-2 grow overflow-y-auto">
14788                <div x-data="{ wishlist: $store.wishlist.wishlist.products }" :class="{ 'flex items-center justify-center': $store.wishlist.getCount() == 0}">
14789                    <ul class="flex flex-col gap-4 my-5">
14790                        <template x-if="$store.wishlist.getCount() == 0">
14791                              <section class="flex flex-col gap-4 p-6 text-center fill-black">
14792                                <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>
14793                              <p>Ønskelisten din er tom</p>
14794                            </section>
14795                        </template>
14796                        <template x-for="favorite in wishlist">
14797                            <li x-data="{ pid: 'p' + favorite.id, quantity: 1 }" class="relative flex gap-4">
14798                                <a :href="favorite.link" class="max-w-[80px]">
14799                                    <img x-data="{ image: favorite.thumb }" :src="image" />
14800                                </a>
14801                                <section>
14802                                    <p class="text-xs" x-text="favorite.name"></p>
14803                                    <div class="flex gap-2 items-center">
14804                                        <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>
14805
14806                                        
14807                                        <button @click="() => {
14808                                            $store.cart.addToCart({
14809                                                products_id: favorite.id,
14810                                                quantity,
14811                                                redirect: true
14812                                            });
14813                                            wishlistOpen = false;
14814                                        }" class="text-sm w-full fill-black p-2 text-xs button button-default"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M243.1 2.7c11.8 6.1 16.3 20.6 10.2 32.4L171.7 192H404.3L322.7 35.1c-6.1-11.8-1.5-26.3 10.2-32.4s26.2-1.5 32.4 10.2L458.4 192h36.1H544h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H532L476.1 463.5C469 492 443.4 512 414 512H162c-29.4 0-55-20-62.1-48.5L44 240H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h8H81.5h36.1L210.7 12.9c6.1-11.8 20.6-16.3 32.4-10.2zM93.5 240l53 211.9c1.8 7.1 8.2 12.1 15.5 12.1H414c7.3 0 13.7-5 15.5-12.1l53-211.9H93.5zM224 312v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V312c0-13.3 10.7-24 24-24s24 10.7 24 24zm64-24c13.3 0 24 10.7 24 24v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V312c0-13.3 10.7-24 24-24zm112 24v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V312c0-13.3 10.7-24 24-24s24 10.7 24 24z"/></svg> &nbsp; Kjøp</button>
14815                                    </div>
14816                                </section>
14817                            </li>
14818                        </template>
14819                    </ul>
14820
14821                </div>
14822            </div>
14823            <div class="p-2 bg-gray-100">
14824
14825            </div>
14826            <div class="cart-bottom px-4 mb-2 my-4">
14827                <div class="">
14828                    <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.dorothea.no/shopping_lists">
14829                        Ønskeliste
14830                    </a>
14831                </div>
14832            </div>
14833        </div>
14834        <div x-data
14835            x-show="$store.wishlist.settings.open"
14836            class="fixed top-0 left-0 right-0 bottom-0 bg-gray-900 opacity-10 z-10"
14837            @click="wishlistOpen = false; setTimeout( function() { $store.wishlist.close() }, 200)"
14838        ></div>
14839    </div>
14840</template>
14841
14842                            
14843
14844
14845<div id="__mobile_menu" x-data="{ menuOpen: false }"
14846    x-show="$store.settings.settings.mobileMenuOpen"
14847    class=" __mobile_nav fixed inset-0 z-50"
14848    x-swipe:left="menuOpen = false; setTimeout(() => $store.settings.settings.mobileMenuOpen = false, 200)"
14849    x-init="$watch('$store.settings.settings.mobileMenuOpen', val => { if (val) $nextTick(() => menuOpen = true) })"
14850    x-cloak>
14851        <nav
14852            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"
14853            :class="{ 'translate-x-0 ease-in opacity-100': menuOpen === true, '-translate-x-full ease-out': menuOpen === false }">
14854            <div class="flex justify-between">
14855                <span class="font-bold text-xl sm:text-2xl py-2 px-4 ">Meny</span>
14856                <button aria-label="close mobile menu" class="p-4 focus:outline-none"
14857                    @click="menuOpen = false;setTimeout( function() { $store.settings.settings.mobileMenuOpen = false }, 200)">
14858                    <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>
14859                </button>
14860            </div>
14861
14862            <ul x-data="{ current_categories: [0], level: 0 }" style="text-transform: uppercase;" class="mt-4 overflow-auto">
14863                <li class="__home-page-li list-inline-item category-box " x-show="level === 0">
14864                    <a class="__home-page nav-link block px-4 py-2 text-sm flex gap-1 items-center" href="https://www.dorothea.no">
14865                        <span style="padding-bottom: 0;" class="inline-block icon">
14866                            <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>
14867                        </span>
14868
14869                        <span>Hjem</span>
14870                    </a>
14871                </li>
14872
14873                <li class="__home-page-li p-4 flat-menu-list static-auth-divider " x-show="level === 0">
14874                    <hr class="border-neutral-300">
14875                </li>
14876
14877                
14878                
14879    
14880                        <!-- har underkategori -->
14881            <li class="relative flex items-center justify-between category-box SALG-cat list-inline-item dropdown has-mega-menu has-child "
14882                style="position:static;"
14883                x-show="(level === 0 || current_categories[1] === 660) && current_categories.indexOf(0) !== -1">
14884                <a :class="current_categories.indexOf(660) !== -1 ? 'font-bold text-white' : ''"
14885                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
14886                    href="https://www.dorothea.no/categories/salg" id="navbarDropdownMenuLink660" data-toggle="dropdown"
14887                    @click.prevent="current_categories.push(660); level = 1"
14888                    aria-haspopup="true" aria-expanded="false">
14889                    SALG
14890                </a>
14891                <div class="p-3 pr-5"
14892                    @click.prevent="current_categories.push(660); level = 1">
14893                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
14894                        <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>
14895                    </div>
14896                </div>
14897                                                        <div>
14898                                        <ul x-show="(level === 1 || current_categories[1] === 660) && current_categories.indexOf(660) !== -1"
14899                        style="z-index: 1;  text-transform: uppercase;"
14900                        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">
14901                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
14902                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
14903                                  <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>
14904                            </div>
14905                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">SALG</h3>
14906                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
14907                                <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>
14908                            </div>
14909                        </li>
14910                        
14911            <li             class="list-inline-item category-box SALG-cat __see_all_wrapper" >
14912            <a href="https://www.dorothea.no/categories/salg" data-target="m-menu-2"
14913                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
14914                Se alle produkter
14915            </a>
14916        </li>
14917    
14918                        <!-- har underkategori -->
14919            <li class="relative flex items-center justify-between category-box KLESSALG-cat list-inline-item dropdown has-mega-menu  has-subchild "
14920                style="position:static;"
14921                x-show="(level === 1 || current_categories[2] === 645) && current_categories.indexOf(660) !== -1">
14922                <a :class="current_categories.indexOf(645) !== -1 ? 'font-bold text-white' : ''"
14923                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
14924                    href="https://www.dorothea.no/categories/klessalg" id="navbarDropdownMenuLink645" data-toggle="dropdown"
14925                    @click.prevent="current_categories.push(645); level = 2"
14926                    aria-haspopup="true" aria-expanded="false">
14927                    KLESSALG
14928                </a>
14929                <div class="p-3 pr-5"
14930                    @click.prevent="current_categories.push(645); level = 2">
14931                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
14932                        <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>
14933                    </div>
14934                </div>
14935                                    <ul x-show="(level === 2 || current_categories[2] === 645) && current_categories.indexOf(645) !== -1"
14936                        style="z-index: 2;  text-transform: uppercase;"
14937                        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">
14938                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
14939                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
14940                                  <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>
14941                            </div>
14942                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">KLESSALG</h3>
14943                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
14944                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
14944<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>
14945                            </div>
14946                        </li>
14947                        
14948            <li             class="list-inline-item category-box KLESSALG-cat __see_all_wrapper" >
14949            <a href="https://www.dorothea.no/categories/klessalg" data-target="m-menu-2"
14950                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
14951                Se alle produkter
14952            </a>
14953        </li>
14954    
14955                        <li                 class="list-inline-item category-box 50%-cat"
14956                x-show="(level === 2 || current_categories[3] === 655) && current_categories.indexOf(645) !== -1">
14957                <a href="https://www.dorothea.no/categories/50prosent" data-target="m-menu-2"
14958                    class="nav-link block px-4 py-2 text-sm ">
14959                    50%
14960                </a>
14961            </li>
14962                                <li                 class="list-inline-item category-box 70%-cat"
14963                x-show="(level === 2 || current_categories[3] === 656) && current_categories.indexOf(645) !== -1">
14964                <a href="https://www.dorothea.no/categories/70prosent" data-target="m-menu-2"
14965                    class="nav-link block px-4 py-2 text-sm ">
14966                    70%
14967                </a>
14968            </li>
14969            
14970                    </ul>
14971                                </li>
14972                                <!-- har underkategori -->
14973            <li class="relative flex items-center justify-between category-box INTERIØR SALG-cat list-inline-item dropdown has-mega-menu  has-subchild "
14974                style="position:static;"
14975                x-show="(level === 1 || current_categories[2] === 647) && current_categories.indexOf(660) !== -1">
14976                <a :class="current_categories.indexOf(647) !== -1 ? 'font-bold text-white' : ''"
14977                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
14978                    href="https://www.dorothea.no/categories/interior-salg" id="navbarDropdownMenuLink647" data-toggle="dropdown"
14979                    @click.prevent="current_categories.push(647); level = 2"
14980                    aria-haspopup="true" aria-expanded="false">
14981                    INTERIØR SALG
14982                </a>
14983                <div class="p-3 pr-5"
14984                    @click.prevent="current_categories.push(647); level = 2">
14985                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
14986                        <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>
14987                    </div>
14988                </div>
14989                                    <ul x-show="(level === 2 || current_categories[2] === 647) && current_categories.indexOf(647) !== -1"
14990                        style="z-index: 2;  text-transform: uppercase;"
14991                        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">
14992                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
14993                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
14994                                  <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>
14995                            </div>
14996                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">
14996INTERIØR SALG</h3>
14997                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
14998                                <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>
14999                            </div>
15000                        </li>
15001                        
15002            <li             class="list-inline-item category-box INTERIØR SALG-cat __see_all_wrapper" >
15003            <a href="https://www.dorothea.no/categories/interior-salg" data-target="m-menu-2"
15004                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15005                Se alle produkter
15006            </a>
15007        </li>
15008    
15009                        <li                 class="list-inline-item category-box 50%-cat"
15010                x-show="(level === 2 || current_categories[3] === 657) && current_categories.indexOf(647) !== -1">
15011                <a href="https://www.dorothea.no/categories/50prosen" data-target="m-menu-2"
15012                    class="nav-link block px-4 py-2 text-sm ">
15013                    50%
15014                </a>
15015            </li>
15016                                <li                 class="list-inline-item category-box 70%-cat"
15017                x-show="(level === 2 || current_categories[3] === 659) && current_categories.indexOf(647) !== -1">
15018                <a href="https://www.dorothea.no/categories/70prosenter" data-target="m-menu-2"
15019                    class="nav-link block px-4 py-2 text-sm ">
15020                    70%
15021                </a>
15022            </li>
15023            
15024                    </ul>
15025                                </li>
15026                                <li                 class="list-inline-item category-box SKO SALG-cat"
15027                x-show="(level === 1 || current_categories[2] === 648) && current_categories.indexOf(660) !== -1">
15028                <a href="https://www.dorothea.no/categories/sko-salg" data-target="m-menu-2"
15029                    class="nav-link block px-4 py-2 text-sm ">
15030                    SKO SALG
15031                </a>
15032            </li>
15033                                <li                 class="list-inline-item category-box TILBEHØR SALG-cat"
15034                x-show="(level === 1 || current_categories[2] === 646) && current_categories.indexOf(660) !== -1">
15035                <a href="https://www.dorothea.no/categories/tilbehor-salg" data-target="m-menu-2"
15036                    class="nav-link block px-4 py-2 text-sm ">
15037                    TILBEHØR SALG
15038                </a>
15039            </li>
15040                                <li                 class="list-inline-item category-box MØBEL SALG-cat"
15041                x-show="(level === 1 || current_categories[2] === 652) && current_categories.indexOf(660) !== -1">
15042                <a href="https://www.dorothea.no/categories/mobel-salg" data-target="m-menu-2"
15043                    class="nav-link block px-4 py-2 text-sm ">
15044                    MØBEL SALG
15045                </a>
15046            </li>
15047            
15048                    </ul>
15049                                        </div>
15050                            </li>
15051                                <li                 class="list-inline-item category-box Kampanje-cat"
15052                x-show="(level === 0 || current_categories[1] === 688) && current_categories.indexOf(0) !== -1">
15053                <a href="https://www.dorothea.no/categories/julkampanje" data-target="m-menu-2"
15054                    class="nav-link block px-4 py-2 text-sm ">
15055                    Kampanje
15056                </a>
15057            </li>
15058                                <!-- har underkategori -->
15059            <li class="relative flex items-center justify-between category-box Gavetips-cat list-inline-item dropdown has-mega-menu has-child "
15060                style="position:static;"
15061                x-show="(level === 0 || current_categories[1] === 462) && current_categories.indexOf(0) !== -1">
15062                <a :class="current_categories.indexOf(462) !== -1 ? 'font-bold text-white' : ''"
15063                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15064                    href="https://www.dorothea.no/categories/gavetips" id="navbarDropdownMenuLink462" data-toggle="dropdown"
15065                    @click.prevent="current_categories.push(462); level = 1"
15066                    aria-haspopup="true" aria-expanded="false">
15067                    Gavetips
15068                </a>
15069                <div class="p-3 pr-5"
15070                    @click.prevent="current_categories.push(462); level = 1">
15071                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15072                        <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>
15073                    </div>
15074                </div>
15075                                                        <div>
15076                                        <ul x-show="(level === 1 || current_categories[1] === 462) && current_categories.indexOf(462) !== -1"
15077                        style="z-index: 1;  text-transform: uppercase;"
15078                        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">
15079                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15080                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
15081                                  <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>
15082                            </div>
15083                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Gavetips</h3>
15084                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15085                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15085<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>
15086                            </div>
15087                        </li>
15088                        
15089            <li             class="list-inline-item category-box Gavetips-cat __see_all_wrapper" >
15090            <a href="https://www.dorothea.no/categories/gavetips" data-target="m-menu-2"
15091                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15092                Se alle produkter
15093            </a>
15094        </li>
15095    
15096                        <li                 class="list-inline-item category-box Tekstkrus-cat"
15097                x-show="(level === 1 || current_categories[2] === 283) && current_categories.indexOf(462) !== -1">
15098                <a href="https://www.dorothea.no/categories/tekstkrus" data-target="m-menu-2"
15099                    class="nav-link block px-4 py-2 text-sm ">
15100                    Tekstkrus
15101                </a>
15102            </li>
15103                                <li                 class="list-inline-item category-box Tekstservietter-cat"
15104                x-show="(level === 1 || current_categories[2] === 282) && current_categories.indexOf(462) !== -1">
15105                <a href="https://www.dorothea.no/categories/tekstservietter" data-target="m-menu-2"
15106                    class="nav-link block px-4 py-2 text-sm ">
15107                    Tekstservietter
15108                </a>
15109            </li>
15110                                <li                 class="list-inline-item category-box Lysglass og Duftlys-cat"
15111                x-show="(level === 1 || current_categories[2] === 583) && current_categories.indexOf(462) !== -1">
15112                <a href="https://www.dorothea.no/categories/lysglass-og-duftlys" data-target="m-menu-2"
15113                    class="nav-link block px-4 py-2 text-sm ">
15114                    Lysglass og Duftlys
15115                </a>
15116            </li>
15117                                <li                 class="list-inline-item category-box Kjøkkenhåndklær-cat"
15118                x-show="(level === 1 || current_categories[2] === 687) && current_categories.indexOf(462) !== -1">
15119                <a href="https://www.dorothea.no/categories/kjokkenhandklar" data-target="m-menu-2"
15120                    class="nav-link block px-4 py-2 text-sm ">
15121                    Kjøkkenhåndklær
15122                </a>
15123            </li>
15124                                <li                 class="list-inline-item category-box Mat-cat"
15125                x-show="(level === 1 || current_categories[2] === 183) && current_categories.indexOf(462) !== -1">
15126                <a href="https://www.dorothea.no/categories/mat1" data-target="m-menu-2"
15127                    class="nav-link block px-4 py-2 text-sm ">
15128                    Mat
15129                </a>
15130            </li>
15131            
15132                    </ul>
15133                                        </div>
15134                            </li>
15135                                <!-- har underkategori -->
15136            <li class="relative flex items-center justify-between category-box Nyheter-cat list-inline-item dropdown has-mega-menu has-child "
15137                style="position:static;"
15138                x-show="(level === 0 || current_categories[1] === 120) && current_categories.indexOf(0) !== -1">
15139                <a :class="current_categories.indexOf(120) !== -1 ? 'font-bold text-white' : ''"
15140                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15141                    href="https://www.dorothea.no/categories/Nyheter" id="navbarDropdownMenuLink120" data-toggle="dropdown"
15142                    @click.prevent="current_categories.push(120); level = 1"
15143                    aria-haspopup="true" aria-expanded="false">
15144                    Nyheter
15145                </a>
15146                <div class="p-3 pr-5"
15147                    @click.prevent="current_categories.push(120); level = 1">
15148                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15149                        <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>
15150                    </div>
15151                </div>
15152                                                        <div>
15153                                        <ul x-show="(level === 1 || current_categories[1] === 120) && current_categories.indexOf(120) !== -1"
15154                        style="z-index: 1;  text-transform: uppercase;"
15155                        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">
15156                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15157                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
15158                                  <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>
15159                            </div>
15160                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Nyheter</h3>
15161                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15162                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15162<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>
15163                            </div>
15164                        </li>
15165                        
15166            <li             class="list-inline-item category-box Nyheter-cat __see_all_wrapper" >
15167            <a href="https://www.dorothea.no/categories/Nyheter" data-target="m-menu-2"
15168                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15169                Se alle produkter
15170            </a>
15171        </li>
15172    
15173                        <li                 class="list-inline-item category-box Klær-cat"
15174                x-show="(level === 1 || current_categories[2] === 215) && current_categories.indexOf(120) !== -1">
15175                <a href="https://www.dorothea.no/categories/klar-nyheter" data-target="m-menu-2"
15176                    class="nav-link block px-4 py-2 text-sm ">
15177                    Klær
15178                </a>
15179            </li>
15180                                <li                 class="list-inline-item category-box Tilbehør-cat"
15181                x-show="(level === 1 || current_categories[2] === 214) && current_categories.indexOf(120) !== -1">
15182                <a href="https://www.dorothea.no/categories/tilbehor-nyheter" data-target="m-menu-2"
15183                    class="nav-link block px-4 py-2 text-sm ">
15184                    Tilbehør
15185                </a>
15186            </li>
15187                                <li                 class="list-inline-item category-box Interiør-cat"
15188                x-show="(level === 1 || current_categories[2] === 213) && current_categories.indexOf(120) !== -1">
15189                <a href="https://www.dorothea.no/categories/interior-nyheter" data-target="m-menu-2"
15190                    class="nav-link block px-4 py-2 text-sm ">
15191                    Interiør
15192                </a>
15193            </li>
15194                                <li                 class="list-inline-item category-box Mat-cat"
15195                x-show="(level === 1 || current_categories[2] === 716) && current_categories.indexOf(120) !== -1">
15196                <a href="https://www.dorothea.no/categories/mat-nyheter" data-target="m-menu-2"
15197                    class="nav-link block px-4 py-2 text-sm ">
15198                    Mat
15199                </a>
15200            </li>
15201                                <li                 class="list-inline-item category-box Møbler-cat"
15202                x-show="(level === 1 || current_categories[2] === 285) && current_categories.indexOf(120) !== -1">
15203                <a href="https://www.dorothea.no/categories/moblernyheter" data-target="m-menu-2"
15204                    class="nav-link block px-4 py-2 text-sm ">
15205                    Møbler
15206                </a>
15207            </li>
15208            
15209                    </ul>
15210                                        </div>
15211                            </li>
15212                                <!-- har underkategori -->
15213            <li class="relative flex items-center justify-between category-box Dameklær-cat list-inline-item dropdown has-mega-menu has-child "
15214                style="position:static;"
15215                x-show="(level === 0 || current_categories[1] === 69) && current_categories.indexOf(0) !== -1">
15216                <a :class="current_categories.indexOf(69) !== -1 ? 'font-bold text-white' : ''"
15217                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15218                    href="https://www.dorothea.no/categories/klaer" id="navbarDropdownMenuLink69" data-toggle="dropdown"
15219                    @click.prevent="current_categories.push(69); level = 1"
15220                    aria-haspopup="true" aria-expanded="false">
15221                    Dameklær
15222                </a>
15223                <div class="p-3 pr-5"
15224                    @click.prevent="current_categories.push(69); level = 1">
15225                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15226                        <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>
15227                    </div>
15228                </div>
15229                                                        <div>
15230                                        <ul x-show="(level === 1 || current_categories[1] === 69) && current_categories.indexOf(69) !== -1"
15231                        style="z-index: 1;  text-transform: uppercase;"
15232                        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">
15233                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15234                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
15235                                  <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>
15236                            </div>
15237                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Dameklær</h3>
15238                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15239                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15239<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>
15240                            </div>
15241                        </li>
15242                        
15243            <li             class="list-inline-item category-box Dameklær-cat __see_all_wrapper" >
15244            <a href="https://www.dorothea.no/categories/klaer" data-target="m-menu-2"
15245                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15246                Se alle produkter
15247            </a>
15248        </li>
15249    
15250                        <!-- har underkategori -->
15251            <li class="relative flex items-center justify-between category-box Gode kvaliteter-cat list-inline-item dropdown has-mega-menu  has-subchild "
15252                style="position:static;"
15253                x-show="(level === 1 || current_categories[2] === 564) && current_categories.indexOf(69) !== -1">
15254                <a :class="current_categories.indexOf(564) !== -1 ? 'font-bold text-white' : ''"
15255                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15256                    href="https://www.dorothea.no/categories/rene-kvaliteter" id="navbarDropdownMenuLink564" data-toggle="dropdown"
15257                    @click.prevent="current_categories.push(564); level = 2"
15258                    aria-haspopup="true" aria-expanded="false">
15259                    Gode kvaliteter
15260                </a>
15261                <div class="p-3 pr-5"
15262                    @click.prevent="current_categories.push(564); level = 2">
15263                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15264                        <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>
15265                    </div>
15266                </div>
15267                                    <ul x-show="(level === 2 || current_categories[2] === 564) && current_categories.indexOf(564) !== -1"
15268                        style="z-index: 2;  text-transform: uppercase;"
15269                        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">
15270                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15271                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
15272                                  <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>
15273                            </div>
15274                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Gode kvaliteter</h3>
15275                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15276                                <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>
15277                            </div>
15278                        </li>
15279                        
15280            <li             class="list-inline-item category-box Gode kvaliteter-cat __see_all_wrapper" >
15281            <a href="https://www.dorothea.no/categories/rene-kvaliteter" data-target="m-menu-2"
15282                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15283                Se alle produkter
15284            </a>
15285        </li>
15286    
15287                        <li                 class="list-inline-item category-box Basisplagg-cat"
15288                x-show="(level === 2 || current_categories[3] === 724) && current_categories.indexOf(564) !== -1">
15289                <a href="https://www.dorothea.no/categories/basis
15289plagg" data-target="m-menu-2"
15290                    class="nav-link block px-4 py-2 text-sm ">
15291                    Basisplagg
15292                </a>
15293            </li>
15294                                <li                 class="list-inline-item category-box Bomullsplagg-cat"
15295                x-show="(level === 2 || current_categories[3] === 563) && current_categories.indexOf(564) !== -1">
15296                <a href="https://www.dorothea.no/categories/bomullsplagg" data-target="m-menu-2"
15297                    class="nav-link block px-4 py-2 text-sm ">
15298                    Bomullsplagg
15299                </a>
15300            </li>
15301                                <li                 class="list-inline-item category-box Linklær-cat"
15302                x-show="(level === 2 || current_categories[3] === 561) && current_categories.indexOf(564) !== -1">
15303                <a href="https://www.dorothea.no/categories/linklar" data-target="m-menu-2"
15304                    class="nav-link block px-4 py-2 text-sm ">
15305                    Linklær
15306                </a>
15307            </li>
15308                                <li                 class="list-inline-item category-box Ullplagg-cat"
15309                x-show="(level === 2 || current_categories[3] === 573) && current_categories.indexOf(564) !== -1">
15310                <a href="https://www.dorothea.no/categories/ullplagg" data-target="m-menu-2"
15311                    class="nav-link block px-4 py-2 text-sm ">
15312                    Ullplagg
15313                </a>
15314            </li>
15315            
15316                    </ul>
15317                                </li>
15318                                <li                 class="list-inline-item category-box Kjoler-cat"
15319                x-show="(level === 1 || current_categories[2] === 330) && current_categories.indexOf(69) !== -1">
15320                <a href="https://www.dorothea.no/categories/hverdagskjole" data-target="m-menu-2"
15321                    class="nav-link block px-4 py-2 text-sm ">
15322                    Kjoler
15323                </a>
15324            </li>
15325                                <li                 class="list-inline-item category-box Yttertøy-cat"
15326                x-show="(level === 1 || current_categories[2] === 346) && current_categories.indexOf(69) !== -1">
15327                <a href="https://www.dorothea.no/categories/ytterjakke" data-target="m-menu-2"
15328                    class="nav-link block px-4 py-2 text-sm ">
15329                    Yttertøy
15330                </a>
15331            </li>
15332                                <!-- har underkategori -->
15333            <li class="relative flex items-center justify-between category-box Overdeler-cat list-inline-item dropdown has-mega-menu  has-subchild "
15334                style="position:static;"
15335                x-show="(level === 1 || current_categories[2] === 81) && current_categories.indexOf(69) !== -1">
15336                <a :class="current_categories.indexOf(81) !== -1 ? 'font-bold text-white' : ''"
15337                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15338                    href="https://www.dorothea.no/categories/Overdeler" id="navbarDropdownMenuLink81" data-toggle="dropdown"
15339                    @click.prevent="current_categories.push(81); level = 2"
15340                    aria-haspopup="true" aria-expanded="false">
15341                    Overdeler
15342                </a>
15343                <div class="p-3 pr-5"
15344                    @click.prevent="current_categories.push(81); level = 2">
15345                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15346                        <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>
15347                    </div>
15348                </div>
15349                                    <ul x-show="(level === 2 || current_categories[2] === 81) && current_categories.indexOf(81) !== -1"
15350                        style="z-index: 2;  text-transform: uppercase;"
15351                        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">
15352                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15353                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
15354                                  <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>
15355                            </div>
15356                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Overdeler</h3>
15357                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15358                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15358<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>
15359                            </div>
15360                        </li>
15361                        
15362            <li             class="list-inline-item category-box Overdeler-cat __see_all_wrapper" >
15363            <a href="https://www.dorothea.no/categories/Overdeler" data-target="m-menu-2"
15364                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15365                Se alle produkter
15366            </a>
15367        </li>
15368    
15369                        <li                 class="list-inline-item category-box Poncho & vest-cat"
15370                x-show="(level === 2 || current_categories[3] === 347) && current_categories.indexOf(81) !== -1">
15371                <a href="https://www.dorothea.no/categories/poncho-og-vest" data-target="m-menu-2"
15372                    class="nav-link block px-4 py-2 text-sm ">
15373                    Poncho & vest
15374                </a>
15375            </li>
15376                                <li                 class="list-inline-item category-box Topper & t-skjorter-cat"
15377                x-show="(level === 2 || current_categories[3] === 336) && current_categories.indexOf(81) !== -1">
15378                <a href="https://www.dorothea.no/categories/topper-og-t-skjorter" data-target="m-menu-2"
15379                    class="nav-link block px-4 py-2 text-sm ">
15380                    Topper & t-skjorter
15381                </a>
15382            </li>
15383                                <li                 class="list-inline-item category-box Bluser & skjorter-cat"
15384                x-show="(level === 2 || current_categories[3] === 333) && current_categories.indexOf(81) !== -1">
15385                <a href="https://www.dorothea.no/categories/bluser-og-skjorter1" data-target="m-menu-2"
15386                    class="nav-link block px-4 py-2 text-sm ">
15387                    Bluser & skjorter
15388                </a>
15389            </li>
15390                                <li                 class="list-inline-item category-box Cardigan & gensere-cat"
15391                x-show="(level === 2 || current_categories[3] === 335) && current_categories.indexOf(81) !== -1">
15392                <a href="https://www.dorothea.no/categories/genser-og-cardigan" data-target="m-menu-2"
15393                    class="nav-link block px-4 py-2 text-sm ">
15394                    Cardigan & gensere
15395                </a>
15396            </li>
15397                                <li                 class="list-inline-item category-box Kimono-cat"
15398                x-show="(level === 2 || current_categories[3] === 662) && current_categories.indexOf(81) !== -1">
15399                <a href="https://www.dorothea.no/categories/kimono" data-target="m-menu-2"
15400                    class="nav-link block px-4 py-2 text-sm ">
15401                    Kimono
15402                </a>
15403            </li>
15404            
15405                    </ul>
15406                                </li>
15407                                <!-- har underkategori -->
15408            <li class="relative flex items-center justify-between category-box Underdeler-cat list-inline-item dropdown has-mega-menu  has-subchild "
15409                style="position:static;"
15410                x-show="(level === 1 || current_categories[2] === 48) && current_categories.indexOf(69) !== -1">
15411                <a :class="current_categories.indexOf(48) !== -1 ? 'font-bold text-white' : ''"
15412                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15413                    href="https://www.dorothea.no/categories/Underdeler" id="navbarDropdownMenuLink48" data-toggle="dropdown"
15414                    @click.prevent="current_categories.push(48); level = 2"
15415                    aria-haspopup="true" aria-expanded="false">
15416                    Underdeler
15417                </a>
15418                <div class="p-3 pr-5"
15419                    @click.prevent="current_categories.push(48); level = 2">
15420                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15421                        <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>
15422                    </div>
15423                </div>
15424                                    <ul x-show="(level === 2 || current_categories[2] === 48) && current_categories.indexOf(48) !== -1"
15425                        style="z-index: 2;  text-transform: uppercase;"
15426                        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">
15427                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15428                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
15429                                  <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>
15430                            </div>
15431                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Underdeler</h3>
15432                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15433                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15433<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>
15434                            </div>
15435                        </li>
15436                        
15437            <li             class="list-inline-item category-box Underdeler-cat __see_all_wrapper" >
15438            <a href="https://www.dorothea.no/categories/Underdeler" data-target="m-menu-2"
15439                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15440                Se alle produkter
15441            </a>
15442        </li>
15443    
15444                        <li                 class="list-inline-item category-box Bukser & jeans-cat"
15445                x-show="(level === 2 || current_categories[3] === 345) && current_categories.indexOf(48) !== -1">
15446                <a href="https://www.dorothea.no/categories/bukser-og-jeans" data-target="m-menu-2"
15447                    class="nav-link block px-4 py-2 text-sm ">
15448                    Bukser & jeans
15449                </a>
15450            </li>
15451                                <li                 class="list-inline-item category-box Jumpsuit-cat"
15452                x-show="(level === 2 || current_categories[3] === 340) && current_categories.indexOf(48) !== -1">
15453                <a href="https://www.dorothea.no/categories/jumpsuit" data-target="m-menu-2"
15454                    class="nav-link block px-4 py-2 text-sm ">
15455                    Jumpsuit
15456                </a>
15457            </li>
15458                                <li                 class="list-inline-item category-box Skjørt-cat"
15459                x-show="(level === 2 || current_categories[3] === 343) && current_categories.indexOf(48) !== -1">
15460                <a href="https://www.dorothea.no/categories/skjort" data-target="m-menu-2"
15461                    class="nav-link block px-4 py-2 text-sm ">
15462                    Skjørt
15463                </a>
15464            </li>
15465            
15466                    </ul>
15467                                </li>
15468                                <li                 class="list-inline-item category-box Sokker & strømpebukser-cat"
15469                x-show="(level === 1 || current_categories[2] === 244) && current_categories.indexOf(69) !== -1">
15470                <a href="https://www.dorothea.no/categories/sokker" data-target="m-menu-2"
15471                    class="nav-link block px-4 py-2 text-sm ">
15472                    Sokker & strømpebukser
15473                </a>
15474            </li>
15475            
15476                    </ul>
15477                                        </div>
15478                            </li>
15479                                <!-- har underkategori -->
15480            <li class="relative flex items-center justify-between category-box Tilbehør-cat list-inline-item dropdown has-mega-menu has-child "
15481                style="position:static;"
15482                x-show="(level === 0 || current_categories[1] === 68) && current_categories.indexOf(0) !== -1">
15483                <a :class="current_categories.indexOf(68) !== -1 ? 'font-bold text-white' : ''"
15484                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15485                    href="https://www.dorothea.no/categories/tilbehor" id="navbarDropdownMenuLink68" data-toggle="dropdown"
15486                    @click.prevent="current_categories.push(68); level = 1"
15487                    aria-haspopup="true" aria-expanded="false">
15488                    Tilbehør
15489                </a>
15490                <div class="p-3 pr-5"
15491                    @click.prevent="current_categories.push(68); level = 1">
15492                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15493                        <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>
15494                    </div>
15495                </div>
15496                                                        <div>
15497                                        <ul x-show="(level === 1 || current_categories[1] === 68) && current_categories.indexOf(68) !== -1"
15498                        style="z-index: 1;  text-transform: uppercase;"
15499                        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">
15500                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15501                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
15502                                  <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>
15503                            </div>
15504                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Tilbehør</h3>
15505                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15506                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15506<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>
15507                            </div>
15508                        </li>
15509                        
15510            <li             class="list-inline-item category-box Tilbehør-cat __see_all_wrapper" >
15511            <a href="https://www.dorothea.no/categories/tilbehor" data-target="m-menu-2"
15512                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15513                Se alle produkter
15514            </a>
15515        </li>
15516    
15517                        <!-- har underkategori -->
15518            <li class="relative flex items-center justify-between category-box Diverse tilbehør-cat list-inline-item dropdown has-mega-menu  has-subchild "
15519                style="position:static;"
15520                x-show="(level === 1 || current_categories[2] === 369) && current_categories.indexOf(68) !== -1">
15521                <a :class="current_categories.indexOf(369) !== -1 ? 'font-bold text-white' : ''"
15522                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15523                    href="https://www.dorothea.no/categories/diverse-tilbehor" id="navbarDropdownMenuLink369" data-toggle="dropdown"
15524                    @click.prevent="current_categories.push(369); level = 2"
15525                    aria-haspopup="true" aria-expanded="false">
15526                    Diverse tilbehør
15527                </a>
15528                <div class="p-3 pr-5"
15529                    @click.prevent="current_categories.push(369); level = 2">
15530                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15531                        <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>
15532                    </div>
15533                </div>
15534                                    <ul x-show="(level === 2 || current_categories[2] === 369) && current_categories.indexOf(369) !== -1"
15535                        style="z-index: 2;  text-transform: uppercase;"
15536                        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">
15537                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15538                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
15539                                  <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>
15540                            </div>
15541                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Diverse tilbehør</h3>
15542                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15543                                <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>
15544                            </div>
15545                        </li>
15546                        
15547            <li             class="list-inline-item category-box Diverse tilbehør-cat __see_all_wrapper" >
15548            <a href="https://www.dorothea.no/categories/diverse-tilbehor" data-target="m-menu-2"
15549                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15550                Se alle produkter
15551            </a>
15552        </li>
15553    
15554                        <li                 class="list-inline-item category-box Belter-cat"
15555                x-show="(level === 2 || current_categories[3] === 82) && current_categories.indexOf(369) !== -1">
15556                <a href="https://www.dorothea.no/categories/belter" data-target="m-menu-2"
15557                    class="nav-link block px-4 py-2 text-sm ">
15558                    Belter
15559                </a>
15560            </li>
15561                                <li                 class="list-inline-item category-box Sjal & skjerf-cat"
15562                x-show="(level === 2 || current_categories[3] === 55) && current_categories.indexOf(369) !== -1">
15563                <a href="https://www.dorothea.no/categories/sjal-og-skjerf" data-target="m-menu-2"
15564                    class="nav-link block px-4 py-2 text-sm ">
15565                    Sjal & skjerf
15566                </a>
15567            </li>
15568            
15569                    </ul>
15570                                </li>
15571                                <!-- har underkategori -->
15572            <li class="relative flex items-center justify-between category-box Smykker-cat list-inline-item dropdown has-mega-menu  has-subchild "
15573                style="position:static;"
15574                x-show="(level === 1 || current_categories[2] === 364) && current_categories.indexOf(68) !== -1">
15575                <a :class="current_categories.indexOf(364) !== -1 ? 'font-bold text-white' : ''"
15576                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15577                    href="https://www.dorothea.no/categories/smykker" id="navbarDropdownMenuLink364" data-toggle="dropdown"
15578                    @click.prevent="current_categories.push(364); level = 2"
15579                    aria-haspopup="true" aria-expanded="false">
15580                    Smykker
15581                </a>
15582                <div class="p-3 pr-5"
15583                    @click.prevent="current_categories.push(364); level = 2">
15584                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15585                        <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>
15586                    </div>
15587                </div>
15588                                    <ul x-show="(level === 2 || current_categories[2] === 364) && current_categories.indexOf(364) !== -1"
15589                        style="z-index: 2;  text-transform: uppercase;"
15590                        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">
15591                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15592                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
15593                                  <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>
15594                            </div>
15595                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Smykker</h3>
15596                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15597                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15597<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>
15598                            </div>
15599                        </li>
15600                        
15601            <li             class="list-inline-item category-box Smykker-cat __see_all_wrapper" >
15602            <a href="https://www.dorothea.no/categories/smykker" data-target="m-menu-2"
15603                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15604                Se alle produkter
15605            </a>
15606        </li>
15607    
15608                        <li                 class="list-inline-item category-box Øredobber & ringer-cat"
15609                x-show="(level === 2 || current_categories[3] === 365) && current_categories.indexOf(364) !== -1">
15610                <a href="https://www.dorothea.no/categories/oredobber" data-target="m-menu-2"
15611                    class="nav-link block px-4 py-2 text-sm ">
15612                    Øredobber & ringer
15613                </a>
15614            </li>
15615                                <li                 class="list-inline-item category-box Armbånd-cat"
15616                x-show="(level === 2 || current_categories[3] === 288) && current_categories.indexOf(364) !== -1">
15617                <a href="https://www.dorothea.no/categories/armband" data-target="m-menu-2"
15618                    class="nav-link block px-4 py-2 text-sm ">
15619                    Armbånd
15620                </a>
15621            </li>
15622                                <li                 class="list-inline-item category-box Halskjeder & anheng-cat"
15623                x-show="(level === 2 || current_categories[3] === 289) && current_categories.indexOf(364) !== -1">
15624                <a href="https://www.dorothea.no/categories/halskjeder" data-target="m-menu-2"
15625                    class="nav-link block px-4 py-2 text-sm ">
15626                    Halskjeder & anheng
15627                </a>
15628            </li>
15629            
15630                    </ul>
15631                                </li>
15632                                <!-- har underkategori -->
15633            <li class="relative flex items-center justify-between category-box Vesker-cat list-inline-item dropdown has-mega-menu  has-subchild "
15634                style="position:static;"
15635                x-show="(level === 1 || current_categories[2] === 363) && current_categories.indexOf(68) !== -1">
15636                <a :class="current_categories.indexOf(363) !== -1 ? 'font-bold text-white' : ''"
15637                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15638                    href="https://www.dorothea.no/categories/vesker" id="navbarDropdownMenuLink363" data-toggle="dropdown"
15639                    @click.prevent="current_categories.push(363); level = 2"
15640                    aria-haspopup="true" aria-expanded="false">
15641                    Vesker
15642                </a>
15643                <div class="p-3 pr-5"
15644                    @click.prevent="current_categories.push(363); level = 2">
15645                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15646                        <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>
15647                    </div>
15648                </div>
15649                                    <ul x-show="(level === 2 || current_categories[2] === 363) && current_categories.indexOf(363) !== -1"
15650                        style="z-index: 2;  text-transform: uppercase;"
15651                        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">
15652                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15653                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
15654                                  <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>
15655                            </div>
15656                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Vesker</h3>
15657                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15658                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15658<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>
15659                            </div>
15660                        </li>
15661                        
15662            <li             class="list-inline-item category-box Vesker-cat __see_all_wrapper" >
15663            <a href="https://www.dorothea.no/categories/vesker" data-target="m-menu-2"
15664                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15665                Se alle produkter
15666            </a>
15667        </li>
15668    
15669                        <li                 class="list-inline-item category-box Vesketilbehør-cat"
15670                x-show="(level === 2 || current_categories[3] === 710) && current_categories.indexOf(363) !== -1">
15671                <a href="https://www.dorothea.no/categories/vesketilbehor" data-target="m-menu-2"
15672                    class="nav-link block px-4 py-2 text-sm ">
15673                    Vesketilbehør
15674                </a>
15675            </li>
15676                                <li                 class="list-inline-item category-box Vesker & handlenett-cat"
15677                x-show="(level === 2 || current_categories[3] === 293) && current_categories.indexOf(363) !== -1">
15678                <a href="https://www.dorothea.no/categories/vesker-og-handlenett" data-target="m-menu-2"
15679                    class="nav-link block px-4 py-2 text-sm ">
15680                    Vesker & handlenett
15681                </a>
15682            </li>
15683            
15684                    </ul>
15685                                </li>
15686                                <!-- har underkategori -->
15687            <li class="relative flex items-center justify-between category-box Hodeplagg-cat list-inline-item dropdown has-mega-menu  has-subchild "
15688                style="position:static;"
15689                x-show="(level === 1 || current_categories[2] === 291) && current_categories.indexOf(68) !== -1">
15690                <a :class="current_categories.indexOf(291) !== -1 ? 'font-bold text-white' : ''"
15691                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15692                    href="https://www.dorothea.no/categories/hodeplagg" id="navbarDropdownMenuLink291" data-toggle="dropdown"
15693                    @click.prevent="current_categories.push(291); level = 2"
15694                    aria-haspopup="true" aria-expanded="false">
15695                    Hodeplagg
15696                </a>
15697                <div class="p-3 pr-5"
15698                    @click.prevent="current_categories.push(291); level = 2">
15699                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15700                        <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>
15701                    </div>
15702                </div>
15703                                    <ul x-show="(level === 2 || current_categories[2] === 291) && current_categories.indexOf(291) !== -1"
15704                        style="z-index: 2;  text-transform: uppercase;"
15705                        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">
15706                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15707                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
15708                                  <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>
15709                            </div>
15710                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Hodeplagg</h3>
15711                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15712                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15712<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>
15713                            </div>
15714                        </li>
15715                        
15716            <li             class="list-inline-item category-box Hodeplagg-cat __see_all_wrapper" >
15717            <a href="https://www.dorothea.no/categories/hodeplagg" data-target="m-menu-2"
15718                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15719                Se alle produkter
15720            </a>
15721        </li>
15722    
15723                        <li                 class="list-inline-item category-box Hårbøyler-cat"
15724                x-show="(level === 2 || current_categories[3] === 721) && current_categories.indexOf(291) !== -1">
15725                <a href="https://www.dorothea.no/categories/harboyler" data-target="m-menu-2"
15726                    class="nav-link block px-4 py-2 text-sm ">
15727                    Hårbøyler
15728                </a>
15729            </li>
15730                                <li                 class="list-inline-item category-box Luer og hatter-cat"
15731                x-show="(level === 2 || current_categories[3] === 368) && current_categories.indexOf(291) !== -1">
15732                <a href="https://www.dorothea.no/categories/luer-og-hatter" data-target="m-menu-2"
15733                    class="nav-link block px-4 py-2 text-sm ">
15734                    Luer og hatter
15735                </a>
15736            </li>
15737                                <li                 class="list-inline-item category-box Spenner og hårklyper-cat"
15738                x-show="(level === 2 || current_categories[3] === 471) && current_categories.indexOf(291) !== -1">
15739                <a href="https://www.dorothea.no/categories/spenner-og-harklyper" data-target="m-menu-2"
15740                    class="nav-link block px-4 py-2 text-sm ">
15741                    Spenner og hårklyper
15742                </a>
15743            </li>
15744            
15745                    </ul>
15746                                </li>
15747            
15748                    </ul>
15749                                        </div>
15750                            </li>
15751                                <!-- har underkategori -->
15752            <li class="relative flex items-center justify-between category-box Sko-cat list-inline-item dropdown has-mega-menu has-child "
15753                style="position:static;"
15754                x-show="(level === 0 || current_categories[1] === 233) && current_categories.indexOf(0) !== -1">
15755                <a :class="current_categories.indexOf(233) !== -1 ? 'font-bold text-white' : ''"
15756                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15757                    href="https://www.dorothea.no/categories/skonyheter" id="navbarDropdownMenuLink233" data-toggle="dropdown"
15758                    @click.prevent="current_categories.push(233); level = 1"
15759                    aria-haspopup="true" aria-expanded="false">
15760                    Sko
15761                </a>
15762                <div class="p-3 pr-5"
15763                    @click.prevent="current_categories.push(233); level = 1">
15764                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15765                        <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>
15766                    </div>
15767                </div>
15768                                                        <div>
15769                                        <ul x-show="(level === 1 || current_categories[1] === 233) && current_categories.indexOf(233) !== -1"
15770                        style="z-index: 1;  text-transform: uppercase;"
15771                        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">
15772                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15773                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
15774                                  <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>
15775                            </div>
15776                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Sko</h3>
15777                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15778                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15778<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>
15779                            </div>
15780                        </li>
15781                        
15782            <li             class="list-inline-item category-box Sko-cat __see_all_wrapper" >
15783            <a href="https://www.dorothea.no/categories/skonyheter" data-target="m-menu-2"
15784                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15785                Se alle produkter
15786            </a>
15787        </li>
15788    
15789                        <li                 class="list-inline-item category-box Sko-cat"
15790                x-show="(level === 1 || current_categories[2] === 650) && current_categories.indexOf(233) !== -1">
15791                <a href="https://www.dorothea.no/categories/sko1" data-target="m-menu-2"
15792                    class="nav-link block px-4 py-2 text-sm ">
15793                    Sko
15794                </a>
15795            </li>
15796                                <li                 class="list-inline-item category-box Tøfler-cat"
15797                x-show="(level === 1 || current_categories[2] === 651) && current_categories.indexOf(233) !== -1">
15798                <a href="https://www.dorothea.no/categories/tofler" data-target="m-menu-2"
15799                    class="nav-link block px-4 py-2 text-sm ">
15800                    Tøfler
15801                </a>
15802            </li>
15803            
15804                    </ul>
15805                                        </div>
15806                            </li>
15807                                <!-- har underkategori -->
15808            <li class="relative flex items-center justify-between category-box Interiør-cat list-inline-item dropdown has-mega-menu has-child "
15809                style="position:static;"
15810                x-show="(level === 0 || current_categories[1] === 70) && current_categories.indexOf(0) !== -1">
15811                <a :class="current_categories.indexOf(70) !== -1 ? 'font-bold text-white' : ''"
15812                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15813                    href="https://www.dorothea.no/categories/interior" id="navbarDropdownMenuLink70" data-toggle="dropdown"
15814                    @click.prevent="current_categories.push(70); level = 1"
15815                    aria-haspopup="true" aria-expanded="false">
15816                    Interiør
15817                </a>
15818                <div class="p-3 pr-5"
15819                    @click.prevent="current_categories.push(70); level = 1">
15820                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15821                        <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>
15822                    </div>
15823                </div>
15824                                                        <div>
15825                                        <ul x-show="(level === 1 || current_categories[1] === 70) && current_categories.indexOf(70) !== -1"
15826                        style="z-index: 1;  text-transform: uppercase;"
15827                        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">
15828                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15829                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
15830                                  <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>
15831                            </div>
15832                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Interiør</h3>
15833                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15834                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15834<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>
15835                            </div>
15836                        </li>
15837                        
15838            <li             class="list-inline-item category-box Interiør-cat __see_all_wrapper" >
15839            <a href="https://www.dorothea.no/categories/interior" data-target="m-menu-2"
15840                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15841                Se alle produkter
15842            </a>
15843        </li>
15844    
15845                        <!-- har underkategori -->
15846            <li class="relative flex items-center justify-between category-box Belysning-cat list-inline-item dropdown has-mega-menu  has-subchild "
15847                style="position:static;"
15848                x-show="(level === 1 || current_categories[2] === 178) && current_categories.indexOf(70) !== -1">
15849                <a :class="current_categories.indexOf(178) !== -1 ? 'font-bold text-white' : ''"
15850                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15851                    href="https://www.dorothea.no/categories/Belysning" id="navbarDropdownMenuLink178" data-toggle="dropdown"
15852                    @click.prevent="current_categories.push(178); level = 2"
15853                    aria-haspopup="true" aria-expanded="false">
15854                    Belysning
15855                </a>
15856                <div class="p-3 pr-5"
15857                    @click.prevent="current_categories.push(178); level = 2">
15858                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15859                        <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>
15860                    </div>
15861                </div>
15862                                    <ul x-show="(level === 2 || current_categories[2] === 178) && current_categories.indexOf(178) !== -1"
15863                        style="z-index: 2;  text-transform: uppercase;"
15864                        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">
15865                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15866                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
15867                                  <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>
15868                            </div>
15869                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Belysning</h3>
15870                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15871                                <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>
15872                            </div>
15873                        </li>
15874                        
15875            <li             class="list-inline-item category-box Belysning-cat __see_all_wrapper" >
15876            <a href="https://www.dorothea.no/categories/Belysning" data-target="m-menu-2"
15877                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15878                Se alle produkter
15879            </a>
15880        </li>
15881    
15882                        <li                 class="list-inline-item category-box Lamper & lampeskjermer-cat"
15883                x-show="(level === 2 || current_categories[3] === 385) && current_categories.indexOf(178) !== -1">
15884                <a href="https://www.dorothea.no/categories/lamper-og-lampeskjermer" data-target="m-menu-2"
15885                    class="nav-link block px-4 py-2 text-sm ">
15886                    Lamper & lampeskjermer
15887                </a>
15888            </li>
15889                                <li                 class="list-inline-item category-box Lyspærer-cat"
15890                x-show="(level === 2 || current_categories[3] === 386) && current_categories.indexOf(178) !== -1">
15891                <a href="https://www.dorothea.no/categories/lysparer" data-target="m-menu-2"
15892                    class="nav-link block px-4 py-2 text-sm ">
15893                    Lyspærer
15894                </a>
15895            </li>
15896            
15897                    </ul>
15898                                </li>
15899                                <!-- har underkategori -->
15900            <li class="relative flex items-center justify-between category-box Dekor-cat list-inline-item dropdown has-mega-menu  has-subchild "
15901                style="position:static;"
15902                x-show="(level === 1 || current_categories[2] === 376) && current_categories.indexOf(70) !== -1">
15903                <a :class="current_categories.indexOf(376) !== -1 ? 'font-bold text-white' : ''"
15904                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15905                    href="https://www.dorothea.no/categories/dekor-og-pynt" id="navbarDropdownMenuLink376" data-toggle="dropdown"
15906                    @click.prevent="current_categories.push(376); level = 2"
15907                    aria-haspopup="true" aria-expanded="false">
15908                    Dekor
15909                </a>
15910                <div class="p-3 pr-5"
15911                    @click.prevent="current_categories.push(376); level = 2">
15912                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
15913                        <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>
15914                    </div>
15915                </div>
15916                                    <ul x-show="(level === 2 || current_categories[2] === 376) && current_categories.indexOf(376) !== -1"
15917                        style="z-index: 2;  text-transform: uppercase;"
15918                        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">
15919                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
15920                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
15921                                  <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>
15922                            </div>
15923                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Dekor</h3>
15924                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
15925                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
15925<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>
15926                            </div>
15927                        </li>
15928                        
15929            <li             class="list-inline-item category-box Dekor-cat __see_all_wrapper" >
15930            <a href="https://www.dorothea.no/categories/dekor-og-pynt" data-target="m-menu-2"
15931                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
15932                Se alle produkter
15933            </a>
15934        </li>
15935    
15936                        <li                 class="list-inline-item category-box Bilder-cat"
15937                x-show="(level === 2 || current_categories[3] === 429) && current_categories.indexOf(376) !== -1">
15938                <a href="https://www.dorothea.no/categories/bilder1" data-target="m-menu-2"
15939                    class="nav-link block px-4 py-2 text-sm ">
15940                    Bilder
15941                </a>
15942            </li>
15943                                <li                 class="list-inline-item category-box Blomster & planter-cat"
15944                x-show="(level === 2 || current_categories[3] === 424) && current_categories.indexOf(376) !== -1">
15945                <a href="https://www.dorothea.no/categories/blomster-og-planter" data-target="m-menu-2"
15946                    class="nav-link block px-4 py-2 text-sm ">
15947                    Blomster & planter
15948                </a>
15949            </li>
15950                                <li                 class="list-inline-item category-box Lysglass & lysestaker-cat"
15951                x-show="(level === 2 || current_categories[3] === 85) && current_categories.indexOf(376) !== -1">
15952                <a href="https://www.dorothea.no/categories/lys-og-lysestaker" data-target="m-menu-2"
15953                    class="nav-link block px-4 py-2 text-sm ">
15954                    Lysglass & lysestaker
15955                </a>
15956            </li>
15957                                <li                 class="list-inline-item category-box Plakater & rammer-cat"
15958                x-show="(level === 2 || current_categories[3] === 258) && current_categories.indexOf(376) !== -1">
15959                <a href="https://www.dorothea.no/categories/plakater-og-rammer" data-target="m-menu-2"
15960                    class="nav-link block px-4 py-2 text-sm ">
15961                    Plakater & rammer
15962                </a>
15963            </li>
15964                                <li                 class="list-inline-item category-box Postkasser-cat"
15965                x-show="(level === 2 || current_categories[3] === 717) && current_categories.indexOf(376) !== -1">
15966                <a href="https://www.dorothea.no/categories/postkasser" data-target="m-menu-2"
15967                    class="nav-link block px-4 py-2 text-sm ">
15968                    Postkasser
15969                </a>
15970            </li>
15971                                <li                 class="list-inline-item category-box Pyntegjenstander-cat"
15972                x-show="(level === 2 || current_categories[3] === 248) && current_categories.indexOf(376) !== -1">
15973                <a href="https://www.dorothea.no/categories/Pyntegjenstander" data-target="m-menu-2"
15974                    class="nav-link block px-4 py-2 text-sm ">
15975                    Pyntegjenstander
15976                </a>
15977            </li>
15978                                <li                 class="list-inline-item category-box Vaser & potter-cat"
15979                x-show="(level === 2 || current_categories[3] === 245) && current_categories.indexOf(376) !== -1">
15980                <a href="https://www.dorothea.no/categories/krukker" data-target="m-menu-2"
15981                    class="nav-link block px-4 py-2 text-sm ">
15982                    Vaser & potter
15983                </a>
15984            </li>
15985            
15986                    </ul>
15987                                </li>
15988                                <!-- har underkategori -->
15989            <li class="relative flex items-center justify-between category-box Oppbevaring-cat list-inline-item dropdown has-mega-menu  has-subchild "
15990                style="position:static;"
15991                x-show="(level === 1 || current_categories[2] === 176) && current_categories.indexOf(70) !== -1">
15992                <a :class="current_categories.indexOf(176) !== -1 ? 'font-bold text-white' : ''"
15993                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
15994                    href="https://www.dorothea.no/categories/smaoppbevaring" id="navbarDropdownMenuLink176" data-toggle="dropdown"
15995                    @click.prevent="current_categories.push(176); level = 2"
15996                    aria-haspopup="true" aria-expanded="false">
15997                    Oppbevaring
15998                </a>
15999                <div class="p-3 pr-5"
16000                    @click.prevent="current_categories.push(176); level = 2">
16001                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
16002                        <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>
16003                    </div>
16004                </div>
16005                                    <ul x-show="(level === 2 || current_categories[2] === 176) && current_categories.indexOf(176) !== -1"
16006                        style="z-index: 2;  text-transform: uppercase;"
16007                        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">
16008                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
16009                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
16010                                  <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>
16011                            </div>
16012                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Oppbevaring</h3>
16013                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
16014                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
16014<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>
16015                            </div>
16016                        </li>
16017                        
16018            <li             class="list-inline-item category-box Oppbevaring-cat __see_all_wrapper" >
16019            <a href="https://www.dorothea.no/categories/smaoppbevaring" data-target="m-menu-2"
16020                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
16021                Se alle produkter
16022            </a>
16023        </li>
16024    
16025                        <li                 class="list-inline-item category-box Hyller & knagger-cat"
16026                x-show="(level === 2 || current_categories[3] === 186) && current_categories.indexOf(176) !== -1">
16027                <a href="https://www.dorothea.no/categories/hyller-og-knagger" data-target="m-menu-2"
16028                    class="nav-link block px-4 py-2 text-sm ">
16029                    Hyller & knagger
16030                </a>
16031            </li>
16032                                <li                 class="list-inline-item category-box Poser, trekasser og kurver-cat"
16033                x-show="(level === 2 || current_categories[3] === 382) && current_categories.indexOf(176) !== -1">
16034                <a href="https://www.dorothea.no/categories/Poser" data-target="m-menu-2"
16035                    class="nav-link block px-4 py-2 text-sm ">
16036                    Poser, trekasser og kurver
16037                </a>
16038            </li>
16039            
16040                    </ul>
16041                                </li>
16042                                <!-- har underkategori -->
16043            <li class="relative flex items-center justify-between category-box Servering-cat list-inline-item dropdown has-mega-menu  has-subchild "
16044                style="position:static;"
16045                x-show="(level === 1 || current_categories[2] === 246) && current_categories.indexOf(70) !== -1">
16046                <a :class="current_categories.indexOf(246) !== -1 ? 'font-bold text-white' : ''"
16047                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
16048                    href="https://www.dorothea.no/categories/servering1" id="navbarDropdownMenuLink246" data-toggle="dropdown"
16049                    @click.prevent="current_categories.push(246); level = 2"
16050                    aria-haspopup="true" aria-expanded="false">
16051                    Servering
16052                </a>
16053                <div class="p-3 pr-5"
16054                    @click.prevent="current_categories.push(246); level = 2">
16055                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
16056                        <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>
16057                    </div>
16058                </div>
16059                                    <ul x-show="(level === 2 || current_categories[2] === 246) && current_categories.indexOf(246) !== -1"
16060                        style="z-index: 2;  text-transform: uppercase;"
16061                        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">
16062                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
16063                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
16064                                  <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>
16065                            </div>
16066                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Servering</h3>
16067                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
16068                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
16068<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>
16069                            </div>
16070                        </li>
16071                        
16072            <li             class="list-inline-item category-box Servering-cat __see_all_wrapper" >
16073            <a href="https://www.dorothea.no/categories/servering1" data-target="m-menu-2"
16074                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
16075                Se alle produkter
16076            </a>
16077        </li>
16078    
16079                        <li                 class="list-inline-item category-box Kjøkkenutstyr-cat"
16080                x-show="(level === 2 || current_categories[3] === 372) && current_categories.indexOf(246) !== -1">
16081                <a href="https://www.dorothea.no/categories/kjokkenutstyr" data-target="m-menu-2"
16082                    class="nav-link block px-4 py-2 text-sm ">
16083                    Kjøkkenutstyr
16084                </a>
16085            </li>
16086                                <li                 class="list-inline-item category-box Krus & glass-cat"
16087                x-show="(level === 2 || current_categories[3] === 212) && current_categories.indexOf(246) !== -1">
16088                <a href="https://www.dorothea.no/categories/krus" data-target="m-menu-2"
16089                    class="nav-link block px-4 py-2 text-sm ">
16090                    Krus & glass
16091                </a>
16092            </li>
16093                                <li                 class="list-inline-item category-box Krus med tekst-cat"
16094                x-show="(level === 2 || current_categories[3] === 427) && current_categories.indexOf(246) !== -1">
16095                <a href="https://www.dorothea.no/categories/krus-med-tekst" data-target="m-menu-2"
16096                    class="nav-link block px-4 py-2 text-sm ">
16097                    Krus med tekst
16098                </a>
16099            </li>
16100                                <li                 class="list-inline-item category-box Servietter-cat"
16101                x-show="(level === 2 || current_categories[3] === 371) && current_categories.indexOf(246) !== -1">
16102                <a href="https://www.dorothea.no/categories/servietter" data-target="m-menu-2"
16103                    class="nav-link block px-4 py-2 text-sm ">
16104                    Servietter
16105                </a>
16106            </li>
16107                                <li                 class="list-inline-item category-box Skåler og serveringsfat-cat"
16108                x-show="(level === 2 || current_categories[3] === 373) && current_categories.indexOf(246) !== -1">
16109                <a href="https://www.dorothea.no/categories/skaler-og-serveringsfat" data-target="m-menu-2"
16110                    class="nav-link block px-4 py-2 text-sm ">
16111                    Skåler og serveringsfat
16112                </a>
16113            </li>
16114                                <li                 class="list-inline-item category-box Tallerkener-cat"
16115                x-show="(level === 2 || current_categories[3] === 61) && current_categories.indexOf(246) !== -1">
16116                <a href="https://www.dorothea.no/categories/tallerkener" data-target="m-menu-2"
16117                    class="nav-link block px-4 py-2 text-sm ">
16118                    Tallerkener
16119                </a>
16120            </li>
16121                                <li                 class="list-inline-item category-box Trefjøler og Treprodukter-cat"
16122                x-show="(level === 2 || current_categories[3] === 664) && current_categories.indexOf(246) !== -1">
16123                <a href="https://www.dorothea.no/categories/trefjoler-og-treprodukter" data-target="m-menu-2"
16124                    class="nav-link block px-4 py-2 text-sm ">
16125                    Trefjøler og Treprodukter
16126                </a>
16127            </li>
16128                                <li                 class="list-inline-item category-box Trend Servise-cat"
16129                x-show="(level === 2 || current_categories[3] === 430) && current_categories.indexOf(246) !== -1">
16130                <a href="https://www.dorothea.no/categories/trend-servise" data-target="m-menu-2"
16131                    class="nav-link block px-4 py-2 text-sm ">
16132                    Trend Servise
16133                </a>
16134            </li>
16135                                <li                 class="list-inline-item category-box Wonki Ware-cat"
16136                x-show="(level === 2 || current_categories[3] === 693) && current_categories.indexOf(246) !== -1">
16137                <a href="https://www.dorothea.no/categories/wonki-ware" data-target="m-menu-2"
16138                    class="nav-link block px-4 py-2 text-sm ">
16139                    Wonki Ware
16140                </a>
16141            </li>
16142                                <li                 class="list-inline-item category-box Spliid-cat"
16143                x-show="(level === 2 || current_categories[3] === 725) && current_categories.indexOf(246) !== -1">
16144                <a href="https://www.dorothea.no/categories/spliid" data-target="m-menu-2"
16145                    class="nav-link block px-4 py-2 text-sm ">
16146                    Spliid
16147                </a>
16148            </li>
16149            
16150                    </ul>
16151                                </li>
16152                                <!-- har underkategori -->
16153            <li class="relative flex items-center justify-between category-box Tekstiler & skinn-cat list-inline-item dropdown has-mega-menu  has-subchild "
16154                style="position:static;"
16155                x-show="(level === 1 || current_categories[2] === 370) && current_categories.indexOf(70) !== -1">
16156                <a :class="current_categories.indexOf(370) !== -1 ? 'font-bold text-white' : ''"
16157                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
16158                    href="https://www.dorothea.no/categories/tekstiler-og-skinn" id="navbarDropdownMenuLink370" data-toggle="dropdown"
16159                    @click.prevent="current_categories.push(370); level = 2"
16160                    aria-haspopup="true" aria-expanded="false">
16161                    Tekstiler & skinn
16162                </a>
16163                <div class="p-3 pr-5"
16164                    @click.prevent="current_categories.push(370); level = 2">
16165                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
16166                        <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>
16167                    </div>
16168                </div>
16169                                    <ul x-show="(level === 2 || current_categories[2] === 370) && current_categories.indexOf(370) !== -1"
16170                        style="z-index: 2;  text-transform: uppercase;"
16171                        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">
16172                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
16173                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 1;">
16174                                  <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>
16175                            </div>
16176                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 1;">Tekstiler & skinn</h3>
16177                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
16178                                <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>
16179                            </div>
16180                        </li>
16181                        
16182            <li             class="list-inline-item category-box Tekstiler & skinn-cat __see_all_wrapper" >
16183            <a href="https://www.dorothea.no/categories/tekstiler-og-skinn" data-target="m-menu-2"
16184                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
16185                Se alle produkter
16186            </a>
16187        </li>
16188    
16189                        <li                 class="list-inline-item category-box Baderomstekstiler-cat"
16190                x-show="(level === 2 || current_categories[3] === 380) && current_categories.indexOf(370) !== -1">
16191                <a href="https://www.dorothea.no/categories/baderomstekstiler" data-target="m-menu-2"
16192                    class="nav-link block px-4 py-2 text-sm ">
16193                    Baderomstekstiler
16194                </a>
16195            </li>
16196                                <li                 class="list-inline-item category-box Dørmatter-cat"
16197                x-show="(level === 2 || current_categories[3] === 484) && current_categories.indexOf(370) !== -1">
16198                <a href="https://www.dorothea.no/categories/dormatter" data-target="m-menu-2"
16199                    class="nav-link block px-4 py-2 text-sm ">
16200                    Dørmatter
16201                </a>
16202            </li>
16203                                <li                 class="list-inline-item category-box Duk & løper-cat"
16204                x-show="(level === 2 || current_categories[3] === 415) && current_categories.indexOf(370) !== -1">
16205                <a href="https://www.dorothea.no/categories/duk-og-loper" data-target="m-menu-2"
16206                    class="nav-link block px-4 py-2 text-sm ">
16207                    Duk & løper
16208                </a>
16209            </li>
16210                                <li                 class="list-inline-item category-box Gardiner-cat"
16211                x-show="(level === 2 || current_categories[3] === 702) && current_categories.indexOf(370) !== -1">
16212                <a href="https://www.dorothea.no/categories/gardiner1" data-target="m-menu-2"
16213                    class="nav-link block px-4 py-2 text-sm ">
16214                    Gardiner
16215                </a>
16216            </li>
16217                                <li                 class="list-inline-item category-box Kjøkkentekstiler-cat"
16218                x-show="(level === 2 || current_categories[3] === 532) && current_categories.indexOf(370) !== -1">
16219                <a href="https://www.dorothea.no/categories/kjokkentekstiler1" data-target="m-menu-2"
16220                    class="nav-link block px-4 py-2 text-sm ">
16221                    Kjøkkentekstiler
16222                </a>
16223            </li>
16224                                <li                 class="list-inline-item category-box Pledd & madrasser-cat"
16225                x-show="(level === 2 || current_categories[3] === 325) && current_categories.indexOf(370) !== -1">
16226                <a href="https://www.dorothea.no/categories/pledd1" data-target="m-menu-2"
16227                    class="nav-link block px-4 py-2 text-sm ">
16228                    Pledd & madrasser
16229                </a>
16230            </li>
16231                                <li                 class="list-inline-item category-box Puter & sitteputer-cat"
16232                x-show="(level === 2 || current_categories[3] === 323) && current_categories.indexOf(370) !== -1">
16233                <a href="https://www.dorothea.no/categories/pynteputer" data-target="m-menu-2"
16234                    class="nav-link block px-4 py-2 text-sm ">
16235                    Puter & sitteputer
16236                </a>
16237            </li>
16238                                <li                 class="list-inline-item category-box Tepper & ryer-cat"
16239                x-show="(level === 2 || current_categories[3] === 324) && current_categories.indexOf(370) !== -1">
16240                <a href="https://www.dorothea.no/categories/tepper" data-target="m-menu-2"
16241                    class="nav-link block px-4 py-2 text-sm ">
16242                    Tepper & ryer
16243                </a>
16244            </li>
16245            
16246                    </ul>
16247                                </li>
16248                                <li                 class="list-inline-item category-box Vintage skatter-cat"
16249                x-show="(level === 1 || current_categories[2] === 567) && current_categories.indexOf(70) !== -1">
16250                <a href="https://www.dorothea.no/categories/vintage-skatter" data-target="m-menu-2"
16251                    class="nav-link block px-4 py-2 text-sm ">
16252                    Vintage skatter
16253                </a>
16254            </li>
16255            
16256                    </ul>
16257                                        </div>
16258                            </li>
16259                                <!-- har underkategori -->
16260            <li class="relative flex items-center justify-between category-box Velvære-cat list-inline-item dropdown has-mega-menu has-child "
16261                style="position:static;"
16262                x-show="(level === 0 || current_categories[1] === 632) && current_categories.indexOf(0) !== -1">
16263                <a :class="current_categories.indexOf(632) !== -1 ? 'font-bold text-white' : ''"
16264                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
16265                    href="https://www.dorothea.no/categories/velvare" id="navbarDropdownMenuLink632" data-toggle="dropdown"
16266                    @click.prevent="current_categories.push(632); level = 1"
16267                    aria-haspopup="true" aria-expanded="false">
16268                    Velvære
16269                </a>
16270                <div class="p-3 pr-5"
16271                    @click.prevent="current_categories.push(632); level = 1">
16272                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
16273                        <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>
16274                    </div>
16275                </div>
16276                                                        <div>
16277                                        <ul x-show="(level === 1 || current_categories[1] === 632) && current_categories.indexOf(632) !== -1"
16278                        style="z-index: 1;  text-transform: uppercase;"
16279                        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">
16280                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
16281                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
16282                                  <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>
16283                            </div>
16284                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Velvære</h3>
16285                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
16286                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
16286<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>
16287                            </div>
16288                        </li>
16289                        
16290            <li             class="list-inline-item category-box Velvære-cat __see_all_wrapper" >
16291            <a href="https://www.dorothea.no/categories/velvare" data-target="m-menu-2"
16292                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
16293                Se alle produkter
16294            </a>
16295        </li>
16296    
16297                        <li                 class="list-inline-item category-box Lillavendel-cat"
16298                x-show="(level === 1 || current_categories[2] === 723) && current_categories.indexOf(632) !== -1">
16299                <a href="https://www.dorothea.no/categories/lillavendel" data-target="m-menu-2"
16300                    class="nav-link block px-4 py-2 text-sm ">
16301                    Lillavendel
16302                </a>
16303            </li>
16304                                <li                 class="list-inline-item category-box Repair-cat"
16305                x-show="(level === 1 || current_categories[2] === 719) && current_categories.indexOf(632) !== -1">
16306                <a href="https://www.dorothea.no/categories/repair" data-target="m-menu-2"
16307                    class="nav-link block px-4 py-2 text-sm ">
16308                    Repair
16309                </a>
16310            </li>
16311                                <li                 class="list-inline-item category-box Terrigeno-cat"
16312                x-show="(level === 1 || current_categories[2] === 720) && current_categories.indexOf(632) !== -1">
16313                <a href="https://www.dorothea.no/categories/terrigeno" data-target="m-menu-2"
16314                    class="nav-link block px-4 py-2 text-sm ">
16315                    Terrigeno
16316                </a>
16317            </li>
16318                                <li                 class="list-inline-item category-box The English Soap Company-cat"
16319                x-show="(level === 1 || current_categories[2] === 703) && current_categories.indexOf(632) !== -1">
16320                <a href="https://www.dorothea.no/categories/the-english-soap-company" data-target="m-menu-2"
16321                    class="nav-link block px-4 py-2 text-sm ">
16322                    The English Soap Company
16323                </a>
16324            </li>
16325                                <li                 class="list-inline-item category-box Durance-cat"
16326                x-show="(level === 1 || current_categories[2] === 695) && current_categories.indexOf(632) !== -1">
16327                <a href="https://www.dorothea.no/categories/durance" data-target="m-menu-2"
16328                    class="nav-link block px-4 py-2 text-sm ">
16329                    Durance
16330                </a>
16331            </li>
16332                                <li                 class="list-inline-item category-box CERA di CUPRA-cat"
16333                x-show="(level === 1 || current_categories[2] === 697) && current_categories.indexOf(632) !== -1">
16334                <a href="https://www.dorothea.no/categories/cera-di-cupra" data-target="m-menu-2"
16335                    class="nav-link block px-4 py-2 text-sm ">
16336                    CERA di CUPRA
16337                </a>
16338            </li>
16339                                <li                 class="list-inline-item category-box LE SULTAN d'ALEP-cat"
16340                x-show="(level === 1 || current_categories[2] === 538) && current_categories.indexOf(632) !== -1">
16341                <a href="https://www.dorothea.no/categories/-le-sultan-dalep" data-target="m-menu-2"
16342                    class="nav-link block px-4 py-2 text-sm ">
16343                    LE SULTAN d'ALEP
16344                </a>
16345            </li>
16346                                <li                 class="list-inline-item category-box Campostrini Home-cat"
16347                x-show="(level === 1 || current_categories[2] === 696) && current_categories.indexOf(632) !== -1">
16348                <a href="https://www.dorothea.no/categories/campostrini-home" data-target="m-menu-2"
16349                    class="nav-link block px-4 py-2 text-sm ">
16350                    Campostrini Home
16351                </a>
16352            </li>
16353                                <li                 class="list-inline-item category-box RUDY PROFUMI-cat"
16354                x-show="(level === 1 || current_categories[2] === 698) && current_categories.indexOf(632) !== -1">
16355                <a href="https://www.dorothea.no/categories/rudy-profumi" data-target="m-menu-2"
16356                    class="nav-link block px-4 py-2 text-sm ">
16357                    RUDY PROFUMI
16358                </a>
16359            </li>
16360                                <li                 class="list-inline-item category-box PANIER DES SENS-cat"
16361                x-show="(level === 1 || current_categories[2] === 699) && current_categories.indexOf(632) !== -1">
16362                <a href="https://www.dorothea.no/categories/panier-des-sens" data-target="m-menu-2"
16363                    class="nav-link block px-4 py-2 text-sm ">
16364                    PANIER DES SENS
16365                </a>
16366            </li>
16367                                <li                 class="list-inline-item category-box Bioguard-cat"
16368                x-show="(level === 1 || current_categories[2] === 700) && current_categories.indexOf(632) !== -1">
16369                <a href="https://www.dorothea.no/categories/bioguard" data-target="m-menu-2"
16370                    class="nav-link block px-4 py-2 text-sm ">
16371                    Bioguard
16372                </a>
16373            </li>
16374                                <li                 class="list-inline-item category-box Duftlys-cat"
16375                x-show="(level === 1 || current_categories[2] === 570) && current_categories.indexOf(632) !== -1">
16376                <a href="https://www.dorothea.no/categories/duftlys" data-target="m-menu-2"
16377                    class="nav-link block px-4 py-2 text-sm ">
16378                    Duftlys
16379                </a>
16380            </li>
16381            
16382                    </ul>
16383                                        </div>
16384                            </li>
16385                                <li                 class="list-inline-item category-box Mat-cat"
16386                x-show="(level === 0 || current_categories[1] === 722) && current_categories.indexOf(0) !== -1">
16387                <a href="https://www.dorothea.no/categories/matgodteri" data-target="m-menu-2"
16388                    class="nav-link block px-4 py-2 text-sm ">
16389                    Mat
16390                </a>
16391            </li>
16392                                <!-- har underkategori -->
16393            <li class="relative flex items-center justify-between category-box Møbler-cat list-inline-item dropdown has-mega-menu has-child "
16394                style="position:static;"
16395                x-show="(level === 0 || current_categories[1] === 62) && current_categories.indexOf(0) !== -1">
16396                <a :class="current_categories.indexOf(62) !== -1 ? 'font-bold text-white' : ''"
16397                    class="nav-link dropdown-toggle block px-4 py-2 text-sm grow  relative"
16398                    href="https://www.dorothea.no/categories/mobler" id="navbarDropdownMenuLink62" data-toggle="dropdown"
16399                    @click.prevent="current_categories.push(62); level = 1"
16400                    aria-haspopup="true" aria-expanded="false">
16401                    Møbler
16402                </a>
16403                <div class="p-3 pr-5"
16404                    @click.prevent="current_categories.push(62); level = 1">
16405                    <div class="w-4 h-4 flex items-center opacity-70 cursor-pointer">
16406                        <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>
16407                    </div>
16408                </div>
16409                                                        <div>
16410                                        <ul x-show="(level === 1 || current_categories[1] === 62) && current_categories.indexOf(62) !== -1"
16411                        style="z-index: 1;  text-transform: uppercase;"
16412                        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">
16413                        <li class="flex justify-between mb-4 items-center border-b border-neutral-300">
16414                            <div role="button" aria-label="Go back" class="p-4 rounded cursor-pointer" @click="current_categories.pop(); level = 0;">
16415                                  <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>
16416                            </div>
16417                            <h3 role="button" class="__back_button text-base font-medium cursor-pointer truncate" @click="current_categories.pop(); level = 0;">Møbler</h3>
16418                            <div role="button" aria-label="Close menu" class="p-4 rounded cursor-pointer" @click="menuOpen = false; $nextTick(() => $store.settings.settings.mobileMenuOpen = false)">
16419                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
16419<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>
16420                            </div>
16421                        </li>
16422                        
16423            <li             class="list-inline-item category-box Møbler-cat __see_all_wrapper" >
16424            <a href="https://www.dorothea.no/categories/mobler" data-target="m-menu-2"
16425                class="nav-link block px-4 py-2 text-sm  __see_all __see_all_products">
16426                Se alle produkter
16427            </a>
16428        </li>
16429    
16430                        <li                 class="list-inline-item category-box Bord-cat"
16431                x-show="(level === 1 || current_categories[2] === 261) && current_categories.indexOf(62) !== -1">
16432                <a href="https://www.dorothea.no/categories/bord" data-target="m-menu-2"
16433                    class="nav-link block px-4 py-2 text-sm ">
16434                    Bord
16435                </a>
16436            </li>
16437                                <li                 class="list-inline-item category-box Skap og hyller-cat"
16438                x-show="(level === 1 || current_categories[2] === 146) && current_categories.indexOf(62) !== -1">
16439                <a href="https://www.dorothea.no/categories/skap" data-target="m-menu-2"
16440                    class="nav-link block px-4 py-2 text-sm ">
16441                    Skap og hyller
16442                </a>
16443            </li>
16444                                <li                 class="list-inline-item category-box Sofabord & sidebord-cat"
16445                x-show="(level === 1 || current_categories[2] === 262) && current_categories.indexOf(62) !== -1">
16446                <a href="https://www.dorothea.no/categories/sofabord-og-sidebord" data-target="m-menu-2"
16447                    class="nav-link block px-4 py-2 text-sm ">
16448                    Sofabord & sidebord
16449                </a>
16450            </li>
16451                                <li                 class="list-inline-item category-box Stoler, benker & krakker-cat"
16452                x-show="(level === 1 || current_categories[2] === 264) && current_categories.indexOf(62) !== -1">
16453                <a href="https://www.dorothea.no/categories/stoler-og-krakker" data-target="m-menu-2"
16454                    class="nav-link block px-4 py-2 text-sm ">
16455                    Stoler, benker & krakker
16456                </a>
16457            </li>
16458                                <li                 class="list-inline-item category-box Store speil og bilder-cat"
16459                x-show="(level === 1 || current_categories[2] === 392) && current_categories.indexOf(62) !== -1">
16460                <a href="https://www.dorothea.no/categories/gulvspeil" data-target="m-menu-2"
16461                    class="nav-link block px-4 py-2 text-sm ">
16462                    Store speil og bilder
16463                </a>
16464            </li>
16465            
16466                    </ul>
16467                                        </div>
16468                            </li>
16469                                <li                 class="list-inline-item category-box Gavekort-cat"
16470                x-show="(level === 0 || current_categories[1] === 686) && current_categories.indexOf(0) !== -1">
16471                <a href="https://www.dorothea.no/categories/gavekort" data-target="m-menu-2"
16472                    class="nav-link block px-4 py-2 text-sm ">
16473                    Gavekort
16474                </a>
16475            </li>
16476            
16477
16478                
16479                
16480                
16481                                                            <li class="p-4 flat-menu-list static-auth-divider " x-show="level === 0">
16482                            <hr class=" border-neutral-300" />
16483                        </li>
16484
16485                                                                                    <li class="list-inline-item category-box static-auth-pages " x-show="level === 0">
16486                                    <a class="__account-page nav-link block px-4 py-2 text-sm" href="https://www.dorothea.no/login">
16487                                        Logg inn
16488                                    </a>
16489                                </li>
16490                                                                        
16491                                            <li class="p-4 flat-menu-list static-pages-divider " x-show="level == 0">
16492                            <hr class="border-neutral-300" />
16493                        </li>
16494
16495                                                                                    <li class="list-inline-item static-pages-item category-box " x-show="level == 0">
16496                                    <a class="menubutton0 nav-link block px-4 py-2 text-sm "
16497                                        href="https://www.dorothea.no/pages/shipping" >Frakt og levering</a>
16498                                </li>
16499                                                                                                                                                                    <li class="list-inline-item static-pages-item category-box " x-show="level == 0">
16500                                    <a class="menubutton2 nav-link block px-4 py-2 text-sm "
16501                                        href="https://www.dorothea.no/pages/vre-butikker" >VÃ¥re butikker</a>
16502                                </li>
16503                                                                                                        
16504            </ul>
16505        </nav>
16506
16507        <div class="fixed inset-0 bg-gray-900 opacity-50 z-10"
16508            x-show="menuOpen"
16509            x-transition:enter="transition ease-out duration-200"
16510            x-transition:enter-start="opacity-0"
16511            x-transition:enter-end="opacity-50"
16512            x-transition:leave="transition ease-in duration-200"
16513            x-transition:leave-start="opacity-50"
16514            x-transition:leave-end="opacity-0"
16515            @click="menuOpen = false; setTimeout(() => $store.settings.settings.mobileMenuOpen = false, 200)">
16516        </div>
16517    </div>
16518
16519<style>
16520    #__mobile_menu nav,
16521    #__mobile_menu nav ul {
16522        background-color: #ffffffff;
16523        color: #000000;
16524        fill: #000000;
16525    }
16526
16527    #__mobile_menu>nav ul li>a,
16528    #__mobile_menu>nav ul li>div {
16529        background-color: #ffffff;
16530        color: #000000;
16531        fill: #000000;
16532    }
16533
16534    #__mobile_menu>nav ul .active>a,
16535    #__mobile_menu>nav ul .active>div {
16536        background-color: #fff;
16537        color: #810728ff;
16538        fill: #810728ff;
16539    }
16540</style>
16541            
16542                        
16543            <template x-if="$store.modals.newslettermodal.open">
16544    <div x-data="{ newsletterOpen: false }"
16545    class="bg-black/25 transition-all duration-300 w-full h-full fixed left-0 top-0 z-20 text-black"
16546    :class="{ 'opacity-100': newsletterOpen, 'opacity-0': !newsletterOpen}"
16547    x-init="setTimeout( function() { newsletterOpen = true}, 0)">
16548    <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"
16549        id="newsletterModal" tabindex="-1" role="dialog" aria-labelledby="newsletterModalTitle">
16550        <div class="modal-header">
16551            <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>
16552            
16553        
16554                    
16555    
16556                    
16557                    
16558        
16559            
16560    <h2
16561        x-data="{ conditions: null }"
16562        x-init="$s('conditions').checkConditions(conditions)"
16563        x-show="$s('conditions').checkConditions(conditions)"
16564                class="___block  relative"
16565        style="
16566            color: inherit;            
16567            font-size: 1.25rem;
16568            font-weight: inherit;
16569            line-height: inherit;
16570            text-transform: none !important;
16571            text-align: inherit;
16572            background-color: ;            border-radius: 0;        "
16573        data-subblock-key="heading">
16574        Meld meg på Nyhetsbrev
16575    </h2>
16576
16577    <style>
16578        @media (max-width: 600px) {
16579            #, # * {
16580                text-align: inherit !important;
16581            }
16582        }
16583    </style>
16584        </div>
16585        <div class="modal-body">
16586            <p>
16587                Meld deg p&aring; nyhetsbrevet v&aring;rt og v&aelig;r oppdatert med alle nyhetene v&aring;re
16588                f&oslash;rst
16589            </p>
16590            <form name="join_newsletter_form" action="https://www.dorothea.no/newsletter/?action=join" method="post">
16591                
16592                                    <input type='hidden' name='csrf_token' value='4_AnWNvB8QJatOg2nYJnUqorD1IOL0nraA535dTZqk' />
16593                                
16594                <div class="relative z-0 mb-6 w-full group">
16595                    <input type="text" name="email" id="newsletter-modal_firstname"
16596                        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"
16597                        placeholder=" " required="">
16598                    <label for="newsletter-modal_firstname"
16599                        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:
16600                        <span class="text-error text-red-500">*</span>
16601                    </label>
16602                </div>
16603                <div class="relative z-0 mb-6 w-full group">
16604                    <input type="text" name="email" id="newsletter-modal_lastname"
16605                        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"
16606                        placeholder=" " required="">
16607                    <label for="newsletter-modal_lastname"
16608                        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:
16609                        <span class="text-error text-red-500">*</span>
16610                    </label>
16611                </div>
16612                <div class="relative z-0 mb-6 w-full group">
16613                    <input type="text" name="email" id="newsletter-modal_email"
16614                        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"
16615                        placeholder=" " required="">
16616                    <label for="newsletter-modal_email"
16617                        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:
16618                        <span class="text-error text-red-500">*</span>
16619                    </label>
16620                </div>
16621                <button type="submit" class="button button-primary">
16622                    Fortsett
16623                </button>
16624            </form>
16625        </div>
16626    </div>
16627    <div class="w-full h-full" @click="$store.modals.newslettermodal.toggle()"></div>
16628</div>
16629</template>
16630<template x-if="$store.modals.currencymodal.open">
16631    <div class="bg-black/25 w-full h-full fixed left-0 top-0 z-20 text-black">
16632    <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">
16633        <div class="modal-header">
16634            <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>
16635            <h2 class="flex gap-2 text-black text-2xl mb-2">Velg<span class="lowercase">Valutaer</span></h2>
16636        </div>
16637        <div class="modal-body flex flex-col">
16638            <form name="currencies" action="/" method="GET" x-ref="currencies_form">
16639                                    <div class="flex flex-col">
16640                        <input
16641                            type="radio"
16642                            name="currency"
16643                            value="NOK"
16644                            title="Norske kroner"
16645                            data-currency-code="NOK"
16646                            class="hidden"
16647                            id="__input-currency-radio-NOK"
16648                            @change="() => $refs.currencies_form.submit();"
16649                        />
16650                        <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">
16651                            <strong>NOK</strong> <span class="pl10">Norske kroner</span>
16652                        </label>
16653                    </div>
16654                
16655                <input type="hidden" name="q" value="https://www.dorothea.no">
16656            </form>
16657        </div>
16658    </div>
16659    <div class="w-full h-full" @click="$store.modals.currencymodal.toggle()"></div>
16660</div>
16661</template>
16662<template x-if="$store.modals.languagemodal.open">
16663    <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"
16664    :class="{ 'opacity-100': languageModalOpen, 'opacity-0': !languageModalOpen}"
16665    x-init="setTimeout( function() { languageModalOpen = true}, 10)">
16666    <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]"
16667        id="languageModal" tabindex="-1" role="dialog" aria-labelledby="languageModalTitle">
16668        <div class="modal-header">
16669            <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>
16670            <h2 class="flex gap-2 text-black text-2xl mb-2">Velg<span class="lowercase">Språk</span></h2>
16671        </div>
16672        <div class="modal-body flex flex-col">
16673                                                <a
16674                        href="/no/"
16675                        title="Norwegian"
16676                        class="selected flex p-2 rounded hover:bg-neutral-100 transition-all duration-300"
16677                    >
16678                        <img src="https://dorothea-i02.acendycdn.com/production/build/backend/assets/flags/4x3/no.svg?v=4.2026.09.25.11" class="h-auto w-6 object-contain" />
16679                        <span class="ml-2">Norwegian</span>
16680                    </a>
16681                                    </div>
16682    </div>
16683    <div class="w-full h-full" @click="$store.modals.languagemodal.toggle()"></div>
16684</div>
16685</template>
16686<template x-if="$store.modals.taxmodal.open">
16687    <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"
16688    :class="{ 'opacity-100': taxesModal, 'opacity-0': !taxesModal}"
16689    x-init="setTimeout( function() { taxesModal = true}, 0)">
16690    <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"
16691        id="taxesModal" tabindex="-1" role="dialog" aria-labelledby="taxesModalTitle">
16692        <div role="document">
16693            <div class="modal-header">
16694                <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>
16695                
16696        
16697                    
16698    
16699                    
16700                    
16701        
16702            
16703    <h2
16704        x-data="{ conditions: null }"
16705        x-init="$s('conditions').checkConditions(conditions)"
16706        x-show="$s('conditions').checkConditions(conditions)"
16707                class="___block  relative"
16708        style="
16709            color: inherit;            
16710            font-size: 1.25rem;
16711            font-weight: inherit;
16712            line-height: inherit;
16713            text-transform: none !important;
16714            text-align: inherit;
16715            background-color: ;            border-radius: 0;        "
16716        data-subblock-key="heading">
16717        Priser inkl. eller ekskl. mva
16718    </h2>
16719
16720    <style>
16721        @media (max-width: 600px) {
16722            #, # * {
16723                text-align: inherit !important;
16724            }
16725        }
16726    </style>
16727            </div>
16728            <div class="col-12 pb30">
16729                I denne butikken kan du velge om du vil se prisene med eller uten moms. <i class="fal fa-smile"></i>
16730            </div>
16731            <section class="buttons flex mt-2">
16732                <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>
16733                <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>
16734            </section>
16735        </div>
16736    </div>
16737    <div class="w-full h-full" @click="$store.modals.taxmodal.toggle()"></div>
16738</div>
16739
16740</template>
16741<template x-if="$store.modals.countriesmodal.open">
16742    <div class="bg-black/25 w-full h-full fixed left-0 top-0 z-20 text-black">
16743    <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">
16744        <div class="modal-header">
16745            
16746        
16747                    
16748    
16749                    
16750                    
16751        
16752            
16753    <h2
16754        x-data="{ conditions: null }"
16755        x-init="$s('conditions').checkConditions(conditions)"
16756        x-show="$s('conditions').checkConditions(conditions)"
16757                class="___block  relative"
16758        style="
16759            color: inherit;            
16760            font-size: 1.25rem;
16761            font-weight: inherit;
16762            line-height: inherit;
16763            text-transform: none !important;
16764            text-align: inherit;
16765            background-color: ;            border-radius: 0;        "
16766        data-subblock-key="heading">
16767        Endre butikkversjon (land)
16768    </h2>
16769
16770    <style>
16771        @media (max-width: 600px) {
16772            #, # * {
16773                text-align: inherit !important;
16774            }
16775        }
16776    </style>
16777        </div>
16778        <div class="modal-body flex flex-col">
16779            <form action="/" method="GET" x-ref="countries">
16780                <select name="switchCountry" class="w-full bg-gray-100 p-4">
16781                                            <option class="col-12 pb10" value="NO" selected>Norge</option>
16782                                    </select>
16783                <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>
16784                <div class="w-full">
16785                    <button class="button button-primary btn btn-primary max-w-none w-full">Endre butikkversjon</button>
16786                </div>
16787                <input type="hidden" name="r" value="/" />
16788            </form>
16789        </div>
16790    </div>
16791    <div class="w-full h-full" @click="$store.modals.countriesmodal.toggle(
16791)"></div>
16792</div>
16793</template>
16794<template x-if="$store.modals.customerclubmodal.open">
16795    
16796<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"
16797    :class="{ 'opacity-100': customerclubmodal, 'opacity-0': !customerclubmodal}"
16798    x-init="setTimeout( function() { customerclubmodal = true}, 0)">
16799<section
16800    x-data="{ confirmed: $store.customer_club.confirmedClubJoin, showTermsModal:$store.customer_club.showTermsModal,  leaveCustomerClub: $store.customer_club.leaveCustomerClubCheckbox, leaveCustomerClubModal: $store.customer_club.leaveCustomerClubModal }">
16801    <template x-if="leaveCustomerClubModal">
16802        <div class="modal fixed z-10 left-0 top-0 w-50 h-screen border border-red-500 bg-[#0000009c]" id="custom_club_confirm"
16803            tabindex="-1" role="dialog">
16804            <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"
16805                role="document">
16806                <div class="modal-content">
16807                    <div class="modal-header mt-4">
16808                                    <div @click="$store.modals.customerclubmodal.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>
16809
16810                        <h5 class="modal-title my-2 text-lg">Er du helt sikker på at du ønsker å forlate
16811                            kundeklubben?</h5>
16812                    </div>
16813                    <div class="modal-body text-sm">
16814                        <p>Hvis du forlater kundeklubben vil oppsparte bonuspoeng slettes, og fremtidige kjøp vil
16815                            ikke gi bonuspoeng.</p>
16816                    </div>
16817                    <div class="modal-footer flex my-4 gap-2">
16818                        <button class="button button-warning leave_customer_club"
16819                            @click="$dispatch('submit-form')">Bekreft
16820                            utmelding</button>
16821                        <button type="button" class="button button-danger"
16822                            @click="leaveCustomerClubModal=false">Close</button>
16823                    </div>
16824                </div>
16825            </div>
16826        </div>
16827    </template>
16828    <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">
16829     <button @click="$store.modals.customerclubmodal.toggle()" style="" 
16830                        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" 
16831                        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>
16832                    </button>
16833        
16834            </section>
16835
16836    <style>
16837    .customer-club-content .customer-club-list {
16838        margin: 10px 0;
16839        padding-left: 20px;
16840    }
16841
16842    .__customer_club_modal h2 {
16843        font-size: 1.55rem;
16844    }
16845
16846    .__customer_club_modal h3 {
16847        font-size: 1.25rem;
16848        margin-bottom: .5rem;
16849    }
16850
16851    .__customer_club_modal .customer-club-content {
16852        margin-bottom: 1rem;
16853    }
16854
16855    .__customer_club_modal .customer-club-content a {
16856        color: var(--link-color);
16857    }
16858
16859    </style>
16860</section>
16861</div>
16862</template>
16863<template x-if="$store.modals.magicloginmodal.open">
16864    <div
16865    x-data="magicLoginModal"
16866    data-config="{&quot;login_type&quot;:&quot;email&quot;,&quot;enabled_login_options&quot;:[&quot;email&quot;,&quot;password&quot;,&quot;klarna&quot;],&quot;countries&quot;:[&quot;NO&quot;],&quot;default_country&quot;:&quot;NO&quot;,&quot;privacy_url&quot;:&quot;https:\/\/www.dorothea.no\/pages\/privacy&quot;,&quot;create_account_link&quot;:&quot;https:\/\/www.dorothea.no\/create_account&quot;,&quot;external_auth_link&quot;:&quot;https:\/\/www.dorothea.no\/external-auth&quot;,&quot;forgot_password_link&quot;:&quot;https:\/\/www.dorothea.no\/password_forgotten&quot;}"
16867    data-csrf="4_FFY7VqoTyWbFlczB3fzQBwEwI3pJu4JvWdFNLHir"
16868    data-bundle-js="https://cdn.mystore4.no/js/widgets/bundle.js"
16869    data-bundle-css="https://cdn.mystore4.no/js/widgets/bundle.css"
16870    data-translation-bundle="https://dorothea-i01.acendycdn.com/production/assets/localization/781592fc906423adb1885cb926ae54d23f6254a2-nb-NO.js?v=4.2026.09.25.11"
16871    class="bg-black/25 transition-all magicloginmodal __magic_login_modal duration-300 w-full h-full fixed left-0 top-0 z-30 text-black flex items-center justify-center"
16872    :class="{ 'opacity-100': modalReady, 'opacity-0': !modalReady }"
16873    @click.self="$store.modals.magicloginmodal.toggle()"
16874    @keydown.escape.window="$store.modals.magicloginmodal.toggle()"
16875>
16876    <section
16877        x-ref="card"
16878        class="__magic_login_card relative bg-white rounded-lg w-[92%] max-w-[640px] max-h-[90vh] overflow-y-auto p-4 pt-10"
16879    >
16880        <button
16881            type="button"
16882            @click="$store.modals.magicloginmodal.toggle()"
16883            class="flex justify-center items-center bg-gray-100 rounded-full absolute top-2 right-2 w-8 h-8 p-0 overflow-hidden z-10"
16884            aria-label="Close"
16885        ><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></button>
16886
16887        <div id="MagicLogin" x-ref="magicLogin"></div>
16888
16889        <hr class="magic-login-hr" />
16890
16891        <div class="create-new-user-wrapper">
16892            <p>Er du en ny kunde?</p>
16893            <a href="https://www.dorothea.no/create_account"
16894               target="_blank"
16895               rel="noopener"
16896               @click="$store.modals.magicloginmodal.toggle()">
16897                <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16898                    <g clip-path="url(#clip0_907_710)">
16899                        <path d="M0 15.0719C0 11.9937 2.49375 9.5 5.57188 9.5H8.42813C11.5063 9.5 14 11.9937 14 15.0719C14 15.5844 13.5844 16 13.0719 16H0.928125C0.415625 16 0 15.5844 0 15.0719Z" fill="#94A3B8"/>
16900                        <path opacity="0.4" d="M3 4C3 2.93913 3.42143 1.92172 4.17157 1.17157C4.92172 0.421427 5.93913 0 7 0C8.06087 0 9.07828 0.421427 9.82843 1.17157C10.5786 1.92172 11 2.93913 11 4C11 5.06087 10.5786 6.07828 9.82843 6.82843C9.07828 7.57857 8.06087 8 7 8C5.93913 8 4.92172 7.57857 4.17157 6.82843C3.42143 6.07828 3 5.06087 3 4Z" fill="#94A3B8"/>
16901                    </g>
16902                    <defs>
16903                        <clipPath id="clip0_907_710">
16904                            <rect width="14" height="16" fill="white"/>
16905                        </clipPath>
16906                    </defs>
16907                </svg>
16908                Registrer en konto hos oss
16909            </a>
16910        </div>
16911    </section>
16912
16913    <style>
16914        #MagicLogin {
16915            background-color: #fff;
16916            min-height: 250px;
16917            display: flex;
16918            flex-direction: row;
16919            border-radius: 8px;
16920        }
16921
16922        .__magic_login_card hr.magic-login-hr {
16923            margin-top: 24px;
16924            margin-bottom: 24px;
16925            border: 0;
16926            border-top: 1px solid #e5e5e5;
16927        }
16928
16929        .__magic_login_card .create-new-user-wrapper {
16930            display: flex;
16931            align-items: center;
16932            justify-content: center;
16933            flex-direction: column;
16934        }
16935
16936        .__magic_login_card .create-new-user-wrapper a svg {
16937            margin-right: 6px;
16938        }
16939
16940        .__magic_login_card .create-new-user-wrapper a {
16941            background-color: #FAFAFA;
16942            border-radius: 4px;
16943            border: 1px solid #E5E5E5;
16944            display: flex;
16945            padding: 12px 18px;
16946            justify-content: center;
16947            color: #000;
16948            text-decoration: none;
16949            align-items: center;
16950        }
16951
16952        #MagicLogin * {
16953            border-collapse: separate;
16954        }
16955
16956        #MagicLogin .login-type-selector {
16957            width: 40%;
16958            display: flex;
16959            flex-direction: column;
16960            border-right: 1px solid #e0e0e0;
16961        }
16962
16963        #MagicLogin .login-type-selector .login-type {
16964            cursor: pointer;
16965            padding: 0px 18px;
16966        }
16967
16968        #MagicLogin .login-type-selector .login-type.is-selected-option {
16969            background: #fcfcfc;
16970        }
16971
16972        #MagicLogin .login-type-selector .login-type > div {
16973            display: flex;
16974            flex-direction: row;
16975            align-items: center;
16976            padding: 12px 0px;
16977            border-bottom: 1px solid #f5f5f5;
16978        }
16979
16980        #MagicLogin .login-type-selector .login-type:last-child > div {
16981            border-bottom: 0;
16982        }
16983
16984        #MagicLogin .login-content-wrapper .login-type-content {
16985            padding: 12px 18px;
16986        }
16987
16988        #MagicLogin .login-content-wrapper {
16989            width: 60%;
16990        }
16991
16992        #MagicLogin .magic-login-button {
16993            font-family: 'Ubuntu';
16994            cursor: pointer;
16995            background-color: #000;
16996            color: #fff;
16997            padding: 12px;
16998            border-radius: 8px;
16999            width: 100%;
17000            border: 0;
17001            margin-top: 12px;
17002            font-size: 16px;
17003            width: 100% !important;
17004        }
17005
17006        #MagicLogin .magic-login-loader {
17007            width: 12px;
17008            height: 12px;
17009            border-radius: 50%;
17010            display: block;
17011            margin: 15px auto;
17012            position: relative;
17013            color: #e5e5e5;
17014            box-sizing: border-box;
17015            animation: magic-login-loader-anim 2s linear infinite;
17016        }
17017
17018        @keyframes magic-login-loader-anim {
17019            0% { box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
17020            25% { box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px; }
17021            50% { box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px; }
17022            75% { box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; }
17023            100% { box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px; }
17024        }
17025
17026        #MagicLogin .magic-login-error-message >
17026 div:first-child {
17027            padding: 10px;
17028            display: flex;
17029            justify-content: center;
17030            align-items: center;
17031        }
17032
17033        #MagicLogin .magic-login-error-message > div:last-child {
17034            padding-right: 4px;
17035            padding-top: 12px;
17036            padding-bottom: 12px;
17037        }
17038
17039        #MagicLogin .magic-login-error-message {
17040            border-radius: 4px;
17041            margin-top: 12px;
17042            margin-bottom: 12px;
17043            background-color: #EF4444;
17044            color: #fff;
17045            display: flex;
17046        }
17047
17048        #MagicLogin .login-with-vipps {
17049            margin-top: 10px;
17050            font-weight: 500;
17051            background-color: #000000;
17052            color: #fff;
17053            text-decoration: none;
17054            font-family: 'Ubuntu';
17055            padding: 12px;
17056            cursor: pointer;
17057            border-radius: 8px;
17058            border: 0;
17059            font-size: 16px;
17060            width: 100% !important;
17061            display: flex;
17062            align-items: center;
17063            border-collapse: separate;
17064            justify-content: center;
17065        }
17066
17067        #MagicLogin .magic-login-header {
17068            font-size: 14px !important;
17069            background-color: #fafafa;
17070            text-align: center;
17071            padding: 12px 18px;
17072        }
17073
17074        #MagicLogin .login-type-selector .login-type > div > div:first-child {
17075            display: flex;
17076            font-size: 14px !important;
17077            width: 20px;
17078        }
17079
17080        #MagicLogin .login-type-selector .login-type > div > div:last-child {
17081            font-size: 14px !important;
17082            padding-left: 6px;
17083        }
17084
17085        #MagicLogin .login-type-selector-mobile,
17086        #MagicLogin .select-login-method-mobile,
17087        #MagicLogin .current-login-type-mobile {
17088            display: none;
17089        }
17090
17091        #MagicLogin .input-container label {
17092            font-weight: bold;
17093        }
17094
17095        #MagicLogin .input-container {
17096            margin-top: 8px;
17097            margin-bottom: 8px;
17098        }
17099
17100        #MagicLogin .input-codes {
17101            margin-top: 0px;
17102            display: flex;
17103            margin-bottom: 15px;
17104            justify-content: space-evenly;
17105        }
17106
17107        #MagicLogin .try-again {
17108            text-align: center;
17109        }
17110
17111        #MagicLogin .try-again a i {
17112            margin-right: 6px;
17113        }
17114
17115        #MagicLogin .try-again a {
17116            font-size: 12px;
17117            text-decoration: none;
17118            color: #262626;
17119        }
17120
17121        #MagicLogin .onetime-code-label {
17122            font-weight: 600;
17123            color: #8a8a8a;
17124            text-align: center;
17125        }
17126
17127        #MagicLogin .input-codes input {
17128            text-align: center;
17129            max-width: 60px;
17130            margin-left: 4px;
17131            margin-right: 4px;
17132        }
17133
17134        #MagicLogin input {
17135            background: #fff;
17136            color: #1b1b1b;
17137            padding: 12px;
17138            height: 42px;
17139            border-radius: 4px;
17140            width: 100%;
17141            border: 1px solid #d4d4d4;
17142            font-size: 12px;
17143        }
17144
17145        #MagicLogin input[type="checkbox"] {
17146            background: #fff;
17147            color: #1b1b1b;
17148            padding: 0px;
17149            height: 20px;
17150            width: 20px;
17151        }
17152
17153        #MagicLogin .terms {
17154            display: flex;
17155            align-items: center;
17156            margin-top: 10px;
17157        }
17158
17159        #MagicLogin .terms.show-terms-error {
17160            border: 1px solid red;
17161            padding: 5px;
17162            border-radius: 5px;
17163        }
17164
17165        #MagicLogin .terms > input {
17166            margin-right: 10px;
17167        }
17168
17169        #MagicLogin .login-type-selector.login-completed {
17170            display: none !important;
17171        }
17172
17173        #MagicLogin .login-content-wrapper.login-completed .current-login-type-mobile {
17174            display: none !important;
17175        }
17176
17177        #MagicLogin .login-content-wrapper.login-completed {
17178            width: 100%;
17179        }
17180
17181        #MagicLogin .login-type-selector img,
17182        #MagicLogin .current-login-type-mobile img {
17183            width: 20px !important;
17184        }
17185
17186        @media only screen and (max-width: 600px) {
17187            #MagicLogin .login-type-selector,
17188            #MagicLogin .magic-login-header {
17189                display: none;
17190            }
17191
17192            #MagicLogin .login-type-selector-mobile {
17193                background-color: #fafafa;
17194                display: block !important;
17195                width: 100%;
17196                padding-left: 14px;
17197                border-right: 0;
17198            }
17199
17200            #MagicLogin .login-content-wrapper {
17201                width: 100%;
17202                padding: 0px;
17203            }
17204
17205            #MagicLogin .login-content-wrapper .login-type-content {
17206                padding: 12px;
17207            }
17208
17209            #MagicLogin .current-login-type-mobile {
17210                margin-left: 12px;
17211                margin-right: 12px;
17212                border: 1px solid #d4d4d4;
17213                padding: 12px 18px;
17214                border-radius: 4px;
17215                display: flex;
17216                flex-direction: row;
17217                align-items: center;
17218            }
17219
17220            #MagicLogin .current-login-type-mobile > div:first-child {
17221                font-size: 14px !important;
17222                width: 20px;
17223            }
17224
17225            #MagicLogin .current-login-type-mobile > div:last-child {
17226                font-size: 14px !important;
17227                padding-left: 6px;
17228                display: flex;
17229                align-items: center;
17230                justify-content: space-between;
17231                width: 100%;
17232            }
17233
17234            #MagicLogin .login-type-selector .login-type {
17235                padding: 0;
17236            }
17237
17238            #MagicLogin .select-login-method-mobile {
17239                display: block;
17240                text-align: center;
17241                background-color: #fafafa;
17242                padding: 12px;
17243                font-weight: bold;
17244                margin-bottom: 12px;
17245            }
17246        }
17247    </style>
17248</div>
17249</template>
17250
17251                    </div>
17252
17253        <button
17254    aria-label="Bla til toppen"
17255    x-data="{ isVisible: false }"
17256    @scroll.window="isVisible = (window.pageYOffset > 400)"
17257    @click="window.scrollTo({ top: 0, behavior: 'smooth' })" x-show.transition.opacity="isVisible" type="button"
17258    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">
17259    <svg aria-hidden="true" focusable="false" data-prefix="fas" class="w-4 h-4" role="img"
17260        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
17261        <path fill="currentColor"
17262            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">
17263        </path>
17264    </svg>
17265</button>
17266            <div x-init="
17267            $store.consent.render();                    "
17268        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">
17269    </div>
17270
17271    
17272        <section x-data x-init="() => {
17273    $s('consent').settings.version = '110';
17274    $s('consent').settings.cookieShortLife = '1';
17275    $s('consent').settings.cookieLongLife = '30';
17276
17277            $s('consent').settings.showSmallConsentContainer = true;
17278    
17279    
17280            $s('consent').settings.allowFacebookPixel = true;
17281    }">
17282    
17283                                    <div x-cloak x-show="$store.consent.settings.showSmallConsentContainer"
17284                    class="z-50 fixed w-full right-0 bottom-0 p-5 shadow bg-white md:max-w-460 consent-container">
17285                        <div class="text-xs gap-y-5 flex flex-col">
17286                <div class="flex items-center justify-between">
17287                    <div class="text-[22px] leading-normal font-medium font-['Roboto'] not-italic flex gap-x-1">
17288                        <span>Om informasjonskapsler på dette nettstedet</span>
17289                        <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
17290                            <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"/>
17291                        </svg>
17292                    </div>
17293                                            <div class="w-20">
17294                            <img src="/kontrollpanel/images/acendy.svg" alt="Powered by Mystore" height="25">
17295                        </div>
17296                                    </div>
17297                <div class="text-sm leading-normal font-normal font-['Roboto'] not-italic">
17298                    Dette nettstedet bruker informasjonskapsler for å fungere korrekt, analysere trafikk, personalisering av annonser og annonsering. <a class="text-[#409AEF] font-['Roboto'] text-sm leading-normal font-normal not-italic cursor-pointer" @click="() => $store.consent.readMore()">
17299                        <span class="consent-read-more">Juster innstillingene</span>
17300                    </a>
17301                </div>
17302                <div class="block gap-5 items-center text-sm text-white leading-normal font-normal not-italic">
17303                    <button class="rounded border py-2.5 px-3 max-w-full w-full bg-[#026B85] consent-deny-all" @click="() => $store.consent.acceptNeeded()">
17304                                                    Godta nødvendig
17305                                            </button>
17306                    <button class="rounded border py-2.5 px-3 max-w-full w-full bg-[#026B85] consent-accept-all" @click="() => $store.consent.acceptAll()">
17307                        Godta alle
17308                    </button>
17309                </div>
17310            </div>
17311        </div>
17312    
17313    
17314    <template x-if="$store.consent.settings.showConsentModal">
17315    <div class="fixed left-0 top-0 w-full h-screen bg-[#79656569]" style="z-index: 10000;">
17316        <div x-show="false">
17317            <button>
17318                Tilpass dine informasjonskapsler
17319                <img src="/images/arrow-right-fal-white.png" alt="" aria-hidden="true">
17320            </button>
17321        </div>
17322
17323        <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">
17324            <div>
17325                <div>
17326                    <div class="my-4 text-[15px] font-bold flex items-center gap-x-1">
17327                        Om informasjonskapsler på dette nettstedet
17328                        <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
17329                            <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"/>
17330                        </svg>
17331                    </div>
17332                </div>
17333                <div class="my-4">
17334                    <div>
17335                        <div class="text-sm mb-3">
17336                                                            <div class="mb-3">
17337                                    Dette nettstedet bruker informasjonskapsler for å fungere korrekt, analysere trafikk, personalisering av annonser og annonsering.
17338                                </div>
17339                                                        Vi bruker egne og tredjeparts informasjonskapsler (cookie
17339s) 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.
17340                        </div>
17341                        <div class="text-sm mb-4 text-[#026B85]">
17342                            <div class="mb-2">
17343                                <a href="/pages/personvern-og-cookies">Les mer om informasjonskapsler</a>
17344                            </div>
17345                            <div>
17346                                <a href="https://business.safety.google/privacy/">Googles retningslinjer for personvern</a>
17347                            </div>
17348                        </div>
17349                    </div>
17350                    <div class="flex gap-x-2.5 my-2">
17351                        <button class="border w-1/2 bg-[#026B85] text-white rounded p-2 text-sm consent-deny-all"
17352                                @click="(e) => $store.consent.acceptNeeded()">
17353                                                            Godta nødvendig
17354                                                    </button>
17355                        <button class="w-1/2 rounded p-2 bg-[#026B85] text-white text-sm consent-accept-all"
17356                                @click="(e) => $store.consent.acceptAll()">
17357                            Godta alle
17358                        </button>
17359                    </div>
17360                    <div class="flex gap-x-1 justify-between my-4 text-xs" >
17361                        <div class="consent_modal_switch_container flex my-4 bg-[#f2f2f2] flex-grow">
17362                            <span>Nødvendig</span>
17363                            <label class="consent_modal_switch">
17364                                <input
17365                                    id="consent_necessary_select"
17366                                    class="consent_no_select"
17367                                    checked disabled
17368                                    type="checkbox"
17369                                    aria-label="Nødvendig"
17370                                />
17371                                <span class="slider consent_necessary_opacity"></span>
17372                            </label>
17373                        </div>
17374                        <div class="consent_modal_switch_container flex my-4 bg-[#f2f2f2] flex-grow">
17375                            <span>Analyse</span>
17376                            <label class="consent_modal_switch">
17377                                <input
17378                                    id="consent_analytics_select"
17379                                    type="checkbox"
17380                                    x-model="$store.consent.options.consent_analytics_select"
17381                                    aria-label="Analyse"
17382                                />
17383                                <span class="slider"></span>
17384                            </label>
17385                        </div>
17386                        <div class="consent_modal_switch_container flex my-4 bg-[#f2f2f2] flex-grow">
17387                            <span>Markedsføring</span>
17388                            <label class="consent_modal_switch">
17389                                <input
17390                                    id="consent_marketing_select"
17391                                    type="checkbox"
17392                                    x-model="$store.consent.options.consent_marketing_select"
17393                                    aria-label="Markedsføring"
17394                                />
17395                                <span class="slider"></span>
17396                            </label>
17397                        </div>
17398                        <div class="consent_modal_switch_container flex my-4 bg-[#f2f2f2] flex-grow">
17399                            <span>MÃ¥lrettet</span>
17400                            <label class="consent_modal_switch">
17401                                <input
17402                                    id="consent_targeted_select"
17403                                    type="checkbox"
17404                                    x-model="$store.consent.options.consent_user_data_select"
17405                                    aria-label="MÃ¥lrettet"
17406                                />
17407                                <span class="slider"></span>
17408                            </label>
17409                        </div>
17410                        <div class="consent_modal_switch_container flex my-4 bg-[#f2f2f2] flex-grow">
17411                            <span>Egendefinert</span>
17412                            <label class="consent_modal_switch">
17413                                <input
17414                                    id="consent_custom_select"
17415                                    type="checkbox"
17416                                    x-model="$store.consent.options.consent_ad_personalization_select"
17417                                    aria-label="Egendefinert"
17418                                />
17419                                <span class="slider"></span>
17420                            </label>
17421                        </div>
17422
17423                    </div>
17424                    <button class="border w-full bg-[#026B85] text-white rounded p-2 text-sm consent-accept-custom"
17425                            @click="(e) => $store.consent.acceptCustom()">Bekreft valg</button>
17426                </div>
17427                                    <div class="consent_mystore_logo_container">
17428                        <div class="consent_mystore_modal_logo">
17429                            <span>Drevet av</span>
17430                            <img src="/kontrollpanel/images/acendy.svg" alt="Powered by Mystore" height="25">
17431                        </div>
17432                    </div>
17433                            </div>
17434        </div>
17435    </div>
17436</template>
17437</section>
17438
17439    
17440
17441<!-- <div class="hidden">
17442    <div class="
17443            text-left text-center text-right md:text-left md:text-center md:text-right
17444            border-t z-60 z-[100] max-h-[500px] overflow-y-auto max-w-2xl max-w-3xl
17445            grid-cols-1 grid-cols-2 grid-cols-3 grid-cols-4 grid-cols-5 grid-cols-6 grid-cols-7 grid-cols-8
17446            col-span-1 col-span-2 col-span-3 col-span-4 col-span-5 col-span-6 col-span-7 col-span-8
17447            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
17448            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
17449            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
17450            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
17451            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
17452            text-amber-300
17453            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
17454        "></div>
17455</div> -->
17456
17457
17458
17459
17460
17461<style>
17462/* Widgetgrid styles */
17463.acendy-widgetgrid .grid {
17464    display: table;
17465    width: 100%;
17466    overflow: hidden;
17467    margin: 10px auto;
17468    height: 100%;
17469}
17470.acendy-widgetgrid .grid-item {
17471    position: relative;
17472    display: table-cell;
17473    height: 100%;
17474    vertical-align: top;
17475    -webkit-box-sizing: border-box;
17476    -mozbox-sizing: border-box;
17477    box-sizing: border-box;
17478}
17479.acendy-widgetgrid .grid-content {
17480    height: 100%;
17481    padding: 15px;
17482     -moz-box-sizing: border-box;
17483}
17484.acendy-widgetgrid .grid--middle .grid-item {
17485    vertical-align: middle;
17486}
17487.acendy-widgetgrid .grid-item-1-2 {
17488    width: 50%;
17489}
17490.acendy-widgetgrid .grid-item-1-3 {
17491    width: 33.33%;
17492}
17493.acendy-widgetgrid .grid-item-2-3 {
17494    width: 66.66%;
17495}
17496.acendy-widgetgrid .grid-item-1-4 {
17497    width: 25%;
17498}
17499.acendy-widgetgrid .grid-item-1-6 {
17500    width: 16.66%;
17501    height: 100%;
17502}
17503.acendy-widgetgrid .grid-item img {
17504    display: block;
17505    max-width: 100%;
17506    height: auto !important;
17507}
17508
17509.acendy-widgetgrid .grid-responsive-4-2 {
17510    display: table;
17511    table-layout: fixed;
17512}
17513.acendy-widgetgrid .grid-responsive-4-2 .grid-item {
17514    display: table-cell;
17515    width: 25%;
17516}
17517
17518@media (max-width: 768px) {
17519    .acendy-widgetgrid .grid-responsive-4-2 {
17520        display: flex;
17521        flex-wrap: wrap;
17522    }
17523    .acendy-widgetgrid .grid-responsive-4-2 .grid-item {
17524        display: block;
17525        width: 50%;
17526        flex: 0 0 50%;
17527        box-sizing: border-box;
17528    }
17529}
17530
17531.acendy-widgetgrid .grid-responsive-2-1 {
17532    display: table;
17533    table-layout: fixed;
17534}
17535.acendy-widgetgrid .grid-responsive-2-1 .grid-item {
17536    display: table-cell;
17537    width: 50%;
17538}
17539
17540@media (max-width: 768px) {
17541    .acendy-widgetgrid .grid-responsive-2-1 {
17542        display: flex;
17543        flex-wrap: wrap;
17544    }
17545    .acendy-widgetgrid .grid-responsive-2-1 .grid-item {
17546        display: block;
17547        width: 100%;
17548        flex: 0 0 100%;
17549        box-sizing: border-box;
17550    }
17551}
17552
17553</style>
17554
17555    
17556    
17557
17558<script>
17559function copyToClipboard(textToCopy) {
17560    var tempInput = document.createElement('input');
17561    tempInput.setAttribute('value', textToCopy);
17562    document.body.appendChild(tempInput);
17563
17564    tempInput.select();
17565    document.execCommand('copy');
17566
17567    document.body.removeChild(tempInput);
17568}
17569</script>
17569
17570
17571        <div x-cloak x-show="$store.search.open" @keyup.window.escape="$store.search.open = false">
17572        <div x-show="$store.search.open"
17573        x-transition:enter="transition ease-out duration-200"
17574        x-transition:enter-start="opacity-0"
17575        x-transition:enter-end="opacity-100"
17576        x-transition:leave="transition ease-in duration-150"
17577        x-transition:leave-start="opacity-100"
17578        x-transition:leave-end="opacity-0"
17579        class="fixed inset-0 bg-black/40 z-[80] md:hidden"
17580        @click="$store.search.open = false"
17581        x-cloak
17582    ></div>
17583
17584    <div id="open-search-modal"
17585        role="dialog" aria-modal="true" aria-label="Search" tabindex="-1"
17586        x-show="$store.search.open"
17587        x-transition:enter="transition ease-out duration-300"
17588        x-transition:enter-start="translate-y-full md:translate-y-0"
17589        x-transition:enter-end="translate-y-0"
17590        x-transition:leave="transition ease-in duration-200"
17591        x-transition:leave-start="translate-y-0"
17592        x-transition:leave-end="translate-y-full md:translate-y-0"
17593        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"
17594        x-cloak
17595    >
17596        <div class="border-b border-gray-200 bg-white px-4 sm:px-6 lg:px-8 py-4">
17597    <div class="max-w-7xl mx-auto flex items-center justify-center relative">
17598                <div class="flex-1 max-w-md mr-2">
17599            <div class="relative">
17600                <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
17601                    <svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
17602                        <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"/>
17603                    </svg>
17604                </div>
17605                                <label for="modal-search-input" class="sr-only">Søk</label>
17606                <template x-if="$store.search.open">
17607                    <input
17608                        type="text"
17609                        id="modal-search-input"
17610                        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"
17611                        placeholder="Search products..."
17612                        autocomplete="off"
17613                        x-init="() => {
17614                            if ($s('search').results?.length === 0 && $s('search').initial) {
17615                                                                    $s('search').search('');
17616                                                            }
17617                        }"
17618                        x-model.debounce.500ms="$store.search.keywords"
17619                        @keyup.enter="() => { if (!$store.search.keywords.trim() && $store.search.selectedFilters.length === 0) return; location.href = $store.search.buildSearchResultUrl('https://www.dorothea.no/search_result'); }"
17620                    />
17621                </template>
17622                <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>
17623            </div>
17624        </div>
17625
17626                <button
17627            id="close-search-modal"
17628            class="flex right-0 items-center justify-center w-12 h-12 !rounded-md bg-gray-100 hover:bg-gray-200 transition-colors"
17629            @click="$store.search.open = false"
17630            aria-label="Close search"
17631        >
17632            <svg class="w-6 h-6 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
17633                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
17634            </svg>
17635        </button>
17636    </div>
17637</div>
17638
17639                <div class="flex-1 bg-gray-50 overflow-y-auto h-auto">
17640            <div class="max-w-7xl mx-auto py-6">
17641                                <div class="md:hidden mb-4 px-4" x-show="$store.search.appliableFilters.length > 0 && $store.search.results.length > 0">
17642                    <button type="button"
17643                        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"
17644                        @click="$store.search.filtersOpen = !$store.search.filtersOpen">
17645                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
17645<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4h18M6 9h12M9 14h6M11 19h2"/></svg>
17646                        Filter
17647                        <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>
17648                    </button>
17649                </div>
17650
17651                                <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
17652                    <div class="order-2 md:order-1 col-span-1">
17653                        <div id="popular-categories" class="container mx-auto px-4 md:px-0">
17654    <div class="flex flex-col block gap-y-2">
17655        
17656        <div class="mb-4" x-show="$store.search.uniqueCategories.length > 0 && $store.search.keywords !== ''">
17657            <div x-data="{ open: window.innerWidth >= 768 }">
17658                <button type="button"
17659                    class="w-full flex items-center justify-between md:cursor-default"
17660                    @click="if (window.innerWidth < 768) open = !open">
17661                    <h3 class="text-lg font-bold border-b uppercase text-gray-900 mb-2 pb-2 flex-1 text-left">Kategorier</h3>
17662                    <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">
17663                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
17664                    </svg>
17665                </button>
17666                <div x-show="open" class="flex flex-col text-sm gap-y-2">
17667                                        <template x-for="category in $store.search.uniqueCategories" :key="category.id">
17668                                                <a :href="'/categories/' + category.slug" class="text-gray-900 hover:text-blue-600" x-text="category.name"></a>
17669                    </template>
17670                </div>
17671            </div>
17672        </div>
17673
17674                                <div class="mb-4" x-show="$store.search.appliableFilters.length > 0 && $store.search.results.length > 0">
17675                <div x-show="$store.search.filtersOpen"
17676                    x-transition:enter="transition ease-out duration-200"
17677                    x-transition:enter-start="opacity-0"
17678                    x-transition:enter-end="opacity-100"
17679                    x-transition:leave="transition ease-in duration-150"
17680                    x-transition:leave-start="opacity-100"
17681                    x-transition:leave-end="opacity-0"
17682                    class="fixed inset-0 bg-black/40 z-40 md:hidden"
17683                    @click="$store.search.filtersOpen = false"
17684                    x-cloak
17685                ></div>
17686
17687                <div x-show="$store.search.filtersOpen"
17688                    x-transition:enter="transition ease-out duration-300"
17689                    x-transition:enter-start="translate-y-full md:translate-x-0"
17690                    x-transition:enter-end="translate-y-0 md:translate-x-0"
17691                    x-transition:leave="transition ease-in duration-200"
17692                    x-transition:leave-start="translate-y-0 md:translate-x-0"
17693                    x-transition:leave-end="translate-y-full md:translate-x-0"
17694                    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"
17695                    x-cloak
17696                >
17697                    <div class="flex items-center justify-between md:hidden px-4 py-4 border-b shrink-0">
17698                        <button type="button" @click="$store.search.filtersOpen = false" class="text-gray-700 hover:text-gray-900">
17699                            <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>
17700                        </button>
17701                        <h3 class="text-base font-bold uppercase tracking-wide text-gray-900">Filter</h3>
17702                        <button type="button"
17703                            class="text-sm text-gray-400 hover:text-gray-700"
17704                            :class="{ invisible: $store.search.selectedFilters.length === 0 }"
17705                            @click="$store.search.selectedFilters = []; $store.search.search($store.search._keywords);">
17706                            Fjern alt
17707                        </button>
17708                    </div>
17709
17710                    <div class="p-4 md:p-0 overflow-y-auto flex-1 md:overflow-visible">
17711                        <h3 class="hidden md:block text-lg font-bold border-b uppercase text-gray-900 mb-2 pb-2">Filter</h3>
17712                        <div class="flex flex-col text-sm gap-y-4">
17713                                                        <template x-for="option in $store.search.appliableFilters" :key="option.filtergroup_id !== undefined ? 'filtergroup-' + option.filtergroup_id : (option.option_type || 'filter') + '-' + option.option_id">
17714                                <div x-data="{
17715                                        expanded: false,
17716                                        sectionOpen: false,
17717                                        selMin: option.min, selMax: option.max,
17718                                        // Re-derives selMin/selMax from the active `price-` filter (if any), clamped to
17719                                        // the current option.min/option.max - or resets to the fresh full range otherwise.
17720                                        // Re-run via the $watch below whenever the server-computed bounds shift (they're
17721                                        // scoped to whatever other filters are active, so they change on every search),
17722                                        // since this component's DOM node is reused across searches (stable :key) and
17723                                        // x-init alone would only ever run once, leav
17723ing selMin/selMax stale.
17724                                        initPriceRange() {
17725                                            if (option.option_type !== 'price') return;
17726                                            const active = ($store.search.selectedFilters.find(f => f.startsWith('price-')) || '').split('-');
17727                                            if (active.length === 3) {
17728                                                this.selMin = Math.min(Math.max(parseInt(active[1]), option.min), option.max);
17729                                                this.selMax = Math.min(Math.max(parseInt(active[2]), option.min), option.max);
17730                                            } else {
17731                                                this.selMin = option.min;
17732                                                this.selMax = option.max;
17733                                            }
17734                                        },
17735                                        clampMin() { if (this.selMin > this.selMax) this.selMin = this.selMax; if (this.selMin < option.min) this.selMin = option.min; },
17736                                        clampMax() { if (this.selMax < this.selMin) this.selMax = this.selMin; if (this.selMax > option.max) this.selMax = option.max; },
17737                                        applyPriceFilter() { $store.search.setPriceFilter(this.selMin, this.selMax, option.min, option.max); },
17738                                        // Clamped defensively so the bar/handles can never render outside 0-100%, even
17739                                        // if selMin/selMax briefly lag behind a bounds change.
17740                                        get minPct() {
17741                                            if (option.max <= option.min) return 0;
17742                                            const clamped = Math.min(Math.max(this.selMin, option.min), option.max);
17743                                            return ((clamped - option.min) / (option.max - option.min)) * 100;
17744                                        },
17745                                        get maxPct() {
17746                                            if (option.max <= option.min) return 100;
17747                                            const clamped = Math.min(Math.max(this.selMax, option.min), option.max);
17748                                            return ((clamped - option.min) / (option.max - option.min)) * 100;
17749                                        }
17750                                     }"
17751                                     x-init="initPriceRange(); $watch(() => option.min + ':' + option.max, () => initPriceRange())">
17752                                    <button type="button" class="w-full flex items-center justify-between font-semibold text-gray-700 mb-1" @click="sectionOpen = !sectionOpen">
17753                                        <span x-text="option['option_name_' + $store.settings.settings.languages_code]"></span>
17754                                        <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>
17755                                    </button>
17756                                    <div x-show="sectionOpen" class="md:!block" x-cloak>
17757                                        <template x-if="option.option_type === 'price'">
17758                                            <div>
17759                                                <div class="relative pt-4 pb-2 px-1">
17760                                                    <input type="range" :min="option.min" :max="option.max" step="1"
17761                                                        x-model.number="selMin" @input="clampMin()" @change="applyPriceFilter()"
17762                                                        class="__price-range absolute pointer-events-none appearance-none z-20 h-2 w-full m-0 opacity-0 cursor-pointer">
17763                                                    <input type="range" :min="option.min" :max="option.max" step="1"
17764                                                        x-model.number="selMax" @input
17764="clampMax()" @change="applyPriceFilter()"
17765                                                        class="__price-range absolute pointer-events-none appearance-none z-20 h-2 w-full m-0 opacity-0 cursor-pointer">
17766                                                    <div class="relative z-10 h-2">
17767                                                        <div class="absolute inset-0 rounded-md bg-gray-200"></div>
17768                                                        <div class="absolute z-20 top-0 bottom-0 rounded-md bg-gray-900" :style="'left:' + minPct + '%; right:' + (100 - maxPct) + '%'"></div>
17769                                                        <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>
17770                                                        <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>
17771                                                    </div>
17772                                                </div>
17773                                                <div class="flex items-center justify-between gap-2 mt-2">
17774                                                    <input type="number" :min="option.min" :max="selMax" step="1"
17775                                                        x-model.number="selMin" @change="clampMin(); applyPriceFilter()"
17776                                                        class="w-20 border border-gray-300 rounded px-2 py-1 text-sm text-center">
17777                                                    <span class="text-gray-400">&ndash;</span>
17778                                                    <input type="number" :min="selMin" :max="option.max" step="1"
17779                                                        x-model.number="selMax" @change="clampMax(); applyPriceFilter()"
17780                                                        class="w-20 border border-gray-300 rounded px-2 py-1 text-sm text-center">
17781                                                </div>
17782                                            </div>
17783                                        </template>
17784
17785                                        <template x-if="option.option_type !== 'price'">
17786                                            <div>
17787                                                <div class="grid grid-cols-1 sm:grid-cols-2 gap-1">
17788                                                    <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">
17789                                                        <label class="flex items-center gap-x-2 cursor-pointer text-gray-600 hover:text-gray-900" x-show="expanded || index < 5" x-cloak>
17790                                                            <input type="checkbox" class="rounded border-gray-300"
17791                                                                :value="$store.search.filterComboFor(option, value)"
17792                                                                x-model="$store.search.selectedFilters"
17793                                                                @change="$store.search.search($store.search._keywords)">
17794                                                            <span x-text="value['value_name_' + $store.settings.settings.languages_code]"></span>
17795                                                            <span class="text-xs font-light text-gray-400" x-show="value.doc_count !== undefined" x-text="'(' + value.doc_count + ')'"></span>
17796                                                        </label>
17797                                                    </template>
17798                                                </div>
17799                                                <button
17800                                                    x-show="option.values.length > 5"
17801                                                    @click="expanded = !expanded"
17802                                                    class="mt-1 text-xs text-gray-400 hover:text-gray-600 bg-transparent border-0 p-0 cursor-pointer"
17803                                                    x-text="expanded ? 'See less' : 'See all (' + option.values.length + ')'">
17804                                                </button>
17805                                            </div>
17806                                        </template>
17807                                    </div>
17808                                </div>
17809                            </template>
17810                        </div>
17811                    </div>
17812
17813                    <div class="md:hidden shrink-0 border-t p-4">
17814                        <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"
17815                            x-text="'Se produkter (:count)'.replace(':count', $store.search.results.length)">
17816                        </button>
17817                    </div>
17818                </div>
17819            </div>
17820        
17821        <div class="mb-4" x-show="$store.search.recentSearches.length > 0">
17822            <div x-data="{ open: window.innerWidth >= 768 }">
17823                <button type="button"
17824                    class="w-full flex items-center justify-between md:cursor-default"
17825                    @click="if (window.innerWidth < 768) open = !open">
17826                    <h3 class="text-lg font-bold border-b uppercase text-gray-900 mb-2 pb-2 flex-1 text-left">Recent Searches</h3>
17827                    <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">
17828                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
17829                    </svg>
17830                </button>
17831                <div x-show="open" id="recent-searches" class="flex flex-col text-sm gap-y-2">
17832                    <template x-for="keyword in $store.search.displayRecentSearches">
17833                        <span class="group cursor-pointer">
17834                            <span
17835                                class="text-gray-900 group-hover:text-blue-600"
17836                                x-text="keyword"
17837                                @click="() => {
17838                                    $store.search.searchKeyword(keyword);
17839                                    $nextTick(() => {
17840                                        document.getElementById('modal-search-input')?.focus();
17841                                    });
17842                                }">
17843                            </span>
17844                            <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">
17845                                ×
17846                            </button>
17847                        </span>
17848                    </template>
17849                    <span x-show="$store.search.hasMoreRecentSearches" class="cursor-pointer text-gray-900 group-hover:text-blue-600">...</span>
17850                </div>
17851            </div>
17852        </div>
17853    </div>
17854</div>
17855
17856<style>
17857    .__price-range::-webkit-slider-thumb {
17858        pointer-events: all;
17859        width: 16px;
17860        height: 16px;
17861        -webkit-appearance: none;
17862        opacity: 0;
17863    }
17864    .__price-range::-moz-range-thumb {
17865        pointer-events: all;
17866        width: 16px;
17867        height: 16px;
17868        opacity: 0;
17869        border: none;
17870    }
17871</style>
17872                    </div>
17873                    <div class="order-1 md:order-2 col-span-1 md:col-span-3">
17874                        <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 != ''">
17875    <h3 class="text-lg font-bold border-b uppercase text-gray-900 mb-2 pb-2 flex justify-between items-center">Search results
17876        <a :href="'https://www.dorothea.no/search_result?keywords=' + $store.search.keywords" class="text-xs font-medium hover:underline">Se alt</a>
17877    </h3>
17878        <div id="search-loading" x-show="$store.search.loading" x-cloak>
17879    <div class="flex items-center justify-center py-8">
17880        <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"></div>
17881        <span class="ml-3 text-gray-600">Searching...</span>
17882    </div>
17883</div>
17884    <div class="" x-show="!$store.search.loading && (($store.search.results && $store.search.results.length > 0) || $store.search.outputHtml != '')">
17885        <template x-if="$store.search.useJson == true">
17886            <div class="grid grid-cols-2 gap-4" x-show="($store.search.results && $store.search.results.length > 0) || $store.search.outputHtml != ''">
17887                <template x-for="product in $store.search.results" :key="product.products_id || product.url">
17888                    <div x-data="{ selected_variant: {} }" class="relative group bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-200 overflow-hidden">
17889                        <a :href="product.url" class="block">
17890                            <div
17891                                class="relative aspect-square bg-gray-100"
17892                                :data-id="product.products_id"
17893                                :data-name="product.products_name"
17894                                :data-thumb="product.image_path"
17895                                :data-link="product.url"
17896                                :data-price="product.price.inc_vat"
17897                                :data-sale-price="product.special?.inc_vat"
17898                                x-ref="pid"
17899                            >
17900                                <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>
17901                                <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">
17902
17903                                <div class="absolute top-2 right-2">
17904                                    <button class="p-1" type="button" @click.prevent.stop="$store.wishlist.add( $refs.pid )" x-show="$store.wishlist.isNotFavorited( 'p' + product.products_id )">
17905                                        <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>
17906                                    </button>
17907
17908                                    <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 )">
17909                                        <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>
17910                                    </button>
17911                                </div>
17912
17913                                <template x-if="Object.keys(product.attributes).length > 0">
17914                                    <div class="flex flex-col gap-2 absolute bottom-0 left-0 w-full text-xs px-2">
17915                                        <template x-for="attribute in product.attributes">
17916                                            <ul class="w-full flex flex-wrap gap-2">
17917                                                <template x-for="option in attribute">
17918                                                    <li>
17919                                                        <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>
17920                                                    </li>
17921                                                </template>
17922                                            </ul>
17923                                        </template>
17924                                    </div>
17925                                </template>
17926                            </div>
17927                            <div class="p-3">
17928                                <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>
17929                                <div class="flex items-center gap-2">
17930                                    <template x-if="product.special?.inc_vat">
17931                                        <div class="flex items-center gap-2">
17932                                            <span class="font-semibold text-red-600" x-text="product.special?.inc_vat"></span>
17933                                            <span class="text-sm text-gray-400 line-through" x-text="product.price.inc_vat"></span>
17934                                        </div>
17935                                    </template>
17936                                    <template x-if="!product.special?.inc_vat">
17937                                        <span class="font-semibold text-gray-900" x-text="product.price.inc_vat"></span>
17938                                    </template>
17939                                </div>
17940                                <div x-show="product.rating" class="flex items-center mt-1">
17941                                    <div class="flex text-yellow-400">
17942                                        <template x-for="star in 5" :key="star">
17943                                            <svg class="w-3 h-3 fill-current" :class="star <= product.rating ? 'text-yellow-400' : 'text-gray-300'" viewBox="0 0 20 20">
17944                                                <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"/>
17945                                            </svg>
17946                                        </template>
17947                                    </div>
17948                                    <span class="text-xs text-gray-500 ml-1" x-text="'(' + (product.review_count || 0) + ')'"></span>
17949                                </div>
17950                            </div>
17951                        </a>
17952
17953                                                <div class="px-3 pb-3" x-data="{ loading: false }" x-show="product.button_type === 'buy_now_button'">
17954                            <button
17955                                class="button button-default p-2 w-full block max-w-none text-xs text-center disabled:opacity-50"
17956                                :disabled="Object.keys(product.attributes).length != Object.keys(selected_variant).length"
17957                                @click.prevent="(async () => {
17958                                        loading = true;
17959                                        await $store.cart.addToCart({
17960                                            name: product.products_name,
17961                                            image: product.image_path,
17962                                            sku: product.sku || '',
17963                                            price: product.special?.inc_vat || product.price.inc_vat,
17964                                            original_price: product.price.inc_vat,
17965                                            url: product.url,
17966                                            brand: product.brand || '',
17967                                            category: '',
17968                                            variant: selected_variant,
17969                                            products_id: product.products_id,
17970                                            quantity: 1,
17971                                            redirect: true
17972                                        });
17973                                        loading = false;
17974                                    })()
17975                                ">
17976                                <span class="w-full flex items-center justify-center" x-show="loading">
17977                                    <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">
17978                                        <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"/>
17979                                        <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.
179791071C47.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"/>
17980                                    </svg>
17981                                </span>
17982                                <span class="flex gap-1 items-center justify-center" x-show="!loading">
17983                                    <span>Kjøp</span>
17984                                </span>
17985                            </button>
17986                        </div>
17987                    </div>
17988                </template>
17989            </div>
17990        </template>
17991
17992        <template x-if="$store.search.useJson === false">
17993            <div class="os-product-wrapper" x-html="$store.search.outputHtml"></div>
17994        </template>
17995    </div>
17996</div>
17997                        <div id="no-results"
17998    class="text-center py-12"
17999    x-cloak
18000    x-show="!$store.search.loading
18001        && $store.search.keywords !== ''
18002        && $store.search.results.length === 0
18003        && $store.search.outputHtml === ''">
18004    <svg class="mx-auto h-12 w-12 text-gray-300 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
18005        <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"/>
18006    </svg>
18007    <h3 class="text-lg font-medium text-gray-900 mb-2">No products found</h3>
18008    <p class="text-gray-500">Try adjusting your search terms or browse our categories.</p>
18009</div>
18010                    </div>
18011                </div>
18012            </div>
18013        </div>
18014    </div>
18015</div>
18016
18017        
18018                    
18018<script src="/templates/belgrade/dist/app-index.js?v=2023102601"></script>
18018
18019        
18020        
18021        
18022        
18023                
18024
18025        
18025<script>
18026            $s('events').dispatch('page_loaded');
18027
18028                    </script>
18028
18029
18030            </body>
18031    </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.