/* Firmagaver24 — helhetlig designlag, lastes etter den eksisterende stilen. */ :root{--fg-ink:#152b2b;--fg-muted:#617170;--fg-teal:#00746f;--fg-mint:#dcebe5;--fg-paper:#f7f8f5;--fg-line:#dfe5e0;--fg-serif:Georgia,'Times New Roman',serif;--fg-radius:12px}html{scroll-behavior:smooth}body#Body{font-family:'Lato',Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--fg-ink);background:#fff;margin:0}#Body *{box-sizing:border-box}#Body a{color:inherit}#Body img{max-width:100%}#Body button,#Body input,#Body select,#Body textarea{font:inherit}#Body button,#Body a,#Body input,#Body select,#Body summary{touch-action:manipulation}#Body [hidden]{display:none!important}#Body a:focus-visible,#Body button:focus-visible,#Body input:focus-visible,#Body select:focus-visible,#Body textarea:focus-visible,#Body summary:focus-visible{outline:3px solid #ce8e42;outline-offset:4px}#Body h1,#Body h2,#Body h3{color:var(--fg-ink);font-family:inherit;line-height:1.15;margin:0}#Body a{text-underline-offset:4px}.fg-container{max-width:1440px;margin:0 auto;padding:0 48px}.fg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fg-skip{position:fixed;top:-100px;left:16px;z-index:999999;padding:12px;background:#fff}.fg-skip:focus{top:12px}.fg-topline{background:var(--fg-ink);color:#fff;font-size:12px;letter-spacing:.04em}.fg-topline>.fg-container{display:flex;align-items:center;justify-content:space-between;min-height:34px}.fg-topline a{text-decoration:none}.fg-top-divider{opacity:.4;padding:0 14px}.fg-header{background:#fff;border-bottom:1px solid var(--fg-line)}.fg-header-main{display:flex;align-items:center;gap:32px;min-height:106px}.fg-logo{width:245px;flex-shrink:0}.fg-logo img{width:100%;display:block}.fg-search{display:flex;align-items:center;gap:12px;flex:1;max-width:580px;margin:auto;background:var(--fg-paper);border:1px solid var(--fg-line);border-radius:7px;padding:5px 6px 5px 18px}.fg-search>span{font-size:28px;line-height:1}.fg-search input{min-width:0;width:100%;background:none;border:0;padding:10px 0;color:var(--fg-ink)}.fg-search button{border:0;border-radius:4px;color:#fff;background:var(--fg-teal);padding:10px 18px}.fg-cart-link{font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}.fg-cart-link span{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:50%;background:var(--fg-mint);margin-left:6px}.fg-nav{border-top:1px solid var(--fg-line)}.fg-nav>.fg-container{display:flex;align-items:center;gap:30px;min-height:53px}.fg-nav a{font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;padding:16px 0}.fg-nav a:hover{color:var(--fg-teal)!important}.fg-nav-primary{margin-right:auto}.fg-nav-primary span{margin-left:35px}.fg-menu-toggle{display:none;background:none;border:1px solid var(--fg-line);border-radius:6px;padding:9px 13px}.fg-eyebrow{display:block;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.17em;color:var(--fg-teal);margin-bottom:16px}.fg-hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding-top:48px;padding-bottom:48px;align-items:stretch}.fg-hero-copy{padding:32px 0 25px}.fg-hero h1{font-family:var(--fg-serif)!important;font-size:clamp(48px,5.2vw,78px);font-weight:400;letter-spacing:-.05em;line-height:1.04!important}.fg-hero h1 em{font-weight:400;color:var(--fg-teal)}.fg-hero-copy>p{font-size:17px;color:var(--fg-muted);max-width:470px;margin:25px 0 30px;line-height:1.8}.fg-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px}.fg-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--fg-teal);color:#fff!important;border:1px solid var(--fg-teal);border-radius:5px;padding:15px 23px;text-decoration:none!important;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.fg-button:hover{background:#005b57;transform:translateY(-1px)}.fg-text-link{font-weight:700;text-decoration:none;font-size:13px}.fg-text-link:hover{text-decoration:underline}.fg-hero-note{display:flex;gap:24px;font-size:11px;color:var(--fg-muted);margin-top:28px}.fg-hero-visual{position:relative;min-height:430px;border-radius:var(--fg-radius);overflow:hidden;background:#6d614b}.fg-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,29,22,.78),transparent 75%);pointer-events:none}.fg-hero-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:56% center}.fg-hero-caption{position:absolute;left:34px;bottom:32px;z-index:1;color:#fff;display:grid;gap:16px}.fg-hero-caption>span:first-child{font-size:10px;letter-spacing:.18em}.fg-hero-caption strong{font-family:var(--fg-serif);font-size:32px;line-height:1.15;font-weight:400}.fg-hero-caption>span:last-child{font-size:12px;color:#e5e7e0}.fg-hero-tag{position:absolute;right:20px;top:20px;z-index:1;background:#f4f3e7;color:var(--fg-ink);border-radius:50%;width:108px;height:108px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:12px;transform:rotate(9deg)}.fg-benefits{border-top:1px solid var(--fg-line);border-bottom:1px solid var(--fg-line);background:var(--fg-paper)}.fg-benefits>.fg-container{display:flex;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px;font-size:12px}.fg-benefits b{color:var(--fg-teal);font-size:10px;margin-right:10px}.fg-benefits a{text-decoration:none;font-weight:700}.fg-section{padding-top:70px;padding-bottom:12px}.fg-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.fg-section-head h2,.fg-guide h2,.fg-editorial h2,.fg-contact-band h2{font-family:var(--fg-serif)!important;font-weight:400;font-size:clamp(30px,3vw,43px);letter-spacing:-.035em}.fg-section-head p{color:var(--fg-muted);margin:12px 0 0;font-size:14px}.fg-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fg-category{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none!important;border:1px solid var(--fg-line);border-radius:7px;padding:20px;font-size:14px;background:var(--fg-paper);transition:border-color .2s,background .2s}.fg-category:hover{background:var(--fg-mint);border-color:#a3c6b9}.fg-category>span:last-child{color:var(--fg-teal)}.fg-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.fg-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--fg-line);border-radius:9px;overflow:hidden;background:#fff;transition:box-shadow .2s,border-color .2s,transform .2s}.fg-card:hover{border-color:#b5c8bf;box-shadow:0 12px 28px #162b2b0c;transform:translateY(-3px)}.fg-card-image{height:auto;aspect-ratio:1.1;display:flex;align-items:center;justify-content:center;background:#f7f8f6;overflow:hidden;padding:22px}.fg-card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.fg-card:hover .fg-card-image img{transform:scale(1.045)}.fg-card-body{padding:21px 20px 17px;display:flex;flex-direction:column;flex:1}.fg-card .fg-eyebrow{font-size:8px;margin-bottom:9px;color:#6c8178}.fg-card h3{font-size:16px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:0}.fg-card h3 a{text-decoration:none}.fg-card-body>p{font-size:12px;color:var(--fg-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 22px;min-height:38px}.fg-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--fg-line);margin-top:auto}.fg-detail-link{font-size:11px;text-decoration:none}.fg-add{font-size:11px;font-weight:700;text-decoration:none!important;color:var(--fg-teal)!important;background:#e9f2ed;border-radius:4px;padding:8px 12px;white-space:nowrap}.fg-add:hover{background:var(--fg-mint)}.fg-add.is-added{background:var(--fg-ink);color:white!important}.fg-editorial{display:grid;grid-template-columns:1.1fr 1fr;margin-top:76px;margin-bottom:5px;background:#e8eee7;border-radius:12px;padding:48px;gap:70px;max-width:1344px}.fg-editorial h2{font-size:48px}.fg-editorial p{max-width:440px;color:var(--fg-muted);font-size:14px;margin:20px 0 25px}.fg-editorial-side{border-left:1px solid #c5d4c5;display:flex;flex-direction:column;justify-content:center;align-items:center}.fg-editorial-number{font:italic 110px var(--fg-serif);letter-spacing:-.07em;color:var(--fg-teal)}.fg-editorial-side p{text-align:center;font-size:18px}.fg-guide{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:80px;margin-bottom:75px;padding-top:50px;border-top:1px solid var(--fg-line)}.fg-guide h2{margin-bottom:26px!important}.fg-guide ol{list-style:none;padding:0;margin:0;display:grid;gap:24px}.fg-guide li{display:flex;gap:20px}.fg-guide li>span{flex-shrink:0;border:1px solid #c4d4c9;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--fg-teal);font-size:12px}.fg-guide h3{font-size:17px;margin:0 0 8px!important}.fg-guide p{font-size:13px;line-height:1.7;color:var(--fg-muted);margin:0}.fg-contact-band{background:var(--fg-mint);padding:38px 0}.fg-contact-band>.fg-container{display:flex;align-items:center;justify-content:space-between;gap:25px}.fg-contact-band h2{font-size:34px}.fg-contact-band .fg-eyebrow{margin-bottom:10px}.fg-footer{background:#142c2b;color:#d7e2dc;padding:64px 0 24px;margin-top:45px}.fg-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.15fr;gap:40px}.fg-footer a{color:#d7e2dc!important;text-decoration:none}.fg-footer a:hover{text-decoration:underline}.fg-footer-wordmark{font-size:28px;font-weight:700;letter-spacing:-.05em;color:#fff!important}.fg-footer-wordmark span{color:#9cd6c6}.fg-footer p{font-size:12px;color:#a4b9b2;line-height:1.8;margin:14px 0}.fg-footer h2{font-size:12px!important;color:#fff!important;margin:7px 0 22px!important}.fg-footer-grid>div>a:not(.fg-footer-wordmark){display:block;font-size:12px;margin:10px 0}.fg-footer .fg-footer-phone{font-size:23px!important;color:#fff!important}.fg-footer-label{display:block;font-size:11px;color:#a4b9b2;margin-top:17px}.fg-footer-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;border-top:1px solid #ffffff24;margin-top:48px;padding-top:20px;font-size:10px;color:#a4b9b2}.fg-footer-bottom a{color:#a4b9b2!important}.fg-footer-bottom .s-6be0d8ba{font-size:10px}.fg-breadcrumb{font-size:11px;color:var(--fg-muted);display:flex;gap:10px;flex-wrap:wrap;padding:23px 0 32px}.fg-breadcrumb a{text-decoration:none}.fg-catalogue-heading{padding:8px 0 36px;border-bottom:1px solid var(--fg-line);margin-bottom:32px}.fg-catalogue-heading h1{font:400 clamp(36px,4vw,56px) var(--fg-serif)!important;letter-spacing:-.04em}.fg-catalogue-heading p{font-size:14px;color:var(--fg-muted);margin:16px 0 0;max-width:650px}.fg-catalogue-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:36px}.fg-sidebar{align-self:start;position:sticky;top:20px}.fg-sidebar h2{font-size:14px!important;font-weight:700;margin:0 0 18px!important}.fg-sidebar>a{display:block;font-size:12px;text-decoration:none;padding:11px 12px;border-bottom:1px solid #eef0ec;border-radius:4px}.fg-sidebar>a:hover,.fg-sidebar>a.is-current{background:var(--fg-mint);color:var(--fg-teal)!important}.fg-sidebar-help{background:var(--fg-paper);padding:23px 18px;border-radius:8px;margin-top:30px}.fg-sidebar-help .fg-eyebrow{font-size:8px}.fg-sidebar-help h3{font-size:19px!important;font-family:var(--fg-serif)!important}.fg-sidebar-help p{font-size:12px;color:var(--fg-muted)}.fg-sidebar-help a{font-size:12px;font-weight:700;color:var(--fg-teal)!important;text-decoration:none}.fg-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:22px;font-size:11px;flex-wrap:wrap}.fg-toolbar>[data-fg-results]{margin-right:auto;color:var(--fg-muted)}.fg-toolbar input,.fg-toolbar select{border:1px solid var(--fg-line);border-radius:5px;background:white;padding:10px 12px;max-width:100%;font-size:12px!important}.fg-filter,.fg-sort{margin:0}.fg-sort>span{margin-right:8px;color:var(--fg-muted)}.fg-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fg-catalogue-note{padding:22px;background:var(--fg-paper);color:var(--fg-muted);font-size:12px;border-radius:6px;margin:30px 0 55px}.fg-empty{text-align:center;padding:60px 15px;background:var(--fg-paper);border-radius:8px}.fg-empty h2{font-size:22px!important}.fg-empty p{color:var(--fg-muted);font-size:14px}.fg-product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;padding:10px 0 40px}.fg-gallery{min-width:0;align-self:start;position:sticky;top:24px}.fg-main-photo{display:flex;align-items:center;justify-content:center;padding:45px;background:var(--fg-paper);border:1px solid var(--fg-line);border-radius:12px;aspect-ratio:1}.fg-main-photo img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.fg-photo-hint{font-size:10px;color:var(--fg-muted);margin:12px 0 18px}.fg-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:3px}.fg-thumbnails button{border:1px solid var(--fg-line);background:#fff;border-radius:6px;width:70px;height:70px;padding:8px;flex-shrink:0;cursor:pointer}.fg-thumbnails button.is-selected{border:2px solid var(--fg-teal)}.fg-thumbnails img{width:100%;height:100%;object-fit:contain}.fg-product-info h1{font-family:var(--fg-serif)!important;font-size:clamp(32px,3.4vw,48px);font-weight:400;letter-spacing:-.035em}.fg-sku{font-size:11px;color:var(--fg-muted);margin:14px 0 25px}.fg-product-intro{color:var(--fg-muted);font-size:15px;line-height:1.8;margin-bottom:28px}.fg-product-quote{padding:25px;border:1px solid #c6d8cd;border-radius:9px;background:#f3f7f2}.fg-product-quote h2{font-size:18px!important}.fg-product-quote p{font-size:12px;color:var(--fg-muted);margin:9px 0 20px}.fg-product-quote label{font-size:11px;font-weight:700;margin-bottom:7px}.fg-product-buy{display:flex;gap:10px}.fg-product-buy input{width:86px;min-width:70px;border:1px solid #b9cec1;border-radius:5px;padding:10px;background:#fff}.fg-product-buy .fg-button{flex:1;font-size:13px;gap:18px}.fg-product-quote .fg-quote-note{font-size:11px;margin:16px 0 0;color:var(--fg-teal)}.fg-product-quote .fg-quote-explanation{font-size:10px;margin:9px 0 0}.fg-product-service{display:flex;gap:20px;font-size:11px;color:var(--fg-muted);padding:20px 0}.fg-product-service span:before{content:'✓';color:var(--fg-teal);margin-right:7px}.fg-details{border-top:1px solid var(--fg-line);padding:18px 0}.fg-details summary{cursor:pointer;font-weight:700;font-size:13px;list-style:none;display:flex;justify-content:space-between}.fg-details summary:after{content:'+'}.fg-details[open] summary:after{content:'−'}.fg-richtext,.fg-details>p{font-size:13px;line-height:1.8;color:var(--fg-muted);padding-top:18px;overflow-wrap:anywhere}.fg-richtext h2,.fg-richtext h3{font-size:18px!important;margin:16px 0!important}.fg-richtext iframe{max-width:100%}.fg-richtext table{width:100%;max-width:100%}.fg-product-help{font-size:11px;color:var(--fg-muted);border-top:1px solid var(--fg-line);padding-top:20px}.fg-product-help a{color:var(--fg-teal)!important}.fg-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:99999;width:max-content;max-width:calc(100% - 30px);display:flex;align-items:center;gap:20px;background:var(--fg-ink);color:#fff;border:1px solid #ffffff30;box-shadow:0 15px 50px #142c2b40;border-radius:9px;padding:18px 22px;font-size:12px}.fg-toast a{color:#b9e8d7!important;white-space:nowrap;text-decoration:none;font-weight:700}.fg-toast button{background:none;color:white;border:0;font-size:22px;padding:0 4px}.fg-toast span{max-width:360px;overflow-wrap:anywhere} /* Integrasjon for dokumenttyper som fortsatt benytter den opprinnelige strukturen. */ #Body .kontainer{max-width:1440px;padding-left:48px;padding-right:48px}#Body #Display{padding-bottom:30px;margin-bottom:30px}#Body #Page{padding-top:20px}#Body #LogoHolder{background:#f7f8f5;padding:35px 0 15px;margin-top:35px}#Body #LogoContainer{opacity:.72}#Body #LogoContainer h2{font:400 28px var(--fg-serif);margin-bottom:25px}#Body #BreadCrumbHolder{font-size:12px}#Body .tilbudsknapp a,#Body .tilbudsknapp_stor a,#Body .ESiteActionLink{border-radius:5px;background:var(--fg-teal);border-color:var(--fg-teal);color:#fff;text-decoration:none;padding:11px 18px;font-size:13px}#Body .kategori a{display:block;border-radius:8px;overflow:hidden}#Body .kategori-text{line-height:1.3}#Body #Heading h1{font:400 45px var(--fg-serif);margin:25px 0}#Body #SluttDiv{height:20px} /* Tilbud: bevar plattformens skjemainnsending og spamvern. */ #Body:has([data-kurv-steg]) #Page{max-width:1080px}#Body:has([data-kurv-steg]) #Heading{margin-bottom:30px}#Body .EHeader h1,#Body .EHeader h2{font-size:24px;margin:25px 0}#Body [data-kurv-innhold][aria-busy="true"]{opacity:.55;pointer-events:none}#Body [data-kurv-innhold]>.fg-button{display:block;margin-top:16px}#Body .ECartPanel{padding:0;margin-bottom:25px}#Body .shoppingcarttable23840{width:100%;border-collapse:collapse}#Body .shoppingcarttable23840 th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);padding:15px 10px;background:var(--fg-paper);text-align:left}#Body .shoppingcarttable23840 td{padding:20px 10px;border-bottom:1px solid var(--fg-line);vertical-align:top}#Body .shoppingcarttable23840 .pricecolumnheadercell23840,#Body .shoppingcarttable23840 .subtotalcolumnheadercell23840,#Body .shoppingcarttable23840 .pricecolumnitemcell23840,#Body .shoppingcarttable23840 .subtotalcolumnitemcell23840{display:none}#Body .spacerow23840{display:none}#Body .kurv-bilde{width:80px;height:80px;object-fit:contain;margin:0 20px 10px 0;border-radius:5px;background:var(--fg-paper)}#Body .cartintro{font-size:11px;color:var(--fg-muted);padding-left:100px;margin-top:8px;margin-bottom:0;max-width:620px}#Body .namecolumnitemcell23840>a{font-size:15px;text-decoration:none;font-weight:700}#Body .shoppingcarttextbox{border:1px solid #bac9bf;border-radius:5px;padding:10px;width:90px;text-align:center}#Body .quantitycolumnitemcell23840{width:140px}#Body .EShopCommandPanel{padding:15px 0 25px}#Body .commandrow23840{text-align:left!important}#Body .EProceedCart{float:right}#Body .EBackCart,#Body .EBackLink{background:#fff;color:var(--fg-teal);border-color:var(--fg-line)}#Body .EEmptyCart{background:#fff;color:var(--fg-muted);border:0;font-size:11px}#Body .ECartFormPanel{background:var(--fg-paper);border:1px solid var(--fg-line);padding:30px;border-radius:10px;max-width:720px!important}#Body .ESiteTextBox,#Body .ESiteDropDown,#Body .fg-quote-field{width:100%!important;max-width:none;background:white!important;border:1px solid #bdcbbf!important;border-radius:5px!important;padding:12px!important;font-size:15px!important;color:var(--fg-ink)!important}#Body .EditorLabel{font-size:12px!important;font-weight:700!important}#Body .EditorLabelSpace{height:20px}#Body .CartBtnPanel{margin-top:25px!important}#Body .EBuyLink{font-weight:700}#Body .fg-remove{display:block;margin-top:8px;background:none;border:0;color:var(--fg-muted);text-decoration:underline;font-size:10px;padding:4px;cursor:pointer}#Body .fg-quote-progress{display:flex;gap:20px;padding:16px 0;margin-bottom:20px;border-bottom:1px solid var(--fg-line);font-size:12px;color:var(--fg-muted)}#Body .fg-quote-progress .is-active{color:var(--fg-teal);font-weight:700}.fg-quote-intro{color:var(--fg-muted);max-width:700px;font-size:14px}.fg-form-extra{display:grid;gap:8px;margin-top:22px}.fg-form-extra label{font-size:12px;font-weight:700}.fg-form-extra textarea{min-height:110px;resize:vertical}.fg-form-privacy{font-size:11px;color:var(--fg-muted);margin-top:20px}.fg-quote-summary{background:#e7efe8;border-radius:6px;font-size:12px;white-space:pre-line;padding:18px;margin-bottom:22px}.fg-search-heading{font:400 42px var(--fg-serif)!important;margin:0 0 20px!important}#Body [data-sok-status]{display:block;font-size:13px;margin-bottom:20px;color:var(--fg-muted)}#Body .SearchResult,#Body .SearchResult tbody{display:grid;width:100%}#Body .SearchResult tbody{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}#Body .SearchResult tr{display:block;min-width:0}#Body .SearchResult tr:has(.sok-vsep){display:none}#Body .SearchResult td{display:block;width:100%}#Body .SearchResult .s-83c70bcd:not(#_):not(#_):not(#_){height:100%;border:1px solid var(--fg-line);border-radius:9px;overflow:hidden;padding:18px;margin:0}#Body .SearchResult .sok-bilde{width:100%;height:220px;float:none;margin:0 0 20px}#Body .SearchResult img{width:100%;height:100%;object-fit:contain}#Body .SearchResult .s-e284c8a8:not(#_):not(#_):not(#_){float:none}#Body .SearchResult .s-1120a5fd:not(#_):not(#_):not(#_){float:none;margin:0}#Body .SearchResult h2{font-size:16px;margin-bottom:12px}#Body .SearchResult .s-ffecaa31:not(#_):not(#_):not(#_){float:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:var(--fg-muted);height:39px}#Body .SearchResult .s-fe133b28:not(#_):not(#_):not(#_){float:none;font-size:12px;margin:16px 0}#Body .SearchResult .s-f1fb823b:not(#_):not(#_):not(#_){float:none;margin:0}#Body .SearchResult .s-6ca425a3:not(#_):not(#_):not(#_){height:0} @media(min-width:1500px){.fg-editorial{max-width:1344px}}@media(max-width:1199px){.fg-container,#Body .kontainer{padding-left:30px;padding-right:30px}.fg-header-main{gap:22px}.fg-logo{width:210px}.fg-nav>.fg-container{gap:20px}.fg-nav a{font-size:11px}.fg-hero{gap:30px}.fg-hero-copy>p{font-size:15px}.fg-hero-note{gap:12px}.fg-product-grid{gap:16px}.fg-catalogue-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.fg-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fg-card-body{padding:16px 14px}.fg-card-bottom{gap:6px}.fg-add{padding:7px 9px}.fg-editorial{margin-left:30px;margin-right:30px;padding:40px}.fg-product-layout{gap:35px}.fg-footer-grid{gap:25px}.fg-footer-wordmark{font-size:24px}.fg-cart-link{font-size:12px}} @media(max-width:900px){.fg-header-main{flex-wrap:wrap;min-height:auto;padding-top:20px;padding-bottom:18px;gap:20px}.fg-logo{width:210px;margin-right:auto}.fg-search{order:5;max-width:none;flex-basis:100%}.fg-menu-toggle{display:block}.fg-nav{display:none}.fg-nav.is-open{display:block}.fg-nav>.fg-container{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding-top:10px;padding-bottom:10px}.fg-nav a{font-size:13px;border-bottom:1px solid var(--fg-line);white-space:normal}.fg-nav-primary{margin:0}.fg-hero{padding-top:26px;gap:25px}.fg-hero h1{font-size:54px}.fg-hero-copy{padding:20px 0}.fg-hero-visual{min-height:430px}.fg-actions{gap:18px}.fg-hero-note{flex-direction:column;gap:5px;margin-top:20px}.fg-benefits>.fg-container{flex-wrap:wrap;justify-content:center;gap:12px 25px}.fg-benefits a{display:none}.fg-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fg-catalogue-layout{grid-template-columns:1fr}.fg-sidebar{position:static;display:flex;overflow:auto;gap:8px;padding-bottom:14px;align-items:center}.fg-sidebar h2,.fg-sidebar-help{display:none}.fg-sidebar>a{white-space:nowrap;border:1px solid var(--fg-line);padding:9px 14px;flex-shrink:0}.fg-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fg-toolbar{gap:12px}.fg-product-layout{gap:25px}.fg-product-buy{flex-wrap:wrap}.fg-product-buy input{width:100%}.fg-product-buy .fg-button{width:100%}.fg-product-info h1{font-size:34px}.fg-main-photo{padding:25px}.fg-product-service{flex-direction:column;gap:7px}.fg-guide{gap:40px}.fg-editorial{gap:35px}.fg-editorial h2{font-size:40px}.fg-footer-grid{grid-template-columns:1fr 1fr;gap:35px}.fg-footer-bottom{flex-wrap:wrap}#Body .SearchResult tbody{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:600px){.fg-container,#Body .kontainer{padding-left:20px;padding-right:20px}.fg-topline>.fg-container{min-height:30px;font-size:10px}.fg-topline>.fg-container>span:first-child{font-size:9px}.fg-topline .fg-top-divider,.fg-topline a[href^='mailto']{display:none}.fg-header-main{gap:13px;padding-top:16px;padding-bottom:15px}.fg-logo{width:172px}.fg-cart-link{font-size:0}.fg-cart-link:before{content:'Tilbud';font-size:12px}.fg-cart-link span{font-size:11px;min-width:22px;height:22px}.fg-menu-toggle{font-size:11px!important;padding:7px 9px}.fg-search{padding-left:12px;gap:8px}.fg-search input{font-size:12px!important}.fg-search button{font-size:12px!important;padding:9px 14px}.fg-hero{grid-template-columns:1fr;padding-top:15px;padding-bottom:25px;gap:20px}.fg-hero-copy{padding:13px 0 0}.fg-hero h1{font-size:54px}.fg-hero .fg-eyebrow{font-size:9px;margin-bottom:17px}.fg-hero-copy>p{font-size:14px;line-height:1.8;margin:20px 0 23px}.fg-button{font-size:12px;padding:13px 17px;gap:18px}.fg-text-link{font-size:11px}.fg-hero-note{flex-direction:row;font-size:10px;gap:18px}.fg-hero-visual{min-height:305px}.fg-hero-caption{left:24px;bottom:22px;gap:12px}.fg-hero-caption strong{font-size:28px}.fg-hero-tag{width:86px;height:86px;font-size:10px;right:15px;top:15px}.fg-benefits>.fg-container{gap:7px 18px;padding-top:15px;padding-bottom:15px;font-size:10px;justify-content:flex-start}.fg-benefits b{font-size:9px;margin-right:6px}.fg-section{padding-top:43px}.fg-section-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:23px}.fg-section-head h2{font-size:31px}.fg-section-head p{font-size:12px}.fg-eyebrow{font-size:9px;margin-bottom:10px}.fg-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fg-category{padding:15px 12px;font-size:12px;min-height:60px}.fg-product-grid{gap:12px}.fg-card-image{padding:14px;aspect-ratio:1}.fg-card-body{padding:14px 11px 12px}.fg-card h3{font-size:13px!important}.fg-card .fg-eyebrow{font-size:7px;letter-spacing:.11em}.fg-card-body>p{font-size:10px;line-height:1.5;min-height:30px;margin:8px 0 14px}.fg-card-bottom{gap:5px;flex-wrap:wrap;padding-top:10px}.fg-detail-link{font-size:9px}.fg-add{font-size:10px;padding:6px 9px}.fg-editorial{margin:45px 20px 0;padding:28px;grid-template-columns:1fr;gap:30px}.fg-editorial h2{font-size:37px}.fg-editorial p{font-size:12px}.fg-editorial-side{border-left:0;border-top:1px solid #c5d4c5;padding-top:12px}.fg-editorial-number{font-size:78px}.fg-editorial-side p{font-size:15px;margin:5px 0 0}.fg-guide{grid-template-columns:1fr;gap:30px;margin-top:45px;margin-bottom:45px;padding-top:32px}.fg-guide h2{font-size:33px}.fg-guide ol{gap:22px}.fg-guide h3{font-size:16px}.fg-guide p{font-size:12px}.fg-contact-band{padding:30px 0}.fg-contact-band>.fg-container{align-items:flex-start;flex-direction:column}.fg-contact-band h2{font-size:30px}.fg-contact-band .fg-eyebrow{font-size:8px}.fg-footer{padding-top:38px;margin-top:25px}.fg-footer-grid{gap:26px 20px}.fg-footer-grid>div:first-child{grid-column:1/-1}.fg-footer-grid>div:last-child{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:20px}.fg-footer h2{margin-bottom:17px!important}.fg-footer-bottom{gap:15px;flex-direction:column;margin-top:30px}.fg-breadcrumb{padding:18px 0 22px;font-size:10px;gap:7px}.fg-catalogue-heading{padding-top:4px;padding-bottom:25px;margin-bottom:20px}.fg-catalogue-heading h1{font-size:38px!important}.fg-catalogue-heading p{font-size:12px;line-height:1.8}.fg-catalogue-layout{gap:10px}.fg-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fg-toolbar>[data-fg-results]{grid-column:1/-1}.fg-toolbar input,.fg-toolbar select{width:100%;font-size:10px!important;padding:10px 8px}.fg-sort>span{display:none}.fg-catalogue-note{font-size:11px;padding:16px;margin-bottom:30px}.fg-product-layout{grid-template-columns:1fr;gap:25px;padding-top:0}.fg-gallery{position:static}.fg-main-photo{aspect-ratio:1.1;padding:35px}.fg-photo-hint{font-size:9px}.fg-thumbnails button{width:56px;height:56px}.fg-product-info h1{font-size:36px}.fg-product-intro{font-size:14px}.fg-product-quote{padding:20px}.fg-product-buy{flex-wrap:nowrap}.fg-product-buy input{width:72px}.fg-product-buy .fg-button{font-size:11px;gap:9px;padding:13px 10px}.fg-product-service{flex-direction:row;gap:18px;font-size:9px}.fg-toast{bottom:15px;padding:14px 15px;gap:12px;flex-wrap:wrap;width:calc(100% - 30px);font-size:11px}.fg-toast span{flex:1;max-width:calc(100% - 35px)}.fg-toast a{order:3;flex-basis:100%}.fg-toast button{margin-left:auto}#Body #Heading h1{font-size:35px}#Body .ECartFormPanel{padding:20px}#Body .EHeader h1,#Body .EHeader h2{font-size:21px}#Body .shoppingcarttable23840 td{padding:15px 5px}#Body .kurv-bilde{width:55px;height:55px;margin-right:10px}#Body .cartintro{display:none}#Body .namecolumnitemcell23840>a{font-size:12px}#Body .quantitycolumnitemcell23840{width:78px}#Body .shoppingcarttextbox{width:70px;padding:8px}#Body .ESiteActionLink{font-size:11px;padding:11px 12px}#Body .EProceedCart{float:none;display:block;text-align:center;margin-top:18px}#Body .cartsep{display:none}#Body .SearchResult tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#Body .SearchResult .s-83c70bcd:not(#_):not(#_):not(#_){padding:12px}#Body .SearchResult .sok-bilde{height:150px}#Body .SearchResult h2{font-size:13px}#Body .SearchResult .s-ffecaa31:not(#_):not(#_):not(#_){font-size:10px;height:32px}#Body #LogoHolder{padding-top:25px}.fg-empty h2{font-size:18px!important}} /* Større, mer lesbar typografi på tvers av sidetyper. */ body#Body{font-size:18px;line-height:1.7} #Body .fg-topline{font-size:14px} #Body .fg-nav a,#Body .fg-cart-link{font-size:16px} #Body .fg-nav>.fg-container{gap:22px;flex-wrap:wrap} #Body .fg-nav-primary span{margin-left:18px} #Body .fg-search input,#Body .fg-search button{font-size:17px!important} #Body .fg-eyebrow,#Body .fg-hero .fg-eyebrow,#Body .fg-contact-band .fg-eyebrow{font-size:12px} #Body .fg-hero-copy>p{font-size:20px;max-width:530px} #Body .fg-button,#Body .fg-text-link{font-size:16px} #Body .fg-hero-note{font-size:14px;flex-wrap:wrap} #Body .fg-hero-caption>span:first-child{font-size:12px} #Body .fg-hero-caption>span:last-child,#Body .fg-hero-tag{font-size:14px} #Body .fg-benefits>.fg-container{font-size:15px;flex-wrap:wrap} #Body .fg-benefits b{font-size:13px} #Body .fg-section-head p,#Body .fg-editorial p,#Body .fg-guide p,#Body .fg-catalogue-heading p{font-size:17px} #Body .fg-category{font-size:17px} #Body .fg-card .fg-eyebrow{font-size:11px;letter-spacing:.1em} #Body .fg-card h3{font-size:20px!important;line-height:1.4!important} #Body .fg-card-body>p{font-size:16px;line-height:1.65;min-height:53px} #Body .fg-card-bottom{flex-wrap:wrap;gap:10px} #Body .fg-detail-link,#Body .fg-add{font-size:14px} #Body .fg-add{padding:9px 13px} #Body .fg-guide h3{font-size:21px} #Body .fg-guide li>span{font-size:15px} #Body .fg-editorial-side p{font-size:22px} #Body .fg-footer p,#Body .fg-footer-grid>div>a:not(.fg-footer-wordmark),#Body .fg-footer-label{font-size:15px} #Body .fg-footer h2{font-size:17px!important} #Body .fg-footer-bottom,#Body .fg-footer-bottom .s-6be0d8ba{font-size:13px} #Body .fg-footer-grid{grid-template-columns:1.25fr 1fr 1fr 1.2fr;gap:28px} #Body .fg-footer-grid>div{min-width:0;overflow-wrap:anywhere} #Body .fg-breadcrumb,#Body #BreadCrumbHolder{font-size:14px} #Body .fg-sidebar h2{font-size:18px!important} #Body .fg-sidebar>a,#Body .fg-sidebar-help p,#Body .fg-sidebar-help a{font-size:16px} #Body .fg-sidebar-help .fg-eyebrow{font-size:11px} #Body .fg-sidebar-help h3{font-size:23px!important} #Body .fg-toolbar{font-size:15px} #Body .fg-toolbar input,#Body .fg-toolbar select{font-size:16px!important;min-height:46px} #Body .fg-filter{flex:1;min-width:180px} #Body .fg-filter input{width:100%} #Body .fg-sort{display:flex;align-items:center;gap:8px;max-width:100%} #Body .fg-catalogue-note,#Body .fg-empty p{font-size:16px} #Body .fg-product-info h1{font-size:clamp(38px,3.8vw,56px)} #Body .fg-product-intro{font-size:19px} #Body .fg-sku,#Body .fg-photo-hint{font-size:14px} #Body .fg-product-quote h2{font-size:23px!important} #Body .fg-product-quote p,#Body .fg-product-quote label{font-size:16px} #Body .fg-product-buy .fg-button{font-size:16px;gap:12px} #Body .fg-product-quote .fg-quote-note,#Body .fg-product-quote .fg-quote-explanation{font-size:14px} #Body .fg-product-service,#Body .fg-product-help{font-size:15px} #Body .fg-product-service{flex-wrap:wrap} #Body .fg-details summary{font-size:18px} #Body .fg-richtext,#Body .fg-details>p{font-size:17px} #Body .fg-richtext h2,#Body .fg-richtext h3{font-size:23px!important} #Body .fg-toast{font-size:16px} #Body .fg-quote-intro,#Body .fg-quote-summary{font-size:17px} #Body .fg-form-extra label,#Body .fg-form-privacy,#Body .fg-quote-progress{font-size:15px} #Body .EditorLabel{font-size:16px!important} #Body .ESiteTextBox,#Body .ESiteDropDown,#Body .fg-quote-field{font-size:18px!important} #Body .shoppingcarttable23840 th{font-size:14px} #Body .namecolumnitemcell23840>a{font-size:18px} #Body .cartintro,#Body .fg-remove,#Body .EEmptyCart{font-size:14px} #Body .tilbudsknapp a,#Body .tilbudsknapp_stor a,#Body .ESiteActionLink{font-size:16px} #Body [data-sok-status]{font-size:17px} #Body .SearchResult h2{font-size:20px} #Body .SearchResult .s-ffecaa31:not(#_):not(#_):not(#_){font-size:16px;line-height:1.65;height:auto;min-height:53px} #Body .SearchResult .s-fe133b28:not(#_):not(#_):not(#_){font-size:16px} /* En enkelt, kort transformasjon: ingen samtidig kortflytting, skyggeanimasjon eller bildeblanding. */ #Body .fg-card{transition:border-color 120ms ease-out} #Body .fg-card:hover{transform:none;box-shadow:none} #Body .fg-card-image{background:#fff;isolation:isolate} #Body .fg-card-image img{mix-blend-mode:normal;transform:none;transition:none;backface-visibility:hidden} #Body .fg-card:hover .fg-card-image img{transform:none} @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ #Body .fg-card-image img{transition:transform 140ms cubic-bezier(.2,.7,.3,1)} #Body .fg-card:hover .fg-card-image:hover img{transform:scale(1.025)} } @media(max-width:1199px){ #Body .fg-nav a{font-size:15px} #Body .fg-header-main{gap:20px} #Body .fg-cart-link{font-size:14px} #Body .fg-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #Body .fg-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:900px){ #Body .fg-hero-copy>p{font-size:18px} #Body .fg-product-buy{flex-wrap:wrap} #Body .fg-product-buy input{width:100%} #Body .fg-toolbar{flex-wrap:wrap} } @media(max-width:600px){ #Body .fg-topline>.fg-container,#Body .fg-topline>.fg-container>span:first-child{font-size:12px} #Body .fg-topline>.fg-container{gap:12px} #Body .fg-logo{width:156px;max-width:52%} #Body .fg-header-main{gap:10px} #Body .fg-menu-toggle{font-size:14px!important;padding:8px 10px} #Body .fg-cart-link{font-size:0} #Body .fg-cart-link:before{font-size:14px} #Body .fg-cart-link span{font-size:13px} #Body .fg-search{flex-basis:100%;min-width:0} #Body .fg-search input,#Body .fg-search button{font-size:16px!important} #Body .fg-hero h1{font-size:clamp(48px,13vw,60px)} #Body .fg-hero-copy>p{font-size:18px} #Body .fg-hero-note{font-size:14px;gap:10px 18px} #Body .fg-hero-caption>span:last-child{font-size:14px} #Body .fg-hero-tag{font-size:12px;width:94px;height:94px} #Body .fg-benefits>.fg-container{font-size:14px;gap:12px} #Body .fg-section-head h2,#Body .fg-guide h2{font-size:36px} #Body .fg-category{font-size:16px;padding:16px 12px} #Body .fg-card h3{font-size:18px!important} #Body .fg-card-body>p{font-size:15px;min-height:50px} #Body .fg-card .fg-eyebrow{font-size:10px;letter-spacing:.06em} #Body .fg-card-bottom{align-items:flex-start;flex-direction:column;gap:10px} #Body .fg-detail-link,#Body .fg-add{font-size:14px} #Body .fg-add{display:block;width:100%;text-align:center;min-height:42px} #Body .fg-guide h3{font-size:20px} #Body .fg-footer-grid{gap:30px 20px} #Body .fg-footer-bottom{font-size:14px} #Body .fg-toolbar{grid-template-columns:minmax(0,1fr)} #Body .fg-filter{min-width:0} #Body .fg-sort{width:100%} #Body .fg-toolbar input,#Body .fg-toolbar select{font-size:16px!important;width:100%} #Body .fg-product-info h1{font-size:40px} #Body .fg-product-intro{font-size:18px} #Body .fg-product-buy{flex-wrap:wrap} #Body .fg-product-buy input{width:100%} #Body .fg-product-buy .fg-button{width:100%;font-size:16px;padding:14px} #Body .fg-product-service{font-size:14px;gap:10px} #Body .fg-richtext,#Body .fg-details>p{font-size:17px} #Body .fg-breadcrumb{font-size:13px} #Body .fg-toast{font-size:15px} #Body .namecolumnitemcell23840>a{font-size:16px} #Body .ESiteActionLink{font-size:16px} #Body .SearchResult h2{font-size:18px} #Body .SearchResult .s-ffecaa31:not(#_):not(#_):not(#_){font-size:15px;min-height:50px;height:auto} } /* Identitet fra logoen: #0095A9, #149FB3, #51ABB8, #6DB5BA, sort og hvitt. Mørkere turkis brukes bak hvit knappetekst for god lesbarhet. */ :root{--fg-ink:#101718;--fg-muted:#56646a;--fg-teal:#007e91;--fg-mint:#e4f5f7;--fg-paper:#f4f8f9;--fg-line:#dce7ea;--fg-brand:#0095a9;--fg-brand-mid:#149fb3;--fg-brand-light:#6db5ba;--fg-serif:'Lato',Arial,sans-serif;--fg-radius:18px} body#Body{background:#fff;color:var(--fg-ink)} #Body .fg-topline{background:#101718} #Body .fg-header{border-bottom:1px solid #e3eaed} #Body .fg-header-main{min-height:112px} #Body .fg-search{background:#f2f7f8;border-color:transparent;border-radius:100px;padding:6px 7px 6px 21px} #Body .fg-search button{border-radius:100px;padding:11px 22px;background:#007e91} #Body .fg-cart-link{border:1px solid var(--fg-line);border-radius:100px;padding:12px 18px} #Body .fg-cart-link span{background:#dff5f8;color:#006c7d} #Body .fg-nav-primary{color:#007e91} #Body .fg-nav a:hover{color:#007e91!important} #Body .fg-nav-primary span{display:inline-grid;place-items:center;background:#0095a9;color:white;border-radius:50%;width:25px;height:25px} #Body .fg-button{border-radius:100px;min-height:54px;background:#007e91;border-color:#007e91;padding:15px 26px;box-shadow:none;transition:background-color 120ms ease-out} #Body .fg-button:hover{background:#006575;border-color:#006575;transform:none} #Body .fg-button>span{font-size:23px;line-height:1} #Body .fg-text-link{border-bottom:1px solid currentColor;padding-bottom:4px} #Body .fg-eyebrow{color:#00788a;letter-spacing:.12em} #Body .fg-brand-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:40px;padding-bottom:50px;align-items:center} #Body .fg-brand-hero .fg-hero-copy{padding:24px 0;min-width:0} #Body .fg-hero-showcase{min-width:0} #Body .fg-brand-hero h1 em{display:inline-block;max-width:100%} #Body .fg-brand-hero h1{font-family:'Lato',Arial,sans-serif!important;font-size:clamp(58px,6.4vw,92px);font-weight:700;line-height:.99!important;letter-spacing:-.065em} #Body .fg-brand-hero h1 em{font-style:normal;color:#008da2;font-weight:700} #Body .fg-brand-hero .fg-hero-copy>p{max-width:490px;line-height:1.65;margin-top:27px} #Body .fg-brand-hero .fg-actions{gap:22px} #Body .fg-brand-hero .fg-actions>.fg-text-link{font-size:15px} #Body .fg-brand-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#0095a9;margin-right:5px} #Body .fg-hero-showcase{position:relative;isolation:isolate;min-height:570px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#dff4f6 0%,#eef9fa 48%,#c5e9ee 100%);padding:28px;display:flex;flex-direction:column} #Body .fg-hero-showcase:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.8%,#0095a912 50%);pointer-events:none;z-index:-1} #Body .fg-showcase-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.1em;font-weight:700;color:#226775;position:relative;z-index:2} #Body .fg-showcase-products{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-content:center;position:relative;z-index:1;padding:25px 5px} #Body .fg-showcase-products .fg-card{border:1px solid #ffffffd9;border-radius:16px;background:#fff;box-shadow:0 12px 30px #1646520d;overflow:hidden;align-self:center;transform:rotate(-6deg)} #Body .fg-showcase-products .fg-card:nth-child(2){transform:rotate(7deg);margin-top:50px} #Body .fg-showcase-products .fg-card:nth-child(3){position:absolute;width:42%;left:28%;top:40%;transform:rotate(-2deg);z-index:2;box-shadow:0 18px 35px #16465224} #Body .fg-showcase-products .fg-card:hover{border-color:#51abb8;box-shadow:0 12px 30px #1646520d} #Body .fg-showcase-products .fg-card-image{aspect-ratio:1.12;padding:20px;background:white} #Body .fg-showcase-products .fg-card-body{padding:0 15px 13px;flex:0} #Body .fg-showcase-products .fg-card h3{font-size:17px!important;line-height:1.35!important;text-align:center} #Body .fg-showcase-products .fg-card .fg-eyebrow,#Body .fg-showcase-products .fg-card-body>p,#Body .fg-showcase-products .fg-card-bottom{display:none} #Body .fg-showcase-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;color:#13515d;font-size:18px;line-height:1.4} #Body .fg-showcase-bottom strong{font-size:26px;letter-spacing:-.04em;color:#101718} #Body .fg-showcase-bottom>a{width:58px;height:58px;display:grid;place-items:center;background:#101718;color:#fff;border-radius:50%;font-size:30px;text-decoration:none} #Body .fg-showcase-mark{position:absolute;right:8px;bottom:65px;font-size:200px;font-weight:700;line-height:1;color:#0095a90c;letter-spacing:-.1em;z-index:-1} #Body .fg-brand-statement{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px 38px;background:#0095a9;color:#071c22;padding:23px 24px;font-size:clamp(20px,2.3vw,32px);font-weight:700;letter-spacing:-.025em} #Body .fg-brand-statement>span:nth-child(even){color:#c7f6fc;font-size:34px;line-height:1} #Body .fg-benefits{background:#101718;border:0;color:#e9f4f6} #Body .fg-benefits b{color:#71d9e8} #Body .fg-benefits>.fg-container{padding-top:22px;padding-bottom:22px} #Body .fg-section{padding-top:84px} #Body .fg-section-head h2,#Body .fg-guide h2,#Body .fg-editorial h2,#Body .fg-contact-band h2{font-family:'Lato',Arial,sans-serif!important;font-weight:700;letter-spacing:-.05em;font-size:clamp(34px,3.6vw,50px);line-height:1.08} #Body .fg-category-grid{gap:14px} #Body .fg-category{position:relative;overflow:hidden;border-radius:14px;border:1px solid #dcebed;background:#f3f9fa;min-height:92px;padding:25px;font-weight:700;transition:background-color 120ms ease-out,border-color 120ms ease-out} #Body .fg-category:nth-child(3n+2){background:#e5f3f6} #Body .fg-category>span:last-child{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#fff;color:#007e91} #Body .fg-category:hover{background:#d5eff3;border-color:#6db5ba} #Body .fg-product-grid{gap:24px} #Body .fg-card{border-color:#e2e9ec;border-radius:16px;background:#fff} #Body .fg-card-image{border-bottom:1px solid #edf2f4;padding:27px;aspect-ratio:1.08} #Body .fg-card-body{padding:23px 21px 20px} #Body .fg-card .fg-eyebrow{color:#00798b;letter-spacing:.08em} #Body .fg-card h3{letter-spacing:-.025em} #Body .fg-card:hover{border-color:#6db5ba} #Body .fg-card-bottom{border-color:#e4ecef;padding-top:17px} #Body .fg-add{border-radius:100px;background:#e3f5f8;color:#006e80!important;padding:10px 17px;transition:background-color 120ms ease-out} #Body .fg-add:hover{background:#c7eaf0} #Body .fg-add.is-added{background:#101718;color:#fff!important} #Body .fg-editorial{position:relative;overflow:hidden;border-radius:24px;background:#101718;color:#e8f4f6;padding:60px;gap:50px} #Body .fg-editorial h2{color:#fff;font-size:clamp(38px,4.5vw,62px)} #Body .fg-editorial .fg-eyebrow{color:#71d9e8} #Body .fg-editorial p{color:#c0d0d5} #Body .fg-editorial .fg-button{background:#bdeff6;color:#0c3840!important;border-color:#bdeff6} #Body .fg-editorial .fg-button:hover{background:white} #Body .fg-editorial-side{border-color:#ffffff24;position:relative} #Body .fg-editorial-number{font-family:'Lato',Arial,sans-serif;font-style:normal;font-weight:700;color:#6ad0e0;font-size:clamp(85px,10vw,145px);letter-spacing:-.075em} #Body .fg-editorial-symbol{position:absolute;right:0;top:-30px;color:#51abb8;font-size:100px;line-height:1} #Body .fg-guide li>span{border:0;background:#ddf2f6;color:#006d7f;border-radius:12px;width:46px;height:46px;font-weight:700} #Body .fg-contact-band{position:relative;isolation:isolate;overflow:hidden;background:#cceff4;padding:55px 0} #Body .fg-contact-band:after{content:'↗';position:absolute;z-index:-1;right:20%;top:-130px;font-size:400px;line-height:1;color:#0095a90d} #Body .fg-contact-band h2{font-size:clamp(32px,3.5vw,48px)} #Body .fg-footer{background:#0e171b;border-top:4px solid #0095a9;color:#e7f1f4} #Body .fg-footer-wordmark{display:inline-block;max-width:280px;width:100%;margin-bottom:6px} #Body .fg-footer-wordmark img{display:block;width:100%;height:auto} #Body .fg-footer a{color:#e3eef2!important} #Body .fg-footer p,#Body .fg-footer-label,#Body .fg-footer-bottom,#Body .fg-footer-bottom a{color:#afc3cc!important} #Body .fg-footer .fg-footer-phone{color:#79d5e3!important} #Body .fg-catalogue-heading{background:linear-gradient(110deg,#eef9fa,#f8fcfd);border:1px solid #dfedf0;border-radius:20px;padding:38px 35px 40px;margin-bottom:32px} #Body .fg-catalogue-heading h1{font-family:'Lato',Arial,sans-serif!important;font-weight:700!important;font-size:clamp(38px,4.6vw,64px)!important;letter-spacing:-.05em} #Body .fg-sidebar-help{border-radius:16px;background:#e9f6f8;border:1px solid #d4eaef} #Body .fg-sidebar-help h3{font-weight:700;font-family:'Lato',Arial,sans-serif!important} #Body .fg-sidebar>a.is-current,#Body .fg-sidebar>a:hover{background:#dcf2f6;color:#006e80!important} #Body .fg-toolbar{padding:17px;border-radius:14px;background:#f4f8f9;border:1px solid #e5edf0} #Body .fg-toolbar input,#Body .fg-toolbar select{border-radius:8px;background:#fff} #Body .fg-catalogue-note{border-left:3px solid #0095a9;background:#eef8fa;border-radius:0 10px 10px 0} #Body .fg-product-info h1{font-family:'Lato',Arial,sans-serif!important;font-weight:700;letter-spacing:-.05em} #Body .fg-main-photo{background:#fff;border-radius:22px;border-color:#dce9ed;box-shadow:0 14px 48px #1b4b5d06} #Body .fg-main-photo img{mix-blend-mode:normal} #Body .fg-product-quote{background:#eaf7fa;border:1px solid #c3e3eb;border-radius:18px;padding:28px} #Body .fg-product-buy input{border-color:#a4cfda;border-radius:10px} #Body .fg-product-quote .fg-quote-note{color:#006e80} #Body .fg-thumbnails button{border-radius:10px} #Body .fg-thumbnails button.is-selected{border-color:#0095a9} #Body .fg-quote-summary{background:#e3f4f8;border-left:3px solid #0095a9;border-radius:8px} #Body .ECartFormPanel{background:#f5fafb;border-color:#d5e7ec;border-radius:18px} #Body .ESiteTextBox,#Body .ESiteDropDown,#Body .fg-quote-field{border-color:#b9d3dc!important;border-radius:9px!important} #Body .tilbudsknapp a,#Body .tilbudsknapp_stor a,#Body .ESiteActionLink{border-radius:100px;background:#007e91;border-color:#007e91} #Body .EBackCart,#Body .EBackLink,#Body .EEmptyCart{background:white;color:#00788a} #Body .fg-toast{background:#101c22;border-color:#254550;border-radius:16px} #Body .fg-toast a{color:#83ddec!important} #Body #LogoHolder{background:#f3f8fa;border-top:1px solid #e3edf1} #Body #LogoContainer{opacity:.85} #Body .SearchResult .s-83c70bcd:not(#_):not(#_):not(#_){border-radius:16px;border-color:#dce9ed} #Body a:focus-visible,#Body button:focus-visible,#Body input:focus-visible,#Body select:focus-visible,#Body textarea:focus-visible,#Body summary:focus-visible{outline-color:#00798b} @media(max-width:1199px){ #Body .fg-brand-hero h1{font-size:clamp(54px,6.5vw,80px)} #Body .fg-hero-showcase{min-height:510px;padding:24px} #Body .fg-showcase-products{gap:10px;padding-left:0;padding-right:0} #Body .fg-showcase-products .fg-card-image{padding:14px} #Body .fg-showcase-products .fg-card h3{font-size:16px!important} #Body .fg-showcase-heading{font-size:9px;letter-spacing:.07em} #Body .fg-category{padding:22px 18px} #Body .fg-product-grid{gap:18px} } @media(max-width:900px){ #Body .fg-brand-hero{gap:25px;align-items:stretch} #Body .fg-brand-hero h1{font-size:clamp(48px,6.6vw,62px)} #Body .fg-hero-showcase{min-height:490px;padding:20px} #Body .fg-showcase-heading{flex-direction:column;gap:5px} #Body .fg-showcase-bottom{font-size:15px} #Body .fg-showcase-bottom strong{font-size:21px} #Body .fg-showcase-bottom>a{width:45px;height:45px;font-size:25px} #Body .fg-showcase-products .fg-card:nth-child(3){top:42%;width:46%;left:25%} #Body .fg-section{padding-top:60px} #Body .fg-editorial{padding:40px} #Body .fg-editorial-symbol{font-size:65px;top:-15px} } @media(max-width:600px){ #Body .fg-header-main{min-height:0} #Body .fg-cart-link{padding:7px 10px;border:0} #Body .fg-brand-hero{grid-template-columns:minmax(0,1fr);padding-top:12px;padding-bottom:30px;gap:25px} #Body .fg-brand-hero .fg-hero-copy{padding-top:22px;padding-bottom:0} #Body .fg-brand-hero h1{font-size:clamp(53px,14vw,78px)} #Body .fg-brand-hero .fg-eyebrow{font-size:10px;letter-spacing:.08em} #Body .fg-brand-hero .fg-actions{gap:18px} #Body .fg-brand-hero .fg-hero-note{margin-top:22px} #Body .fg-hero-showcase{min-height:430px;padding:22px;border-radius:20px} #Body .fg-showcase-heading{flex-direction:row;font-size:9px} #Body .fg-showcase-products{padding-top:20px;padding-bottom:30px;align-content:start} #Body .fg-showcase-products .fg-card:nth-child(2){margin-top:30px} #Body .fg-showcase-products .fg-card:nth-child(3){top:30%;width:43%;left:28%} #Body .fg-showcase-products .fg-card h3{font-size:16px!important} #Body .fg-showcase-bottom strong{font-size:24px} #Body .fg-showcase-mark{font-size:160px;bottom:50px} #Body .fg-brand-statement{gap:10px 16px;font-size:19px;padding:22px 20px;justify-content:flex-start} #Body .fg-brand-statement>span:nth-child(even){font-size:25px} #Body .fg-brand-statement>span:last-child{display:none} #Body .fg-benefits>.fg-container{padding-top:19px;padding-bottom:19px} #Body .fg-section{padding-top:47px} #Body .fg-section-head h2,#Body .fg-guide h2{font-size:36px} #Body .fg-category-grid{gap:10px} #Body .fg-category{min-height:92px;padding:16px 13px;font-size:16px;gap:7px;border-radius:12px} #Body .fg-category>span:last-child{width:24px;height:24px;font-size:15px} #Body .fg-product-grid{gap:12px} #Body .fg-card{border-radius:13px} #Body .fg-card-image{padding:17px} #Body .fg-card-body{padding:17px 12px 14px} #Body .fg-editorial{padding:30px;gap:28px;border-radius:20px} #Body .fg-editorial h2{font-size:41px} #Body .fg-editorial-side{padding-top:25px} #Body .fg-editorial-symbol{font-size:65px;top:12px} #Body .fg-editorial-number{font-size:100px} #Body .fg-editorial-side p{font-size:19px} #Body .fg-contact-band{padding:38px 0} #Body .fg-catalogue-heading{padding:27px 22px;border-radius:16px;margin-bottom:24px} #Body .fg-catalogue-heading h1{font-size:38px!important;overflow-wrap:anywhere} #Body .fg-toolbar{padding:14px} #Body .fg-main-photo{border-radius:17px} #Body .fg-product-quote{padding:23px} #Body .fg-footer-wordmark{max-width:260px} } /* Sømløs merkerad: to like grupper med identisk bredde, kun transform animert. */ #Body .fg-brands{padding:54px 0 20px;margin-top:48px;background:#f4f9fb;border-top:1px solid #deebef} #Body .fg-brands-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px} #Body .fg-brands-heading h2{font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:-.04em} #Body .fg-brands-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap} #Body .fg-brands-pause{background:white;color:#006e80;border:1px solid #badbe3;border-radius:100px;padding:9px 16px;font-size:14px;cursor:pointer} #Body .fg-brands-window{overflow-x:auto;overflow-y:hidden;padding:34px 0 48px;scrollbar-width:thin;scrollbar-color:#6db5ba transparent} #Body .fg-brands-track{display:flex;width:max-content;align-items:center} #Body .fg-brands-group{display:flex;align-items:center;gap:28px;padding-right:28px;flex-shrink:0;width:max-content} #Body .fg-brand-link{position:relative;display:flex;align-items:center;justify-content:center;width:190px;height:140px;flex-shrink:0;text-decoration:none;isolation:isolate} #Body .fg-brand-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:28px 20px;transform:scale(1);transition:transform 140ms ease-out} #Body .fg-brand-image img{display:block;max-width:150px;max-height:76px;width:auto;height:auto;object-fit:contain} #Body .fg-brand-bubble{position:absolute;z-index:2;left:50%;bottom:-22px;transform:translate(-50%,5px);opacity:0;visibility:hidden;display:flex;align-items:center;gap:12px;white-space:nowrap;border-radius:13px;background:#007e91;color:#fff;padding:11px 16px;font-size:14px;font-weight:700;box-shadow:0 6px 18px #007e911a;transition:opacity 120ms ease-out,transform 120ms ease-out,visibility 120ms} #Body .fg-brand-bubble:before{content:'';position:absolute;top:-7px;left:calc(50% - 7px);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid #007e91} #Body .fg-brand-link:hover,#Body .fg-brand-link:focus-visible{z-index:3} #Body .fg-brand-link:hover .fg-brand-image,#Body .fg-brand-link:focus-visible .fg-brand-image{transform:scale(1.1)} #Body .fg-brand-link:hover .fg-brand-bubble,#Body .fg-brand-link:focus-visible .fg-brand-bubble{opacity:1;visibility:visible;transform:translate(-50%,0)} #Body .fg-brands.is-running .fg-brands-window{overflow-x:hidden} #Body .fg-brands.is-running .fg-brands-track{animation:fg-brands-scroll var(--fg-brand-duration,90s) linear infinite;will-change:transform} #Body .fg-brands.is-paused .fg-brands-track,#Body .fg-brands.is-focused .fg-brands-track,#Body .fg-brands:has(.fg-brand-link:hover) .fg-brands-track{animation-play-state:paused} /* Tastaturbruk viser originalene som en vanlig, horisontalt rullbar lenkeliste. */ #Body .fg-brands.is-keyboard .fg-brands-track{animation:none;transform:none;will-change:auto} #Body .fg-brands.is-keyboard .fg-brands-window{overflow-x:auto} #Body .fg-brands.is-keyboard [data-fg-brands-duplicate],#Body .fg-brands.is-keyboard [data-fg-brand-copy]{display:none} @keyframes fg-brands-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(hover:none){#Body .fg-brand-bubble{font-size:12px;opacity:1;visibility:visible;transform:translate(-50%,0)}#Body .fg-brand-link{height:148px}} @media(max-width:600px){#Body .fg-brands{padding-top:35px;margin-top:30px}#Body .fg-brands-heading{align-items:flex-start;flex-direction:column;gap:20px}#Body .fg-brands-actions{gap:18px}#Body .fg-brands-heading h2{font-size:28px}#Body .fg-brand-link{width:165px}#Body .fg-brands-group{gap:20px;padding-right:20px}#Body .fg-brand-image img{max-width:130px;max-height:65px}#Body .fg-brand-bubble{font-size:12px;padding:10px 12px;gap:8px}} @media(prefers-reduced-motion:reduce){#Body .fg-brands.is-running .fg-brands-track{animation:none;transform:none;will-change:auto}#Body .fg-brands.is-running .fg-brands-window{overflow-x:auto}#Body .fg-brands [data-fg-brands-duplicate],#Body .fg-brands [data-fg-brand-copy]{display:none}#Body .fg-brand-link:hover .fg-brand-image,#Body .fg-brand-link:focus-visible .fg-brand-image{transform:none}} /* Tilfeldige produktforslag i forsidens produktutstilling. */ #Body .fg-lucky-bottom{flex-wrap:wrap;gap:18px;align-items:center} #Body .fg-lucky-bottom>div{display:grid;gap:3px} #Body .fg-lucky-bottom strong{font-size:22px;line-height:1.3} #Body .fg-lucky-bottom>div>span{font-size:15px} #Body .fg-lucky-button{font-size:15px;min-height:50px;padding:12px 20px;gap:12px;white-space:normal;text-align:center} #Body .fg-lucky-button:disabled{opacity:.65;cursor:wait} #Body .fg-lucky-button>span{font-size:24px} #Body .fg-lucky-status{position:relative;z-index:3;font-size:13px;line-height:1.5;color:#245c68;min-height:39px;margin:14px 0 0;max-width:100%} #Body [data-fg-inspiration-products][aria-busy="true"]{opacity:.65} #Body .fg-hero-showcase[data-fg-inspiration]{min-height:650px} #Body [data-fg-inspiration-products]{min-height:380px} #Body [data-fg-inspiration-products] .fg-card h3{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} @media(max-width:900px){#Body .fg-hero-showcase[data-fg-inspiration]{min-height:620px}#Body [data-fg-inspiration-products]{min-height:330px}} @media(max-width:600px){#Body .fg-hero-showcase[data-fg-inspiration]{min-height:590px}#Body [data-fg-inspiration-products]{min-height:330px}#Body .fg-lucky-bottom{gap:14px}#Body .fg-lucky-button{width:100%;font-size:16px}#Body .fg-lucky-bottom strong{font-size:22px}} /* Produktgalleri i nettleserens modale topplag, over menyer og chat. */ html.fg-gallery-open,html.fg-gallery-open body{overflow:hidden;overscroll-behavior:none} #Body .fg-lightbox{position:fixed;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;border:0;background:transparent;color:#fff;overflow:hidden} #Body .fg-lightbox:not([open]){display:none} #Body .fg-lightbox::backdrop{background:rgba(5,12,17,.9)} #Body .fg-lightbox-stage{position:absolute;inset:80px 85px 95px;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom} #Body .fg-lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 18px 70px #0005;user-select:none;-webkit-user-select:none} #Body .fg-lightbox-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px;pointer-events:none} #Body .fg-lightbox-title{font-family:var(--fg-heading);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 75px)} #Body .fg-lightbox button{pointer-events:auto;display:grid;place-items:center;padding:0;width:50px;height:50px;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;color:white;cursor:pointer;line-height:1;transition:background-color 120ms ease-out} #Body .fg-lightbox button:hover{background:#007e91} #Body .fg-lightbox-close{font-size:36px} #Body .fg-lightbox-prev,#Body .fg-lightbox-next{position:absolute;top:calc(50% - 25px);font-size:44px} #Body .fg-lightbox-prev{left:22px}#Body .fg-lightbox-next{right:22px} #Body .fg-lightbox-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:center;gap:12px 24px;flex-wrap:wrap;pointer-events:none;text-align:center} #Body .fg-lightbox-counter{font-weight:700;font-size:16px} #Body .fg-lightbox-hint{font-size:14px;color:#bdcdd4} #Body .fg-lightbox button:focus-visible{outline:3px solid #81dce9;outline-offset:4px} @media(max-width:600px){#Body .fg-lightbox-stage{inset:82px 15px 130px}#Body .fg-lightbox-top{padding:15px}#Body .fg-lightbox-title{font-size:14px}#Body .fg-lightbox button{width:46px;height:46px}#Body .fg-lightbox-prev,#Body .fg-lightbox-next{top:auto;bottom:66px;font-size:38px}#Body .fg-lightbox-prev{left:calc(50% - 66px)}#Body .fg-lightbox-next{right:calc(50% - 66px)}#Body .fg-lightbox-caption{bottom:16px;gap:4px 12px;left:12px;right:12px}#Body .fg-lightbox-hint{font-size:12px}#Body .fg-lightbox-counter{font-size:14px}} /* Julegavetips: lett CSS-pynt, uten bildefiler eller effekt over produktkortene. */ #Body .fg-christmas{padding-bottom:20px} #Body .fg-christmas-heading{position:relative;isolation:isolate;margin-bottom:32px;padding:36px 125px 69px;border-radius:22px;background:linear-gradient(120deg,#edf5f0,#f8fbf9 50%,#eaf4f0);border:1px solid #dce9e1;overflow:hidden} #Body .fg-christmas-heading .fg-section-head{position:relative;z-index:2;display:block;margin:0;text-align:center} #Body .fg-christmas-heading .fg-eyebrow{color:#32664e;font-size:12px;letter-spacing:.14em} #Body .fg-christmas-heading h2{font-size:clamp(28px,3.3vw,44px);color:#163e30;letter-spacing:-.04em} #Body .fg-christmas-greenery{position:absolute;top:-15px;width:150px;height:160px;pointer-events:none;z-index:1} #Body .fg-christmas-greenery-left{left:-12px;transform:rotate(-18deg)} #Body .fg-christmas-greenery-right{right:-12px;transform:scaleX(-1) rotate(-18deg)} #Body .fg-christmas-greenery span{position:absolute;left:12px;top:9px;width:124px;height:37px;transform-origin:8px 50%;background:repeating-linear-gradient(28deg,transparent 0 5px,#315f45 5px 7px,transparent 7px 10px),repeating-linear-gradient(-28deg,transparent 0 5px,#487b58 5px 7px,transparent 7px 10px);clip-path:polygon(0 48%,70% 0,100% 50%,70% 100%);filter:drop-shadow(0 2px 1px #123a2220)} #Body .fg-christmas-greenery span:after{content:'';position:absolute;left:0;right:4px;top:49%;height:2px;background:#335b38} #Body .fg-christmas-greenery span:nth-child(1){transform:rotate(18deg);width:145px} #Body .fg-christmas-greenery span:nth-child(2){transform:rotate(48deg);top:18px} #Body .fg-christmas-greenery span:nth-child(3){transform:rotate(76deg);top:27px;width:132px} #Body .fg-christmas-greenery span:nth-child(4){transform:rotate(105deg);top:38px;width:103px} #Body .fg-christmas-greenery i{position:absolute;left:75px;top:76px;width:24px;height:29px;border-radius:45% 45% 50% 50%;background:radial-gradient(circle at 30% 28%,#f9e4b1,#bb883a 55%,#886122);box-shadow:0 3px 8px #55431d22} #Body .fg-christmas-greenery i:before{content:'';position:absolute;left:9px;top:-6px;width:7px;height:7px;border:1px solid #a57b3d;border-radius:2px} #Body .fg-christmas-greenery i:after{content:'';position:absolute;left:12px;bottom:35px;width:1px;height:31px;background:#9b844f} #Body .fg-christmas-lights{position:absolute;z-index:3;left:5%;right:5%;bottom:25px;height:34px;display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid #54685c;border-radius:50% 50% 0 0 / 90% 90% 0 0;pointer-events:none;padding:0 12px} #Body .fg-christmas-light{position:relative;flex-shrink:0;width:9px;height:15px;margin-top:4px;border-radius:45% 45% 50% 50%;background:#ffe5a1;box-shadow:0 0 9px 3px #f2c75f66,0 0 23px 7px #f4ce6f22;animation:fg-christmas-glow 2s ease-in-out 2} #Body .fg-christmas-light:before{content:'';position:absolute;left:2px;top:-5px;width:5px;height:6px;background:#536052;border-radius:1px} #Body .fg-christmas-light:nth-child(4n+2){margin-top:14px;animation-delay:.25s;background:#ffda7d} #Body .fg-christmas-light:nth-child(4n+3){margin-top:20px;animation-delay:.5s} #Body .fg-christmas-light:nth-child(4n+4){margin-top:11px;animation-delay:.75s} #Body .fg-christmas-snow{position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.8;background-image:radial-gradient(circle at 9% 62%,#fff 0 2px,transparent 3px),radial-gradient(circle at 24% 17%,#fff 0 2px,transparent 3px),radial-gradient(circle at 39% 80%,#fff 0 3px,transparent 4px),radial-gradient(circle at 55% 13%,#fff 0 2px,transparent 3px),radial-gradient(circle at 72% 76%,#fff 0 2px,transparent 3px),radial-gradient(circle at 88% 38%,#fff 0 3px,transparent 4px);background-size:310px 160px} @keyframes fg-christmas-glow{0%,100%{opacity:1}50%{opacity:.65}} @media(max-width:900px){#Body .fg-christmas-heading{padding-left:90px;padding-right:90px}#Body .fg-christmas-greenery{width:110px;transform:scale(.8) rotate(-18deg);transform-origin:top left}#Body .fg-christmas-greenery-right{transform:scale(-.8,.8) rotate(-18deg);transform-origin:top center;right:-45px}} @media(max-width:600px){#Body .fg-christmas-heading{padding:56px 19px 73px;margin-bottom:24px;border-radius:16px}#Body .fg-christmas-heading h2{font-size:29px;line-height:1.18}#Body .fg-christmas-heading .fg-eyebrow{font-size:10px;letter-spacing:.08em}#Body .fg-christmas-greenery-left{transform:scale(.6) rotate(-18deg);left:-7px;top:-10px}#Body .fg-christmas-greenery-right{transform:scale(-.6,.6) rotate(-18deg);right:-53px;top:-10px}#Body .fg-christmas-lights{left:4%;right:4%;padding-left:5px;padding-right:5px}#Body .fg-christmas-light{width:7px;height:12px}#Body .fg-christmas-light:nth-child(even){display:none}} @media(prefers-reduced-motion:reduce){#Body .fg-christmas-light{animation:none}} /* Fullbredde vinternatt. Dekorasjonen er HTML/CSS, uten nye bildefiler. */ #Body .fg-winter{position:relative;isolation:isolate;overflow:hidden;width:100%;margin:85px 0 0;padding:22px 0 90px;background:radial-gradient(ellipse at 78% 12%,#28476e 0,transparent 43%),linear-gradient(#08152e,#13294b 55%,#234463);color:#fff} #Body .fg-winter-inner{position:relative;z-index:2} #Body .fg-winter-stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 14% 19%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 67% 46%,#fff8 0 1px,transparent 2px),radial-gradient(circle at 83% 12%,#d9eaffaa 0 1px,transparent 2px);background-size:217px 151px,331px 239px,439px 263px;opacity:.65} #Body .fg-winter-controls{display:flex;justify-content:flex-end;position:relative;z-index:6;min-height:36px} #Body .fg-winter-controls label{display:flex;align-items:center;gap:9px;background:#07152b80;border:1px solid #ffffff30;border-radius:100px;color:#d9e6f3;font-size:13px;font-weight:400;padding:8px 14px;cursor:pointer} #Body .fg-winter-pause{margin:0;accent-color:#0095a9;width:16px;height:16px} #Body .fg-winter-scene{position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;padding:60px 180px 50px} #Body .fg-winter-heading{position:relative;z-index:4;text-align:center;text-shadow:0 3px 22px #061329} #Body .fg-winter-heading .fg-eyebrow{color:#f0dba7;font-size:12px;letter-spacing:.18em;margin-bottom:16px} #Body .fg-winter-heading h2{font-family:var(--fg-heading)!important;color:#fff;font-size:clamp(32px,3.5vw,50px);font-weight:700;line-height:1.12;letter-spacing:-.04em} #Body .fg-winter-heading p{color:#d6e3f2;font-size:18px;margin:16px 0 0} #Body .fg-winter-moon{position:absolute;right:55px;top:4px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fffef3,#f6edce 70%,#d4d7d0);box-shadow:0 0 50px 18px #d9eaff17,0 0 100px 35px #d9eaff0d} #Body .fg-winter-moon:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 65% 65%,#a3b0b51a 0 16%,transparent 17%),radial-gradient(ellipse at 35% 40%,#a3b0b51a 0 12%,transparent 13%)} #Body .fg-winter-forest{position:absolute;inset:0;pointer-events:none;z-index:1} #Body .fg-winter-tree{position:absolute;bottom:0;left:0;width:92px;height:160px;opacity:.9} #Body .fg-winter-tree:after{content:'';position:absolute;left:47%;bottom:0;width:7%;height:35px;background:#2b3b43} #Body .fg-winter-tree i{position:absolute;left:10%;bottom:18px;width:80%;height:90px;background:linear-gradient(160deg,#ecf5fa 0 23%,#94b5c5 24% 31%,#224e5c 32% 70%,#14384a);clip-path:polygon(50% 0,100% 100%,0 100%)} #Body .fg-winter-tree i:nth-child(2){bottom:58px;left:20%;width:60%;height:78px} #Body .fg-winter-tree i:nth-child(3){bottom:95px;left:29%;width:42%;height:65px} #Body .fg-winter-tree:nth-child(2){left:6%;transform:scale(.7);transform-origin:bottom;opacity:.6} #Body .fg-winter-tree:nth-child(3){left:12%;transform:scale(.45);transform-origin:bottom;opacity:.4} #Body .fg-winter-tree:nth-child(4){left:20%;transform:scale(.35);transform-origin:bottom;opacity:.25} #Body .fg-winter-tree:nth-child(5){left:73%;transform:scale(.4);transform-origin:bottom;opacity:.3} #Body .fg-winter-tree:nth-child(6){left:81%;transform:scale(.6);transform-origin:bottom;opacity:.5} #Body .fg-winter-tree:nth-child(7){left:88%;transform:scale(.8);transform-origin:bottom} #Body .fg-winter-tree:nth-child(8){left:94%;transform:scale(1.15);transform-origin:bottom} #Body .fg-winter-tree:nth-child(9){left:-5%;transform:scale(1.2);transform-origin:bottom} #Body .fg-winter-festive-tree{position:absolute;left:22px;bottom:0;width:145px;height:235px;z-index:3} #Body .fg-winter-festive-tree>i{position:absolute;bottom:10px;left:0;width:100%;height:140px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(140deg,#36816e,#184b43 65%,#10342f)} #Body .fg-winter-festive-tree>i:nth-of-type(2){bottom:65px;left:10%;width:80%;height:115px} #Body .fg-winter-festive-tree>i:nth-of-type(3){bottom:115px;left:22%;width:56%;height:100px} #Body .fg-winter-star{position:absolute;left:calc(50% - 16px);top:-6px;color:#ffe6a4;font-size:38px;line-height:1;text-shadow:0 0 15px #ffc76699;z-index:2} #Body .fg-winter-tree-lights{position:absolute;inset:0;z-index:2} #Body .fg-winter-tree-lights b{position:absolute;left:48%;top:26%;width:5px;height:5px;border-radius:50%;background:#ffe7aa;box-shadow:0 0 9px 3px #ffd56b77;animation:fg-winter-twinkle 2.8s ease-in-out infinite} #Body .fg-winter-tree-lights b:nth-child(2){left:35%;top:39%;animation-delay:-1.3s}#Body .fg-winter-tree-lights b:nth-child(3){left:60%;top:44%;animation-delay:-.7s}#Body .fg-winter-tree-lights b:nth-child(4){left:46%;top:51%;animation-delay:-2s}#Body .fg-winter-tree-lights b:nth-child(5){left:24%;top:59%;animation-delay:-1s}#Body .fg-winter-tree-lights b:nth-child(6){left:70%;top:63%;animation-delay:-2.4s}#Body .fg-winter-tree-lights b:nth-child(7){left:52%;top:70%;animation-delay:-.3s}#Body .fg-winter-tree-lights b:nth-child(8){left:31%;top:75%;animation-delay:-1.8s}#Body .fg-winter-tree-lights b:nth-child(9){left:14%;top:85%;animation-delay:-.9s}#Body .fg-winter-tree-lights b:nth-child(10){left:76%;top:86%;animation-delay:-2.1s}#Body .fg-winter-tree-lights b:nth-child(11){left:60%;top:91%;animation-delay:-1.5s}#Body .fg-winter-tree-lights b:nth-child(12){left:40%;top:89%;animation-delay:-.5s} #Body .fg-winter-flight{position:absolute;right:185px;top:38px;width:190px;height:48px;z-index:3;color:#081326;pointer-events:none;animation:fg-winter-fly 24s linear infinite} #Body .fg-winter-reindeer{position:absolute;left:0;top:10px;width:36px;height:13px;border-radius:50%;background:currentColor;transform:rotate(-10deg)} #Body .fg-winter-reindeer:nth-child(2){left:55px;top:17px} #Body .fg-winter-reindeer:before{content:'';position:absolute;left:-4px;top:-12px;width:11px;height:18px;background:currentColor;border-radius:45%;transform:rotate(-28deg)} #Body .fg-winter-reindeer:after{content:'';position:absolute;left:6px;top:8px;width:23px;height:16px;border-left:3px solid currentColor;border-right:3px solid currentColor;transform:skewX(-32deg)} #Body .fg-winter-reindeer i{position:absolute;left:-6px;top:-22px;width:12px;height:15px;border-left:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-20deg)} #Body .fg-winter-reindeer i:after{content:'';position:absolute;left:-6px;top:4px;width:18px;height:5px;border-bottom:2px solid currentColor;transform:rotate(20deg)} #Body .fg-winter-reins{position:absolute;left:25px;top:25px;width:120px;height:8px;border-bottom:1px solid currentColor;transform:rotate(6deg)} #Body .fg-winter-sleigh{position:absolute;right:0;top:23px;width:53px;height:22px;border-radius:3px 4px 20px 12px;background:currentColor;transform:rotate(-6deg)} #Body .fg-winter-sleigh:after{content:'';position:absolute;left:-7px;right:-8px;bottom:-7px;height:12px;border-bottom:3px solid currentColor;border-right:3px solid currentColor;border-radius:0 0 15px 10px} #Body .fg-winter-santa{position:absolute;left:7px;top:-18px;width:16px;height:23px;border-radius:8px 9px 0 0;background:currentColor} #Body .fg-winter-santa:before{content:'';position:absolute;left:0;top:-10px;width:12px;height:12px;background:currentColor;border-radius:50%} #Body .fg-winter-santa:after{content:'';position:absolute;left:-3px;top:-21px;width:0;height:0;border-left:8px solid transparent;border-right:7px solid transparent;border-bottom:14px solid currentColor;transform:rotate(-20deg)} #Body .fg-winter-sack{position:absolute;right:0;top:-17px;width:25px;height:26px;border-radius:50%;background:currentColor} #Body .fg-winter-products{position:relative;z-index:5} #Body .fg-winter .fg-card{background:#fff;border-color:#dce6ef;box-shadow:0 12px 40px #020c1a22} #Body .fg-winter .fg-card-body>p{color:#56646a} #Body .fg-winter-snowfall{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none} #Body .fg-winter-snowfall span{position:absolute;top:-12px;left:3%;width:4px;height:4px;background:#fff;border-radius:50%;opacity:.65;animation:fg-winter-snow 16s linear infinite} #Body .fg-winter-snowfall span:nth-child(5n+1){left:12%;animation-delay:-9s;animation-duration:19s}#Body .fg-winter-snowfall span:nth-child(5n+2){left:35%;animation-delay:-4s;animation-duration:14s}#Body .fg-winter-snowfall span:nth-child(5n+3){left:61%;animation-delay:-13s;animation-duration:21s}#Body .fg-winter-snowfall span:nth-child(5n+4){left:83%;animation-delay:-7s;animation-duration:17s}#Body .fg-winter-snowfall span:nth-child(5n){left:94%;animation-delay:-2s;animation-duration:15s} #Body .fg-winter-snowfall span:nth-child(n+6){margin-left:5%;animation-delay:-11s;width:3px;height:3px}#Body .fg-winter-snowfall span:nth-child(n+11){margin-left:-8%;animation-delay:-6s;animation-duration:23s}#Body .fg-winter-snowfall span:nth-child(n+16){margin-left:10%;animation-delay:-15s;width:5px;height:5px}#Body .fg-winter-snowfall span:nth-child(n+21){margin-left:-3%;animation-delay:-3s;animation-duration:18s}#Body .fg-winter-snowfall span:nth-child(n+26){margin-left:1%;animation-delay:-18s;animation-duration:24s} #Body .fg-winter-snowbank{position:absolute;bottom:-70px;left:-5%;width:110%;height:115px;border-radius:50% 50% 0 0;background:#e6f0f6;pointer-events:none;z-index:3;box-shadow:0 -8px 35px #cde3f21a} @keyframes fg-winter-snow{from{transform:translate3d(-15px,-10px,0)}to{transform:translate3d(35px,1400px,0)}} @keyframes fg-winter-twinkle{0%,100%{opacity:1}50%{opacity:.4}} @keyframes fg-winter-fly{0%{transform:translate3d(430px,0,0) rotate(-4deg);opacity:0}10%,70%{opacity:1}85%,100%{transform:translate3d(-240px,-30px,0) rotate(-4deg);opacity:0}} #Body .fg-winter:has(.fg-winter-pause:checked) .fg-winter-flight,#Body .fg-winter:has(.fg-winter-pause:checked) .fg-winter-tree-lights b,#Body .fg-winter:has(.fg-winter-pause:checked) .fg-winter-snowfall span{animation-play-state:paused} @media(max-width:900px){#Body .fg-winter-scene{padding-left:130px;padding-right:100px;min-height:310px}#Body .fg-winter-moon{width:110px;height:110px;right:12px;top:12px}#Body .fg-winter-festive-tree{left:0;transform:scale(.8);transform-origin:bottom left}#Body .fg-winter-flight{right:110px;top:60px;scale:.8}} @media(max-width:600px){#Body .fg-winter{margin-top:48px;padding-top:16px;padding-bottom:74px}#Body .fg-winter-controls label{font-size:12px;padding:7px 11px}#Body .fg-winter-scene{padding:135px 0 160px;min-height:440px}#Body .fg-winter-heading h2{font-size:32px}#Body .fg-winter-heading p{font-size:16px;margin-top:12px}#Body .fg-winter-heading .fg-eyebrow{font-size:10px;letter-spacing:.1em}#Body .fg-winter-moon{right:24px;top:15px;width:92px;height:92px}#Body .fg-winter-flight{top:57px;right:90px;scale:.6}#Body .fg-winter-festive-tree{left:12px;transform:scale(.62)}#Body .fg-winter-tree{transform:scale(.7);transform-origin:bottom}#Body .fg-winter-tree:nth-child(4),#Body .fg-winter-tree:nth-child(5){display:none}#Body .fg-winter .fg-card-body{padding:16px 12px}#Body .fg-winter-snowfall span:nth-child(n+16){display:none}} @media(prefers-reduced-motion:reduce){#Body .fg-winter-flight,#Body .fg-winter-tree-lights b,#Body .fg-winter-snowfall span{animation:none!important}#Body .fg-winter-flight{transform:translateX(60px);opacity:1}#Body .fg-winter-snowfall{display:none}#Body .fg-winter-controls{display:none}} /* Manuell blaing i julegavene: ingen automatisk rotasjon. */ #Body [data-fg-gift-browser]{position:relative;z-index:5} #Body [data-fg-gift-browser]:not(.is-ready) .fg-card:nth-child(n+5){display:none} #Body .fg-gift-navigation{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px;padding:22px 0 0;border-top:1px solid #ffffff26} #Body .fg-gift-paging{display:flex;align-items:center;gap:20px;flex-wrap:wrap} #Body .fg-gift-paging button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:11px 20px;border:1px solid #b7d2e066;border-radius:100px;background:#ffffff12;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:background-color 120ms ease-out} #Body .fg-gift-paging button:hover:not(:disabled){background:#007e91;border-color:#6db5ba} #Body .fg-gift-paging button:disabled{opacity:.38;cursor:default} #Body .fg-gift-page{font-size:15px;color:#dce9f6;min-width:140px;text-align:center;font-variant-numeric:tabular-nums} #Body .fg-gift-all{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:11px 22px;background:#dff4f7;color:#073c49;border-radius:100px;font-size:16px;font-weight:700;text-decoration:none} #Body .fg-gift-all:hover{background:#fff} #Body .fg-gift-navigation a:focus-visible,#Body .fg-gift-navigation button:focus-visible{outline:3px solid #b5f0fa;outline-offset:4px} @media(max-width:600px){#Body .fg-gift-navigation{justify-content:center;gap:20px;margin-top:24px}#Body .fg-gift-paging{width:100%;justify-content:space-between;gap:9px;flex-wrap:nowrap}#Body .fg-gift-paging button{font-size:14px;padding:11px 14px;gap:7px}#Body .fg-gift-page{font-size:13px;min-width:0}#Body .fg-gift-all{width:100%;font-size:16px}} /* Julegavepiler på sidene, teller og kategorilenke under kortene. */ #Body .fg-gift-stage{position:relative;margin:0 16px} #Body .fg-gift-stage .fg-gift-paging{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:auto;pointer-events:none;gap:0} #Body .fg-gift-stage .fg-gift-paging button{pointer-events:auto;flex-shrink:0;min-height:48px;width:48px;height:48px;padding:0;background:#073c49;color:#fff;border:1px solid #9bd5e3;box-shadow:0 4px 16px #03102140;font-size:25px;line-height:1} /* Geometriske piler: midtpunktet av streken ligger eksakt i sirkelens sentrum. */ #Body .fg-gift-stage .fg-gift-paging button{position:relative;display:grid;place-items:center;gap:0} #Body .fg-gift-arrow{position:absolute;left:50%;top:50%;width:20px;height:2px;background:currentColor;transform:translate(-50%,-50%);pointer-events:none} #Body .fg-gift-arrow:after{content:'';position:absolute;right:0;top:50%;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg)} #Body [data-fg-gift-prev] .fg-gift-arrow{transform:translate(-50%,-50%) rotate(180deg)} #Body .fg-gift-stage [data-fg-gift-prev]{transform:translateX(-50%)} #Body .fg-gift-stage [data-fg-gift-next]{transform:translateX(50%)} #Body .fg-gift-stage .fg-gift-paging button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #Body .fg-gift-stage .fg-gift-paging button:disabled{opacity:.5} #Body .fg-gift-stage .fg-gift-paging button:focus-visible{outline:3px solid #b5f0fa;outline-offset:4px} @media(min-width:1500px){#Body .fg-gift-stage{margin:0}#Body .fg-gift-stage [data-fg-gift-prev]{transform:translateX(calc(-100% - 12px))}#Body .fg-gift-stage [data-fg-gift-next]{transform:translateX(calc(100% + 12px))}} @media(max-width:600px){#Body .fg-gift-stage{margin:0 8px}#Body .fg-gift-stage .fg-gift-paging button{width:44px;height:44px;min-height:44px;font-size:23px}#Body .fg-gift-navigation{justify-content:space-between}#Body .fg-gift-page{width:100%;text-align:center;font-size:14px}} /* Produktkort: løft hele kortet og zoom bildet med korte, lette overganger. Separat translate bevarer rotasjonen i forsidens produktutstilling. */ @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ #Body .fg-card{position:relative;translate:0 0;transition:translate 160ms cubic-bezier(.2,.7,.3,1),border-color 120ms ease-out} #Body .fg-card:hover,#Body .fg-card:has(:focus-visible){translate:0 -5px;border-color:#6db5ba;box-shadow:0 12px 28px #163b4d14} #Body .fg-card .fg-card-image{overflow:hidden} #Body .fg-card .fg-card-image img{transform:scale(1);transform-origin:center;transition:transform 170ms cubic-bezier(.2,.7,.3,1);backface-visibility:hidden} #Body .fg-card:hover .fg-card-image img,#Body .fg-card:hover .fg-card-image:hover img,#Body .fg-card:has(:focus-visible) .fg-card-image img{transform:scale(1.045)} #Body .fg-showcase-products .fg-card:hover,#Body .fg-showcase-products .fg-card:has(:focus-visible){z-index:4} } @media(prefers-reduced-motion:reduce){#Body .fg-card{translate:none!important}#Body .fg-card .fg-card-image img{transform:none!important}} /* Forsiden: 10 px hvitt mellom kontaktfelt, merkerad og bunnseksjon. */ #Body #fg-main + .fg-brands{margin-top:10px} #Body .fg-brands + .fg-footer{margin-top:10px} /* En vennlig snømann i egen snøsone under produktene og navigasjonen. */ #Body .fg-winter{padding-bottom:255px} #Body .fg-winter-snowbank{bottom:-50px;height:220px;background:linear-gradient(170deg,#fff 0,#edf6fc 52%,#dcebf6);box-shadow:0 -12px 45px #cde3f225} #Body .fg-winter-snowbank:before{content:'';position:absolute;left:-5%;top:-25px;width:65%;height:100px;border-radius:50%;background:#f4f9fd;transform:rotate(-3deg)} #Body .fg-winter-snowbank:after{content:'';position:absolute;right:-4%;top:-16px;width:65%;height:100px;border-radius:50%;background:#fff;transform:rotate(3deg)} #Body .fg-snowman{position:absolute;z-index:4;bottom:24px;left:calc(50% + 205px);width:220px;height:220px;pointer-events:none;transform:rotate(-4deg);transform-origin:bottom center} #Body .fg-snowman-shadow{position:absolute;bottom:0;left:31px;width:158px;height:17px;border-radius:50%;background:#6898b526;filter:blur(3px)} #Body .fg-snowman-body{position:absolute;left:48px;bottom:7px;width:125px;height:119px;border-radius:49% 49% 46% 46%;background:radial-gradient(circle at 36% 25%,#fff 35%,#eaf4fa 70%,#c6deee);box-shadow:inset -6px -5px 12px #aacde133} #Body .fg-snowman-body i{position:absolute;left:60px;top:35px;width:7px;height:7px;border-radius:50%;background:#263f50;box-shadow:inset 2px 1px 0 #698292} #Body .fg-snowman-body i:nth-child(2){top:57px;left:62px}#Body .fg-snowman-body i:nth-child(3){top:79px;left:61px} #Body .fg-snowman-head{position:absolute;left:63px;top:49px;width:94px;height:81px;border-radius:49% 48% 47% 48%;background:radial-gradient(circle at 34% 24%,#fff 40%,#eaf4fa 76%,#cbe2ef);z-index:3} #Body .fg-snowman-eye{position:absolute;top:28px;width:8px;height:10px;border-radius:50%;background:#183344;transform-origin:center;animation:fg-snowman-blink 7.2s linear infinite} #Body .fg-snowman-eye:after{content:'';position:absolute;left:2px;top:1px;width:3px;height:3px;background:#fff;border-radius:50%} #Body .fg-snowman-eye-left{left:26px}#Body .fg-snowman-eye-right{right:25px} #Body .fg-snowman-cheek{position:absolute;top:43px;width:17px;height:10px;border-radius:50%;background:#f3b6b080} #Body .fg-snowman-cheek-left{left:11px}#Body .fg-snowman-cheek-right{right:10px} #Body .fg-snowman-nose{position:absolute;left:43px;top:37px;width:29px;height:12px;background:linear-gradient(#ffa645,#e77722);clip-path:polygon(0 4%,100% 60%,3% 100%);border-radius:5px;transform:rotate(-8deg);z-index:2} #Body .fg-snowman-smile{position:absolute;left:33px;top:50px;width:28px;height:13px;border-bottom:3px dotted #294758;border-radius:0 0 50% 50%;transform:rotate(-5deg)} #Body .fg-snowman-hat{position:absolute;z-index:6;top:4px;left:74px;width:69px;height:57px;border-radius:9px 9px 3px 3px;background:linear-gradient(100deg,#243945,#0b1d2a 75%);transform:rotate(8deg);border-bottom:12px solid #b93f4c;box-shadow:inset 5px 0 0 #ffffff08} #Body .fg-snowman-hat:after{content:'';position:absolute;left:-16px;bottom:-18px;width:102px;height:10px;background:#142b39;border-radius:50%} #Body .fg-snowman-hat:before{content:'';position:absolute;left:0;right:0;top:-2px;height:7px;background:#fff;border-radius:50%;transform:rotate(-2deg)} #Body .fg-snowman-scarf{position:absolute;z-index:5;left:56px;top:115px;width:109px;height:24px;border-radius:10px 10px 12px 12px;background:repeating-linear-gradient(90deg,#b33749 0 15px,#f8dba6 15px 27px,#d95761 27px 39px,#f8dba6 39px 44px);box-shadow:0 3px 4px #4b293122;transform:rotate(3deg)} #Body .fg-snowman-scarf-tail{position:absolute;z-index:4;top:128px;left:126px;width:29px;height:66px;background:repeating-linear-gradient(0deg,#b33749 0 13px,#f8dba6 13px 24px,#d95761 24px 36px);border-radius:0 0 5px 5px;transform:rotate(-15deg)} #Body .fg-snowman-scarf-tail:after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:8px;background:repeating-linear-gradient(90deg,#b33749 0 3px,transparent 3px 6px)} #Body .fg-snowman-arm{position:absolute;z-index:1;bottom:83px;width:62px;height:5px;background:#77513c;border-radius:6px} #Body .fg-snowman-arm-left{left:2px;transform:rotate(28deg)}#Body .fg-snowman-arm-right{right:1px;transform:rotate(-34deg)} #Body .fg-snowman-arm:before,#Body .fg-snowman-arm:after{content:'';position:absolute;left:9px;top:-12px;width:4px;height:16px;background:#77513c;border-radius:4px;transform:rotate(-20deg)} #Body .fg-snowman-arm:after{left:17px;top:0;transform:rotate(38deg);height:13px} #Body .fg-snowman-arm-right:before,#Body .fg-snowman-arm-right:after{left:auto;right:9px} @keyframes fg-snowman-blink{0%,42%,46%,76%,80%,100%{transform:scaleY(1)}44%,78%{transform:scaleY(.1)}} #Body .fg-winter:has(.fg-winter-pause:checked) .fg-snowman-eye{animation-play-state:paused} @media(max-width:900px){#Body .fg-snowman{left:auto;right:8%;bottom:22px}} @media(max-width:600px){#Body .fg-winter{padding-bottom:205px}#Body .fg-winter-snowbank{height:175px;bottom:-45px}#Body .fg-snowman{left:calc(50% - 110px);right:auto;bottom:12px;transform:scale(.78) rotate(-4deg)}} @media(prefers-reduced-motion:reduce){#Body .fg-snowman-eye{animation:none!important}} /* Juleovergang og landskap i snøsonen. Kun dekorasjon, aldri over kontroller. */ #Body .fg-winter{margin-top:48px;padding-top:84px;padding-bottom:285px} #Body .fg-winter-trim{position:absolute;top:0;left:0;right:0;height:84px;z-index:4;pointer-events:none} #Body .fg-winter-garland{position:absolute;inset:-15px -10px auto;height:49px;background:repeating-linear-gradient(28deg,transparent 0 9px,#234e42 10px 15px,transparent 16px 24px),repeating-linear-gradient(-28deg,#163c34 0 9px,#38614b 10px 14px,#102e2b 15px 24px);border-radius:0 0 45% 25%;box-shadow:0 5px 12px #020d2266} #Body .fg-winter-string{position:absolute;left:0;right:0;top:22px;height:28px;display:flex;justify-content:space-around;align-items:flex-start;border-top:1px solid #738277;border-radius:0 0 50% 50%} #Body .fg-winter-string>span{position:relative;width:8px;height:14px;border-radius:45% 45% 55% 55%;background:#ffe6a8;box-shadow:0 0 10px 4px #ffd37577,0 0 27px 8px #ffdb7522;animation:fg-trim-glow 3.6s ease-in-out infinite} #Body .fg-winter-string>span:before{content:'';position:absolute;top:-5px;left:2px;width:4px;height:5px;background:#687467} #Body .fg-winter-string>span:nth-child(3n+2){margin-top:10px;animation-delay:-1.2s}#Body .fg-winter-string>span:nth-child(3n){margin-top:5px;animation-delay:-2.4s} #Body .fg-winter-bauble{position:absolute;left:15%;top:40px;width:23px;height:27px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f9c2a6,#a93448 55%,#6b1d36);box-shadow:0 3px 10px #0003} #Body .fg-winter-bauble:before{content:'';position:absolute;left:11px;bottom:100%;width:1px;height:22px;background:#bca879} #Body .fg-winter-bauble:nth-of-type(2){left:51%;top:31px;width:18px;height:22px;background:radial-gradient(circle at 30% 25%,#fff0c2,#c49a48 60%,#80612c)} #Body .fg-winter-bauble:nth-of-type(3){left:86%;top:39px} #Body .fg-winter-snowbank{height:250px} #Body .fg-ground-forest{position:absolute;z-index:4;bottom:30px;height:230px;pointer-events:none} #Body .fg-ground-forest-left{left:0;width:32%;max-width:580px} #Body .fg-ground-forest-right{right:0;width:22%;max-width:370px} #Body .fg-ground-tree{position:absolute;bottom:0;left:-30px;width:120px;height:215px;transform-origin:bottom} #Body .fg-ground-tree:after{content:'';position:absolute;left:48%;bottom:0;width:7%;height:40px;background:#526575;z-index:-1} #Body .fg-ground-tree i{position:absolute;bottom:20px;left:0;width:100%;height:115px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(155deg,#fff 0 32%,#b9d1df 33% 42%,#345c66 43% 80%,#23434e)} #Body .fg-ground-tree i:nth-child(2){bottom:70px;left:12%;width:76%;height:100px}#Body .fg-ground-tree i:nth-child(3){bottom:117px;left:25%;width:50%;height:88px} #Body .fg-ground-tree:nth-child(2){left:14%;scale:.7;bottom:15px}#Body .fg-ground-tree:nth-child(3){left:30%;scale:1.06}#Body .fg-ground-tree:nth-child(4){left:48%;scale:.6;bottom:18px}#Body .fg-ground-tree:nth-child(5){left:62%;scale:.85}#Body .fg-ground-tree:nth-child(6){left:78%;scale:.48;bottom:15px}#Body .fg-ground-tree:nth-child(7){left:91%;scale:.4;bottom:22px} #Body .fg-ground-forest-right .fg-ground-tree{scale:.7}#Body .fg-ground-forest-right .fg-ground-tree:nth-child(2){left:25%;scale:1.05}#Body .fg-ground-forest-right .fg-ground-tree:nth-child(3){left:55%;scale:.65}#Body .fg-ground-forest-right .fg-ground-tree:nth-child(4){left:80%;scale:1.1} #Body .fg-ground-spark{position:absolute;left:20%;top:32%;color:#ffedb8;font-size:20px;text-shadow:0 0 14px #ffe8a4;animation:fg-trim-glow 4s ease-in-out infinite} #Body .fg-ground-spark:nth-last-child(2){left:63%;top:48%;font-size:15px;animation-delay:-2s}#Body .fg-ground-spark:last-child{left:83%;top:65%;font-size:13px;animation-delay:-1s} #Body .fg-ground-tracks{position:absolute;z-index:4;left:28%;bottom:47px;width:25%;height:64px;border-bottom:3px solid #b4cddb77;border-radius:0 0 50% 50%;transform:rotate(-8deg);pointer-events:none} #Body .fg-ground-tracks:after{content:'';position:absolute;inset:10px 0 -15px;border-bottom:3px solid #b4cddb77;border-radius:0 0 50% 50%} #Body .fg-ground-sled{position:absolute;z-index:4;left:42%;bottom:54px;width:108px;height:72px;transform:rotate(-9deg);pointer-events:none} #Body .fg-ground-sled>span{position:absolute;left:8px;top:22px;width:78px;height:12px;border-radius:4px;background:repeating-linear-gradient(90deg,#a6643b 0 12px,#dba66d 13px 17px);box-shadow:0 3px 0 #74462f} #Body .fg-ground-sled>i{position:absolute;left:13px;bottom:8px;width:88px;height:27px;border-bottom:4px solid #a44645;border-right:4px solid #a44645;border-radius:0 0 22px 8px} #Body .fg-ground-sled>i:before{content:'';position:absolute;left:10px;top:0;width:50px;height:17px;border-left:4px solid #a44645;border-right:4px solid #a44645} #Body .fg-ground-sled>b{position:absolute;left:44px;top:0;width:28px;height:24px;border-radius:3px;background:#b74653;border-top:5px solid #d2676e} #Body .fg-ground-sled>b:after{content:'';position:absolute;left:11px;top:-5px;width:5px;height:24px;background:#f5d59c} @keyframes fg-trim-glow{0%,100%{opacity:1}50%{opacity:.55}} #Body .fg-winter:has(.fg-winter-pause:checked) .fg-winter-string>span,#Body .fg-winter:has(.fg-winter-pause:checked) .fg-ground-spark{animation-play-state:paused} @media(max-width:900px){#Body .fg-ground-forest-left{width:34%}#Body .fg-ground-forest-right{width:19%}#Body .fg-ground-tree{width:95px}#Body .fg-snowman{right:20%}#Body .fg-ground-sled{left:40%;scale:.8}#Body .fg-ground-tracks{left:20%;width:30%}} @media(max-width:600px){#Body .fg-winter{padding-top:78px;padding-bottom:235px;margin-top:36px}#Body .fg-winter-snowbank{height:200px}#Body .fg-ground-forest{bottom:22px;height:160px}#Body .fg-ground-forest-left{width:28%}#Body .fg-ground-forest-right{width:24%}#Body .fg-ground-tree{width:70px;height:155px;scale:.65}#Body .fg-ground-tree:nth-child(n+4){display:none}#Body .fg-ground-forest-right .fg-ground-tree:nth-child(2){scale:.8}#Body .fg-ground-forest-right .fg-ground-tree:nth-child(3){scale:.5}#Body .fg-ground-sled{left:20%;bottom:37px;scale:.5;transform-origin:bottom left}#Body .fg-ground-tracks{left:0;width:32%;bottom:28px;height:30px}#Body .fg-snowman{left:calc(50% - 100px);right:auto;bottom:20px;transform:scale(.68) rotate(-4deg)}#Body .fg-winter-string>span:nth-child(even){display:none}#Body .fg-winter-bauble{scale:.8}#Body .fg-ground-spark{font-size:13px}} @media(prefers-reduced-motion:reduce){#Body .fg-winter-string>span,#Body .fg-ground-spark{animation:none!important}} /* Granbar over seksjonskanten og fem hengende lysbuer. */ #Body .fg-pine-overhang{position:relative;height:0;margin-top:68px;z-index:6;pointer-events:none;clip-path:inset(-90px 0 -90px 0)} #Body .fg-pine-overhang + .fg-winter{margin-top:0;padding-top:138px} #Body .fg-pine-branch{position:absolute;left:0;top:-14px;width:13%;height:4px;border-radius:50%;background:#63513a;transform:rotate(12deg);transform-origin:left center;filter:drop-shadow(0 4px 3px #031b2333)} #Body .fg-pine-branch:nth-child(2n){transform:rotate(-13deg);top:14px} #Body .fg-pine-branch:nth-child(4n){transform:rotate(19deg);top:-24px} #Body .fg-pine-branch:nth-child(1){left:-2%}#Body .fg-pine-branch:nth-child(2){left:5%}#Body .fg-pine-branch:nth-child(3){left:11%}#Body .fg-pine-branch:nth-child(4){left:18%}#Body .fg-pine-branch:nth-child(5){left:24%}#Body .fg-pine-branch:nth-child(6){left:31%}#Body .fg-pine-branch:nth-child(7){left:37%}#Body .fg-pine-branch:nth-child(8){left:44%}#Body .fg-pine-branch:nth-child(9){left:50%}#Body .fg-pine-branch:nth-child(10){left:57%}#Body .fg-pine-branch:nth-child(11){left:63%}#Body .fg-pine-branch:nth-child(12){left:70%}#Body .fg-pine-branch:nth-child(13){left:76%}#Body .fg-pine-branch:nth-child(14){left:82%}#Body .fg-pine-branch:nth-child(15){left:88%}#Body .fg-pine-branch:nth-child(16){left:94%;width:6%} #Body .fg-pine-branch i{position:absolute;left:5%;top:-22px;width:46px;height:48px;background:repeating-linear-gradient(64deg,transparent 0 4px,#234e38 4px 5px,transparent 5px 8px),repeating-linear-gradient(-64deg,transparent 0 4px,#527950 4px 5px,transparent 5px 8px);clip-path:polygon(46% 0,78% 14%,100% 100%,0 100%,20% 14%);transform:rotate(-38deg);transform-origin:center bottom;border-radius:50%} #Body .fg-pine-branch i:nth-child(even){transform:rotate(143deg);top:-24px;background:repeating-linear-gradient(64deg,transparent 0 3px,#37674a 3px 4px,transparent 4px 7px),repeating-linear-gradient(-64deg,transparent 0 3px,#69875b 3px 4px,transparent 4px 7px)} #Body .fg-pine-branch i:nth-child(2){left:12%}#Body .fg-pine-branch i:nth-child(3){left:24%;height:53px}#Body .fg-pine-branch i:nth-child(4){left:35%}#Body .fg-pine-branch i:nth-child(5){left:44%;height:56px}#Body .fg-pine-branch i:nth-child(6){left:55%}#Body .fg-pine-branch i:nth-child(7){left:64%}#Body .fg-pine-branch i:nth-child(8){left:75%;height:38px}#Body .fg-pine-branch i:nth-child(9){left:84%;height:33px;width:30px} #Body .fg-winter-trim{height:120px} #Body .fg-winter-string.fg-winter-swags{top:9px;height:84px;border:0;border-radius:0;display:flex;align-items:flex-start} #Body .fg-light-swag{position:relative;flex:1;height:70px;min-width:0;border-bottom:2px solid #89927e;border-radius:0 0 50% 50%;box-shadow:0 1px 0 #0008;transform:rotate(2deg)} #Body .fg-light-swag:nth-child(even){transform:rotate(-3deg);height:83px} #Body .fg-swag-bulb{position:absolute;left:5%;top:33%;width:9px;height:17px;border-radius:40% 40% 55% 55%;background:radial-gradient(ellipse at 40% 30%,#fffbe3,#ffe3a0 60%,#f3bf59);box-shadow:0 0 12px 5px #ffda7870,0 0 32px 10px #ffd56b24;animation:fg-trim-glow 4s ease-in-out infinite;transform:rotate(25deg)} #Body .fg-swag-bulb:before{content:'';position:absolute;left:2px;top:-6px;width:5px;height:7px;border-radius:2px;background:#65705a} #Body .fg-swag-bulb:nth-child(2){left:19%;top:69%;transform:rotate(16deg);animation-delay:-1s}#Body .fg-swag-bulb:nth-child(3){left:34%;top:90%;transform:rotate(8deg);animation-delay:-2s}#Body .fg-swag-bulb:nth-child(4){left:49%;top:96%;transform:rotate(0);animation-delay:-3s}#Body .fg-swag-bulb:nth-child(5){left:64%;top:90%;transform:rotate(-8deg);animation-delay:-.5s}#Body .fg-swag-bulb:nth-child(6){left:79%;top:69%;transform:rotate(-16deg);animation-delay:-1.5s}#Body .fg-swag-bulb:nth-child(7){left:93%;top:33%;transform:rotate(-25deg);animation-delay:-2.5s} #Body .fg-winter-bauble{top:28px}#Body .fg-winter-bauble:nth-of-type(2){top:39px} #Body .fg-winter:has(.fg-winter-pause:checked) .fg-swag-bulb{animation-play-state:paused} @media(max-width:900px){#Body .fg-light-swag{height:54px}#Body .fg-light-swag:nth-child(even){height:66px}#Body .fg-pine-branch i{width:32px;height:40px}} @media(max-width:600px){#Body .fg-pine-overhang{margin-top:57px}#Body .fg-pine-overhang + .fg-winter{padding-top:122px;margin-top:0}#Body .fg-light-swag:nth-child(n+4){display:none}#Body .fg-light-swag{height:50px}#Body .fg-light-swag:nth-child(even){height:60px}#Body .fg-swag-bulb{width:7px;height:14px}#Body .fg-pine-branch i{width:23px;height:32px;top:-16px}#Body .fg-pine-branch i:nth-child(even){top:-14px}#Body .fg-pine-branch i:nth-child(3),#Body .fg-pine-branch i:nth-child(5){height:37px}#Body .fg-pine-branch i:nth-child(9){width:18px;height:24px}} @media(prefers-reduced-motion:reduce){#Body .fg-swag-bulb{animation:none!important}} /* Naturlig grangrønt, også i de fjerne trærne: unngå blått gjennom lav opasitet. */ #Body .fg-winter-tree{opacity:1} #Body .fg-winter-tree:nth-child(n){opacity:1} #Body .fg-winter-tree i{background:linear-gradient(160deg,#f5f8ed 0 23%,#b7c9ae 24% 31%,#315b38 32% 70%,#183d27)} #Body .fg-winter-tree:nth-child(3n) i{background:linear-gradient(160deg,#f2f7ed 0 23%,#bbcbb1 24% 31%,#466b45 32% 70%,#2a4d32)} #Body .fg-winter-tree:after{background:#514738} #Body .fg-winter-festive-tree>i{background:linear-gradient(140deg,#4a8746,#28592f 65%,#163c24)} #Body .fg-ground-tree i{background:linear-gradient(155deg,#fff 0 32%,#c4d3ba 33% 42%,#3b6540 43% 80%,#23482e)} #Body .fg-ground-tree:after{background:#665340} /* Flybanen måles i scenens bredde. Månepasseringen er et eksplisitt veipunkt. Hele sleden forlater skjermen før løkken begynner igjen; ingen opacity-animasjon. */ #Body .fg-winter-inner{container-type:inline-size} #Body .fg-winter-scene{--fg-flight-moon-x:calc(100cqw - 216px);--fg-flight-size:1;--fg-flight-top:46px} #Body .fg-winter-flight{left:0;right:auto;top:var(--fg-flight-top);scale:1;opacity:1;z-index:3;transform-origin:center;animation:fg-winter-moon-route 24s linear infinite} @keyframes fg-winter-moon-route{ 0%{transform:translate3d(calc(-50vw + 50cqw - 240px),100px,0) rotate(-8deg) scale(var(--fg-flight-size)) scaleX(-1)} 68%{transform:translate3d(var(--fg-flight-moon-x),0,0) rotate(-8deg) scale(var(--fg-flight-size)) scaleX(-1)} 90%,100%{transform:translate3d(calc(50vw + 50cqw + 260px),-120px,0) rotate(-8deg) scale(var(--fg-flight-size)) scaleX(-1)} } @media(max-width:900px){#Body .fg-winter-scene{--fg-flight-moon-x:calc(100cqw - 162px);--fg-flight-size:.8;--fg-flight-top:43px}} @media(max-width:600px){#Body .fg-winter-scene{--fg-flight-moon-x:calc(100cqw - 165px);--fg-flight-size:.65;--fg-flight-top:37px}} @media(prefers-reduced-motion:reduce){#Body .fg-winter-flight{animation:none!important;opacity:1;transform:translate3d(var(--fg-flight-moon-x),0,0) rotate(-8deg) scale(var(--fg-flight-size)) scaleX(-1)}} /* Snømannens hilsen og klikkmagi. Treffområdet er et ekte tastaturvennlig knappfelt. */ #Body .fg-snowman-hit{position:absolute;z-index:12;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:45%;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent} #Body .fg-snowman-hit:focus-visible{outline:3px solid #007e91;outline-offset:5px;background:#0095a908} #Body .fg-snowman-arm-right{transform-origin:left center;animation:fg-snowman-wave 11s ease-in-out infinite} @keyframes fg-snowman-wave{0%,70%,90%,100%{transform:rotate(-34deg)}74%,82%{transform:rotate(-70deg)}78%,86%{transform:rotate(-45deg)}} #Body .fg-snowman.is-laughing .fg-snowman-eye{animation:none;top:29px;height:7px;width:11px;background:transparent;border-top:3px solid #183344;border-radius:50% 50% 0 0;transform:none} #Body .fg-snowman.is-laughing .fg-snowman-eye:after{display:none} #Body .fg-snowman.is-laughing .fg-snowman-smile{top:53px;left:34px;width:27px;height:19px;background:radial-gradient(ellipse at 50% 110%,#ee9e9f 0 38%,#263c4c 42%);border:0;border-radius:4px 4px 50% 50%;transform:rotate(-5deg)} #Body .fg-snowman.is-laughing .fg-snowman-cheek{background:#f3a5a099} #Body .fg-snowman.is-laughing .fg-snowman-arm-right{animation:none;transform:rotate(-65deg)} #Body .fg-snowman-magic{position:absolute;z-index:10;inset:0;pointer-events:none} #Body .fg-snowman-spark{position:absolute;left:50%;top:50%;font-size:27px;line-height:1;color:#e5b34a;text-shadow:0 0 8px #fff1ac,0 0 18px #ffd87c99;pointer-events:none} #Body .fg-snowman-spark:nth-child(3n){color:#007e91;font-size:20px} #Body .fg-winter:has(.fg-winter-pause:checked) .fg-snowman-arm-right{animation-play-state:paused} @media(prefers-reduced-motion:reduce){#Body .fg-snowman-arm-right{animation:none!important}} /* Fyldig girlander inspirert av referansen: individuelle barnåler, ikke rutete gradientflater. */ #Body .fg-pine-overhang.fg-fir-garland{height:0;margin-top:78px;clip-path:inset(-65px 0 -150px);isolation:isolate} #Body .fg-fir-backbone{position:absolute;left:0;right:0;top:-12px;height:48px;background:linear-gradient(180deg,#173e20,#244e26 45%,#142f1c);border-radius:35% 20% 45% 30%;box-shadow:0 7px 14px #031c1826} #Body .fg-fir-fronds{position:absolute;top:-35px;left:-2%;width:104%;display:flex;align-items:flex-start} #Body .fg-fir-frond{position:relative;flex:0 0 6.5%;margin-right:-2.15%;height:130px;transform:rotate(-19deg);transform-origin:center 10px;color:#376a32;filter:drop-shadow(2px 3px 2px #06230d38)} #Body .fg-fir-frond:before{content:'';position:absolute;left:50%;top:0;bottom:7px;width:2px;border-radius:50%;background:linear-gradient(#715c30,#4c6a32 60%,#74864b)} #Body .fg-fir-frond:nth-child(3n+2){height:160px;transform:rotate(14deg);color:#4e7d3d;z-index:2} #Body .fg-fir-frond:nth-child(3n){height:112px;transform:rotate(-31deg);color:#285629} #Body .fg-fir-frond:nth-child(5n){height:145px;transform:rotate(28deg);color:#5c873f;z-index:3} #Body .fg-fir-frond b{position:absolute;left:50%;top:3%;width:1px;height:1px} #Body .fg-fir-frond b:before,#Body .fg-fir-frond b:after{content:'';position:absolute;top:0;width:34px;height:4px;border-radius:80% 20% 80% 20%;background:linear-gradient(0deg,currentColor 0 60%,#91a75a 100%);transform-origin:left center;transform:rotate(30deg)} #Body .fg-fir-frond b:before{transform:rotate(150deg)} #Body .fg-fir-frond b:nth-child(2){top:8%}#Body .fg-fir-frond b:nth-child(3){top:13%}#Body .fg-fir-frond b:nth-child(4){top:18%}#Body .fg-fir-frond b:nth-child(5){top:23%}#Body .fg-fir-frond b:nth-child(6){top:28%}#Body .fg-fir-frond b:nth-child(7){top:33%}#Body .fg-fir-frond b:nth-child(8){top:38%}#Body .fg-fir-frond b:nth-child(9){top:43%}#Body .fg-fir-frond b:nth-child(10){top:48%}#Body .fg-fir-frond b:nth-child(11){top:53%}#Body .fg-fir-frond b:nth-child(12){top:58%}#Body .fg-fir-frond b:nth-child(13){top:63%}#Body .fg-fir-frond b:nth-child(14){top:68%}#Body .fg-fir-frond b:nth-child(15){top:73%}#Body .fg-fir-frond b:nth-child(16){top:78%}#Body .fg-fir-frond b:nth-child(17){top:83%}#Body .fg-fir-frond b:nth-child(18){top:88%} #Body .fg-fir-frond b:nth-child(n+10):before,#Body .fg-fir-frond b:nth-child(n+10):after{width:27px} #Body .fg-fir-frond b:nth-child(n+14):before,#Body .fg-fir-frond b:nth-child(n+14):after{width:21px;height:3px} #Body .fg-fir-frond b:nth-child(n+17):before,#Body .fg-fir-frond b:nth-child(n+17):after{width:12px} #Body .fg-fir-frond em{position:absolute;z-index:4;left:39%;top:35%;width:8px;height:12px;border-radius:50%;background:#fff2bd;box-shadow:0 0 5px 2px #fff0b8,0 0 15px 6px #ffcd7066,0 0 30px 12px #ffc45f22} #Body .fg-fir-frond:nth-child(even) em{top:63%;left:57%;width:6px;height:9px} #Body .fg-fir-garland + .fg-winter{padding-top:175px} #Body .fg-fir-garland + .fg-winter .fg-winter-swags{top:55px} #Body .fg-fir-garland + .fg-winter .fg-winter-bauble{top:62px} @media(min-width:1600px){#Body .fg-fir-frond b:before,#Body .fg-fir-frond b:after{width:43px}#Body .fg-fir-frond b:nth-child(n+10):before,#Body .fg-fir-frond b:nth-child(n+10):after{width:33px}#Body .fg-fir-frond b:nth-child(n+14):before,#Body .fg-fir-frond b:nth-child(n+14):after{width:24px}#Body .fg-fir-frond b:nth-child(n+17):before,#Body .fg-fir-frond b:nth-child(n+17):after{width:14px}} @media(max-width:900px){#Body .fg-fir-frond:nth-child(n+17){display:none}#Body .fg-fir-frond{flex-basis:9%;margin-right:-2.4%;height:108px}#Body .fg-fir-frond:nth-child(3n+2){height:130px}#Body .fg-fir-frond:nth-child(3n){height:95px}#Body .fg-fir-frond:nth-child(5n){height:118px}} @media(max-width:600px){#Body .fg-pine-overhang.fg-fir-garland{margin-top:66px}#Body .fg-fir-frond:nth-child(n+11){display:none}#Body .fg-fir-frond{flex-basis:14%;margin-right:-3.5%;height:95px}#Body .fg-fir-frond:nth-child(3n+2){height:115px}#Body .fg-fir-frond:nth-child(3n){height:85px}#Body .fg-fir-frond:nth-child(5n){height:104px}#Body .fg-fir-frond b:before,#Body .fg-fir-frond b:after{width:25px;height:3px}#Body .fg-fir-frond b:nth-child(n+10):before,#Body .fg-fir-frond b:nth-child(n+10):after{width:20px}#Body .fg-fir-frond b:nth-child(n+14):before,#Body .fg-fir-frond b:nth-child(n+14):after{width:14px}#Body .fg-fir-frond b:nth-child(n+17):before,#Body .fg-fir-frond b:nth-child(n+17):after{width:9px}#Body .fg-fir-garland + .fg-winter{padding-top:150px}#Body .fg-fir-garland + .fg-winter .fg-winter-swags{top:45px}} /* Kompakt girlander: dobbelt så mange kvister, mindre nåler og tettere overlapp. */ #Body .fg-fir-garland .fg-fir-backbone{height:32px;top:-7px} #Body .fg-fir-garland .fg-fir-fronds{top:-24px} #Body .fg-fir-garland .fg-fir-frond{flex-basis:3.8%;margin-right:-2.32%;height:82px} #Body .fg-fir-garland .fg-fir-frond:nth-child(3n+2){height:103px} #Body .fg-fir-garland .fg-fir-frond:nth-child(3n){height:72px} #Body .fg-fir-garland .fg-fir-frond:nth-child(5n){height:93px} #Body .fg-fir-garland .fg-fir-frond b:before,#Body .fg-fir-garland .fg-fir-frond b:after{width:23px;height:2.5px} #Body .fg-fir-garland .fg-fir-frond b:nth-child(n+10):before,#Body .fg-fir-garland .fg-fir-frond b:nth-child(n+10):after{width:18px} #Body .fg-fir-garland .fg-fir-frond b:nth-child(n+14):before,#Body .fg-fir-garland .fg-fir-frond b:nth-child(n+14):after{width:13px;height:2px} #Body .fg-fir-garland .fg-fir-frond b:nth-child(n+17):before,#Body .fg-fir-garland .fg-fir-frond b:nth-child(n+17):after{width:8px} #Body .fg-fir-garland .fg-fir-frond em{width:5px;height:8px;box-shadow:0 0 4px 1px #fff0b8,0 0 11px 4px #ffcd7055} #Body .fg-fir-garland + .fg-winter{padding-top:145px} #Body .fg-fir-garland + .fg-winter .fg-winter-swags{top:32px} @media(max-width:900px){#Body .fg-fir-garland .fg-fir-frond:nth-child(n){display:block;flex-basis:5.7%;margin-right:-2.45%}#Body .fg-fir-garland .fg-fir-frond:nth-child(n+33){display:none}} @media(max-width:600px){#Body .fg-fir-garland .fg-fir-frond:nth-child(n){flex-basis:7.6%;margin-right:-3.25%;height:67px}#Body .fg-fir-garland .fg-fir-frond:nth-child(3n+2){height:82px}#Body .fg-fir-garland .fg-fir-frond:nth-child(3n){height:60px}#Body .fg-fir-garland .fg-fir-frond:nth-child(5n){height:75px}#Body .fg-fir-garland .fg-fir-frond:nth-child(n+25){display:none}#Body .fg-fir-garland + .fg-winter{padding-top:128px}#Body .fg-fir-garland + .fg-winter .fg-winter-swags{top:26px}} /* Granbar og kristorn holdes helt innenfor juleseksjonens klippekant. */ #Body .fg-winter.fg-winter-contained-garland{overflow:hidden;margin-top:48px;padding-top:145px} #Body .fg-winter-contained-garland>.fg-pine-overhang.fg-fir-garland{position:absolute;top:0;left:0;right:0;height:135px;margin:0;clip-path:none} #Body .fg-winter-contained-garland .fg-fir-fronds{top:8px} #Body .fg-winter-contained-garland .fg-fir-backbone{top:0} #Body .fg-winter-contained-garland .fg-winter-swags{top:48px} #Body .fg-holly{position:absolute;top:8px;width:135px;height:110px;z-index:8;pointer-events:none;filter:drop-shadow(0 3px 3px #061a1644)} #Body .fg-holly-left{left:9px;transform:rotate(-12deg)} #Body .fg-holly-right{right:9px;transform:scaleX(-1) rotate(-12deg)} #Body .fg-holly i{position:absolute;left:37px;top:12px;width:77px;height:40px;background:linear-gradient(155deg,#66864a,#235632 48%,#123d26);clip-path:polygon(0 50%,16% 35%,11% 10%,34% 20%,48% 0,60% 19%,85% 8%,83% 33%,100% 50%,82% 66%,87% 92%,61% 82%,48% 100%,33% 81%,9% 91%,16% 66%);transform-origin:left center;transform:rotate(-18deg)} #Body .fg-holly i:after{content:'';position:absolute;left:7%;right:8%;top:49%;height:1px;background:#a9bc7866} #Body .fg-holly i:nth-child(2){transform:rotate(43deg);top:25px;left:38px} #Body .fg-holly i:nth-child(3){transform:rotate(163deg);left:49px;top:29px;width:59px} #Body .fg-holly b{position:absolute;left:36px;top:38px;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffb0a0 0 7%,#db3842 25%,#a51c32 70%,#72172a);box-shadow:0 2px 4px #270c2344} #Body .fg-holly b:nth-of-type(2){left:50px;top:45px} #Body .fg-holly b:nth-of-type(3){left:36px;top:55px} @media(max-width:600px){#Body .fg-winter.fg-winter-contained-garland{margin-top:36px;padding-top:133px}#Body .fg-holly{scale:.72;transform-origin:top left}#Body .fg-holly-right{transform-origin:top right}#Body .fg-winter-contained-garland .fg-winter-swags{top:40px}} /* Pausekontrollen festes til selve fullbreddeseksjonens øvre høyre hjørne. */ #Body .fg-winter > .fg-winter-controls{position:absolute;top:12px;right:12px;left:auto;z-index:12;min-height:0;max-width:calc(100% - 24px)} #Body .fg-winter > .fg-winter-controls label{margin:0;min-height:44px;background:#07152bed;border-color:#ffffff55;box-shadow:0 3px 12px #0003} @media(max-width:600px){#Body .fg-winter > .fg-winter-controls{top:8px;right:8px;max-width:calc(100% - 16px)}} /* Kun kategorien Julegavetips får fullbredde vinternatt rundt produktutvalget. */ #Body .fg-christmas-catalogue{width:100%;max-width:none;margin:0;padding:0} #Body .fg-christmas-catalogue>.fg-container{padding-bottom:0} #Body .fg-christmas-catalogue .fg-winter-catalogue{margin-top:0} #Body .fg-winter-catalogue-content{position:relative;z-index:5} #Body .fg-winter-catalogue .fg-sidebar h2{color:#fff} #Body .fg-winter-catalogue .fg-sidebar>a{color:#e3f0fa;border-color:#ffffff26} #Body .fg-winter-catalogue .fg-sidebar-help{background:#edf7fa;border-color:#c9e2e9} #Body .fg-winter-catalogue .fg-sidebar-help h3{color:var(--fg-ink)} #Body .fg-winter-catalogue .fg-toolbar{background:#edf5f9;border-color:#d8e7ef} #Body .fg-winter-catalogue .fg-sort{color:#263e4d} #Body .fg-winter-catalogue .fg-card{color:var(--fg-ink)} #Body .fg-winter-catalogue .fg-catalogue-note{background:#eaf5fa;color:#344f5c;margin-bottom:0} #Body .fg-winter-catalogue .fg-empty{color:var(--fg-ink);background:#f3f8fa} #Body .fg-winter-catalogue .fg-sidebar>a:focus-visible{outline-color:#a8eafa} #Body .fg-winter-catalogue .fg-winter-snowfall{z-index:1} @media(max-width:900px){#Body .fg-winter-catalogue .fg-sidebar>a{background:#112d49;border-color:#7b9ab166}} @media(max-width:600px){#Body .fg-winter-catalogue .fg-winter-scene{min-height:400px;padding-top:125px;padding-bottom:125px}#Body .fg-winter-catalogue .fg-winter-heading h2{font-size:30px}} /* Trinnvis kategoriinnlasting og global juleknapp. */ #Body .fg-catalogue-loader{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 12px;text-align:center;min-height:85px} #Body .fg-catalogue-loader p{font-size:15px;color:var(--fg-muted);margin:0} #Body .fg-catalogue-loader button:disabled{opacity:.6;cursor:wait} #Body .fg-winter-catalogue .fg-catalogue-loader p{color:#dce9f6} #Body .fg-nav a.fg-nav-christmas{display:inline-flex;align-items:center;justify-content:center;gap:9px;align-self:center;padding:9px 16px;margin:5px 0;background:#007e91;color:#fff;border:1px solid #007e91;border-radius:100px;white-space:nowrap} #Body .fg-nav a.fg-nav-christmas:hover{background:#006575;color:#fff!important} #Body .fg-nav-christmas>span{color:#ffe4a4} @media(max-width:900px){#Body .fg-nav a.fg-nav-christmas{justify-self:start;margin:8px 0;border-bottom:1px solid #007e91}} /* Stor produktsøkeboks på kategorioversikten. */ #Body .fg-category-search{margin-top:30px;max-width:100%} #Body .fg-category-search>label{display:block;font-size:17px;font-weight:700;color:var(--fg-ink);margin-bottom:10px} #Body .fg-category-search-field{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #b9dce4;border-radius:16px;padding:10px 11px 10px 22px;box-shadow:0 8px 28px #007e9109} #Body .fg-category-search-field:focus-within{border-color:#007e91;box-shadow:0 0 0 3px #0095a91a} #Body .fg-category-search-icon{font-size:38px;line-height:1;color:#007e91;flex-shrink:0} #Body .fg-category-search-field input{flex:1;min-width:0;width:100%;padding:14px 0;border:0;background:transparent;color:var(--fg-ink);font-size:20px;line-height:1.5} #Body .fg-category-search-field input::placeholder{color:#6a7c82;opacity:1} #Body .fg-category-search-field .fg-button{flex-shrink:0;min-height:58px;padding:15px 27px;font-size:17px;border-radius:11px} #Body .fg-category-search-hint{display:block;margin-top:12px;color:var(--fg-muted);font-size:14px} @media(max-width:600px){#Body .fg-category-search{margin-top:24px}#Body .fg-category-search-field{flex-wrap:wrap;gap:8px 12px;padding:12px;border-radius:13px}#Body .fg-category-search-icon{font-size:30px}#Body .fg-category-search-field input{font-size:16px;padding:10px 0;width:calc(100% - 45px)}#Body .fg-category-search-field .fg-button{width:100%;min-height:50px;font-size:16px}#Body .fg-category-search-hint{font-size:13px}} /* Samlet hovedmeny: produktinngangen står sammen med resten av valgene. */ #Body .fg-nav>.fg-container{justify-content:flex-start;gap:22px} #Body .fg-nav a.fg-nav-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:5px 0;padding:9px 16px;min-height:44px;border:1px solid #b9dce4;border-radius:100px;background:#e4f5f7;color:#006e80;align-self:center} #Body .fg-nav a.fg-nav-primary span{margin-left:0;flex-shrink:0} #Body .fg-nav a.fg-nav-primary:hover{background:#ccebf0;border-color:#6db5ba} @media(max-width:1199px) and (min-width:901px){#Body .fg-nav>.fg-container{gap:16px}} @media(max-width:900px){#Body .fg-nav>.fg-container{gap:0 24px}#Body .fg-nav a.fg-nav-primary{justify-self:start;margin:8px 0}} #Body .fg-nw-colors{margin:22px 0}#Body .fg-nw-colors label{display:block;font-weight:700;font-size:16px;margin-bottom:8px}#Body .fg-nw-colors select{width:100%;border:1px solid #abcfd9;border-radius:10px;padding:12px;background:#fff;font-size:17px;color:var(--fg-ink)}#Body .fg-nw-colors p{font-size:14px;color:var(--fg-muted);margin-top:9px} /* Produktfakta og miniatyrbilder i rader, også for allerede aktiverte produkter. */ #Body .fg-gallery .fg-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;overflow:visible;padding:4px;max-height:none} #Body .fg-gallery .fg-thumbnails button{width:100%;height:auto;aspect-ratio:1;min-width:0;padding:9px;border:1px solid #dce8ec;border-radius:12px;background:#fff;transition:border-color 120ms ease-out,background-color 120ms ease-out} #Body .fg-gallery .fg-thumbnails button.is-selected{border:2px solid #007e91;background:#eef9fb;padding:8px} #Body .fg-gallery .fg-thumbnails button:hover{border-color:#6db5ba;background:#f3fafb} #Body .fg-gallery .fg-thumbnails img{display:block;width:100%;height:100%;object-fit:contain} /* Lange bildegallerier skal kunne rulles med siden, ikke bli låst utenfor skjermen. */ #Body .fg-gallery:has(.fg-thumbnails button:nth-child(15)){position:static} #Body .fg-facts{display:grid;gap:26px;margin:26px 0 10px} #Body .fg-facts-group{min-width:0} #Body .fg-richtext .fg-facts-heading{display:flex;align-items:center;gap:10px;font-size:18px!important;font-weight:700;letter-spacing:-.025em;margin:0 0 14px!important} #Body .fg-facts-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:9px;background:#dff2f6;color:#007e91;font-size:19px} #Body .fg-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0} #Body .fg-fact{min-width:0;padding:18px 19px;background:linear-gradient(125deg,#f0f8fa,#f8fbfc);border:1px solid #dcebef;border-radius:13px} #Body .fg-fact-wide{grid-column:1/-1} #Body .fg-fact dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00788a;margin-bottom:8px;line-height:1.5} #Body .fg-fact dd{margin:0;color:#203a45;font-size:16px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere} #Body .fg-facts-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;white-space:normal} #Body .fg-facts-tags li{padding:6px 11px;background:#fff;border:1px solid #d4e5eb;border-radius:8px;font-size:14px;line-height:1.6;color:#344f5c;max-width:100%} @media(max-width:600px){#Body .fg-gallery .fg-thumbnails{grid-template-columns:repeat(auto-fill,minmax(53px,1fr));gap:8px}#Body .fg-facts-grid{grid-template-columns:1fr}#Body .fg-fact{padding:16px}#Body .fg-fact dd{font-size:16px}#Body .fg-richtext .fg-facts-heading{font-size:17px!important}} /* Tydelig merkeidentitet rett under produktnavnet. */ #Body .fg-product-brand{margin:20px 0 0;padding:15px 18px;border:1px solid #c5e3eb;border-left:4px solid #0095a9;border-radius:12px;background:linear-gradient(110deg,#eaf7fa,#f7fbfc)} #Body .fg-product-brand-label{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;color:#00788a;margin-bottom:5px} #Body .fg-product-brand>a{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;text-decoration:none;color:var(--fg-ink)} #Body .fg-product-brand strong{font-family:var(--fg-heading);font-weight:700;font-size:22px;line-height:1.4;overflow-wrap:anywhere} #Body .fg-product-brand a>span{font-size:14px;font-weight:700;color:#00788a} #Body .fg-product-brand a:hover>span{text-decoration:underline} @media(max-width:600px){#Body .fg-product-brand{padding:14px 16px}#Body .fg-product-brand strong{font-size:20px}} /* Levende produktteller ved kategoriene. */ #Body .fg-product-counter{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:40px;padding:38px 42px;margin-bottom:28px;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#174b59,transparent 65%),#101c22;color:#fff;overflow:hidden} #Body .fg-product-counter .fg-eyebrow{color:#8cdeeb} #Body .fg-counter-copy>p{font-family:var(--fg-heading);font-size:26px;line-height:1.35;letter-spacing:-.03em;margin:0 0 24px} #Body .fg-counter-copy strong{display:block;font-weight:700} #Body .fg-counter-stat{text-align:center;min-width:0} #Body .fg-counter-number{display:block;font-family:var(--fg-heading);font-size:clamp(54px,7vw,100px);line-height:1.1;font-weight:700;letter-spacing:-.06em;color:#8de4ee;font-variant-numeric:tabular-nums;white-space:nowrap} #Body .fg-counter-caption{display:block;font-size:19px;font-weight:700;margin:10px 0} #Body .fg-counter-note{font-size:12px;color:#bed5dd} #Body .fg-counter-search{display:flex;gap:8px;padding:7px;background:#fff;border-radius:13px} #Body .fg-counter-search input{flex:1;min-width:0;width:100%;padding:10px;border:0;background:#fff;color:#152b2b;font-size:16px;border-radius:7px} #Body .fg-counter-search .fg-button{flex-shrink:0;padding:12px 16px;min-height:48px;font-size:14px;border-radius:9px} @media(max-width:900px){#Body .fg-product-counter{gap:22px;padding:30px}#Body .fg-counter-search{flex-wrap:wrap}#Body .fg-counter-search .fg-button{width:100%}} @media(max-width:600px){#Body .fg-product-counter{grid-template-columns:minmax(0,1fr);padding:27px 22px;gap:28px}#Body .fg-counter-stat{grid-row:1}#Body .fg-counter-number{font-size:72px}#Body .fg-counter-copy>p{font-size:23px}#Body .fg-counter-search input{font-size:16px}#Body .fg-counter-search .fg-button{font-size:16px}} /* Produktteller integrert i toppfeltet på Alle produkter. */ #Body .fg-category-counter-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);align-items:center;gap:34px} #Body .fg-category-counter-top h1{font-size:clamp(36px,3.8vw,55px)!important} #Body .fg-category-counter-top p{font-size:17px;line-height:1.75;color:var(--fg-muted);margin:18px 0 0} #Body .fg-category-counter-stat{position:relative;min-width:0;padding:25px 18px;text-align:center;background:radial-gradient(ellipse at 100% 0,#174b59,transparent 80%),#101c22;border:1px solid #24515e;border-radius:19px;color:#fff;box-shadow:0 12px 30px #123d4a12} #Body .fg-category-counter-stat .fg-counter-number{font-size:clamp(56px,6vw,86px);letter-spacing:-.055em} #Body .fg-category-counter-stat .fg-counter-caption{font-size:17px;margin:10px 0 8px} #Body .fg-category-counter-stat .fg-counter-note{display:block;font-size:11px;color:#bed5dd} @media(max-width:900px){#Body .fg-category-counter-top{grid-template-columns:minmax(0,1.3fr) minmax(210px,1fr);gap:22px}} @media(max-width:600px){#Body .fg-category-counter-top{grid-template-columns:minmax(0,1fr);gap:25px}#Body .fg-category-counter-top h1{font-size:36px!important}#Body .fg-category-counter-stat{padding:22px 18px}#Body .fg-category-counter-stat .fg-counter-number{font-size:68px}} /* Samme store mørke tellerfelt som på forsiden, også på kategorioversikten. */ #Body .fg-category-counter-dark h1{color:#fff;font-size:clamp(30px,3.2vw,44px);font-weight:700;line-height:1.14;letter-spacing:-.045em;margin:0 0 22px} #Body .fg-category-counter-dark .fg-counter-copy>p{color:#fff} #Body .fg-category-counter-dark .fg-counter-copy{min-width:0} @media(max-width:600px){#Body .fg-category-counter-dark h1{font-size:32px}} /* Aktuelle kataloger fra New Wave: komplette titler og ensartede omslag. */ #Body .fg-catalogue-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px} #Body .fg-catalogue-book{display:flex;flex-direction:column;min-width:0;border:1px solid #dce8ec;padding:18px;border-radius:16px;background:#fff} #Body .fg-catalogue-book>a{text-decoration:none} #Body .fg-catalogue-cover{display:block;width:100%;height:290px;object-fit:contain;background:#f4f8fa;border-radius:9px} #Body .fg-catalogue-book-title h2{font-size:19px;line-height:1.4;margin:18px 0 12px;overflow-wrap:anywhere} #Body .fg-catalogue-book .tilbudsknapp{margin-top:auto!important;margin-bottom:0!important} @media(max-width:1100px){#Body .fg-catalogue-books{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:750px){#Body .fg-catalogue-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#Body .fg-catalogue-cover{height:230px}} @media(max-width:450px){#Body .fg-catalogue-book{padding:12px}#Body .fg-catalogue-cover{height:180px}#Body .fg-catalogue-book-title h2{font-size:16px}} #Body .fg-catalogue-cover-text{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:24px;background:radial-gradient(ellipse at 100% 0,#205566,transparent 80%),#101c22;color:#fff;overflow:hidden} #Body .fg-catalogue-cover-text>span{font-size:12px;letter-spacing:.06em;color:#b4e7ef} #Body .fg-catalogue-cover-text>strong{font-family:var(--fg-heading);font-size:clamp(20px,2vw,28px);line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere} @media(max-width:450px){#Body .fg-catalogue-cover-text{padding:16px}#Body .fg-catalogue-cover-text>span{font-size:10px}#Body .fg-catalogue-cover-text>strong{font-size:20px}} /* Felles overskriftsfont. Lato beholdes på brødtekst, navigasjon og skjemafelt. */ :root{--fg-heading:'Montserrat','Lato',Arial,sans-serif;--fg-serif:var(--fg-heading)} #Body h1,#Body h2,#Body h3,#Body h4,#Body h5,#Body h6, #Body .fg-hero h1,#Body .fg-brand-hero h1,#Body .fg-section-head h2, #Body .fg-guide h2,#Body .fg-editorial h2,#Body .fg-contact-band h2, #Body .fg-catalogue-heading h1,#Body .fg-product-info h1, #Body .fg-sidebar-help h3,#Body .fg-search-heading, #Body #Heading h1,#Body #LogoContainer h2, #Body .itemheader,#Body .itempreviewheader,#Body .forsideheading, #Body .relaterte,#Body #MenyHeading, #Body .fg-hero-caption strong,#Body .fg-showcase-bottom strong, #Body .fg-editorial-number{font-family:var(--fg-heading)!important} #Body h1,#Body h2,#Body h3,#Body h4,#Body h5,#Body h6{overflow-wrap:break-word} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#Body *,#Body *:before,#Body *:after{animation:none!important;transition:none!important}#Body .fg-card:hover,#Body .fg-button:hover,#Body .fg-card:hover .fg-card-image:hover img{transform:none}#Body .fg-showcase-products .fg-card{transform:none!important}}