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​'); 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&ev=PageView&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​&ev=PageView&pog=1&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> </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: [{"type":"user_logged_in","operator":"not_equals","value":"true"}] }" 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å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å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ö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ö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ö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 </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. </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> </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> </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;"> </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;"> </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> 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å nyhetsbrevet vårt og vær oppdatert med alle nyhetene våre 16588 fø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="{"login_type":"email","enabled_login_options":["email","password","klarna"],"countries":["NO"],"default_country":"NO","privacy_url":"https:\/\/www.dorothea.no\/pages\/privacy","create_account_link":"https:\/\/www.dorothea.no\/create_account","external_auth_link":"https:\/\/www.dorothea.no\/external-auth","forgot_password_link":"https:\/\/www.dorothea.no\/password_forgotten"}" 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">–</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.