Handlekurv | osterengkaffe.no

Kundesenter Favoritter 0

Logg inn avtalekunder

Nettbutikk
Kaffe og ingredienser
Hele Bønner
Malt kaffe
Pulver og Instantkaffe
Kakao/Melk/Te
Søtning og smak
Maskiner og utstyr
Kaffemaskiner
Kaffetraktere
Vannautomater
Kaffeutstyr
Til kaffebenken
Kopper og beger
Kjeks / Sjokolade
Renseprodukter og filter
Rensemidler
Kaffefilter
Kaffepraten
Om oss
Kontakt oss
Kaffe til bedrifter

Webshop
Handlekurv

Du har 1.000,- igjen til fri frakt

Trygg handel • Rask levering Til kassen

Handlekurv
Kasse
Kvittering

Ingen varer i handlekurven

/* Unibrand / Østereng Kaffe – felles inline-kode, 03.11.2026.
 * Komplett erstatning for den opprinnelige inline-blokken i Quick3.
 * API-endepunkter, GTM-id og Meta-piksel er beholdt for Østereng-piloten.
 * Ikke kopier sporings-id-er eller produktfil uendret til en annen butikk.
 */
(function () {
  'use strict';
  if (window.UBCommonV3) return;
  var CONFIG = { productURL: 'https://service.yaha.no/produktsok_ok.txt' };
  var watchers = [], refreshPending = false;
  window.UBCommonV3 = { version: '2026-11-03', refresh: refreshAll };

function watch(selector, refresh) { watchers.push({selector:selector, refresh:refresh}); }
  function run(module) {
    try { module(); } catch (error) { console.error('UB felleskode:', error); }
  }
  function refreshAll() { watchers.forEach(function (watcher) { run(watcher.refresh); }); }
  function relevant(record, selector) {
    var node = record.target.nodeType === 1 ? record.target : record.target.parentElement;
    if (node && node.closest(selector)) return true;
    return Array.from(record.addedNodes).some(function (added) {
      return added.nodeType === 1 && (added.matches(selector) || added.querySelector(selector));
    });
  }
  function observeContent() {
    var pending = new Set();
    new MutationObserver(function (records) {
      watchers.forEach(function (watcher) {
        if (records.some(function (record) { return relevant(record, watcher.selector); })) pending.add(watcher.refresh);
      });
      if (!pending.size || refreshPending) return;
      refreshPending = true;
      requestAnimationFrame(function () {
        refreshPending = false;
        var jobs = Array.from(pending); pending.clear(); jobs.forEach(run);
      });
    }).observe(document.body, {childList:true, subtree:true});
  }

(function(w,d,s,l,i){
  if ((w.google_tag_manager && w.google_tag_manager[i]) || d.querySelector('script[src*="googletagmanager.com/gtm.js?id=' + i + '"]')) {
    return;
  }

w[l] = w[l] || [];
  w[l].push({
    'gtm.start': new Date().getTime(),
    event: 'gtm.js'
  });

var f = d.getElementsByTagName(s)[0];
  var j = d.createElement(s);
  var dl = l !== 'dataLayer' ? '&l=' + l : '';

j.async = true;
  j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;

f.parentNode.insertBefore(j, f);

})(window, document, 'script', 'dataLayer', 'GTM-NL52CL4Q');

/* Header, mobilmeny og produktsøk har én eier og én oppstart. */
function initNavigation() {
  var media = window.matchMedia('(max-width: 767.98px)');
  var inputSelector = 'input.newelement-navbar-input[name="q"], #ajax_search input[name="q"]';
  var hamburgerSelector = '.pageHeader .toggleMenuButton, .pageHeader .navbar-toggler, .pageHeader .cp-menu-hamburger_togler';
  var bound = new WeakSet(), origins = new WeakMap();
  var form, trigger, activeInput, selection = -1, items = [], products, loading;
  var requestVersion = 0, positionPending = false;
  var box = document.getElementById('okCustomResultsFloating') || document.createElement('div');
  box.id = 'okCustomResultsFloating';
  box.style.display = 'none';
  if (!box.parentNode) document.body.appendChild(box);

function q(selector) { return document.querySelector(selector); }
  function consume(event, cancel) {
    if (cancel) event.preventDefault();
    event.stopImmediatePropagation();
  }
  function setAttribute(el, name, value) {
    if (el && el.getAttribute(name) !== value) el.setAttribute(name, value);
  }
  function hamburger() {
    return q('.pageHeader .toggleMenuButton .hamburger') || q('.pageHeader .toggleMenuButton button') ||
      q('.pageHeader .navbar-toggler') || q('.pageHeader .cp-menu-hamburger_togler button') || q('.pageHeader .toggleMenuButton');
  }
  function hideResults() {
    requestVersion++;
    box.style.display = 'none';
    selection = -1; items = [];
    setAttribute(activeInput, 'aria-expanded', 'false');
    document.body.classList.remove('ok-search-active');
  }
  function setSearch(opening) {
    document.body.classList.toggle('ok-mobile-search-open', !!opening);
    setAttribute(trigger, 'aria-expanded', opening ? 'true' : 'false');
    if (!opening) hideResults();
  }
  function setMenu(opening) {
    var nav = q('.pageMainNav'), button = hamburger();
    document.body.classList.toggle('ok-mobile-menu-open', !!opening);
    if (opening) setSearch(false);
    if (nav) {
      nav.classList.add('ok-mobile-nav-host');
      ['display', 'visibility', 'opacity'].forEach(function (prop, i) {
        if (media.matches) nav.style.setProperty(prop, (opening ? ['block', 'visible', '1'] : ['none', 'hidden', '0'])[i], 'important');
        else nav.style.removeProperty(prop);
      });
    }
    if (button) {
      button.classList.toggle('collapsed', !opening);
      setAttribute(button, 'aria-expanded', opening ? 'true' : 'false');
    }
    if (!opening) document.querySelectorAll('.pageMainNav .ok-mobile-submenu-open').forEach(function (item) {
      item.classList.remove('ok-mobile-submenu-open');
    });
  }
  function holder() {
    var el = document.getElementById('ok-front-search-holder');
    if (!el) {
      el = document.createElement('div'); el.id = 'ok-front-search-holder';
      var inner = document.createElement('div'); inner.className = 'ok-front-search-inner'; el.appendChild(inner);
      var header = q('.pageHeader');
      if (header) header.insertAdjacentElement('afterend', el); else document.body.appendChild(el);
    }
    return el;
  }
  function prepareTrigger() {
    trigger = q('.pageHeader .headerButtons a.ok-mobile-search-trigger') ||
      q('.pageHeader .headerButtons a.header-button[href="/modelsearch"], .pageHeader .headerButtons a.header-button[href="/modesearch"]');
    if (!trigger) {
      var container = q('.pageHeader .headerButtons .button_container');
      if (!container) return;
      trigger = document.createElement('a');
      trigger.className = 'header-button ok-mobile-search-trigger';
      trigger.innerHTML = '<svg aria-hidden="true" focusable="false"><use href="#fal-magnifying-glass" xlink:href="#fal-magnifying-glass"></use></svg>';
      container.insertBefore(trigger, container.firstChild);
    }
    trigger.classList.add('ok-mobile-search-trigger');
    trigger.style.display = media.matches ? '' : 'none';
    setAttribute(trigger, 'href', '#'); setAttribute(trigger, 'title', 'Søk');
    setAttribute(trigger, 'aria-label', 'Åpne søk');
    setAttribute(trigger, 'aria-expanded', document.body.classList.contains('ok-mobile-search-open') ? 'true' : 'false');
    var icon = trigger.querySelector('use');
    setAttribute(icon, 'href', '#fal-magnifying-glass'); setAttribute(icon, 'xlink:href', '#fal-magnifying-glass');
  }
  function layout() {
    form = q('.pageHeader #ajax_search') || q('#ajax_search');
    if (form && !origins.has(form) && !form.closest('#ok-front-search-holder')) {
      var anchor = document.createComment('UB: søkets plass i desktop-headeren');
      form.parentNode.insertBefore(anchor, form);
      origins.set(form, anchor);
    }
    if (form) {
      if (media.matches) {
        var inner = holder().querySelector('.ok-front-search-inner');
        if (form.parentNode !== inner) inner.appendChild(form);
      } else {
        var anchor = origins.get(form);
        if (anchor && anchor.isConnected && form.previousSibling !== anchor) anchor.parentNode.insertBefore(form, anchor.nextSibling);
      }
    }
    var nav = q('.pageMainNav'); if (nav) nav.classList.add('ok-mobile-nav-host');
    prepareTrigger();
    [
      ['.pageHeader .headerButtons .header-button-form > a.header-button.qWebshopFormSubmitLink', 'Logg inn'],
      ['.pageHeader .headerButtons a.header-button[href="/account"]', 'Min konto'],
      ['.pageHeader .headerButtons .header-button.cart-button', 'Handlekurv']
    ].forEach(function (pair) { var el = q(pair[0]); setAttribute(el, 'aria-label', pair[1]); setAttribute(el, 'title', pair[1]); });
    setAttribute(hamburger(), 'aria-label', 'Meny'); setAttribute(hamburger(), 'title', 'Meny');
    document.querySelectorAll(inputSelector).forEach(function (input) {
      setAttribute(input, 'placeholder', 'Søk etter kaffe, maskin, tilbehør eller varenummer');
      if (bound.has(input)) return;
      bound.add(input); bindInput(input);
    });
    position();
  }
  function viewportChanged() {
    if (!media.matches) { setSearch(false); setMenu(false); }
    layout();
  }
  function position() {
    if (box.style.display !== 'block') return;
    if (media.matches && form) {
      var container = holder(); if (box.parentNode !== container) container.appendChild(box);
    } else {
      if (box.parentNode !== document.body) document.body.appendChild(box);
      var owner = form && form.contains(activeInput) ? form : activeInput;
      if (!owner || !owner.isConnected) { hideResults(); return; }
      var rect = owner.getBoundingClientRect();
      box.style.left = Math.round(rect.left) + 'px'; box.style.top = Math.round(rect.bottom + 7) + 'px';
      box.style.width = Math.round(rect.width) + 'px';
    }
  }
  function schedulePosition() {
    if (positionPending || box.style.display !== 'block') return;
    positionPending = true;
    requestAnimationFrame(function () { positionPending = false; position(); });
  }
  function norm(value) {
    return (value || '').toLowerCase().replace(/æ/g, 'ae').replace(/ø/g, 'o').replace(/å/g, 'a')
      .replace(/[^a-z0-9]+/g, ' ').replace(/\s+/g, ' ').trim();
  }
  function splitAlphaNum(value) {
    return (value || '').replace(/([A-Za-zÆØÅæøå])([0-9])/g, '$1 $2').replace(/([0-9])([A-Za-zÆØÅæøå])/g, '$1 $2');
  }
  function slugify(value) { return norm(value).replace(/ /g, '-'); }
  function escapeHTML(value) {
    return String(value || '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
  }
  function highlight(text, words) {
    var safe = escapeHTML(text);
    words.slice().sort(function (a, b) { return b.length - a.length; }).forEach(function (word) {
      safe = safe.replace(new RegExp('(' + word + ')', 'ig'), '\u0001$1\u0002');
    });
    return safe.replace(/\u0001/g, '<b>').replace(/\u0002/g, '</b>');
  }
  function loadProducts() {
    if (products) return Promise.resolve(products);
    if (loading) return loading;
    loading = new Promise(function (resolve, reject) {
      var xhr = new XMLHttpRequest();
      xhr.open('GET', CONFIG.productURL, true); xhr.timeout = 25000;
      xhr.onload = function () {
        if (xhr.status < 200 || xhr.status >= 300) { reject(new Error('Produktsøk: HTTP ' + xhr.status)); return; }
        products = String(xhr.responseText || '').replace(/<br>/g, '').split('\n').map(function (line) {
          var parts = line.split('|');
          return parts.length < 3 ? null : { i: parts[0], t: parts[1], u: parts[2], nf: norm(splitAlphaNum(parts[1] + ' ' + parts[0])) };
        }).filter(Boolean);
        resolve(products);
      };
      xhr.onerror = xhr.ontimeout = function () { reject(new Error('Produktsøket kunne ikke lastes')); };
      xhr.send();
    });
    loading = loading.then(function (list) { loading = null; return list; }, function (error) { loading = null; throw error; });
    return loading;
  }
  function render(query) {
    var normalized = norm(splitAlphaNum(query));
    if (normalized.length < 2) { hideResults(); box.innerHTML = ''; return; }
    var words = normalized.split(' '), phrase = words.join(' ');
    var hits = products.filter(function (item) { return words.every(function (word) { return item.nf.indexOf(word) !== -1; }); })
      .map(function (item) {
        var score = (item.nf.indexOf(phrase) !== -1 ? 20 : 0) + (item.nf.indexOf(phrase) === 0 ? 25 : 0);
        words.forEach(function (word) { score += item.nf.indexOf(word) === 0 ? 8 : item.nf.indexOf(' ' + word) !== -1 ? 3 : 1; });
        return {item: item, score: score};
      }).sort(function (a, b) { return b.score - a.score || (a.item.t < b.item.t ? -1 : a.item.t > b.item.t ? 1 : 0); });
    box.innerHTML = hits.length ? '<div class="okSearchHead">Produkter</div>' + hits.slice(0, 7).map(function (hit) {
      var item = hit.item, href = '/' + slugify(item.t) + '/' + item.u;
      return '<a data-ok-item="1" class="okSearchItem" href="' + escapeHTML(href) + '"><div class="okSearchTitle">' +
        highlight(item.t, words) + '</div><div class="okSearchSub">' + highlight(item.i, words) + '</div></a>';
    }).join('') : '<div class="okNoHit">Ingen treff. Prøv å søke etter produktnavn eller varenummer.</div>';
    box.style.display = 'block'; selection = -1;
    items = box.querySelectorAll('a[data-ok-item="1"]');
    setAttribute(activeInput, 'aria-controls', box.id); setAttribute(activeInput, 'aria-expanded', 'true');
    document.body.classList.toggle('ok-search-active', media.matches);
    position();
  }
  function search(input) {
    activeInput = input;
    var version = ++requestVersion;
    loadProducts().then(function () {
      if (version === requestVersion && activeInput === input && input.isConnected) render(input.value);
    }).catch(function () { if (version === requestVersion) hideResults(); });
  }
  function goSelected() {
    if (selection >= 0 && items[selection]) { window.location.assign(items[selection].href); return true; }
    return false;
  }
  function bindInput(input) {
    input.addEventListener('focus', function (event) { consume(event); search(input); }, true);
    input.addEventListener('input', function (event) { consume(event); search(input); }, true);
    // input is the only render event. keyup/keypress only shield the native live
    // search; Enter without a selection keeps Quick3's ordinary results page.
    input.addEventListener('keyup', function (event) { consume(event); }, true);
    input.addEventListener('keypress', function (event) {
      if (event.key === 'Enter' && selection >= 0 && items[selection]) consume(event, true);
    }, true);
    input.addEventListener('keydown', function (event) {
      activeInput = input;
      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
        consume(event, true);
        if (box.style.display !== 'block' || !items.length) return;
        selection = selection < 0 ? (event.key === 'ArrowDown' ? 0 : items.length - 1) :
          (selection + (event.key === 'ArrowDown' ? 1 : -1) + items.length) % items.length;
        items.forEach(function (item, i) { item.classList.toggle('okSelected', i === selection); });
        if (items[selection].scrollIntoView) items[selection].scrollIntoView({block:'nearest'});
      } else if (event.key === 'Enter' && selection >= 0 && items[selection]) {
        consume(event, true); goSelected();
      } else if (event.key === 'Escape') {
        consume(event, true); setSearch(false); setMenu(false);
      }
    }, true);
  }
  document.addEventListener('click', function (event) {
    var target = event.target.nodeType === 1 ? event.target : event.target.parentElement;
    if (!target) return;
    if (media.matches && target.closest(hamburgerSelector)) {
      consume(event, true); setMenu(!document.body.classList.contains('ok-mobile-menu-open')); return;
    }
    if (media.matches && target.closest('.pageHeader .ok-mobile-search-trigger')) {
      consume(event, true);
      var opening = !document.body.classList.contains('ok-mobile-search-open');
      setMenu(false); setSearch(opening);
      var input = form && form.querySelector('input[name="q"]');
      if (opening && input) input.focus();
      return;
    }
    // Compatibility for the alternative Quick3 qm navigation template.
    var link = media.matches && target.closest('.pageMainNav .qm-nav-item_haschildren > .qm-nav-item-link');
    if (link) {
      event.preventDefault(); event.stopPropagation();
      var item = link.parentElement, opening = !item.classList.contains('ok-mobile-submenu-open');
      document.querySelectorAll('.pageMainNav .ok-mobile-submenu-open').forEach(function (other) {
        if (other !== item) other.classList.remove('ok-mobile-submenu-open');
      });
      item.classList.toggle('ok-mobile-submenu-open', opening);
    }
    if (target !== activeInput && !box.contains(target)) hideResults();
  }, true);
  document.addEventListener('submit', function (event) {
    if (box.style.display === 'block' && selection >= 0 && items[selection] && activeInput && event.target.contains(activeInput)) {
      consume(event, true); goSelected();
    }
  }, true);
  document.addEventListener('keydown', function (event) { if (event.key === 'Escape') { setSearch(false); setMenu(false); } });
  window.addEventListener('resize', viewportChanged);
  window.addEventListener('scroll', schedulePosition, true);
  if (window.visualViewport) {
    window.visualViewport.addEventListener('resize', schedulePosition);
    window.visualViewport.addEventListener('scroll', schedulePosition);
  }
  watch('.pageHeader, #ok-front-search-holder', layout);
  layout();
}

function initArticles() {

'use strict';
  if (window.UBArticlesV2) return;
  window.UBArticlesV2 = { init: init };
  var dialog, opener;

function initForm(form) {
    if (form.dataset.ubReady) return;
    var button = form.querySelector('[type="submit"]');
    var message = form.querySelector('[role="status"]');
    if (!button || !message) return;
    form.dataset.ubReady = '1';
    var pending = false, sent = false;
    function show(text, success) {
      message.textContent = text;
      message.classList.toggle('ub-form__message--success', !!success);
      message.hidden = false;
    }
    form.addEventListener('submit', async function (event) {
      event.preventDefault();
      if (pending || sent) return;
      message.hidden = true;
      message.textContent = '';
      if (!form.reportValidity()) return;
      var fields = form.elements;
      var phone = fields.namedItem('phone').value.trim();
      var email = fields.namedItem('email').value.trim();
      if (!phone && !email) {
        show('Oppgi telefonnummer eller e-postadresse slik at vi kan kontakte deg.');
        fields.namedItem('phone').focus();
        return;
      }
      var companySize = fields.namedItem('company_size').value;
      var interest = fields.namedItem('interest').value;
      var payload = {
        name: fields.namedItem('name').value.trim(),
        company: fields.namedItem('company').value.trim(),
        phone: phone, email: email,
        company_size: companySize, interest_type: interest
      };
      // Preview is deliberately incapable of sending leads or analytics events.
      if (document.documentElement.hasAttribute('data-ub-preview')) {
        show('Forhåndsvisning: skjemaet er kontrollert. Ingen henvendelse er sendt.');
        return;
      }
      pending = true;
      button.disabled = true;
      button.textContent = 'Sender...';
      form.setAttribute('aria-busy', 'true');
      var controller = new AbortController();
      var timeout = window.setTimeout(function () { controller.abort(); }, 25000);
      try {
        var response = await fetch(form.dataset.endpoint, {
          method: 'POST', headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify(payload), signal: controller.signal
        });
        if (!response.ok) throw new Error('HTTP ' + response.status);
        var data = await response.json();
        if (!data || data.success !== true) throw new Error('Lead API returned failure');
        sent = true;
        form.reset();
        show('Takk for henvendelsen!\nVi har mottatt forespørselen din og tar kontakt så raskt som mulig.' +
          (email ? '\nDu får også en bekreftelse på e-post.' : ''), true);
        button.textContent = 'Henvendelsen er sendt';
        // A tracking failure must never turn an accepted lead into an error.
        try {
          window.dataLayer = window.dataLayer || [];
          window.dataLayer.push({
            event: 'generate_lead', lead_type: 'bedriftskaffe',
            form_name: 'bedriftskaffe_lead', company_size: companySize,
            interest_type: interest
          });
        } catch (trackingError) {
          console.error('UB lead tracking error:', trackingError);
        }
      } catch (error) {
        show('Beklager, vi klarte ikke å sende henvendelsen. Prøv igjen eller ring oss på ');
        var phoneLink = document.createElement('a');
        phoneLink.href = 'tel:45259090';
        phoneLink.textContent = '45 25 90 90';
        message.appendChild(phoneLink);
        message.appendChild(document.createTextNode('.'));
        button.disabled = false;
        button.textContent = 'Få forslag og pris';
      } finally {
        window.clearTimeout(timeout);
        pending = false;
        form.removeAttribute('aria-busy');
      }
    });
    button.disabled = false;
  }

function initPager(deck) {
    if (deck.dataset.ubReady) return;
    var pages = Array.from(deck.querySelectorAll('.ub-pager__page'));
    var nav = deck.querySelector('.ub-pager__nav');
    var status = deck.querySelector('[data-ub-page-status]');
    if (!pages.length || !nav || !status) return;
    deck.dataset.ubReady = '1';
    var current = 0;
    var desktop = window.matchMedia('(min-width: 881px)');
    function render(announce) {
      pages.forEach(function (page, index) { page.hidden = desktop.matches && index !== current; });
      nav.hidden = !desktop.matches;
      nav.querySelector('[data-ub-prev]').disabled = current === 0;
      nav.querySelector('[data-ub-next]').disabled = current === pages.length - 1;
      nav.querySelectorAll('[data-ub-page]').forEach(function (button) {
        if (Number(button.dataset.ubPage) === current) button.setAttribute('aria-current', 'page');
        else button.removeAttribute('aria-current');
      });
      if (announce) status.textContent = 'Side ' + (current + 1) + ' av ' + pages.length;
    }
    nav.addEventListener('click', function (event) {
      var button = event.target.closest('button');
      if (!button || button.disabled) return;
      if (button.hasAttribute('data-ub-page')) current = Number(button.dataset.ubPage);
      else current += button.hasAttribute('data-ub-next') ? 1 : -1;
      current = Math.max(0, Math.min(pages.length - 1, current));
      render(true);
    });
    if (desktop.addEventListener) desktop.addEventListener('change', function () { render(false); });
    else desktop.addListener(function () { render(false); });
    deck.classList.add('ub-pager--ready');
    render(false);
  }

function openImage(link) {
    // Keep ordinary image navigation as the fallback in older browsers.
    if (!window.HTMLDialogElement || !HTMLDialogElement.prototype.showModal) return false;
    if (!dialog) {
      dialog = document.createElement('dialog');
      dialog.className = 'ub-image-dialog';
      dialog.setAttribute('aria-label', 'Bildeforstørrelse');
      var close = document.createElement('button');
      close.type = 'button'; close.textContent = 'Lukk'; close.autofocus = true;
      close.addEventListener('click', function () { dialog.close(); });
      dialog.appendChild(close);
      dialog.appendChild(document.createElement('img'));
      dialog.addEventListener('click', function (event) { if (event.target === dialog) dialog.close(); });
      dialog.addEventListener('close', function () {
        if (opener && opener.isConnected) opener.focus();
        dialog.querySelector('img').removeAttribute('src');
      });
      document.body.appendChild(dialog);
    }
    var original = link.querySelector('img');
    var img = dialog.querySelector('img');
    img.alt = original ? original.alt : 'Forstørret bilde';
    img.src = link.href;
    opener = link;
    dialog.showModal();
    return true;
  }

function init() {
    document.querySelectorAll('.ub-content [data-ub-lead]').forEach(initForm);
    document.querySelectorAll('.ub-content [data-ub-pager]').forEach(initPager);
    // Quick3 renders stretched links with no text. Name only article cards,
    // and only when they do not already have an accessible name.
    document.querySelectorAll('.pageContent .cp-article-group .tile-block .stretched-link').forEach(function (link) {
      if (link.hasAttribute('aria-label') || link.hasAttribute('aria-labelledby') || link.textContent.trim()) return;
      var card = link.closest('.card');
      var title = card && card.querySelector('.card-title');
      if (title && title.textContent.trim()) link.setAttribute('aria-label', title.textContent.trim());
    });
  }
  document.addEventListener('click', function (event) {
    var link = event.target.closest && event.target.closest('.ub-content a[data-ub-lightbox]');
    if (!link || event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;
    if (openImage(link)) event.preventDefault();
  });
  init();
  watch('.pageContent', init);
}

function initCheckout() {

'use strict';
  // Only the two dedicated article snippets opt in. No listeners or timers elsewhere.
  if (!pageKind()) return;
  if (window.OSKCheckoutInfoV1) return;
  window.OSKCheckoutInfoV1 = true;
  var loader, message, expiry, observer, started = 0;
  var finalSelector = 'a[data-testid="checkout-next"].qWebshopFormSubmitLink';

function pageKind() {
    var marker = document.getElementById('osk-checkoutstrip');
    var kind = marker && marker.getAttribute('data-osk-kind');
    return kind === 'basket' || kind === 'checkout' ? kind : '';
  }
  function make(tag, cls, text) {
    var el = document.createElement(tag);
    if (cls) el.className = cls;
    if (text) el.textContent = text;
    return el;
  }
  function visible(el) {
    if (!el || !el.isConnected || !el.getClientRects().length) return false;
    var style = window.getComputedStyle(el);
    return style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0';
  }
  function hasErrors() {
    var root = document.querySelector('.pageContent');
    if (!root) return false;
    return Array.from(root.querySelectorAll(
      '.field-validation-error, .validation-summary-errors, .alert-danger, ' +
      '[aria-invalid="true"], input:invalid, select:invalid, textarea:invalid'
    )).some(function (el) {
      return visible(el) && (el.matches('input, select, textarea') || el.textContent.trim());
    });
  }
  function hide() {
    window.clearTimeout(expiry);
    if (observer) observer.disconnect();
    if (loader) loader.hidden = true;
    if (message) message.textContent = '';
    started = 0;
  }
  function show(text, nextPhase) {
    hide();
    if (!loader) return;
    started = Date.now();
    loader.hidden = false;
    message.textContent = text;
    // A stalled request must never leave our visual overlay on the page indefinitely.
    // Hiding it does not cancel a request, unlock a button or retry an order.
    expiry = window.setTimeout(hide, nextPhase === 'basket' ? 12000 : 25000);
    observer = observer || new MutationObserver(function () {
      if (started && hasErrors()) hide();
    });
    var root = document.querySelector('.pageContent');
    if (root) observer.observe(root, {
      childList: true, subtree: true, attributes: true,
      attributeFilter: ['class', 'style', 'hidden', 'aria-invalid']
    });
    window.setTimeout(function () { if (started && hasErrors()) hide(); }, 0);
  }
  function init() {
    var kind = pageKind();
    if (!kind) return;
    document.body.classList.add('osk-' + kind + '-page');
    if (document.getElementById('osk-checkout-feedback')) return;
    loader = make('div', 'osk-checkout-feedback');
    loader.id = 'osk-checkout-feedback';
    loader.hidden = true;
    var box = make('div', 'osk-checkout-feedback__box');
    var spinner = make('div', 'osk-checkout-feedback__spinner');
    spinner.setAttribute('aria-hidden', 'true');
    message = make('div', 'osk-checkout-feedback__message');
    message.setAttribute('role', 'status');
    message.setAttribute('aria-live', 'polite');
    message.setAttribute('aria-atomic', 'true');
    box.appendChild(spinner);
    box.appendChild(message);
    loader.appendChild(box);
    document.body.appendChild(loader);

// Click handles mouse, touch activation and keyboard. No pointerdown/touchstart:
    // a finger starting a scroll must not trigger the loading message.
    document.addEventListener('click', function (event) {
      if (event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;
      var target = event.target.nodeType === 1 ? event.target : event.target.parentElement;
      if (!target || !target.closest) return;
      var finalButton = kind === 'checkout' && target.closest(finalSelector);
      if (finalButton) {
        if (finalButton.matches('.disabled, [disabled], [aria-disabled="true"]')) return;
        var text = (finalButton.querySelector('.next') || finalButton).textContent.toLowerCase();
        show(text.indexOf('betaling') !== -1 ? 'Klargjør betaling …' :
          text.indexOf('fullfør') !== -1 ? 'Sender bestillingen …' : 'Behandler bestillingen …', 'final');
        return;
      }
      var link = kind === 'basket' && target.closest('a.basketNext');
      if (!link || link.matches('.disabled, [disabled], [aria-disabled="true"]') ||
          link.hasAttribute('download') || (link.target && link.target !== '_self')) return;
      var url;
      try { url = new URL(link.href, window.location.href); } catch (error) { return; }
      if (url.origin !== window.location.origin || url.pathname.replace(/\/+$/, '') !== '/checkout') return;
      show('Lagrer handlekurven, åpner kassen …', 'basket');
    }, true);
    document.addEventListener('invalid', hide, true);
    document.addEventListener('input', function () { if (started) hide(); }, true);
    document.addEventListener('change', function () { if (started) hide(); }, true);
    document.addEventListener('keydown', function (event) { if (event.key === 'Escape') hide(); });
    window.addEventListener('pageshow', hide);
    window.addEventListener('pagehide', hide);
    window.addEventListener('offline', hide);
    // No event cancellation, custom form submission, payment or shipping changes.
  }
  init();
}

function initProductImages() {

'use strict';
  if (!document.body.classList.contains('itemType') || window.OSKProductMobileV1) return;
  if (!window.HTMLDialogElement || typeof HTMLDialogElement.prototype.showModal !== 'function') return;
  var product = document.querySelector('.pageContent .product');
  if (!product) return;
  window.OSKProductMobileV1 = true;
  var media = window.matchMedia('(max-width: 767.98px)');
  var boxSelector = '.cp-item-buy .novariant-block .varblock-img';
  var dialog, large, caption, previous, next, opener, list = [], index = 0;
  var press, suppressClickUntil = 0, savedOverflow;

function imageURL(img) {
    var candidates = ['data-lightbox', 'data-src', 'data-original', 'src'];
    for (var i = 0; i < candidates.length; i++) {
      var value = img.getAttribute(candidates[i]);
      if (!value || !value.trim()) continue;
      if (candidates[i] === 'data-lightbox' && !/^(https?:\/\/|\/|\.\.?\/)/.test(value)) continue;
      try {
        var url = new URL(value, document.baseURI);
        if (/^https?:$/.test(url.protocol)) return url.href;
      } catch (error) {}
    }
    return img.currentSrc || img.src || '';
  }
  function images(box) {
    var result = [], seen = {};
    product.querySelectorAll('#productCarousel .carousel-item > img').forEach(function (img) {
      var src = imageURL(img);
      if (src && !seen[src]) { seen[src] = true; result.push({ src: src, alt: img.alt || 'Produktbilde' }); }
    });
    if (!result.length && box) {
      var img = box.querySelector('img');
      if (img && imageURL(img)) result.push({ src: imageURL(img), alt: img.alt || 'Produktbilde' });
    }
    return result;
  }
  function prepare() {
    var ready = false;
    product.querySelectorAll(boxSelector).forEach(function (box) {
      var img = box.querySelector('img');
      if (!img || !imageURL(img)) return;
      var count = images(box).length;
      if (!count) return;
      ready = true;
      if (!box.matches('a, button')) { box.setAttribute('role', 'button'); box.tabIndex = 0; }
      var label = 'Vis større produktbilde' + (count > 1 ? ', ' + count + ' bilder' : '');
      box.setAttribute('aria-label', label);
      box.setAttribute('title', label);
      var note = box.querySelector('.osk-product-image-note');
      if (!note) { note = document.createElement('span'); note.className = 'osk-product-image-note'; note.setAttribute('aria-hidden', 'true'); box.appendChild(note); }
      var text = count > 1 ? count + ' bilder' : 'Forstørr';
      if (note.textContent !== text) note.textContent = text;
    });
    product.classList.toggle('osk-mobile-product-ready', ready);
  }
  function button(text, label, cls, action) {
    var el = document.createElement('button');
    el.type = 'button'; el.className = cls; el.textContent = text;
    el.setAttribute('aria-label', label); el.addEventListener('click', action);
    return el;
  }
  function close() { if (dialog && dialog.open) dialog.close(); }
  function getDialog() {
    if (dialog) return dialog;
    dialog = document.createElement('dialog');
    dialog.id = 'osk-product-lightbox';
    dialog.setAttribute('aria-label', 'Produktbilder');
    var panel = document.createElement('div'); panel.className = 'osk-product-lightbox-panel';
    var exit = button('×', 'Lukk bilde', 'osk-product-lightbox-close', close);
    large = document.createElement('img'); large.alt = 'Produktbilde';
    caption = document.createElement('div'); caption.className = 'osk-product-lightbox-caption';
    caption.setAttribute('role', 'status'); caption.setAttribute('aria-live', 'polite');
    previous = button('‹', 'Forrige bilde', 'osk-product-lightbox-prev', function () { render(index - 1); });
    next = button('›', 'Neste bilde', 'osk-product-lightbox-next', function () { render(index + 1); });
    panel.appendChild(exit); panel.appendChild(large); panel.appendChild(previous); panel.appendChild(next); panel.appendChild(caption);
    dialog.appendChild(panel); document.body.appendChild(dialog);
    dialog.addEventListener('pointerup', function (event) {
      if (event.target === dialog || event.target === large || event.target === exit) {
        suppressClickUntil = Date.now() + 700;
        consume(event); close();
      }
    }, true);
    dialog.addEventListener('click', function (event) { if (event.target === dialog || event.target === large) close(); });
    dialog.addEventListener('keydown', function (event) {
      if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') { event.preventDefault(); render(index + (event.key === 'ArrowLeft' ? -1 : 1)); }
    });
    dialog.addEventListener('close', function () {
      large.removeAttribute('src');
      if (savedOverflow) savedOverflow.forEach(function (saved) {
        if (saved.value) saved.el.style.setProperty('overflow', saved.value, saved.priority);
        else saved.el.style.removeProperty('overflow');
      });
      savedOverflow = null;
      if (opener && opener.isConnected && media.matches) opener.focus();
    });
    return dialog;
  }
  function render(value) {
    index = (value + list.length) % list.length;
    large.src = list[index].src; large.alt = list[index].alt;
    caption.textContent = 'Bilde ' + (index + 1) + ' av ' + list.length;
    previous.hidden = next.hidden = list.length < 2;
  }
  function open(box) {
    if (!media.matches) return;
    list = images(box); if (!list.length) return;
    var clicked = box.querySelector('img');
    var filename = clicked && imageURL(clicked).split('/').pop();
    index = list.findIndex(function (item) { return item.src.split('/').pop() === filename; });
    if (index < 0) index = 0;
    opener = box;
    var el = getDialog(); render(index);
    if (!el.open) {
      savedOverflow = [document.documentElement, document.body].map(function (node) {
        return { el: node, value: node.style.getPropertyValue('overflow'), priority: node.style.getPropertyPriority('overflow') };
      });
      el.showModal();
      savedOverflow.forEach(function (saved) { saved.el.style.setProperty('overflow', 'hidden'); });
      el.querySelector('.osk-product-lightbox-close').focus();
    }
  }
  function targetBox(target) {
    if (!media.matches || !target || !target.closest) return null;
    var box = target.closest(boxSelector);
    return box && product.contains(box) ? box : null;
  }
  function consume(event) { event.preventDefault(); event.stopImmediatePropagation(); }
  document.addEventListener('pointerdown', function (event) {
    var box = targetBox(event.target);
    if (!box || event.button !== 0 || event.isPrimary === false) return;
    press = { box: box, id: event.pointerId, x: event.clientX, y: event.clientY, scroll: window.scrollY, time: Date.now() };
  }, true);
  document.addEventListener('pointercancel', function () { press = null; }, true);
  // Same capture-phase pointerup model as Yaha/Tonerogblekk, with a drag/scroll guard.
  document.addEventListener('pointerup', function (event) {
    var box = targetBox(event.target), start = press; press = null;
    if (!box || !start || box !== start.box || event.pointerId !== start.id || event.button !== 0 || event.isPrimary === false) return;
    suppressClickUntil = Date.now() + 700;
    if (Math.hypot(event.clientX - start.x, event.clientY - start.y) > 12 || Math.abs(window.scrollY - start.scroll) > 4 || Date.now() - start.time > 900) return;
    consume(event); open(box);
  }, true);
  document.addEventListener('click', function (event) {
    var box = targetBox(event.target); if (!box) return;
    consume(event);
    if (Date.now() >= suppressClickUntil) open(box);
  }, true);
  document.addEventListener('keydown', function (event) {
    var box = targetBox(event.target);
    if (box && (event.key === 'Enter' || event.key === ' ')) { consume(event); open(box); }
  }, true);
  function viewportChanged() { press = null; if (!media.matches) close(); }
  if (media.addEventListener) media.addEventListener('change', viewportChanged);
  else media.addListener(viewportChanged);
  window.addEventListener('pagehide', close);
  prepare();
  watch('.pageContent .product', prepare);
}

function initAuthentication() {

'use strict';
  function ubLoginRegisterLinkJs(){
    var form=document.querySelector('.login_cont .cp-login-full #userPassForm');
    if(!form || document.querySelector('.login_cont .cp-login-full .ub-register-link')) return;
    var footer=document.createElement('div');
    footer.className='ub-register-link';
    var text=document.createElement('p');
    text.textContent='Har du ikke kundekonto?';
    var link=document.createElement('a');
    link.href='/?login=&type=6';
    link.textContent='Opprett kundekonto';
    footer.appendChild(text);
    footer.appendChild(link);
    form.insertAdjacentElement('afterend',footer);
  }

ubLoginRegisterLinkJs();
  watch('.login_cont', ubLoginRegisterLinkJs);

'use strict';
  function ubLoginBackLinkJs(){
    var root=document.querySelector('.login_cont .cp-login-full');
    if(!root) return;
    root.querySelectorAll('form').forEach(function(form){
      if(form.querySelector('.ub-auth-back-footer')) return;
      var back=Array.from(form.querySelectorAll('button, a')).find(function(el){
        return /^\s*tilbake\s*$/i.test((el.textContent||'').trim());
      });
      if(!back) return;
      // Berør bare Quick3s navigasjonsknapp, aldri submit eller skjemaets logikk.
      if(back.matches('button[type="submit"], input[type="submit"]')) return;
      var action=Array.from(form.querySelectorAll('button[type="submit"], input[type="submit"]')).pop();
      if(!action) return;
      var backCol=back.closest('.col-12, .col-md-4, .col-sm-4');
      if(backCol && backCol !== action.closest('.col-12, .col-md-4, .col-sm-4')){
        backCol.style.display='none';
      }else{
        back.style.display='none';
      }
      var primaryCol=action.closest('.col-12, .col-md-4, .col-sm-4');
      if(primaryCol) primaryCol.classList.add('ub-auth-primary-col');
      var footer=document.createElement('div');
      footer.className='ub-auth-back-footer';
      var link=document.createElement('a');
      link.href='/?login';
      link.textContent='← Tilbake til innloggingsvalg';
      footer.appendChild(link);
      var actionRow=action.closest('.row');
      if(actionRow && form.contains(actionRow)) actionRow.insertAdjacentElement('afterend',footer);
      else action.insertAdjacentElement('afterend',footer);
    });
  }

ubLoginBackLinkJs();
  watch('.login_cont', ubLoginBackLinkJs);
}

function start() {
    [initNavigation, initArticles, initCheckout, initProductImages, initAuthentication].forEach(run);
    observeContent();
  }
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start, {once:true});
  else start();
})();

Kundesenter

Om oss
Kontakt oss
Salgsbetingelser
Angrerett
Personopplysninger

Registrer retur

Copyright QUICK SYSTEMS AS @2026

Webshop Quick Systems AS

v22647-20261028.8

Cookie-innstillinger

Ok

Oppdaterer handlekurven...

Handlekurven er oppdatert.

Hendvendelsen gjelder:

Deres navn

Telefon*

Epost*

Postnummer

Epost eller telefonnr må oppgis for at vi skal kunne ta kontakt.

Kommentar

Henvendelsen er sendt, og vi vil kontakte deg.

Det oppstod en feil og skjemaet ble ikke sendt. Vennligst prøv igjen senere eller ta kontakt med kundeservice.