@vio-live/web-sdk 0.11.1 → 0.21.0

package/dist/{chunk-7TGCXO5J.js → chunk-MRJR6DG5.js}

@@ -1,4 +1,4 @@
-import { Vio, __decorateClass, primaryImageUrl, displayPrice, getGlobalCurrency, formatPrice } from './chunk-TJ43TE7H.js';
+import { Vio, __decorateClass, primaryImageUrl, displayPrice, getGlobalCurrency, ensureVippsButton, formatPrice, nexiReturnPaymentId, readNexiPending, kustomReturnOutcome, KUSTOM_RETURN_QUERY_KEYS, ADYEN_RETURN_METHOD, adyenReturnParams, ADYEN_RETURN_QUERY_KEYS, adyenReturnOutcome, AdyenOriginError } from './chunk-WTVGVDZX.js';
 import { LitElement, css, html } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 
@@ -863,6 +863,215 @@ function sponsorNameFromBootstrap(sponsorId) {
   if (boot.primarySponsor?.id === sponsorId) return boot.primarySponsor.name;
   return boot.secondarySponsors?.find((s) => s.id === sponsorId)?.name;
 }
+
+// src/core/checkout/method-taxonomy.ts
+function normalizeMethodName(name) {
+  return String(name ?? "").toLowerCase().replace(/[^a-z]/g, "");
+}
+var EMBEDDED_METHODS = ["kustom", "qliro", "walley", "nexi"];
+var FORM_FIRST_WIDGET_METHODS = ["adyen"];
+var NO_EXPRESS_BUTTON_METHODS = [
+  ...EMBEDDED_METHODS,
+  ...FORM_FIRST_WIDGET_METHODS
+];
+var COLLECTS_OWN_ADDRESS = [...EMBEDDED_METHODS, "vipps"];
+var isEmbeddedMethod = (name) => EMBEDDED_METHODS.includes(normalizeMethodName(name));
+var isFormFirstWidgetMethod = (name) => FORM_FIRST_WIDGET_METHODS.includes(normalizeMethodName(name));
+var collectsOwnAddress = (name) => COLLECTS_OWN_ADDRESS.includes(normalizeMethodName(name));
+function isMethodEnabled(available, ...names) {
+  if (available === null) return true;
+  return available.some(
+    (m) => names.some((n) => normalizeMethodName(m) === normalizeMethodName(n))
+  );
+}
+
+// src/ui/dialog-focus.ts
+var DialogFocus = class {
+  constructor(opts) {
+    this.opts = opts;
+    this.opener = null;
+    this.active = false;
+    /** The element inside the dialog that had focus last — where a pull-back continues from. */
+    this.lastInside = null;
+    this.onKeydown = (e) => {
+      if (e.defaultPrevented) return;
+      if (e.key === "Escape" || e.key === "Esc") {
+        if (this.opts.canClose && !this.opts.canClose()) return;
+        e.preventDefault();
+        e.stopPropagation();
+        this.opts.close();
+        return;
+      }
+      if (e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey) return;
+      const container = this.opts.container();
+      if (!container) return;
+      const items = tabbableIn(container);
+      if (items.length === 0) {
+        e.preventDefault();
+        focusElement(container);
+        return;
+      }
+      const active = deepActiveElement();
+      const index = active ? items.indexOf(active) : -1;
+      e.preventDefault();
+      const count = items.length;
+      const next = index === -1 ? e.shiftKey ? count - 1 : 0 : (index + (e.shiftKey ? -1 : 1) + count) % count;
+      focusElement(items[next]);
+    };
+    /**
+     * Focus moved somewhere. Inside the dialog: remember where. Into another
+     * open Vio dialog: theirs. Onto the page: the browser walked out of the
+     * dialog on its own (Safari leaving a widget iframe) — continue from the
+     * element that had focus, backwards when the page element sits before
+     * the host in document order.
+     */
+    this.onFocusIn = (e) => {
+      if (!this.opts.host.isConnected) return;
+      const path = e.composedPath();
+      if (path.includes(this.opts.host)) {
+        const active = deepActiveElement();
+        this.lastInside = active instanceof HTMLElement ? active : null;
+        return;
+      }
+      if (path.some((n) => isOpenVioDialog(n, this.opts.host))) return;
+      const container = this.opts.container();
+      if (!container) return;
+      const items = tabbableIn(container);
+      if (items.length === 0) {
+        focusElement(container);
+        return;
+      }
+      const target = e.target instanceof Node ? e.target : null;
+      const backwards = !!target && precedes(target, this.opts.host);
+      const index = this.lastInside ? items.indexOf(this.lastInside) : -1;
+      const count = items.length;
+      const next = backwards ? index <= 0 ? count - 1 : index - 1 : index === -1 || index === count - 1 ? 0 : index + 1;
+      focusElement(items[next]);
+    };
+    /** Tab pressed while focus is on the page (or the body): enter the dialog. */
+    this.onDocumentKeydown = (e) => {
+      if (!this.opts.host.isConnected) return;
+      if (e.defaultPrevented || e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey) return;
+      const active = deepActiveElement();
+      if (active && isWithin(active, this.opts.host)) return;
+      if (active && hasOpenVioDialogAbove(active, this.opts.host)) return;
+      const container = this.opts.container();
+      if (!container) return;
+      e.preventDefault();
+      e.stopPropagation();
+      const items = tabbableIn(container);
+      focusElement(items.length === 0 ? container : e.shiftKey ? items[items.length - 1] : items[0]);
+    };
+  }
+  /**
+   * Call from `updated()` when `open` changed. Lit reports `open` as changed
+   * on the first render too (from undefined to its initial value): with the
+   * same value twice this is a no-op, so that first call does nothing.
+   */
+  update(open) {
+    if (open === this.active) return;
+    this.active = open;
+    if (open) this.opened();
+    else this.closed();
+  }
+  opened() {
+    this.opener = deepActiveElement();
+    this.lastInside = null;
+    this.opts.host.addEventListener("keydown", this.onKeydown);
+    document.addEventListener("focusin", this.onFocusIn, true);
+    document.addEventListener("keydown", this.onDocumentKeydown, true);
+    const container = this.opts.container();
+    if (container) focusInto(container);
+  }
+  closed() {
+    this.opts.host.removeEventListener("keydown", this.onKeydown);
+    document.removeEventListener("focusin", this.onFocusIn, true);
+    document.removeEventListener("keydown", this.onDocumentKeydown, true);
+    const opener = this.opener;
+    this.opener = null;
+    const active = deepActiveElement();
+    if (!active || !isWithin(active, this.opts.host)) return;
+    if (opener && opener.isConnected && isRestorable(opener)) {
+      focusElement(opener);
+    } else if (active instanceof HTMLElement) {
+      active.blur();
+    }
+  }
+};
+function isOpenVioDialog(node, host) {
+  return node instanceof Element && node !== host && node.tagName.startsWith("VIO-") && node.hasAttribute("open");
+}
+function hasOpenVioDialogAbove(node, host) {
+  let n = node;
+  while (n) {
+    if (isOpenVioDialog(n, host)) return true;
+    n = n.parentNode ?? (n instanceof ShadowRoot ? n.host : null);
+  }
+  return false;
+}
+function precedes(a, b) {
+  return (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0;
+}
+function deepActiveElement() {
+  if (typeof document === "undefined") return null;
+  let el = document.activeElement;
+  while (el?.shadowRoot?.activeElement) el = el.shadowRoot.activeElement;
+  return el;
+}
+var TABBABLE_CANDIDATES = "a[href], area[href], button, input, select, textarea, iframe, summary, [tabindex], [contenteditable]";
+function tabbableIn(container) {
+  const out = [];
+  walkChildren(container, out);
+  return out;
+}
+function walkChildren(parent, out) {
+  for (const child of Array.from(parent.children)) {
+    if (child instanceof HTMLSlotElement) {
+      const assigned = child.assignedElements({ flatten: true });
+      if (assigned.length > 0) {
+        for (const el of assigned) visit(el, out);
+        continue;
+      }
+    }
+    visit(child, out);
+  }
+}
+function visit(el, out) {
+  if (isTabbable(el)) out.push(el);
+  if (el.shadowRoot) walkChildren(el.shadowRoot, out);
+  else walkChildren(el, out);
+}
+function isTabbable(el) {
+  if (!(el instanceof HTMLElement) || !el.matches(TABBABLE_CANDIDATES)) return false;
+  const tabindex = el.getAttribute("tabindex");
+  if (tabindex !== null && Number(tabindex) < 0) return false;
+  if (el.hasAttribute("disabled")) return false;
+  if (el instanceof HTMLInputElement && el.type === "hidden") return false;
+  if (el.getAttribute("contenteditable") === "false" && !el.matches("a[href], button, input, select, textarea, iframe, [tabindex]")) return false;
+  if (el.hidden || el.getAttribute("aria-hidden") === "true") return false;
+  if (typeof el.checkVisibility === "function" && !el.checkVisibility()) return false;
+  return true;
+}
+function focusInto(container) {
+  const first = tabbableIn(container)[0];
+  focusElement(first ?? container);
+}
+function focusElement(el) {
+  el.focus({ preventScroll: true });
+}
+function isRestorable(el) {
+  return el instanceof HTMLElement && el !== document.body && el !== document.documentElement;
+}
+function isWithin(node, ancestor) {
+  let n = node;
+  while (n) {
+    if (n === ancestor) return true;
+    n = n.parentNode ?? (n instanceof ShadowRoot ? n.host : null);
+  }
+  return false;
+}
+
+// src/ui/components/vio-product-detail.ts
 var STRIPE_LOGO_SRC = "data:image/svg+xml;utf8," + encodeURIComponent(
   '<svg width="360" height="150" viewBox="0 0 360 150" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M360 77.4001C360 51.8001 347.6 31.6001 323.9 31.6001C300.1 31.6001 285.7 51.8001 285.7 77.2001C285.7 107.3 302.7 122.5 327.1 122.5C339 122.5 348 119.8 354.8 116V96.0001C348 99.4001 340.2 101.5 330.3 101.5C320.6 101.5 312 98.1001 310.9 86.3001H359.8C359.8 85.0001 360 79.8001 360 77.4001ZM310.6 67.9001C310.6 56.6001 317.5 51.9001 323.8 51.9001C329.9 51.9001 336.4 56.6001 336.4 67.9001H310.6Z" fill="#533AFD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M247.1 31.6001C237.3 31.6001 231 36.2001 227.5 39.4001L226.2 33.2001H204.2V149.8L229.2 144.5L229.3 116.2C232.9 118.8 238.2 122.5 247 122.5C264.9 122.5 281.2 108.1 281.2 76.4001C281.1 47.4001 264.6 31.6001 247.1 31.6001ZM241.1 100.5C235.2 100.5 231.7 98.4001 229.3 95.8001L229.2 58.7001C231.8 55.8001 235.4 53.8001 241.1 53.8001C250.2 53.8001 256.5 64.0001 256.5 77.1001C256.5 90.5001 250.3 100.5 241.1 100.5Z" fill="#533AFD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M169.8 25.7L194.9 20.3V0L169.8 5.3V25.7Z" fill="#533AFD"/><path d="M194.9 33.3H169.8V120.8H194.9V33.3Z" fill="#533AFD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M142.9 40.7L141.3 33.3H119.7V120.8H144.7V61.5C150.6 53.8 160.6 55.2 163.7 56.3V33.3C160.5 32.1 148.8 29.9 142.9 40.7Z" fill="#533AFD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M92.8999 11.6001L68.4999 16.8001L68.3999 96.9001C68.3999 111.7 79.4999 122.6 94.2999 122.6C102.5 122.6 108.5 121.1 111.8 119.3V99.0001C108.6 100.3 92.7999 104.9 92.7999 90.1001V54.6001H111.8V33.3001H92.7999L92.8999 11.6001Z" fill="#533AFD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.3 58.7001C25.3 54.8001 28.5 53.3001 33.8 53.3001C41.4 53.3001 51 55.6001 58.6 59.7001V36.2001C50.3 32.9001 42.1 31.6001 33.8 31.6001C13.5 31.6001 0 42.2001 0 59.9001C0 87.5001 38 83.1001 38 95.0001C38 99.6001 34 101.1 28.4 101.1C20.1 101.1 9.5 97.7001 1.1 93.1001V116.9C10.4 120.9 19.8 122.6 28.4 122.6C49.2 122.6 63.5 112.3 63.5 94.4001C63.4 64.6001 25.3 69.9001 25.3 58.7001Z" fill="#533AFD"/></svg>'
 );
@@ -875,6 +1084,8 @@ var VioProductDetail = class extends LitElement {
     this.autoOpen = true;
     this.currency = "NOK";
     this.product = null;
+    this.sellerName = null;
+    this.sellerSettled = false;
     this.isLoading = false;
     this.fetchError = "";
     this.selectedOptions = {};
@@ -883,6 +1094,7 @@ var VioProductDetail = class extends LitElement {
     this.adding = false;
     this.applePayOk = false;
     this.availableMethods = null;
+    this.vippsOfficial = false;
     /** Race guard: only the latest fetch may write state (two quick taps on
      * different cards would otherwise let the slow response win). */
     this.fetchSeq = 0;
@@ -890,6 +1102,12 @@ var VioProductDetail = class extends LitElement {
     this.optMapCache = /* @__PURE__ */ new WeakMap();
     /** Pre-prepared Apple Pay handle — show() fires synchronously on tap. */
     this.applePayHandle = null;
+    /** Keyboard and focus while open: Escape closes, Tab stays inside, focus returns to the opener. */
+    this.dialogFocus = new DialogFocus({
+      host: this,
+      container: () => this.renderRoot.querySelector(".modal"),
+      close: () => this.close()
+    });
     this.boundProductClick = (e) => {
       if (!this.autoOpen) return;
       const ev = e;
@@ -933,6 +1151,8 @@ var VioProductDetail = class extends LitElement {
       overflow-y: auto;
     }
     :host([open]) .modal { transform: translateY(0); }
+    /* Focus lands on the panel itself only as a fallback — no ring for it. */
+    .modal:focus { outline: none; }
 
     .handle { display: none; }
 
@@ -941,7 +1161,7 @@ var VioProductDetail = class extends LitElement {
       .modal {
         top: auto;
         height: 92vh;
-        border-radius: 16px 16px 0 0;
+        border-radius: var(--vio-radius-xl, 16px) var(--vio-radius-xl, 16px) 0 0;
         box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
       }
       .handle {
@@ -955,7 +1175,7 @@ var VioProductDetail = class extends LitElement {
         width: 40px;
         height: 4px;
         background: var(--vio-color-border, #e5e5e5);
-        border-radius: 2px;
+        border-radius: var(--vio-radius-sm, 2px);
       }
     }
 
@@ -1193,6 +1413,25 @@ var VioProductDetail = class extends LitElement {
       cursor: not-allowed;
     }
     /* Klarna express button — sits full-width below the add-to-cart row. */
+    /* Generic buy-now for the embedded checkouts, which have no branded
+       express button of their own. */
+    .buy-now {
+      width: 100%;
+      margin-top: 10px;
+      padding: 14px 24px;
+      background: var(--vio-color-text, #0a0a0a);
+      color: var(--vio-color-text-on-primary, #fff);
+      border: none;
+      border-radius: var(--vio-radius-md, 4px);
+      font-family: var(--vio-font-sans, inherit);
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: var(--vio-tracking-label, 0.1em);
+      font-weight: 700;
+      cursor: pointer;
+    }
+    .buy-now:hover:not(:disabled) { opacity: 0.9; }
+    .buy-now:disabled { opacity: 0.5; cursor: not-allowed; }
     .buy-klarna {
       width: 100%;
       margin-top: 10px;
@@ -1244,6 +1483,8 @@ var VioProductDetail = class extends LitElement {
     }
     .buy-vipps:hover:not(:disabled) { background: #ec4f1c; }
     .buy-vipps:disabled { opacity: 0.5; cursor: not-allowed; }
+    /* Vipps' own button (web component) — same slot, their drawing. */
+    .buy-vipps-official { display: block; width: 100%; margin-top: 10px; cursor: pointer; }
     /* Apple Pay express button — black, per Apple's button guidelines. Only
        shown in Safari (canApplePay). The  glyph is the Apple logo (Safari). */
     .buy-applepay {
@@ -1299,9 +1540,9 @@ var VioProductDetail = class extends LitElement {
       );
       background-size: 200% 100%;
       animation: vio-skeleton-shimmer 1.4s ease-in-out infinite;
-      border-radius: 8px;
+      border-radius: var(--vio-radius-lg, 8px);
     }
-    .sk-image { width: 100%; aspect-ratio: 1; border-radius: 12px; }
+    .sk-image { width: 100%; aspect-ratio: 1; border-radius: var(--vio-radius-lg, 12px); }
     .sk-line { height: 14px; }
     .sk-brand { width: 38%; height: 10px; margin-top: 6px; }
     .sk-title { width: 85%; height: 26px; }
@@ -1328,12 +1569,16 @@ var VioProductDetail = class extends LitElement {
   }
   connectedCallback() {
     super.connectedCallback();
+    void this.loadVippsButton();
     document.addEventListener("vio:product-click", this.boundProductClick);
   }
   disconnectedCallback() {
     document.removeEventListener("vio:product-click", this.boundProductClick);
     super.disconnectedCallback();
   }
+  updated(changed) {
+    if (changed.has("open")) this.dialogFocus.update(this.open);
+  }
   show() {
     this.open = true;
   }
@@ -1342,6 +1587,8 @@ var VioProductDetail = class extends LitElement {
     setTimeout(() => {
       if (!this.open) {
         this.product = null;
+        this.sellerName = null;
+        this.sellerSettled = false;
         this.selectedOptions = {};
         this.quantity = 1;
         this.activeImageIndex = 0;
@@ -1358,6 +1605,8 @@ var VioProductDetail = class extends LitElement {
     const seq = ++this.fetchSeq;
     this.isLoading = true;
     this.fetchError = "";
+    this.sellerName = null;
+    this.sellerSettled = false;
     let products = null;
     let lastError = null;
     for (let attempt = 0; attempt < 4; attempt++) {
@@ -1386,6 +1635,7 @@ var VioProductDetail = class extends LitElement {
     }
     this.optMapCache = /* @__PURE__ */ new WeakMap();
     this.product = products?.[0] ?? null;
+    if (this.product) void this.loadSeller(productIdNum, seq);
     if (this.product) {
       try {
         const price = Number(
@@ -1452,9 +1702,7 @@ var VioProductDetail = class extends LitElement {
   }
   /** Backend names arrive as e.g. "Apple Pay" — compare letters only. */
   methodEnabled(...names) {
-    if (this.availableMethods === null) return true;
-    const norm = (s) => s.toLowerCase().replace(/[^a-z]/g, "");
-    return this.availableMethods.some((m) => names.some((n) => norm(m) === norm(n)));
+    return isMethodEnabled(this.availableMethods, ...names);
   }
   /* eslint-disable @typescript-eslint/no-explicit-any */
   /**
@@ -1773,10 +2021,60 @@ var VioProductDetail = class extends LitElement {
     }
   }
   /** Buy with Vipps — opens the checkout with Vipps preselected. */
+  /**
+   * Buy now with an embedded checkout (Kustom, Qliro, Walley).
+   *
+   * Those three have no express path of their own, so the product page showed
+   * a "Kjøp nå" for Apple Pay, Stripe, Klarna and Vipps and nothing at all for
+   * them — the same structural gap the cart footer had. Opens the checkout
+   * without preselecting: with a single method the checkout selects it itself,
+   * with several the shopper picks.
+   *
+   * Like every other "Kjøp nå" here, it adds to the cart first — so a cart
+   * that already had items buys those too. Isolating a single-product purchase
+   * needs a checkout that is not bound to the sponsor's cart, which is a
+   * separate piece of work and deliberately not done here.
+   */
+  buyNow() {
+    if (!this.product || this.availableQuantity <= 0 || this.adding) return;
+    this.addCurrentToCart();
+    this.close();
+    this.dispatchEvent(
+      new CustomEvent("vio:checkout-open", {
+        bubbles: true,
+        composed: true,
+        detail: { sponsorId: this.sponsorId, express: false }
+      })
+    );
+  }
+  /**
+   * Buy with Vipps — Express: the app opens with address and delivery
+   * already there, nothing to fill in here (Vipps' own recommendation,
+   * 2026-09-29). When this cart cannot have Express, or Vipps cannot be
+   * started, the checkout opens with Vipps preselected, as before.
+   */
+  /** Vipps' own button when its script answers; our orange one otherwise. */
+  async loadVippsButton() {
+    this.vippsOfficial = await ensureVippsButton();
+  }
   buyWithVipps() {
     if (!this.product || this.availableQuantity <= 0 || this.adding) return;
     this.addCurrentToCart();
     this.close();
+    void this.startVippsExpressOrCheckout();
+  }
+  async startVippsExpressOrCheckout() {
+    let fallback = true;
+    try {
+      if (!await Vio.checkout.getVippsExpressEnabled(this.sponsorId)) throw new Error("express off");
+      const res = await Vio.checkout.startVippsExpress(this.sponsorId);
+      fallback = !res?.payment_url;
+    } catch (err) {
+      if (typeof console !== "undefined") {
+        console.warn("[VioProductDetail] Vipps Express not started:", err);
+      }
+    }
+    if (!fallback) return;
     this.dispatchEvent(
       new CustomEvent("vio:checkout-open", {
         bubbles: true,
@@ -1818,13 +2116,29 @@ var VioProductDetail = class extends LitElement {
     void this.applePayHandle.show();
     this.close();
   }
+  /** The seller's Company name; the brand when there is none; nothing while asking. */
+  headerName() {
+    if (this.sellerName) return this.sellerName;
+    return this.sellerSettled ? this.product?.brand ?? "" : "";
+  }
+  async loadSeller(productId, seq) {
+    let name = null;
+    try {
+      name = await Vio.commerceFor(this.sponsorId).channel.product.getSellerCompany(productId);
+    } catch {
+      name = null;
+    }
+    if (seq !== this.fetchSeq) return;
+    this.sellerName = name;
+    this.sellerSettled = true;
+  }
   render() {
     return html`
       <div class="backdrop" @click=${this.close}></div>
-      <div class="modal" role="dialog" aria-label="Produkt">
+      <div class="modal" role="dialog" aria-modal="true" aria-label="Produkt" tabindex="-1">
         <div class="handle" @click=${this.close} aria-hidden="true"></div>
         <div class="topbar">
-          <span class="topbar-brand">${this.product?.brand ?? ""}</span>
+          <span class="topbar-brand">${this.headerName()}</span>
           <button class="close" @click=${this.close} aria-label="Lukk">×</button>
         </div>
 
@@ -1922,6 +2236,17 @@ var VioProductDetail = class extends LitElement {
             </button>
           </div>
 
+          ${this.availableQuantity > 0 && this.methodEnabled(...NO_EXPRESS_BUTTON_METHODS) ? html`
+                <button
+                  class="buy-now"
+                  @click=${this.buyNow}
+                  ?disabled=${this.adding}
+                  aria-label="Kjøp nå"
+                >
+                  Kjøp nå
+                </button>
+              ` : ""}
+
           ${this.availableQuantity > 0 && this.applePayOk && this.methodEnabled("apple-pay", "applepay") ? html`
                 <button
                   class="buy-applepay"
@@ -1965,17 +2290,30 @@ var VioProductDetail = class extends LitElement {
                 </button>
               ` : ""}
 
-          ${this.availableQuantity > 0 && this.methodEnabled("vipps") ? html`
-                <button
-                  class="buy-vipps"
-                  @click=${this.buyWithVipps}
-                  ?disabled=${this.adding}
-                  aria-label="Kjøp nå med Vipps"
-                >
-                  <span>Kjøp nå med</span>
-                  <span class="vipps-badge">vipps</span>
-                </button>
-              ` : ""}
+          ${this.availableQuantity > 0 && this.methodEnabled("vipps") ? this.vippsOfficial ? html`
+                  <vipps-mobilepay-button
+                    class="buy-vipps-official"
+                    brand="vipps"
+                    language="no"
+                    verb="buy"
+                    variant="primary"
+                    rounded="true"
+                    stretched="true"
+                    role="button"
+                    aria-label="Kjøp nå med Vipps"
+                    @click=${this.buyWithVipps}
+                  ></vipps-mobilepay-button>
+                ` : html`
+                  <button
+                    class="buy-vipps"
+                    @click=${this.buyWithVipps}
+                    ?disabled=${this.adding}
+                    aria-label="Kjøp nå med Vipps"
+                  >
+                    <span>Kjøp nå med</span>
+                    <span class="vipps-badge">vipps</span>
+                  </button>
+                ` : ""}
 
           ${p.description ? html`
                 <div>
@@ -2040,6 +2378,12 @@ __decorateClass([
 __decorateClass([
   state()
 ], VioProductDetail.prototype, "product", 2);
+__decorateClass([
+  state()
+], VioProductDetail.prototype, "sellerName", 2);
+__decorateClass([
+  state()
+], VioProductDetail.prototype, "sellerSettled", 2);
 __decorateClass([
   state()
 ], VioProductDetail.prototype, "isLoading", 2);
@@ -2064,6 +2408,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], VioProductDetail.prototype, "availableMethods", 2);
+__decorateClass([
+  state()
+], VioProductDetail.prototype, "vippsOfficial", 2);
 function normalizeValues(raw) {
   if (Array.isArray(raw)) {
     return raw.map((v) => String(v).trim()).filter((v) => v.length > 0);
@@ -2087,6 +2434,9 @@ var VioCart = class extends LitElement {
     this.itemCount = 0;
     this.applePayAvailable = false;
     this.availableMethods = null;
+    this.vippsOfficial = false;
+    /** Whether the method lookup has been attempted — see boundOnCartChange. */
+    this.paymentMethodsAttempted = false;
     this.confirmedOrder = null;
     /** Pre-resolved Apple Pay handle; `show()` fires the sheet synchronously. */
     this.applePayHandle = null;
@@ -2094,11 +2444,18 @@ var VioCart = class extends LitElement {
     this.preparedTotal = -1;
     /** In-flight guard for loadAvailablePaymentMethods. */
     this.loadingPaymentMethods = false;
+    /** Keyboard and focus while open: Escape closes, Tab stays inside, focus returns to the opener. */
+    this.dialogFocus = new DialogFocus({
+      host: this,
+      container: () => this.renderRoot.querySelector(".drawer"),
+      close: () => this.close()
+    });
     this.boundOnCartChange = (e) => {
       const detail = e.detail;
       this.carts = detail.cartsBySponsor;
       this.itemCount = detail.itemCount;
-      if (this.availableMethods === null) {
+      if (!this.paymentMethodsAttempted) {
+        this.paymentMethodsAttempted = true;
         void this.loadAvailablePaymentMethods();
       }
     };
@@ -2135,6 +2492,8 @@ var VioCart = class extends LitElement {
       box-shadow: -8px 0 24px rgba(0, 0, 0, 0.06);
     }
     :host([open]) .drawer { transform: translateX(0); }
+    /* Focus lands on the drawer itself only as a fallback — no ring for it. */
+    .drawer:focus { outline: none; }
 
     .handle { display: none; }
 
@@ -2147,7 +2506,7 @@ var VioCart = class extends LitElement {
         bottom: 0;
         width: 100%;
         height: 88vh;
-        border-radius: 16px 16px 0 0;
+        border-radius: var(--vio-radius-xl, 16px) var(--vio-radius-xl, 16px) 0 0;
         transform: translateY(100%);
         box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
       }
@@ -2162,7 +2521,7 @@ var VioCart = class extends LitElement {
         width: 40px;
         height: 4px;
         background: var(--vio-color-border, #e5e5e5);
-        border-radius: 2px;
+        border-radius: var(--vio-radius-sm, 2px);
       }
     }
 
@@ -2255,7 +2614,7 @@ var VioCart = class extends LitElement {
       height: 24px;
       border: 1px solid var(--vio-color-border, #e5e5e5);
       background: #fff;
-      border-radius: 2px;
+      border-radius: var(--vio-radius-sm, 2px);
       cursor: pointer;
       font-size: 12px;
       color: var(--vio-color-text, #0a0a0a);
@@ -2273,6 +2632,23 @@ var VioCart = class extends LitElement {
       font-size: 14px;
     }
 
+    /* Always present: the express buttons below are shortcuts, not the only
+       way out of the cart. Without this a channel offering only an embedded
+       checkout (Kustom, Qliro, Walley) had no button at all. */
+    .checkout-btn {
+      width: 100%;
+      padding: 14px;
+      margin-bottom: var(--vio-space-sm, 8px);
+      background: var(--vio-color-text, #0a0a0a);
+      color: var(--vio-color-text-on-primary, #fff);
+      border: none;
+      border-radius: var(--vio-radius-md, 4px);
+      font-family: var(--vio-font-sans, inherit);
+      font-size: var(--vio-size-sm, 14px);
+      font-weight: 600;
+      cursor: pointer;
+    }
+    .checkout-btn:hover { opacity: 0.9; }
     .footer {
       padding: var(--vio-space-lg, 24px);
       border-top: 1px solid var(--vio-color-border, #e5e5e5);
@@ -2295,7 +2671,7 @@ var VioCart = class extends LitElement {
       background: #000;
       color: #fff;
       border: none;
-      border-radius: 8px;
+      border-radius: var(--vio-radius-lg, 8px);
       font-size: 19px;
       font-weight: 500;
       line-height: 1;
@@ -2317,7 +2693,7 @@ var VioCart = class extends LitElement {
       background: #ffb3c7;
       color: #0a0a0a;
       border: none;
-      border-radius: 8px;
+      border-radius: var(--vio-radius-lg, 8px);
       font-size: 16px;
       font-weight: 600;
       cursor: pointer;
@@ -2338,7 +2714,7 @@ var VioCart = class extends LitElement {
       background: #ff5b24;
       color: #fff;
       border: none;
-      border-radius: 8px;
+      border-radius: var(--vio-radius-lg, 8px);
       cursor: pointer;
       display: flex;
       align-items: center;
@@ -2347,6 +2723,7 @@ var VioCart = class extends LitElement {
       transition: background 0.15s;
     }
     .vipps-btn:hover { background: #ec4f1c; }
+    .vipps-btn-official { display: block; width: 100%; margin-bottom: 10px; cursor: pointer; }
     .vipps-btn .vipps-logo {
       font-size: 20px;
       font-weight: 800;
@@ -2361,7 +2738,7 @@ var VioCart = class extends LitElement {
       background: #635bff;
       color: #fff;
       border: none;
-      border-radius: 8px;
+      border-radius: var(--vio-radius-lg, 8px);
       font-size: 16px;
       font-weight: 600;
       cursor: pointer;
@@ -2445,6 +2822,7 @@ var VioCart = class extends LitElement {
   }
   connectedCallback() {
     super.connectedCallback();
+    void this.loadVippsButton();
     this.carts = Vio.cart.getAllCarts();
     this.itemCount = Vio.cart.itemCount;
     Vio.cart.addEventListener("change", this.boundOnCartChange);
@@ -2494,12 +2872,11 @@ var VioCart = class extends LitElement {
     }
   }
   /** Backend names arrive as e.g. "Apple Pay" — compare letters only. */
-  methodEnabled(name) {
-    if (this.availableMethods === null) return true;
-    const norm = (s) => s.toLowerCase().replace(/[^a-z]/g, "");
-    return this.availableMethods.some((m) => norm(m) === norm(name));
+  methodEnabled(...names) {
+    return isMethodEnabled(this.availableMethods, ...names);
   }
   updated(changed) {
+    if (changed.has("open")) this.dialogFocus.update(this.open);
     if (changed.has("open") && this.open) {
       this.confirmedOrder = null;
       this.preparedTotal = -1;
@@ -2585,15 +2962,59 @@ var VioCart = class extends LitElement {
     );
   }
   /** Vipps — opens the checkout with Vipps preselected. */
+  /**
+   * Open the checkout without preselecting a method.
+   *
+   * The footer used to be express-only — Apple Pay, Stripe, Klarna, Vipps —
+   * so a channel offering just an embedded checkout (Kustom, Qliro, Walley)
+   * had NO button at all and the cart was a dead end. Even with an express
+   * method present the others were unreachable from here.
+   */
+  onCheckout() {
+    if (this.itemCount === 0) return;
+    const firstSponsorId = [...this.carts.keys()][0];
+    if (firstSponsorId === void 0) return;
+    this.dispatchEvent(
+      new CustomEvent("vio:checkout-open", {
+        bubbles: true,
+        composed: true,
+        detail: { sponsorId: firstSponsorId, express: false }
+      })
+    );
+  }
+  /**
+   * Vipps — Express: the app collects address and delivery, so the cart
+   * goes straight to Vipps. When this cart cannot have Express (several
+   * suppliers, digital goods, no rate) or Vipps cannot be started, the
+   * checkout opens with Vipps preselected, as before.
+   */
   onVipps() {
     if (this.itemCount === 0) return;
     const firstSponsorId = [...this.carts.keys()][0];
     if (firstSponsorId === void 0) return;
+    void this.startVippsExpressOrCheckout(firstSponsorId);
+  }
+  /** Vipps' own button when its script answers; our orange one otherwise. */
+  async loadVippsButton() {
+    this.vippsOfficial = await ensureVippsButton();
+  }
+  async startVippsExpressOrCheckout(sponsorId) {
+    let fallback = true;
+    try {
+      if (!await Vio.checkout.getVippsExpressEnabled(sponsorId)) throw new Error("express off");
+      const res = await Vio.checkout.startVippsExpress(sponsorId);
+      fallback = !res?.payment_url;
+    } catch (err) {
+      if (typeof console !== "undefined") {
+        console.warn("[VioCart] Vipps Express not started:", err);
+      }
+    }
+    if (!fallback) return;
     this.dispatchEvent(
       new CustomEvent("vio:checkout-open", {
         bubbles: true,
         composed: true,
-        detail: { sponsorId: firstSponsorId, paymentMethod: "vipps", express: false }
+        detail: { sponsorId, paymentMethod: "vipps", express: false }
       })
     );
   }
@@ -2635,7 +3056,7 @@ var VioCart = class extends LitElement {
     const sponsorCarts = [...this.carts.values()].filter((c) => c.items.length > 0);
     return html`
       <div class="backdrop" @click=${this.close}></div>
-      <aside class="drawer" role="dialog" aria-label=${this.heading}>
+      <aside class="drawer" role="dialog" aria-modal="true" aria-label=${this.heading} tabindex="-1">
         <div class="handle" @click=${this.close} aria-hidden="true"></div>
         <div class="header">
           <h2 class="heading">${this.confirmedOrder ? "Takk!" : this.heading}</h2>
@@ -2705,6 +3126,13 @@ var VioCart = class extends LitElement {
                     ${formatPrice(this.totalAcrossSponsors, this.primaryCurrency)}
                   </span>
                 </div>
+                <button
+                  class="checkout-btn"
+                  @click=${this.onCheckout}
+                  aria-label="Til kassen"
+                >
+                  Til kassen
+                </button>
                 ${this.methodEnabled("apple-pay") && this.applePayAvailable ? html`
                       <button
                         class="applepay-btn"
@@ -2738,15 +3166,28 @@ var VioCart = class extends LitElement {
                         />
                       </button>
                     ` : ""}
-                ${this.methodEnabled("vipps") ? html`
-                      <button
-                        class="vipps-btn"
-                        @click=${this.onVipps}
-                        aria-label="Betal med Vipps"
-                      >
-                        <span class="vipps-logo">vipps</span>
-                      </button>
-                    ` : ""}
+                ${this.methodEnabled("vipps") ? this.vippsOfficial ? html`
+                        <vipps-mobilepay-button
+                          class="vipps-btn-official"
+                          brand="vipps"
+                          language="no"
+                          verb="pay"
+                          variant="primary"
+                          rounded="true"
+                          stretched="true"
+                          role="button"
+                          aria-label="Betal med Vipps"
+                          @click=${this.onVipps}
+                        ></vipps-mobilepay-button>
+                      ` : html`
+                        <button
+                          class="vipps-btn"
+                          @click=${this.onVipps}
+                          aria-label="Betal med Vipps"
+                        >
+                          <span class="vipps-logo">vipps</span>
+                        </button>
+                      ` : ""}
               </div>
             `}
       </aside>
@@ -2803,9 +3244,44 @@ __decorateClass([
 __decorateClass([
   state()
 ], VioCart.prototype, "availableMethods", 2);
+__decorateClass([
+  state()
+], VioCart.prototype, "vippsOfficial", 2);
 __decorateClass([
   state()
 ], VioCart.prototype, "confirmedOrder", 2);
+
+// src/ui/checkout-errors.ts
+var EMPTY_CART_MESSAGE = "Handlekurven er tom. Legg til et produkt og pr\xF8v igjen.";
+var CART_CHANGED_MESSAGE = "Handlekurven ble endret i en annen fane. Last siden p\xE5 nytt og pr\xF8v igjen.";
+var CART_PAID_MESSAGE = "Denne handlekurven er allerede betalt. Start en ny handlekurv.";
+var PAYMENT_START_FAILED_MESSAGE = "Betalingen kunne ikke startes. Pr\xF8v igjen, eller velg en annen betalingsm\xE5te.";
+var SHIPS_APART = "kan ikke sendes sammen";
+function friendlyPaymentError(raw, method) {
+  const text = String(raw ?? "");
+  const lower = text.toLowerCase();
+  if (lower.includes("got 0") || lower.includes("amount must be a positive")) {
+    return EMPTY_CART_MESSAGE;
+  }
+  if (lower.includes("replaced by a newer") || text.includes("CHECKOUT_SUPERSEDED")) {
+    return CART_CHANGED_MESSAGE;
+  }
+  if (lower.includes("already been paid") || text.includes("CART_ALREADY_PAID")) {
+    return CART_PAID_MESSAGE;
+  }
+  if (text.includes(SHIPS_APART)) return norwegianSentence(text);
+  return PAYMENT_START_FAILED_MESSAGE;
+}
+function norwegianSentence(text) {
+  const at = text.indexOf(SHIPS_APART);
+  const prefixEnd = text.lastIndexOf(": ", at);
+  return (prefixEnd === -1 ? text : text.slice(prefixEnd + 2)).trim();
+}
+function errorText(err) {
+  return err instanceof Error ? err.message : String(err);
+}
+
+// src/ui/components/vio-checkout.ts
 var STRIPE_LOGO_SRC3 = "data:image/svg+xml;utf8," + encodeURIComponent(
   '<svg width="360" height="150" viewBox="0 0 360 150" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M360 77.4001C360 51.8001 347.6 31.6001 323.9 31.6001C300.1 31.6001 285.7 51.8001 285.7 77.2001C285.7 107.3 302.7 122.5 327.1 122.5C339 122.5 348 119.8 354.8 116V96.0001C348 99.4001 340.2 101.5 330.3 101.5C320.6 101.5 312 98.1001 310.9 86.3001H359.8C359.8 85.0001 360 79.8001 360 77.4001ZM310.6 67.9001C310.6 56.6001 317.5 51.9001 323.8 51.9001C329.9 51.9001 336.4 56.6001 336.4 67.9001H310.6Z" fill="#533AFD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M247.1 31.6001C237.3 31.6001 231 36.2001 227.5 39.4001L226.2 33.2001H204.2V149.8L229.2 144.5L229.3 116.2C232.9 118.8 238.2 122.5 247 122.5C264.9 122.5 281.2 108.1 281.2 76.4001C281.1 47.4001 264.6 31.6001 247.1 31.6001ZM241.1 100.5C235.2 100.5 231.7 98.4001 229.3 95.8001L229.2 58.7001C231.8 55.8001 235.4 53.8001 241.1 53.8001C250.2 53.8001 256.5 64.0001 256.5 77.1001C256.5 90.5001 250.3 100.5 241.1 100.5Z" fill="#533AFD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M169.8 25.7L194.9 20.3V0L169.8 5.3V25.7Z" fill="#533AFD"/><path d="M194.9 33.3H169.8V120.8H194.9V33.3Z" fill="#533AFD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M142.9 40.7L141.3 33.3H119.7V120.8H144.7V61.5C150.6 53.8 160.6 55.2 163.7 56.3V33.3C160.5 32.1 148.8 29.9 142.9 40.7Z" fill="#533AFD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M92.8999 11.6001L68.4999 16.8001L68.3999 96.9001C68.3999 111.7 79.4999 122.6 94.2999 122.6C102.5 122.6 108.5 121.1 111.8 119.3V99.0001C108.6 100.3 92.7999 104.9 92.7999 90.1001V54.6001H111.8V33.3001H92.7999L92.8999 11.6001Z" fill="#533AFD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.3 58.7001C25.3 54.8001 28.5 53.3001 33.8 53.3001C41.4 53.3001 51 55.6001 58.6 59.7001V36.2001C50.3 32.9001 42.1 31.6001 33.8 31.6001C13.5 31.6001 0 42.2001 0 59.9001C0 87.5001 38 83.1001 38 95.0001C38 99.6001 34 101.1 28.4 101.1C20.1 101.1 9.5 97.7001 1.1 93.1001V116.9C10.4 120.9 19.8 122.6 28.4 122.6C49.2 122.6 63.5 112.3 63.5 94.4001C63.4 64.6001 25.3 69.9001 25.3 58.7001Z" fill="#533AFD"/></svg>'
 );
@@ -2822,9 +3298,13 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     this.applePayInProgress = false;
     this.klarnaAvailable = false;
     this.orderConfirmed = false;
+    this.providerReceipt = null;
     this.confirmedMethod = null;
     this.paymentError = null;
     this.paymentNotice = null;
+    this.verifyingReturn = null;
+    /** The checkout whose confirmation is on screen — see fillOrderNumber. */
+    this.confirmedCheckoutId = null;
     this.confirmedOrder = null;
     /** Active Klarna Payments widget handle + the subtotal it was mounted for. */
     this.klarnaHandle = null;
@@ -2837,12 +3317,70 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     this.selectedShipping = "";
     this.availableShippingsList = [];
     this.availableMethods = null;
+    this.vippsOfficial = false;
     this.kustomMounting = false;
+    this.kustomSyncing = false;
+    this.kustomShipping = null;
+    this.kustomTotal = null;
+    this.kustomNotice = null;
+    /** The cart the mounted Kustom order describes — see kustomCartKey. */
+    this.kustomMountedKey = null;
     this.kustomMountedOrderId = null;
+    /** The checkout session (see embedSession) each embedded widget's order belongs to. */
+    this.kustomMountedFor = null;
+    this.qliroMountedFor = null;
+    this.walleyMountedFor = null;
+    this.nexiMountedFor = null;
     this.qliroMounting = false;
     this.qliroMountedOrderId = null;
     this.walleyMounting = false;
     this.walleyMountedOrderId = null;
+    this.nexiMounting = false;
+    this.nexiMountedOrderId = null;
+    this.nexiShippingNotice = null;
+    this.nexiShipping = null;
+    this.nexiPicking = false;
+    /** The Nexi payment to resume on the next mount — set only by the ?paymentId= return. */
+    this.nexiResumePaymentId = null;
+    this.adyenMounting = false;
+    this.adyenRequested = false;
+    this.adyenMounted = false;
+    this.adyenStale = false;
+    this.adyenSettled = false;
+    /** The checkout session (see embedSession) and the purchase the mounted photo is of. */
+    this.adyenMountedFor = null;
+    this.adyenMountedKey = null;
+    this.stripeMode = null;
+    this.stripeRequested = false;
+    this.stripeMounting = false;
+    this.stripeMounted = false;
+    this.stripeStale = false;
+    this.stripeSettled = false;
+    this.stripePaying = false;
+    this.stripeReady = false;
+    this.stripeMountedFor = null;
+    this.stripeMountedKey = null;
+    /** The checkout the mounted PaymentIntent pays for. */
+    this.stripeCheckoutId = null;
+    this.stripeElement = null;
+    this.qliroShipping = null;
+    /**
+     * Set while this page load is showing the outcome of an embedded checkout's
+     * confirmation redirect (Kustom, Qliro, Walley). While set, nothing may start
+     * a new payment.
+     *
+     * The return handler selects the method so the panel has something to show,
+     * and only THEN asks the provider whether the order was paid. Selecting is a
+     * state change; the render it schedules runs `updated()` → `mount*IfNeeded()`
+     * long before the provider answers, and in a fresh page load there is no
+     * mounted order to stop it — so every return created a new backend checkout
+     * and a new provider order for a cart that had just been paid. Not a race
+     * that needs a slow network: a microtask always beats a round trip.
+     * Reproduced in `vio-checkout.return.dom.test.ts` before this existed.
+     *
+     * Cleared when the checkout closes: reopening it is a fresh checkout.
+     */
+    this.returningFrom = null;
     this.stripeLoading = false;
     this.vippsLoading = false;
     this.form = {
@@ -2855,10 +3393,41 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     };
     /** In-flight guard for loadAvailablePaymentMethods. */
     this.loadingPaymentMethods = false;
+    /**
+     * Keyboard and focus while open: Escape closes — not while a payment is
+     * in flight — Tab stays inside, focus returns to the opener.
+     */
+    this.dialogFocus = new DialogFocus({
+      host: this,
+      container: () => this.renderRoot.querySelector(".modal"),
+      close: () => this.close(),
+      canClose: () => !this.paymentInFlight
+    });
+    this.paymentMethodsResolved = false;
+    /** Guards `autoSelectSoleMethod` to ONE attempt per opening — see there. */
+    this.autoSelectAttempted = false;
     /** In-flight + attempted guards for loadAvailableShippings (change events
      * fire per keystroke — without these, typing an address hammers the API). */
     this.loadingShippings = false;
     this.shippingsAttempted = false;
+    this.shippingBlocked = false;
+    this.shippingsReadyFor = null;
+    this.boundOnQliroEvent = (e) => {
+      const event = e.detail;
+      if (!event) return;
+      if (event.type === "shipping-price-changed" && typeof event.price === "number") {
+        this.qliroShipping = { ...this.qliroShipping ?? {}, price: event.price };
+      } else if (event.type === "shipping-changed") {
+        const shipping = event.shipping ?? {};
+        const ref = shipping.method ?? shipping.merchantReference ?? shipping.MerchantReference;
+        const price = typeof shipping.price === "number" ? shipping.price : this.availableShippingsList.find((o) => o.id === String(ref))?.priceMajor;
+        this.qliroShipping = {
+          ...this.qliroShipping ?? {},
+          ...ref != null ? { ref: String(ref) } : {},
+          ...typeof price === "number" ? { price } : {}
+        };
+      }
+    };
     this.boundOnCheckoutChange = (e) => {
       const detail = e.detail;
       const prevSponsorId = this.checkoutState?.sponsorId;
@@ -2866,7 +3435,8 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       this.checkoutState = detail.state;
       this.items = Vio.checkout.items;
       if (this.checkoutState) {
-        if (sponsorChanged || this.availableMethods === null) {
+        if (sponsorChanged || !this.paymentMethodsResolved) {
+          if (sponsorChanged) this.paymentMethodsResolved = false;
           void this.refreshApplePay();
           void this.refreshKlarna();
           void this.loadAvailablePaymentMethods();
@@ -2878,13 +3448,28 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         this.applePayAvailable = false;
         this.klarnaAvailable = false;
         this.orderConfirmed = false;
+        this.providerReceipt = null;
         this.confirmedMethod = null;
         this.confirmedOrder = null;
         this.paymentError = null;
         this.paymentNotice = null;
+        this.verifyingReturn = null;
+        this.confirmedCheckoutId = null;
         this.express = false;
         this.availableMethods = null;
+        this.paymentMethodsResolved = false;
+        this.autoSelectAttempted = false;
+        this.returningFrom = null;
+        this.shippingBlocked = false;
         this.unmountKlarna();
+        this.unmountKustom();
+        this.unmountQliro();
+        this.unmountWalley();
+        this.unmountNexi();
+        this.unmountAdyen();
+        this.adyenSettled = false;
+        this.unmountStripe();
+        this.stripeSettled = false;
       }
     };
     this.boundOnPaymentComplete = (e) => {
@@ -2896,10 +3481,17 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     };
     this.boundOnPaymentError = (e) => {
       const detail = e.detail;
-      this.paymentError = detail.method === "klarna" ? `Klarna-betalingen kunne ikke fullf\xF8res: ${detail.error}` : detail.error;
+      if (typeof console !== "undefined") {
+        console.warn("[VioCheckout] payment-error:", detail.method, detail.error);
+      }
+      this.paymentError = detail.method === "klarna" ? `Klarna-betalingen kunne ikke fullf\xF8res: ${detail.error}` : friendlyPaymentError(detail.error, detail.method);
       this.open = true;
     };
   }
+  /** A payment is being started or confirmed right now: the overlay must not close under it. */
+  get paymentInFlight() {
+    return this.stripePaying || this.stripeLoading || this.vippsLoading || this.klarnaAuthorizing || this.applePayInProgress;
+  }
   static {
     this.styles = css`
     :host { display: contents; }
@@ -2928,6 +3520,8 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       overflow-y: auto;
     }
     :host([open]) .modal { transform: translateY(0); }
+    /* Focus lands on the panel itself only as a fallback — no ring for it. */
+    .modal:focus { outline: none; }
 
     /* Confirmation drawer — compact bottom sheet, not the full-screen overlay. */
     .modal.as-drawer {
@@ -2966,10 +3560,12 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     :host([open]) .modal.as-side { transform: translateX(0); }
 
     /* Desktop: the checkout ALWAYS lives as a right-side panel (like the cart,
-       product detail and express drawer) — never a full-width overlay. Only the
-       compact confirmation card stays centered. */
+       product detail and express drawer) — never a full-width overlay. The
+       confirmation stays in that panel too: a centered card jumped out of the
+       panel the shopper was in and looked like the phone layout (Angelo,
+       2026-09-16). */
     @media (min-width: 601px) {
-      .modal:not(.as-confirm) {
+      .modal {
         inset: 0 0 0 auto;
         width: min(440px, 100%);
         max-width: 440px;
@@ -2977,7 +3573,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         border-radius: 0;
         box-shadow: -8px 0 24px rgba(0, 0, 0, 0.1);
       }
-      :host([open]) .modal:not(.as-confirm) { transform: translateX(0); }
+      :host([open]) .modal { transform: translateX(0); }
     }
     @media (max-width: 600px) {
       /* On phones, keep it a bottom sheet for reachability. */
@@ -2992,37 +3588,12 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       :host([open]) .modal.as-side { transform: translateY(0); }
     }
 
-    /* Confirmation: a centered desktop dialog (the bottom-sheet looked like
-       mobile on desktop). Falls back to a bottom sheet on phones. */
-    .modal.as-confirm {
-      inset: auto;
-      top: 50%;
-      left: 50%;
-      width: min(92vw, 440px);
-      max-width: 440px;
-      height: auto;
-      max-height: 88vh;
-      border-radius: var(--vio-radius-xl, 16px);
-      box-shadow: 0 30px 80px -24px rgba(0, 0, 0, 0.4);
-      transform: translate(-50%, -50%) scale(0.96);
-      opacity: 0;
-    }
-    :host([open]) .modal.as-confirm {
-      transform: translate(-50%, -50%) scale(1);
-      opacity: 1;
-    }
+    /* Phones: the confirmation is a compact bottom sheet, as tall as it needs. */
     @media (max-width: 600px) {
       .modal.as-confirm {
-        inset: auto 0 0 0;
-        top: auto;
-        left: 0;
-        width: 100%;
-        max-width: none;
-        border-radius: var(--vio-radius-xl, 16px) var(--vio-radius-xl, 16px) 0 0;
-        transform: translateY(100%) scale(1);
-        opacity: 1;
+        height: auto;
+        max-height: 88vh;
       }
-      :host([open]) .modal.as-confirm { transform: translateY(0); }
     }
 
     .handle { display: none; }
@@ -3139,6 +3710,61 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       grid-template-columns: 1fr 1fr;
       gap: var(--vio-space-md, 16px);
     }
+    /* Shown until we know which methods the channel offers. Rendering every
+       button meanwhile would let a shopper click one that is not enabled. */
+    .payment-loading {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 20px 0;
+      font-size: 13px;
+      color: var(--vio-color-text-secondary, #666);
+    }
+    .payment-spinner {
+      width: 14px;
+      height: 14px;
+      border: 2px solid var(--vio-color-border, #e5e5e5);
+      border-top-color: var(--vio-color-text-secondary, #666);
+      border-radius: 50%;
+      animation: vio-payment-spin 0.7s linear infinite;
+    }
+    @keyframes vio-payment-spin {
+      to { transform: rotate(360deg); }
+    }
+    @media (prefers-reduced-motion: reduce) {
+      .payment-spinner { animation: none; }
+    }
+    /* Back from a payment page: only this until we know. */
+    .verifying {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+      gap: 10px;
+      padding: 56px 16px;
+    }
+    .verifying-spinner {
+      width: 28px;
+      height: 28px;
+      border: 3px solid var(--vio-color-border, #e5e5e5);
+      border-top-color: var(--vio-color-accent, #c14a3b);
+      border-radius: 50%;
+      animation: vio-payment-spin 0.8s linear infinite;
+    }
+    .verifying-text {
+      margin: 6px 0 0;
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--vio-color-text, #1a1a1a);
+    }
+    .verifying-hint {
+      margin: 0;
+      font-size: 13px;
+      color: var(--vio-color-text-secondary, #666);
+    }
+    @media (prefers-reduced-motion: reduce) {
+      .verifying-spinner { animation: none; }
+    }
     .payment-btn {
       padding: 20px;
       background: #fff;
@@ -3175,13 +3801,6 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     .payment-btn[aria-pressed='true'] {
       border-color: var(--vio-color-accent, #c14a3b);
     }
-    .apple-pay-note {
-      grid-column: 1 / -1;
-      font-size: 12px;
-      color: var(--vio-color-text-tertiary, #999);
-      text-align: center;
-      margin-top: 4px;
-    }
     /* Klarna Payments — inline widget panel, shown once Klarna is selected. */
     .klarna-panel {
       grid-column: 1 / -1;
@@ -3223,6 +3842,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     }
     /* Shipping selector (express) — Standard / Express options. */
     .ship-select { display: flex; flex-direction: column; gap: 8px; }
+    .nexi-ship { margin-bottom: 12px; }
     .ship-opt {
       display: flex; align-items: center; justify-content: space-between; gap: 12px;
       padding: 12px 14px; border: 1px solid var(--vio-color-border, #ddd);
@@ -3272,58 +3892,103 @@ var _VioCheckout = class _VioCheckout extends LitElement {
 
     /* Order confirmation — compact, shown inside the drawer. */
     .confirmation {
-      text-align: center;
-      padding: 24px 24px 28px;
+      padding: 8px 0 28px;
       display: flex;
       flex-direction: column;
-      align-items: center;
-      gap: 14px;
+      gap: 20px;
     }
-    .confirm-check {
-      width: 64px;
-      height: 64px;
-      border-radius: 50%;
-      background: #2e7d32;
-      color: #fff;
+    .confirm-head {
       display: flex;
       align-items: center;
-      justify-content: center;
-      font-size: 32px;
-      line-height: 1;
-    }
-    .confirm-title {
-      font-family: var(--vio-font-serif, Georgia, serif);
-      font-size: 28px;
-      font-weight: 400;
-      margin: 0;
+      gap: 16px;
     }
-    .confirm-text {
-      font-size: 14px;
-      color: var(--vio-color-text-secondary, #666);
-      max-width: 360px;
-      line-height: 1.6;
+    .confirm-details {
       margin: 0;
+      display: flex;
+      flex-direction: column;
+      border: 1px solid var(--vio-color-border, #eee);
+      border-radius: var(--vio-radius-lg, 8px);
     }
-    .confirm-order-id {
+    .confirm-details > div {
+      display: flex;
+      justify-content: space-between;
+      gap: 16px;
+      padding: 10px 14px;
       font-size: 13px;
-      color: var(--vio-color-text-secondary, #666);
     }
-    .confirm-order-id b {
-      color: var(--vio-color-text, #0a0a0a);
-      font-variant-numeric: tabular-nums;
+    .confirm-details > div + div { border-top: 1px solid var(--vio-color-border, #eee); }
+    .confirm-details dt { color: var(--vio-color-text-secondary, #666); white-space: nowrap; }
+    .confirm-details dd.ref { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; font-size: 12px; }
+    .confirm-details dd {
+      margin: 0;
+      font-weight: 600;
+      text-align: right;
+      font-variant-numeric: tabular-nums;
+      word-break: break-all;
+    }
+    .confirm-label {
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: var(--vio-tracking-label, 0.1em);
+      color: var(--vio-color-text-secondary, #666);
+    }
+    .confirm-line {
+      display: grid;
+      grid-template-columns: 56px 1fr auto;
+      gap: 12px;
+      align-items: center;
+    }
+    .confirm-thumb {
+      width: 56px;
+      height: 56px;
+      object-fit: cover;
+      background: var(--vio-color-surface-muted, #f2f2f2);
+      display: block;
+    }
+    .confirm-line-name { display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
+    .confirm-line-name small { font-size: 11px; color: var(--vio-color-text-secondary, #666); }
+    .confirm-line-price { font-size: 14px; font-weight: 600; }
+    .confirm-check {
+      flex-shrink: 0;
+      width: 48px;
+      height: 48px;
+      border-radius: 50%;
+      background: #2e7d32;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+      line-height: 1;
+    }
+    .confirm-title {
+      font-family: var(--vio-font-serif, Georgia, serif);
+      font-size: 24px;
+      font-weight: 400;
+      margin: 0;
+    }
+    .confirm-text {
+      font-size: 14px;
+      color: var(--vio-color-text-secondary, #666);
+      line-height: 1.5;
+      margin: 4px 0 0;
+    }
+    .confirm-order-id {
+      font-size: 13px;
+      color: var(--vio-color-text-secondary, #666);
+    }
+    .confirm-order-id b {
+      color: var(--vio-color-text, #0a0a0a);
+      font-variant-numeric: tabular-nums;
     }
     .confirm-summary {
-      width: 100%;
-      max-width: 360px;
-      border-top: 1px solid var(--vio-color-border, #eee);
-      padding-top: 14px;
       display: flex;
       flex-direction: column;
-      gap: 8px;
-      text-align: left;
+      gap: 12px;
       font-size: 13px;
     }
     .confirm-close {
+      width: 100%;
       border: none;
       background: var(--vio-color-text, #0a0a0a);
       color: var(--vio-color-text-on-primary, #fff);
@@ -3388,11 +4053,13 @@ var _VioCheckout = class _VioCheckout extends LitElement {
   }
   connectedCallback() {
     super.connectedCallback();
+    void this.loadVippsButton();
     this.checkoutState = Vio.checkout.currentState;
     this.items = Vio.checkout.items;
     Vio.checkout.addEventListener("change", this.boundOnCheckoutChange);
     Vio.checkout.addEventListener("payment-complete", this.boundOnPaymentComplete);
     Vio.checkout.addEventListener("payment-error", this.boundOnPaymentError);
+    Vio.checkout.addEventListener("qliro-event", this.boundOnQliroEvent);
     if (this.checkoutState) {
       void this.refreshApplePay();
       void this.refreshKlarna();
@@ -3400,6 +4067,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     }
     void Vio.checkout.resumeKlarnaReturn();
     void this.checkReturnPaymentStatus();
+    this.requestUpdate();
   }
   static {
     /**
@@ -3435,6 +4103,18 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       "unpaid"
     ]);
   }
+  static {
+    /**
+     * Shown instead of the payment step when the cart's products cannot ship
+     * together. Angelo, 2026-09-16: block the purchase rather than sell it
+     * without shipping, or with a rate that does not fit every product.
+     */
+    this.SHIPPING_BLOCKED_MESSAGE = "Produktene i handlekurven kan ikke sendes sammen. Fjern ett av dem for \xE5 fullf\xF8re kj\xF8pet.";
+  }
+  static {
+    /** The payment may or may not have gone through, and we could not find out. */
+    this.RETURN_UNVERIFIED_MESSAGE = "Vi kunne ikke bekrefte betalingen. Handlekurven er uendret \u2014 pr\xF8v igjen, eller kontakt support hvis du ble belastet.";
+  }
   static {
     /** Waits between GetCheckout attempts — PSP webhooks (Vipps especially) can
      * land seconds after the shopper is redirected back, so a single immediate
@@ -3457,6 +4137,10 @@ var _VioCheckout = class _VioCheckout extends LitElement {
    * anything else (including an unrecognized state) is treated as failed —
    * fail-closed by default rather than guessing.
    */
+  /** Vipps' own button when its script answers; our orange one otherwise. */
+  async loadVippsButton() {
+    this.vippsOfficial = await ensureVippsButton();
+  }
   async pollVippsStatus(checkoutId, sponsorId) {
     let sawStatus = false;
     for (let attempt = 0; attempt < _VioCheckout.VIPPS_STATUS_MAX_ATTEMPTS; attempt++) {
@@ -3467,6 +4151,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         const vippsStatus = await Vio.checkout.getVippsStatus(checkoutId, sponsorId || void 0);
         const state6 = String(vippsStatus?.state ?? "").toUpperCase();
         sawStatus = true;
+        if (vippsStatus?.duplicate_of) return { outcome: "duplicate", sawStatus };
         if (state6 === "AUTHORIZED") return { outcome: "paid", sawStatus };
         if (state6 === "CREATED") continue;
         return { outcome: "failed", sawStatus };
@@ -3486,12 +4171,12 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       this.confirmedOrder = {
         items: [],
         currency: getGlobalCurrency(),
-        total: 0,
-        orderId: checkoutId || void 0
+        total: 0
       };
       this.confirmedMethod = vioMethod;
       this.orderConfirmed = true;
       this.open = true;
+      void this.fillOrderNumber(checkoutId, sponsorId);
       this.dispatchEvent(
         new CustomEvent("vio:payment-success", {
           bubbles: true,
@@ -3499,6 +4184,9 @@ var _VioCheckout = class _VioCheckout extends LitElement {
           detail: { method: vioMethod, sponsorId, orderId: checkoutId }
         })
       );
+    } else if (outcome === "duplicate") {
+      this.paymentError = CART_PAID_MESSAGE;
+      this.open = true;
     } else if (outcome === "failed") {
       this.paymentError = "Betalingen ble avbrutt eller feilet. Vennligst pr\xF8v igjen.";
       this.open = true;
@@ -3506,7 +4194,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       this.paymentNotice = "Betalingen behandles fortsatt. Du f\xE5r ordrebekreftelse p\xE5 e-post n\xE5r den er gjennomf\xF8rt. Handlekurven er uendret.";
       this.open = true;
     } else {
-      this.paymentError = "Vi kunne ikke bekrefte betalingen. Handlekurven er uendret \u2014 pr\xF8v igjen, eller kontakt support hvis du ble belastet.";
+      this.paymentError = _VioCheckout.RETURN_UNVERIFIED_MESSAGE;
       this.open = true;
     }
   }
@@ -3518,9 +4206,33 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       const vioMethod = urlParams.get("vio_method") || "stripe";
       const sponsorId = Number(urlParams.get("vio_sponsor") || 0);
       const checkoutId = urlParams.get("checkout_id") || "";
-      if (!vioPayment && !checkoutId) return;
-      const kustomOrderId = urlParams.get("order_id") || "";
-      if (urlParams.get("payment_processor") === "KUSTOM" && kustomOrderId) {
+      const nexiPaymentId = nexiReturnPaymentId();
+      const nexiPending = readNexiPending();
+      if (nexiPaymentId && nexiPending && nexiPending.paymentId === nexiPaymentId) {
+        this.nexiResumePaymentId = nexiPaymentId;
+        this.cleanReturnQueryParams(["paymentId"]);
+        if (!this.checkoutState && nexiPending.sponsorId) {
+          try {
+            Vio.checkout.open(nexiPending.sponsorId);
+          } catch {
+          }
+        }
+        try {
+          Vio.checkout.selectPaymentMethod("nexi");
+        } catch {
+        }
+        this.open = true;
+        return;
+      }
+      const kustomReturn = kustomReturnOutcome(urlParams);
+      if (kustomReturn?.kind === "rejected") {
+        this.cleanReturnQueryParams([...KUSTOM_RETURN_QUERY_KEYS]);
+        this.kustomNotice = "Bestillingen ble endret. Betalingen ble ikke gjennomf\xF8rt \u2014 pr\xF8v igjen.";
+        return;
+      }
+      if (kustomReturn?.kind === "confirmation") {
+        const kustomOrderId = kustomReturn.orderId;
+        this.returningFrom = "kustom";
         if (!this.checkoutState) {
           const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
           if (spIdToUse) {
@@ -3535,49 +4247,35 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         } catch {
         }
         this.open = true;
-        this.paymentNotice = "Bekrefter betalingen\u2026";
+        this.verifyingReturn = "Bekrefter betalingen\u2026";
+        this.cleanReturnQueryParams([...KUSTOM_RETURN_QUERY_KEYS]);
         try {
           const order = await Vio.checkout.getKustomOrder(
             kustomOrderId,
             this.checkoutState?.sponsorId
           );
-          this.paymentNotice = null;
-          if (order?.html_snippet) {
-            this.kustomMountedOrderId = order.order_id;
+          this.verifyingReturn = null;
+          if (order?.status === "checkout_complete" && order.html_snippet) {
+            const spId = this.checkoutState?.sponsorId ?? 0;
+            this.showProviderReceipt("kustom", spId, order, kustomReturn.checkoutId);
             await this.updateComplete;
-            const container = this.renderRoot?.querySelector(
-              "#vio-kustom-checkout-container"
-            );
-            if (container) {
-              Vio.checkout.renderKustomSnippet(container, order.html_snippet);
-            }
-            if (order.status === "checkout_complete") {
-              this.dispatchEvent(
-                new CustomEvent("vio:payment-success", {
-                  detail: { method: "kustom", orderId: order.order_id },
-                  bubbles: true,
-                  composed: true
-                })
-              );
-              const spId = this.checkoutState?.sponsorId;
-              if (spId) {
-                try {
-                  Vio.cart.clearSponsorCart(spId);
-                } catch {
-                }
-              }
-            }
+            const container = this.lightContainer("vio-kustom-checkout-container", "vio-kustom");
+            Vio.checkout.renderKustomSnippet(container, order.html_snippet);
+          } else {
+            this.paymentError = _VioCheckout.RETURN_UNVERIFIED_MESSAGE;
           }
         } catch (err) {
-          this.paymentNotice = null;
+          this.verifyingReturn = null;
+          this.paymentError = _VioCheckout.RETURN_UNVERIFIED_MESSAGE;
           if (typeof console !== "undefined") {
             console.warn("[VioCheckout] Kustom confirmation read failed:", err);
           }
         }
-        this.cleanReturnQueryParams(["order_id", "payment_processor"]);
         return;
       }
+      if (!vioPayment && !checkoutId) return;
       if (urlParams.get("payment_processor") === "QLIRO" && checkoutId) {
+        this.returningFrom = "qliro";
         if (!this.checkoutState) {
           const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
           if (spIdToUse) {
@@ -3591,40 +4289,38 @@ var _VioCheckout = class _VioCheckout extends LitElement {
           Vio.checkout.selectPaymentMethod("qliro");
         } catch {
         }
+        this.autoSelectAttempted = true;
         this.open = true;
-        this.paymentNotice = "Bekrefter betalingen\u2026";
+        this.verifyingReturn = "Bekrefter betalingen\u2026";
         try {
           const order = await Vio.checkout.getQliroOrder(
             checkoutId,
             this.checkoutState?.sponsorId
           );
-          this.paymentNotice = null;
-          if (order?.html_snippet) {
+          this.verifyingReturn = null;
+          if (order?.status === "Completed") {
+            const spId = this.checkoutState?.sponsorId ?? sponsorId ?? 0;
+            const result = { order: { orderId: order.order_id }, chargedTotal: order.total_price };
+            this.qliroMountedOrderId = order.order_id;
+            if (order.html_snippet) {
+              this.showProviderReceipt("qliro", spId, result, checkoutId);
+              await this.updateComplete;
+              const container = this.lightContainer("vio-qliro-checkout-container", "vio-qliro");
+              Vio.checkout.renderKustomSnippet(container, order.html_snippet);
+            } else {
+              this.confirmOrder("qliro", spId, result, checkoutId);
+            }
+          } else if (order?.html_snippet) {
             this.qliroMountedOrderId = order.order_id;
             await this.updateComplete;
             const container = this.lightContainer("vio-qliro-checkout-container", "vio-qliro");
             if (container) {
               Vio.checkout.renderKustomSnippet(container, order.html_snippet);
             }
-            if (order.status === "Completed") {
-              this.dispatchEvent(
-                new CustomEvent("vio:payment-success", {
-                  detail: { method: "qliro", orderId: order.order_id },
-                  bubbles: true,
-                  composed: true
-                })
-              );
-              const spId = this.checkoutState?.sponsorId;
-              if (spId) {
-                try {
-                  Vio.cart.clearSponsorCart(spId);
-                } catch {
-                }
-              }
-            }
           }
         } catch (err) {
-          this.paymentNotice = null;
+          this.verifyingReturn = null;
+          this.paymentError = _VioCheckout.RETURN_UNVERIFIED_MESSAGE;
           if (typeof console !== "undefined") {
             console.warn("[VioCheckout] Qliro confirmation read failed:", err);
           }
@@ -3633,6 +4329,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         return;
       }
       if (urlParams.get("payment_processor") === "WALLEY" && checkoutId) {
+        this.returningFrom = "walley";
         if (!this.checkoutState) {
           const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
           if (spIdToUse) {
@@ -3647,13 +4344,13 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         } catch {
         }
         this.open = true;
-        this.paymentNotice = "Bekrefter betalingen\u2026";
+        this.verifyingReturn = "Bekrefter betalingen\u2026";
         try {
           const order = await Vio.checkout.getWalleyOrder(
             checkoutId,
             this.checkoutState?.sponsorId
           );
-          this.paymentNotice = null;
+          this.verifyingReturn = null;
           if (order?.html_snippet) {
             this.walleyMountedOrderId = order.order_id;
             await this.updateComplete;
@@ -3662,24 +4359,17 @@ var _VioCheckout = class _VioCheckout extends LitElement {
               Vio.checkout.renderKustomSnippet(container, order.html_snippet);
             }
             if (order.status === "PurchaseCompleted") {
-              this.dispatchEvent(
-                new CustomEvent("vio:payment-success", {
-                  detail: { method: "walley", orderId: order.order_id },
-                  bubbles: true,
-                  composed: true
-                })
+              this.showProviderReceipt(
+                "walley",
+                this.checkoutState?.sponsorId ?? 0,
+                { orderId: order.order_id },
+                checkoutId
               );
-              const spId = this.checkoutState?.sponsorId;
-              if (spId) {
-                try {
-                  Vio.cart.clearSponsorCart(spId);
-                } catch {
-                }
-              }
             }
           }
         } catch (err) {
-          this.paymentNotice = null;
+          this.verifyingReturn = null;
+          this.paymentError = _VioCheckout.RETURN_UNVERIFIED_MESSAGE;
           if (typeof console !== "undefined") {
             console.warn("[VioCheckout] Walley confirmation read failed:", err);
           }
@@ -3691,6 +4381,56 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         this.cleanReturnQueryParams(["vio_payment", "vio_method", "vio_sponsor", "checkout_id"]);
         return;
       }
+      if (vioMethod === ADYEN_RETURN_METHOD && checkoutId) {
+        const adyenReturn = adyenReturnParams(window.location.search);
+        this.cleanReturnQueryParams(ADYEN_RETURN_QUERY_KEYS);
+        if (!adyenReturn) return;
+        this.returningFrom = "adyen";
+        this.adyenSettled = true;
+        this.autoSelectAttempted = true;
+        if (!this.checkoutState) {
+          const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
+          if (spIdToUse) {
+            try {
+              Vio.checkout.open(spIdToUse);
+              Vio.checkout.selectPaymentMethod("adyen");
+            } catch {
+            }
+          }
+        }
+        this.open = true;
+        this.verifyingReturn = "Bekrefter betalingen\u2026";
+        let payment = null;
+        let sawStatus = false;
+        try {
+          payment = await Vio.checkout.getAdyenPayment(
+            checkoutId,
+            { redirectResult: adyenReturn.redirectResult },
+            sponsorId || void 0
+          );
+          sawStatus = !!payment;
+        } catch (err) {
+          if (typeof console !== "undefined") {
+            console.warn("[VioCheckout] Adyen return could not be verified:", err);
+          }
+        }
+        this.verifyingReturn = null;
+        const outcome = sawStatus ? adyenReturnOutcome(payment) : "pending";
+        this.applyReturnOutcome(outcome, sawStatus, "adyen", sponsorId, checkoutId);
+        if (outcome === "paid" && this.confirmedOrder) {
+          this.confirmedOrder = {
+            ...this.confirmedOrder,
+            currency: payment?.purchase_currency ?? this.confirmedOrder.currency,
+            total: payment?.total_price ?? this.confirmedOrder.total
+          };
+          this.addAdyenPaymentDetails(payment);
+        }
+        if (outcome === "failed") {
+          this.returningFrom = null;
+          this.adyenSettled = false;
+        }
+        return;
+      }
       if (vioMethod === "vipps" && checkoutId) {
         if (!this.checkoutState) {
           const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
@@ -3703,9 +4443,9 @@ var _VioCheckout = class _VioCheckout extends LitElement {
           }
         }
         this.open = true;
-        this.paymentNotice = "Bekrefter betalingen med Vipps\u2026";
+        this.verifyingReturn = "Bekrefter betalingen med Vipps\u2026";
         const { outcome, sawStatus } = await this.pollVippsStatus(checkoutId, sponsorId);
-        this.paymentNotice = null;
+        this.verifyingReturn = null;
         this.applyReturnOutcome(outcome, sawStatus, vioMethod, sponsorId, checkoutId);
         this.cleanReturnQueryParams(["vio_payment", "vio_method", "vio_sponsor", "checkout_id"]);
       } else if (vioPayment === "success") {
@@ -3713,18 +4453,26 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         let sawStatus = false;
         if (checkoutId) {
           this.open = true;
-          this.paymentNotice = "Bekrefter betalingen\u2026";
+          this.verifyingReturn = "Bekrefter betalingen\u2026";
           for (const delayMs of _VioCheckout.RETURN_VERIFY_DELAYS_MS) {
             if (delayMs > 0) await new Promise((r) => setTimeout(r, delayMs));
             try {
               const checkout = await Vio.checkout.getCheckout(checkoutId, sponsorId || void 0);
               const status = String(checkout?.status ?? "").toLowerCase();
               sawStatus = true;
+              if (checkout?.duplicate_of) {
+                outcome = "duplicate";
+                break;
+              }
               if (_VioCheckout.FAILED_STATUSES.has(status)) {
                 outcome = "failed";
                 break;
               }
-              if (_VioCheckout.PAID_STATUSES.has(status) || Boolean(checkout?.origin_payment_id)) {
+              if (_VioCheckout.PAID_STATUSES.has(status) || // A Stripe checkout carries `origin_payment_id` from the
+              // moment the link or the intent is CREATED (shopcart), so for
+              // Stripe that pointer says nothing about who paid. Only the
+              // status does, and it is the webhook that sets it.
+              vioMethod !== "stripe" && Boolean(checkout?.origin_payment_id)) {
                 outcome = "paid";
                 break;
               }
@@ -3734,7 +4482,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
               }
             }
           }
-          this.paymentNotice = null;
+          this.verifyingReturn = null;
         }
         this.applyReturnOutcome(outcome, sawStatus, vioMethod, sponsorId, checkoutId);
         this.cleanReturnQueryParams(["vio_payment", "vio_method", "vio_sponsor", "checkout_id"]);
@@ -3773,17 +4521,45 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     Vio.checkout.removeEventListener("change", this.boundOnCheckoutChange);
     Vio.checkout.removeEventListener("payment-complete", this.boundOnPaymentComplete);
     Vio.checkout.removeEventListener("payment-error", this.boundOnPaymentError);
+    Vio.checkout.removeEventListener("qliro-event", this.boundOnQliroEvent);
     this.unmountKlarna();
+    this.unmountNexi();
+    this.unmountAdyen();
     super.disconnectedCallback();
   }
   updated(changed) {
+    if (changed.has("open")) this.dialogFocus.update(this.open);
     if (changed.has("open") && this.open && this.items.length > 0 && this.availableShippingsList.length === 0) {
       void this.loadAvailableShippings();
     }
+    if (changed.has("open") && this.open) {
+      this.autoSelectSoleMethod();
+    }
+    if ((changed.has("klarnaAvailable") && this.klarnaAvailable || changed.has("applePayAvailable") && this.applePayAvailable) && this.paymentMethodsResolved && !this.checkoutState?.paymentMethod) {
+      this.autoSelectAttempted = false;
+      this.autoSelectSoleMethod();
+    }
+    if (changed.has("shippingBlocked") && this.shippingBlocked) {
+      this.unmountKlarna();
+      this.unmountKustom();
+      this.unmountQliro();
+      this.unmountWalley();
+      this.unmountNexi();
+      this.unmountAdyen();
+      this.unmountStripe();
+      this.paymentError = null;
+    }
+    if (!this.isConnected) return;
     void this.mountKlarnaIfNeeded();
     void this.mountKustomIfNeeded();
+    this.syncKustomIfStale();
     void this.mountQliroIfNeeded();
     void this.mountWalleyIfNeeded();
+    void this.mountNexiIfNeeded();
+    this.dropStaleAdyen();
+    void this.mountAdyenIfNeeded();
+    this.dropStaleStripe();
+    void this.mountStripeIfNeeded();
   }
   close() {
     this.open = false;
@@ -3796,17 +4572,30 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       void this.loadAvailableShippings();
     }
   }
-  /** Fetch the real per-supplier shippings and preselect + persist the first. */
+  /**
+   * Fetch the real per-supplier shippings and preselect + persist the first.
+   *
+   * Also decides whether the cart can ship at all (`shippingBlocked`), and
+   * records which opening the answer belongs to (`shippingsReadyFor`).
+   */
   async loadAvailableShippings() {
     const spId = this.checkoutState?.sponsorId;
     if (!spId) return;
     if (this.items.length === 0) return;
     if (this.loadingShippings) return;
+    const session = this.embedSession();
     this.loadingShippings = true;
     this.shippingsAttempted = true;
     try {
       const shippings = await Vio.checkout.fetchAvailableShippings(spId);
-      if (Array.isArray(shippings) && shippings.length > 0) {
+      if (session !== this.embedSession()) return;
+      if (!Array.isArray(shippings) || shippings.length === 0) {
+        if (Vio.checkout.lastShippingsResolved) {
+          this.availableShippingsList = [];
+          this.shippingBlocked = this.someLineShipsOnItsOwn();
+        }
+      } else {
+        this.shippingBlocked = false;
         this.availableShippingsList = shippings;
         if (!this.selectedShipping || !shippings.some((s) => s.id === this.selectedShipping)) {
           const firstOpt = shippings[0];
@@ -3825,8 +4614,24 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       }
     } finally {
       this.loadingShippings = false;
+      if (session === this.embedSession()) {
+        this.shippingsReadyFor = session;
+      } else if (this.checkoutState && this.items.length > 0) {
+        void this.loadAvailableShippings();
+      }
     }
   }
+  /**
+   * Whether some product in the cart has shipping rates of its own. With no
+   * rate shared by all of them, that means they cannot ship TOGETHER. A cart
+   * where no line has rates is left alone: digital products have none, and
+   * shopcart refuses the physical case on its side.
+   */
+  someLineShipsOnItsOwn() {
+    return this.items.some(
+      (i) => Array.isArray(i.availableShippings) && i.availableShippings.length > 0
+    );
+  }
   /** Whether all mandatory Leveringsadresse fields are filled. */
   get isAddressValid() {
     const f = this.form;
@@ -3848,11 +4653,13 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     if (this.loadingPaymentMethods) return;
     this.loadingPaymentMethods = true;
     try {
+      const spId = this.checkoutState.sponsorId;
       const methods = await Vio.checkout.getAvailablePaymentMethods(
-        this.checkoutState.sponsorId
+        spId
       );
       if (Array.isArray(methods)) {
         this.availableMethods = methods.map((m) => m.name);
+        this.stripeMode = await Vio.checkout.getStripeMode(spId);
       } else {
         this.availableMethods = null;
       }
@@ -3863,13 +4670,70 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       this.availableMethods = null;
     } finally {
       this.loadingPaymentMethods = false;
+      this.paymentMethodsResolved = true;
+      this.autoSelectSoleMethod();
     }
   }
+  /**
+   * With exactly one payment method there is no choice to make, so making the
+   * shopper click it is a step that can only have one outcome. Select it —
+   * and since the checkout asks for the method first (2026-09-22), this is
+   * what skips that step: the form, or the provider's widget, comes straight
+   * up.
+   *
+   * Deliberately narrow:
+   * - never overrides a method the shopper already picked;
+   * - only for methods usable RIGHT NOW — Apple Pay and Klarna depend on the
+   *   browser and on their script loading, and auto-selecting an unusable one
+   *   would strand the shopper on a panel that cannot pay (see `updated`: a
+   *   late "available" gets one more try);
+   * - selecting never pays: Stripe and Vipps still wait for their own button.
+   */
+  autoSelectSoleMethod() {
+    if (!this.open) return;
+    if (!this.paymentMethodsResolved) return;
+    if (this.autoSelectAttempted) return;
+    this.autoSelectAttempted = true;
+    if (this.checkoutState?.paymentMethod) return;
+    const methods = this.offeredMethods();
+    if (!Array.isArray(methods) || methods.length !== 1) return;
+    const id = String(methods[0] ?? "").toLowerCase().replace(/[^a-z]/g, "");
+    const usable = {
+      kustom: "kustom",
+      qliro: "qliro",
+      walley: "walley",
+      nexi: "nexi",
+      // Selected, not mounted: Adyen waits for the form (see adyenRequested).
+      adyen: "adyen",
+      vipps: "vipps",
+      stripe: "stripe",
+      klarna: this.klarnaAvailable ? "klarna" : void 0,
+      applepay: this.applePayAvailable ? "apple-pay" : void 0
+    };
+    const only = usable[id];
+    if (!only) return;
+    Vio.checkout.selectPaymentMethod(only);
+  }
   /** Backend names arrive as e.g. "Apple Pay" — compare letters only. */
-  methodEnabled(name) {
-    if (this.availableMethods === null) return true;
-    const norm = (s) => s.toLowerCase().replace(/[^a-z]/g, "");
-    return this.availableMethods.some((m) => norm(m) === norm(name));
+  methodEnabled(...names) {
+    return isMethodEnabled(this.availableMethods, ...names);
+  }
+  /**
+   * Stripe's Payment Element shows the wallets of the account that charges —
+   * Apple Pay and Google Pay among them. Offering our own Apple Pay button
+   * next to it is the same wallet twice, on the same screen, paying through
+   * the same account: when Stripe pays on our page, Stripe owns the wallets
+   * (Angelo, 2026-09-24). The cart's express button is another surface and
+   * keeps its own Apple Pay — the Element does not exist there.
+   */
+  stripeOwnsWallets() {
+    return this.stripeMode === "native" && this.methodEnabled("stripe");
+  }
+  /** The methods the shopper actually sees (see stripeOwnsWallets). */
+  offeredMethods() {
+    const methods = this.availableMethods;
+    if (!Array.isArray(methods) || !this.stripeOwnsWallets()) return methods;
+    return methods.filter((m) => !isMethodEnabled([m], "apple-pay"));
   }
   async refreshApplePay() {
     Vio.checkout.clearApplePayCache();
@@ -3886,10 +4750,12 @@ var _VioCheckout = class _VioCheckout extends LitElement {
   async mountKlarnaIfNeeded() {
     if (!this.klarnaAvailable || !this.open || !this.checkoutState) return;
     if (this.checkoutState.paymentMethod !== "klarna" && !this.express) return;
+    if (!this.express && (!this.isAddressValid || !this.hasSelectedShipping)) return;
     if (this.klarnaMounting) return;
     if (this.items.length > 0 && this.availableShippingsList.length === 0 && !this.shippingsAttempted) {
       await this.loadAvailableShippings();
     }
+    if (this.shippingBlocked) return;
     const amount = this.checkoutState.subtotal;
     if (this.klarnaHandle && this.klarnaMountedAmount === amount && this.klarnaMountedShipping === this.selectedShipping) {
       return;
@@ -3921,7 +4787,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       if (typeof console !== "undefined") {
         console.warn("[VioCheckout] Klarna Payments mount failed:", err);
       }
-      this.paymentError = `Kunne ikke laste Klarna: ${err instanceof Error ? err.message : String(err)}`;
+      this.paymentError = friendlyPaymentError(errorText(err));
     } finally {
       this.klarnaMounting = false;
     }
@@ -3933,7 +4799,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     }
     this.klarnaMountedAmount = null;
     this.klarnaMountedShipping = null;
-    this.klarnaCategories = [];
+    if (this.klarnaCategories.length > 0) this.klarnaCategories = [];
     this.klarnaSelectedCat = "";
     this.klarnaAuthorizing = false;
   }
@@ -3982,7 +4848,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
   }
   /** Authorize the selected Klarna method → backend creates the order. */
   async onKlarnaAuthorize() {
-    if (!this.klarnaHandle || this.klarnaAuthorizing) return;
+    if (!this.klarnaHandle || this.klarnaAuthorizing || this.shippingBlocked) return;
     this.paymentError = null;
     this.paymentNotice = null;
     this.klarnaAuthorizing = true;
@@ -4000,6 +4866,33 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     this.form = { ...this.form, [field]: value };
     Vio.checkout.setAddress(this.form);
   }
+  /** After choosing a method that needs our form, bring the form into view. */
+  revealAddressForm() {
+    void this.updateComplete.then(() => {
+      const form = this.renderRoot?.querySelector(".address-section");
+      if (!form) return;
+      const bar = this.renderRoot?.querySelector(".topbar");
+      form.style.scrollMarginTop = `${(bar?.offsetHeight ?? 0) + 8}px`;
+      form.scrollIntoView?.({ behavior: "smooth", block: "start" });
+    });
+  }
+  /**
+   * Vipps from the checkout: Express when the channel allows it, so the
+   * shopper picks the delivery inside the app — our rate on the cart is the
+   * one preselected there — and never silently keeps the default our form
+   * chose for them. When the cart cannot have Express (several suppliers)
+   * the backend says so without creating a payment, and the plain payment
+   * follows: profile shared, the rate already on the cart.
+   */
+  async startVippsFromCheckout() {
+    const sponsorId = this.checkoutState?.sponsorId;
+    const express = await Vio.checkout.getVippsExpressEnabled(sponsorId);
+    if (express) {
+      const res = await Vio.checkout.startVippsPayment(sponsorId, this.form, { express: true });
+      if (res?.payment_url) return;
+    }
+    await Vio.checkout.startVippsPayment(sponsorId, this.form);
+  }
   async onApplePay() {
     if (this.applePayInProgress) return;
     this.applePayInProgress = true;
@@ -4014,6 +4907,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     }
   }
   async onPay(method) {
+    if (this.shippingBlocked) return;
     this.paymentError = null;
     this.paymentNotice = null;
     if (method === "apple-pay") {
@@ -4032,24 +4926,35 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       Vio.checkout.selectPaymentMethod("walley");
       return;
     }
-    if (method === "vipps") {
-      const email = String(this.form.email ?? "").trim();
-      if (!email || !email.includes("@")) {
-        this.paymentError = "Vennligst fyll inn e-postadressen din.";
-        return;
-      }
-    } else {
-      if (!this.isAddressValid) {
-        this.paymentError = "Vennligst fyll ut alle feltene i leveringsadresse.";
-        return;
-      }
-      if (!this.hasSelectedShipping) {
-        this.paymentError = "Vennligst velg en fraktmetode.";
+    if (method === "nexi") {
+      Vio.checkout.selectPaymentMethod("nexi");
+      return;
+    }
+    if (method !== "vipps") {
+      const missing = !this.isAddressValid ? "Vennligst fyll ut alle feltene i leveringsadresse." : !this.hasSelectedShipping ? "Vennligst velg en fraktmetode." : null;
+      if (missing) {
+        if (this.checkoutState?.paymentMethod !== method) {
+          Vio.checkout.selectPaymentMethod(method);
+          this.revealAddressForm();
+          return;
+        }
+        this.paymentError = missing;
         return;
       }
     }
     Vio.checkout.selectPaymentMethod(method);
+    if (method === "adyen") {
+      this.adyenRequested = true;
+      return;
+    }
     if (method === "stripe") {
+      if (this.stripeMode === null) {
+        this.stripeMode = await Vio.checkout.getStripeMode(this.checkoutState?.sponsorId);
+      }
+      if (this.stripeMode === "native") {
+        this.stripeRequested = true;
+        return;
+      }
       const selectedOpt = this.shippingList.find((s) => s.id === this.selectedShipping);
       if (selectedOpt?.supplierId) {
         try {
@@ -4065,15 +4970,21 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       }
       this.stripeLoading = true;
       void Vio.checkout.startStripePayment(this.checkoutState?.sponsorId, this.form).catch((err) => {
-        this.paymentError = `Kunne ikke starte Stripe-betaling: ${err instanceof Error ? err.message : String(err)}`;
+        if (typeof console !== "undefined") {
+          console.warn("[VioCheckout] Stripe payment could not start:", err);
+        }
+        this.paymentError = friendlyPaymentError(errorText(err));
       }).finally(() => {
         this.stripeLoading = false;
       });
     }
     if (method === "vipps") {
       this.vippsLoading = true;
-      void Vio.checkout.startVippsPayment(this.checkoutState?.sponsorId, this.form).catch((err) => {
-        this.paymentError = `Kunne ikke starte Vipps-betaling: ${err instanceof Error ? err.message : String(err)}`;
+      void this.startVippsFromCheckout().catch((err) => {
+        if (typeof console !== "undefined") {
+          console.warn("[VioCheckout] Vipps payment could not start:", err);
+        }
+        this.paymentError = friendlyPaymentError(errorText(err));
       }).finally(() => {
         this.vippsLoading = false;
       });
@@ -4087,6 +4998,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
   onCompleteOrder() {
     const s = this.checkoutState;
     if (!s || !s.paymentMethod) return;
+    if (this.shippingBlocked) return;
     if (s.paymentMethod !== "vipps" && !this.isAddressValid) {
       this.paymentError = "Vennligst fyll ut alle feltene i leveringsadresse.";
       return;
@@ -4107,13 +5019,19 @@ var _VioCheckout = class _VioCheckout extends LitElement {
    * the confirmation screen, emits `vio:payment-success`, and clears the
    * paid sponsor's cart so the badge + drawer reflect the purchase.
    */
-  confirmOrder(method, sponsorId, result) {
+  confirmOrder(method, sponsorId, result, returnCheckoutId) {
     const r = result ?? {};
+    const shippingPrice = this.shippingMajor();
+    const email = String(this.form.email ?? "").trim();
+    const checkoutId = returnCheckoutId || this.checkoutState?.checkoutId;
+    const providerOrderId = r.order?.orderId != null ? String(r.order.orderId) : "";
     this.confirmedOrder = {
       items: [...this.items],
       currency: this.checkoutState?.currency ?? "",
       total: typeof r.chargedTotal === "number" ? r.chargedTotal : this.checkoutState?.subtotal ?? 0,
-      orderId: r.order?.orderId
+      ...providerOrderId ? { providerRef: { label: `Ordre hos ${this.methodLabel(method)}`, value: providerOrderId } } : {},
+      ...shippingPrice > 0 ? { shipping: { name: this.summaryShippingName() || "Frakt", price: shippingPrice } } : {},
+      ...email ? { email } : {}
     };
     this.confirmedMethod = method;
     this.orderConfirmed = true;
@@ -4122,10 +5040,40 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       new CustomEvent("vio:payment-success", {
         bubbles: true,
         composed: true,
-        detail: { method, sponsorId, result }
+        // `checkoutId` is Vio's own reference for the purchase — what the
+        // redirect path already sends as `orderId`; analytics falls back to it
+        // when the provider's result carries no order id.
+        detail: { method, sponsorId, result, checkoutId }
       })
     );
     Vio.cart.clearSponsorCart(sponsorId);
+    void this.fillOrderNumber(checkoutId, sponsorId);
+  }
+  static {
+    /** Waits between asks for the Vio order number: the order is often born a
+     * moment after the payment (Vipps and Stripe through their webhook). */
+    this.ORDER_NUMBER_DELAYS_MS = [0, 1500, 3e3, 5e3, 8e3];
+  }
+  /**
+   * Puts the Vio order number (#4497) on the confirmation once the order
+   * exists. Until then the line is simply not there — never the checkout's
+   * uuid in its place, which is what it used to print. Stops if the shopper
+   * closes the drawer or another confirmation takes its place.
+   */
+  async fillOrderNumber(checkoutId, sponsorId) {
+    this.confirmedCheckoutId = checkoutId || null;
+    if (!checkoutId) return;
+    const stillShowing = () => this.orderConfirmed && this.confirmedCheckoutId === checkoutId;
+    for (const delayMs of _VioCheckout.ORDER_NUMBER_DELAYS_MS) {
+      if (delayMs > 0) await new Promise((r) => setTimeout(r, delayMs));
+      if (!stillShowing()) return;
+      const n = await Vio.checkout.getOrderNumber(checkoutId, sponsorId || void 0);
+      if (!stillShowing()) return;
+      if (n && this.confirmedOrder) {
+        this.confirmedOrder = { ...this.confirmedOrder, orderId: String(n) };
+        return;
+      }
+    }
   }
   methodLabel(method) {
     switch (method) {
@@ -4139,6 +5087,11 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         return "Qliro";
       case "walley":
         return "Walley";
+      case "nexi":
+        return "Nexi";
+      // Adyen is not a name shoppers know; what they pick from is inside it.
+      case "adyen":
+        return "Kort, Vipps og flere";
       case "vipps":
         return "Vipps";
       case "stripe":
@@ -4151,7 +5104,8 @@ var _VioCheckout = class _VioCheckout extends LitElement {
   }
   /** True for methods that complete via a separate sheet/widget, not the CTA. */
   isExpressMethod(method) {
-    return method === "apple-pay" || method === "klarna" || method === "kustom" || method === "qliro" || method === "walley";
+    return method === "apple-pay" || method === "klarna" || isEmbeddedMethod(method ?? "") || // Adyen's Drop-in brings its own Pay button.
+    isFormFirstWidgetMethod(method ?? "");
   }
   orderTotal() {
     const s = this.checkoutState;
@@ -4162,11 +5116,33 @@ var _VioCheckout = class _VioCheckout extends LitElement {
    * express always has one; the normal flow has one once the backend
    * shippings loaded (the choice IS persisted on the cart and charged). */
   shippingMajor() {
+    if (this.checkoutState?.paymentMethod === "qliro" && typeof this.qliroShipping?.price === "number") {
+      return this.qliroShipping.price;
+    }
+    if (this.checkoutState?.paymentMethod === "nexi" && typeof this.nexiShipping?.shipping_price === "number") {
+      return this.nexiShipping.shipping_price;
+    }
+    if (this.checkoutState?.paymentMethod === "kustom" && typeof this.kustomShipping?.price === "number") {
+      return this.kustomShipping.price;
+    }
     if (!this.express && this.availableShippingsList.length === 0) return 0;
     const o = this.shippingOption;
     if (!o) return 0;
     return o.priceMajor ?? o.price / 100;
   }
+  /** The rate the summary names — Qliro's own pick while Qliro is the method. */
+  summaryShippingName() {
+    if (this.checkoutState?.paymentMethod === "qliro" && this.qliroShipping) {
+      const ref = this.qliroShipping.ref;
+      const picked = ref ? this.availableShippingsList.find((o2) => o2.id === ref) : void 0;
+      return picked ? picked.method || picked.name || "" : "";
+    }
+    if (this.checkoutState?.paymentMethod === "nexi" && this.nexiShipping) {
+      return this.nexiShipping.shipping_name ?? "";
+    }
+    const o = this.shippingOption;
+    return o ? o.method || o.name || "" : "";
+  }
   /** Total to charge — items + shipping (express). */
   payTotalLabel() {
     const s = this.checkoutState;
@@ -4179,7 +5155,9 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       <div
         class="modal ${this.express ? "as-side" : this.orderConfirmed ? "as-confirm" : ""}"
         role="dialog"
+        aria-modal="true"
         aria-label=${this.heading}
+        tabindex="-1"
       >
         <div class="handle" @click=${this.close} aria-hidden="true"></div>
         <div class="topbar">
@@ -4188,81 +5166,280 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         </div>
 
         <div class="body">
-          ${this.orderConfirmed ? this.renderConfirmation() : this.express ? this.renderKlarnaExpress() : this.renderCheckoutBody()}
+          ${this.providerReceipt ? this.renderProviderReceipt() : this.orderConfirmed ? this.renderConfirmation() : this.verifyingReturn ? this.renderVerifying() : this.express ? this.renderKlarnaExpress() : this.renderCheckoutBody()}
         </div>
       </div>
     `;
   }
+  /**
+   * The provider's receipt on its own. It must not depend on the cart: the
+   * payment step is rendered from the cart, and clearing the cart after a
+   * purchase is what took Qliro's receipt away on 2026-09-08 and brought back
+   * "how do you want to pay". The provider's container lives in the light DOM
+   * and is projected here, untouched.
+   */
+  renderProviderReceipt() {
+    const slot = this.providerReceipt === "walley" ? "vio-walley" : this.providerReceipt === "kustom" ? "vio-kustom" : "vio-qliro";
+    return html`
+      <section class="section provider-receipt">
+        <slot name=${slot}></slot>
+        <button class="confirm-close" @click=${this.close}>Lukk</button>
+      </section>
+    `;
+  }
+  /**
+   * A completed purchase whose receipt the PROVIDER shows. Same side effects as
+   * confirmOrder — `vio:payment-success` for the host and analytics, the
+   * sponsor's cart cleared — but the screen is the provider's receipt, not our
+   * "Takk!": two receipts for one purchase is one too many.
+   */
+  showProviderReceipt(method, sponsorId, result, returnCheckoutId) {
+    this.providerReceipt = method;
+    this.confirmedMethod = method;
+    this.open = true;
+    const checkoutId = returnCheckoutId || this.checkoutState?.checkoutId;
+    this.dispatchEvent(
+      new CustomEvent("vio:payment-success", {
+        bubbles: true,
+        composed: true,
+        detail: { method, sponsorId, result, checkoutId }
+      })
+    );
+    if (sponsorId) {
+      try {
+        Vio.cart.clearSponsorCart(sponsorId);
+      } catch {
+      }
+    }
+  }
+  /** Back from the payment page, asking whether it was paid — and nothing
+   * else on screen while we do. */
+  renderVerifying() {
+    return html`
+      <section class="verifying" role="status" aria-live="polite">
+        <span class="verifying-spinner" aria-hidden="true"></span>
+        <p class="verifying-text">${this.verifyingReturn}</p>
+        <p class="verifying-hint">Dette kan ta litt tid. Ikke lukk siden.</p>
+      </section>
+    `;
+  }
   renderConfirmation() {
     const o = this.confirmedOrder;
+    const email = o?.email || String(this.form.email ?? "").trim();
+    const details = [];
+    if (o?.orderId) details.push(["Ordrenummer", `#${o.orderId}`]);
+    details.push(["Betalingsm\xE5te", o?.paidWith || this.methodLabel(this.confirmedMethod)]);
+    if (o?.providerRef) details.push([o.providerRef.label, o.providerRef.value]);
+    if (email) details.push(["Kvittering til", email]);
     return html`
       <section class="confirmation">
-        <div class="confirm-check" aria-hidden="true">✓</div>
-        <h3 class="confirm-title">Takk for bestillingen!</h3>
-        <p class="confirm-text">
-          Betaling med ${this.methodLabel(this.confirmedMethod)} er bekreftet.${this.form.email ? html` Kvittering sendes til ${this.form.email}.` : ""}
-        </p>
-        ${o?.orderId ? html`<div class="confirm-order-id">Ordrenummer: <b>${o.orderId}</b></div>` : ""}
+        <header class="confirm-head">
+          <div class="confirm-check" aria-hidden="true">✓</div>
+          <div>
+            <h3 class="confirm-title">Takk for bestillingen!</h3>
+            <p class="confirm-text">
+              Betalingen er bekreftet.${email ? html` Du får en ordrebekreftelse på e-post.` : ""}
+            </p>
+          </div>
+        </header>
+
+        <dl class="confirm-details">
+          ${details.map(
+      ([k, v]) => html`<div><dt>${k}</dt><dd class=${k === o?.providerRef?.label ? "ref" : ""}>${v}</dd></div>`
+    )}
+        </dl>
+
         ${o && o.items.length > 0 ? html`
               <div class="confirm-summary">
+                <div class="confirm-label">Din bestilling</div>
                 ${o.items.map(
       (it) => html`
-                    <div class="order-row">
-                      <span>${it.brand ? `${it.brand} ` : ""}${it.name} ×${it.quantity}</span>
-                      <span>${formatPrice(it.unitPrice * it.quantity, it.currency)}</span>
+                    <div class="confirm-line">
+                      ${it.imageUrl ? html`<img class="confirm-thumb" src=${it.imageUrl} alt="" loading="lazy" />` : html`<span class="confirm-thumb" aria-hidden="true"></span>`}
+                      <span class="confirm-line-name">
+                        ${it.brand ? html`<small>${it.brand}</small>` : ""}
+                        <span>${it.name}</span>
+                        <small>Antall: ${it.quantity}</small>
+                      </span>
+                      <span class="confirm-line-price">
+                        ${formatPrice(it.unitPrice * it.quantity, it.currency)}
+                      </span>
                     </div>
                   `
     )}
+                ${o.shipping ? html`
+                      <div class="order-row">
+                        <span>Frakt – ${o.shipping.name}</span>
+                        <span>${formatPrice(o.shipping.price, o.currency)}</span>
+                      </div>
+                    ` : ""}
                 <div class="order-row total">
                   <span>Totalt</span><span>${formatPrice(o.total, o.currency)}</span>
                 </div>
               </div>
             ` : ""}
-        <button class="confirm-close" @click=${this.close}>Lukk</button>
+        <button class="confirm-close" @click=${this.close}>Fortsett å handle</button>
       </section>
     `;
   }
+  /**
+   * Whether mounting an embedded checkout now would be starting a payment the
+   * shopper asked for. Mounting CREATES an order at the provider (and a backend
+   * checkout if there is none), so it must not happen on a confirmation return,
+   * once this checkout's order is confirmed, or for a cart that cannot ship.
+   */
+  mayStartEmbeddedPayment() {
+    return !this.returningFrom && !this.orderConfirmed && !this.providerReceipt && !this.shippingBlocked && this.shippingsSettled();
+  }
+  /**
+   * Whether we know enough about shipping to create an order. The provider
+   * prices the order when it is created, so a first opening waits for the
+   * shippings to answer: the cart may turn out unable to ship at all. A list
+   * already on screen counts, and a later answer that blocks the cart takes
+   * the widget down again (see `updated`).
+   */
+  shippingsSettled() {
+    return this.items.length === 0 || this.availableShippingsList.length > 0 || this.shippingsReadyFor === this.embedSession();
+  }
+  /** Why nothing can be paid: the cart's products cannot ship together. */
+  renderShippingBlocked() {
+    return html`<div class="payment-error" role="alert">${_VioCheckout.SHIPPING_BLOCKED_MESSAGE}</div>`;
+  }
+  /**
+   * The checkout an embedded widget's order belongs to. Kustom, Qliro and
+   * Walley price the order when it is created, so a widget kept into a NEW
+   * checkout shows — and charges — the cart it was created for.
+   *
+   * Closing drops the widgets, but a checkout can start again without a
+   * close: in Vev the cart view opens on top of the checkout and "Til kassen"
+   * calls `Vio.checkout.open()` again (Angelo, 2026-09-14: quantities raised
+   * in the cart view, Qliro kept the old total). Every `open()` is a new
+   * session, so a widget from an earlier one starts over.
+   *
+   * 0.11.3 compared the cart LINES instead, and that was wrong: within one
+   * session the backend rewrites them (saving the shipping re-reads the cart),
+   * so the first Qliro event after that — the customer picking a shipping —
+   * tore the widget down mid-purchase (Alan, 2026-09-14). The session does
+   * not change under the customer's hands.
+   */
+  embedSession() {
+    const s = this.checkoutState;
+    return `${s?.sponsorId ?? ""}|${s?.session ?? ""}`;
+  }
   /** Klarna Payments widget panel: shipping + category chips + widget + pay button. */
+  /**
+   * The cart a Kustom order describes. When it changes under a mounted
+   * widget, the order is UPDATED in place (Kustom's rule) — see
+   * syncKustomIfStale. The order is a photo of the lines, not of the form:
+   * address and shipping live inside the widget.
+   */
+  kustomCartKey() {
+    return JSON.stringify([
+      this.items.map((i) => [i.productId, i.variantId ?? "", i.quantity]),
+      this.checkoutState?.subtotal ?? 0
+    ]);
+  }
   /** Mount the Kustom embedded checkout once it's the chosen method. */
   async mountKustomIfNeeded() {
     if (!this.open || !this.checkoutState) return;
     if (this.checkoutState.paymentMethod !== "kustom") return;
-    if (this.kustomMounting) return;
-    const container = this.renderRoot?.querySelector(
-      "#vio-kustom-checkout-container"
-    );
-    if (!container) return;
-    if (this.kustomMountedOrderId && container.childElementCount > 0) return;
+    if (!this.mayStartEmbeddedPayment()) return;
+    if (this.kustomMounting || this.kustomSyncing) return;
+    if (this.kustomMountedOrderId) {
+      if (this.kustomMountedFor === this.embedSession()) return;
+      this.unmountKustom();
+    }
+    const container = this.lightContainer("vio-kustom-checkout-container", "vio-kustom");
+    const mountedFor = this.embedSession();
+    const mountedKey = this.kustomCartKey();
     this.kustomMounting = true;
+    this.kustomNotice = null;
+    this.paymentError = null;
     container.innerHTML = "";
     try {
       const order = await Vio.checkout.mountKustomCheckout(
         container,
-        this.checkoutState.sponsorId
+        this.checkoutState.sponsorId,
+        this.kustomHandlers()
       );
       this.kustomMountedOrderId = order.order_id;
+      this.kustomMountedFor = mountedFor;
+      this.kustomMountedKey = mountedKey;
+      this.kustomShipping = order.shipping_name !== void 0 || order.shipping_price !== void 0 ? { name: order.shipping_name, price: order.shipping_price } : null;
+      this.kustomTotal = typeof order.total_price === "number" ? order.total_price : null;
     } catch (err) {
       if (typeof console !== "undefined") {
         console.warn("[VioCheckout] Kustom mount failed:", err);
       }
-      this.paymentError = `Kunne ikke laste Kustom: ${err instanceof Error ? err.message : String(err)}`;
+      this.paymentError = friendlyPaymentError(errorText(err));
       Vio.checkout.selectPaymentMethod("");
     } finally {
       this.kustomMounting = false;
     }
   }
+  /** What the widget tells us, kept only to show — never acted on server-side. */
+  kustomHandlers() {
+    return {
+      onOrderTotalChange: (minor) => {
+        this.kustomTotal = minor / 100;
+      },
+      onShippingOptionChange: (o) => {
+        this.kustomShipping = {
+          name: o?.name,
+          price: typeof o?.price === "number" ? o.price / 100 : void 0
+        };
+      },
+      onCannotComplete: () => {
+        this.kustomNotice = "Betalingen kunne ikke gjennomf\xF8res med valgt metode. Velg en annen betalingsm\xE5te.";
+      },
+      onNetworkError: () => {
+        this.kustomNotice = "Mistet kontakt med betalingsvinduet. Last inn siden p\xE5 nytt.";
+      }
+    };
+  }
+  /**
+   * The cart changed under a mounted Kustom widget: suspend it, push the
+   * cart into the same order, resume it. Never a second order, never a
+   * widget showing a total the backend will not charge (the validation
+   * callback would refuse it). A failed sync takes the widget down.
+   */
+  syncKustomIfStale() {
+    if (!this.kustomMountedOrderId || this.kustomMounting || this.kustomSyncing) return;
+    if (this.providerReceipt || this.returningFrom) return;
+    const key = this.kustomCartKey();
+    if (key === this.kustomMountedKey) return;
+    this.kustomSyncing = true;
+    this.kustomMountedKey = key;
+    void Vio.checkout.syncKustomOrder(this.checkoutState?.sponsorId).then((order) => {
+      if (!order) throw new Error("no order");
+      this.kustomMountedOrderId = order.order_id;
+      this.kustomTotal = typeof order.total_price === "number" ? order.total_price : this.kustomTotal;
+    }).catch((err) => {
+      if (typeof console !== "undefined") {
+        console.warn("[VioCheckout] Kustom sync failed:", err);
+      }
+      this.unmountKustom();
+      this.kustomNotice = "Bestillingen ble endret. Last inn betalingen p\xE5 nytt.";
+    }).finally(() => {
+      this.kustomSyncing = false;
+    });
+  }
   unmountKustom() {
     this.kustomMountedOrderId = null;
-    const container = this.renderRoot?.querySelector(
-      "#vio-kustom-checkout-container"
-    );
-    if (container) container.innerHTML = "";
+    this.kustomMountedFor = null;
+    this.kustomMountedKey = null;
+    this.kustomShipping = null;
+    this.kustomTotal = null;
+    Vio.checkout.destroyKustomListeners();
+    this.querySelector("#vio-kustom-checkout-container")?.remove();
   }
   renderKustomPanel() {
     return html`
       <div class="kustom-panel">
         ${this.kustomMounting ? html`<div style="font-size:13px;opacity:0.7;padding:8px 0;">Laster Kustom…</div>` : ""}
-        <div id="vio-kustom-checkout-container"></div>
+        ${this.kustomSyncing ? html`<div style="font-size:13px;opacity:0.7;padding:8px 0;">Oppdaterer bestillingen…</div>` : ""}
+        ${this.kustomNotice ? html`<div class="payment-notice">${this.kustomNotice}</div>` : ""}
+        <slot name="vio-kustom"></slot>
       </div>
     `;
   }
@@ -4292,9 +5469,15 @@ var _VioCheckout = class _VioCheckout extends LitElement {
   async mountQliroIfNeeded() {
     if (!this.open || !this.checkoutState) return;
     if (this.checkoutState.paymentMethod !== "qliro") return;
+    if (!this.mayStartEmbeddedPayment()) return;
     if (this.qliroMounting) return;
-    const container = this.lightContainer("vio-qliro-checkout-container", "vio-qliro");
-    if (this.qliroMountedOrderId && container.childElementCount > 0) return;
+    let container = this.lightContainer("vio-qliro-checkout-container", "vio-qliro");
+    if (this.qliroMountedOrderId && container.childElementCount > 0) {
+      if (this.qliroMountedFor === this.embedSession()) return;
+      this.unmountQliro();
+      container = this.lightContainer("vio-qliro-checkout-container", "vio-qliro");
+    }
+    const mountedFor = this.embedSession();
     this.qliroMounting = true;
     container.innerHTML = "";
     try {
@@ -4303,11 +5486,12 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         this.checkoutState.sponsorId
       );
       this.qliroMountedOrderId = order.order_id;
+      this.qliroMountedFor = mountedFor;
     } catch (err) {
       if (typeof console !== "undefined") {
         console.warn("[VioCheckout] Qliro mount failed:", err);
       }
-      this.paymentError = `Kunne ikke laste Qliro: ${err instanceof Error ? err.message : String(err)}`;
+      this.paymentError = friendlyPaymentError(errorText(err));
       Vio.checkout.selectPaymentMethod("");
     } finally {
       this.qliroMounting = false;
@@ -4315,6 +5499,8 @@ var _VioCheckout = class _VioCheckout extends LitElement {
   }
   unmountQliro() {
     this.qliroMountedOrderId = null;
+    this.qliroMountedFor = null;
+    this.qliroShipping = null;
     Vio.checkout.destroyQliroListeners();
     this.querySelector("#vio-qliro-checkout-container")?.remove();
   }
@@ -4335,9 +5521,15 @@ var _VioCheckout = class _VioCheckout extends LitElement {
   async mountWalleyIfNeeded() {
     if (!this.open || !this.checkoutState) return;
     if (this.checkoutState.paymentMethod !== "walley") return;
+    if (!this.mayStartEmbeddedPayment()) return;
     if (this.walleyMounting) return;
-    const container = this.lightContainer("vio-walley-checkout-container", "vio-walley");
-    if (this.walleyMountedOrderId && container.childElementCount > 0) return;
+    let container = this.lightContainer("vio-walley-checkout-container", "vio-walley");
+    if (this.walleyMountedOrderId && container.childElementCount > 0) {
+      if (this.walleyMountedFor === this.embedSession()) return;
+      this.unmountWalley();
+      container = this.lightContainer("vio-walley-checkout-container", "vio-walley");
+    }
+    const mountedFor = this.embedSession();
     this.walleyMounting = true;
     container.innerHTML = "";
     try {
@@ -4345,28 +5537,18 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         container,
         this.checkoutState.sponsorId,
         () => {
-          this.dispatchEvent(
-            new CustomEvent("vio:payment-success", {
-              detail: { method: "walley", orderId: order.order_id },
-              bubbles: true,
-              composed: true
-            })
-          );
-          const spId = this.checkoutState?.sponsorId;
-          if (spId) {
-            try {
-              Vio.cart.clearSponsorCart(spId);
-            } catch {
-            }
-          }
+          this.showProviderReceipt("walley", this.checkoutState?.sponsorId ?? 0, {
+            orderId: order.order_id
+          });
         }
       );
       this.walleyMountedOrderId = order.order_id;
+      this.walleyMountedFor = mountedFor;
     } catch (err) {
       if (typeof console !== "undefined") {
         console.warn("[VioCheckout] Walley mount failed:", err);
       }
-      this.paymentError = `Kunne ikke laste Walley: ${err instanceof Error ? err.message : String(err)}`;
+      this.paymentError = friendlyPaymentError(errorText(err));
       Vio.checkout.selectPaymentMethod("");
     } finally {
       this.walleyMounting = false;
@@ -4374,6 +5556,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
   }
   unmountWalley() {
     this.walleyMountedOrderId = null;
+    this.walleyMountedFor = null;
     this.querySelector("#vio-walley-checkout-container")?.remove();
   }
   renderWalleyPanel() {
@@ -4384,6 +5567,503 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       </div>
     `;
   }
+  /**
+   * Mount the Nexi embedded checkout once it's the chosen method. Nexi's own
+   * JS SDK renders into a LIGHT-DOM container (it refuses a shadow root);
+   * completion is its `payment-completed` event — Nexi neither redirects nor
+   * shows a receipt, so success lands in Vio's confirmation drawer. Shipping
+   * is re-priced on `address-changed` (see the manager).
+   */
+  async mountNexiIfNeeded() {
+    if (!this.open || !this.checkoutState) return;
+    if (this.checkoutState.paymentMethod !== "nexi") return;
+    if (!this.mayStartEmbeddedPayment()) return;
+    if (this.nexiMounting) return;
+    let container = this.lightContainer("vio-nexi-checkout-container", "vio-nexi");
+    if (this.nexiMountedOrderId && container.childElementCount > 0) {
+      if (this.nexiMountedFor === this.embedSession()) return;
+      this.unmountNexi();
+      container = this.lightContainer("vio-nexi-checkout-container", "vio-nexi");
+    }
+    const mountedFor = this.embedSession();
+    const resumePaymentId = this.nexiResumePaymentId;
+    this.nexiResumePaymentId = null;
+    this.nexiMounting = true;
+    this.nexiShippingNotice = null;
+    container.innerHTML = "";
+    try {
+      const order = await Vio.checkout.mountNexiCheckout(container, this.checkoutState.sponsorId, {
+        onCompleted: (paid) => this.onNexiCompleted(paid.order_id),
+        onShipping: (result, err) => {
+          const wanted = this.nexiShipping?.shipping_id;
+          const pickedNow = this.nexiPicking;
+          this.nexiPicking = false;
+          if (err || !result) {
+            this.nexiShipping = null;
+            this.nexiShippingNotice = "Kunne ikke beregne frakt. Pr\xF8v \xE5 endre adressen.";
+          } else if (result.reason === "AWAITING_ADDRESS") {
+            this.nexiShipping = result;
+            this.nexiShippingNotice = null;
+          } else if (!result.ok) {
+            this.nexiShipping = null;
+            this.nexiShippingNotice = "Vi kan dessverre ikke sende til dette landet.";
+          } else {
+            this.nexiShipping = result;
+            if (result.repriced_at_pay) {
+              this.nexiShippingNotice = "Frakten er oppdatert for leveringsadressen din. Sjekk totalen og trykk \xABBetal\xBB igjen.";
+            } else {
+              this.nexiShippingNotice = !pickedNow && wanted && result.shipping_id !== wanted ? `Valgt frakt leveres ikke til denne adressen. Vi har valgt ${result.shipping_name ?? "en annen"}.` : null;
+            }
+          }
+        }
+      }, resumePaymentId ? { paymentId: resumePaymentId } : void 0);
+      this.nexiMountedOrderId = order.order_id;
+      this.nexiMountedFor = mountedFor;
+    } catch (err) {
+      if (typeof console !== "undefined") {
+        console.warn("[VioCheckout] Nexi mount failed:", err);
+      }
+      this.paymentError = friendlyPaymentError(errorText(err));
+      Vio.checkout.selectPaymentMethod("");
+    } finally {
+      this.nexiMounting = false;
+    }
+  }
+  /** payment-completed: the reservation exists — confirm like the redirect methods do. */
+  onNexiCompleted(paymentId) {
+    const spId = this.checkoutState?.sponsorId ?? 0;
+    const checkoutId = this.checkoutState?.checkoutId ?? "";
+    const charged = this.nexiShipping?.ok ? this.nexiShipping.total_price : void 0;
+    this.confirmOrder("nexi", spId, { chargedTotal: charged });
+    if (this.confirmedOrder) {
+      this.confirmedOrder = {
+        ...this.confirmedOrder,
+        providerRef: { label: "Nexi betalings-ID", value: paymentId }
+      };
+    }
+    this.unmountNexi();
+    if (checkoutId) void this.addNexiPaymentDetails(checkoutId, spId, paymentId);
+  }
+  /**
+   * How it was paid and where the receipt goes — Nexi knows, we ask. Its
+   * payment details can lag the completion event by a moment, hence the
+   * few retries. Best effort: the confirmation stands without them.
+   */
+  async addNexiPaymentDetails(checkoutId, sponsorId, paymentId) {
+    for (const delay of _VioCheckout.NEXI_DETAILS_DELAYS_MS) {
+      if (delay) await new Promise((r) => setTimeout(r, delay));
+      const o = await Vio.checkout.getNexiOrder(checkoutId, sponsorId).catch(() => null);
+      const current = this.confirmedOrder;
+      if (!current || current.providerRef?.value !== paymentId) return;
+      if (!o) continue;
+      const paidWith = o.payment_method ? o.card_last4 ? `${o.payment_method} \u2022\u2022\u2022\u2022 ${o.card_last4}` : o.payment_method : void 0;
+      this.confirmedOrder = {
+        ...current,
+        ...paidWith ? { paidWith } : {},
+        ...o.email ? { email: o.email } : {}
+      };
+      if (paidWith) return;
+    }
+  }
+  static {
+    this.NEXI_DETAILS_DELAYS_MS = [0, 1500, 3e3];
+  }
+  unmountNexi() {
+    this.nexiMountedOrderId = null;
+    this.nexiMountedFor = null;
+    this.nexiShippingNotice = null;
+    this.nexiShipping = null;
+    this.nexiPicking = false;
+    Vio.checkout.destroyNexi();
+    this.querySelector("#vio-nexi-checkout-container")?.remove();
+  }
+  /**
+   * Nexi has no shipping picker: once an address is typed in the widget, the
+   * rates that reach it are listed here and the pick is pushed to the payment.
+   * With a single rate there is nothing to choose, so nothing is shown.
+   */
+  renderNexiShippingChoice() {
+    const options = this.nexiShipping?.options ?? [];
+    if (options.length < 2) return "";
+    const currency = this.checkoutState?.currency || getGlobalCurrency();
+    const current = this.nexiShipping?.shipping_id;
+    return html`
+      <div class="ship-select nexi-ship" role="radiogroup" aria-label="Frakt">
+        ${options.map(
+      (o) => html`
+            <button
+              class="ship-opt ${current === o.id ? "active" : ""}"
+              role="radio"
+              aria-checked=${current === o.id}
+              ?disabled=${this.nexiPicking}
+              @click=${() => void this.onPickNexiShipping(o.id)}
+            >
+              <span class="ship-meta"><b>${o.name}</b></span>
+              <span class="ship-price">${formatPrice(o.price, currency)}</span>
+            </button>
+          `
+    )}
+      </div>
+    `;
+  }
+  async onPickNexiShipping(id) {
+    if (this.nexiPicking || id === this.nexiShipping?.shipping_id) return;
+    this.nexiPicking = true;
+    try {
+      await Vio.checkout.pickNexiShipping(id);
+    } finally {
+      this.nexiPicking = false;
+    }
+  }
+  /* ── Adyen: our form first, then Adyen's Drop-in on a session ─────────── */
+  /**
+   * What an embedded payment is a photo OF — an Adyen session, a Stripe
+   * PaymentIntent. When any of it changes underneath, that photo no longer
+   * describes the purchase: it is dropped, and the shopper asks for the
+   * payment step again.
+   */
+  embedPurchaseKey() {
+    return JSON.stringify([
+      this.embedFormKey(),
+      this.items.map((i) => [i.productId, i.variantId ?? "", i.quantity]),
+      this.checkoutState?.subtotal ?? 0
+    ]);
+  }
+  /** The part of the photo the shopper types and picks. */
+  embedFormKey() {
+    const f = this.form;
+    return JSON.stringify([
+      f.firstName,
+      f.lastName,
+      f.email,
+      f.address,
+      f.postalCode,
+      f.city,
+      f.country ?? "",
+      this.selectedShipping
+    ]);
+  }
+  /** A mounted session whose purchase changed is taken down — never patched. */
+  dropStaleAdyen() {
+    if (!this.adyenMounted || this.adyenMounting) return;
+    if (this.adyenMountedKey === this.embedPurchaseKey()) return;
+    this.unmountAdyen();
+    this.adyenStale = true;
+  }
+  async mountAdyenIfNeeded() {
+    if (!this.open || !this.checkoutState) return;
+    if (this.checkoutState.paymentMethod !== "adyen") return;
+    if (!this.mayStartEmbeddedPayment() || this.adyenSettled) return;
+    if (this.adyenMounting) return;
+    if (this.adyenMounted) {
+      if (this.adyenMountedFor === this.embedSession()) return;
+      this.unmountAdyen();
+    }
+    if (!this.adyenRequested || !this.isAddressValid || !this.hasSelectedShipping) return;
+    this.adyenRequested = false;
+    this.adyenMounting = true;
+    this.adyenStale = false;
+    this.paymentError = null;
+    const spId = this.checkoutState.sponsorId;
+    const mountedFor = this.embedSession();
+    const formKey = this.embedFormKey();
+    try {
+      const selectedOpt = this.shippingList.find((o) => o.id === this.selectedShipping);
+      if (selectedOpt?.supplierId) {
+        await Vio.checkout.updateShippingsBySupplier(
+          [{ shipping_id: selectedOpt.id, supplier_id: Number(selectedOpt.supplierId) }],
+          spId
+        );
+      }
+      await this.updateComplete;
+      const container = this.lightContainer("vio-adyen-checkout-container", "vio-adyen");
+      container.innerHTML = "";
+      await Vio.checkout.mountAdyenCheckout(container, spId, this.form, {
+        onCompleted: (payment, session) => this.onAdyenCompleted(spId, payment, session),
+        onFailed: () => {
+          this.unmountAdyen();
+          this.paymentError = "Betalingen ble ikke gjennomf\xF8rt. Pr\xF8v igjen, eller velg en annen betalingsm\xE5te.";
+        },
+        onReplaced: (reason) => {
+          this.unmountAdyen();
+          this.adyenStale = true;
+          if (reason === "ALREADY_PAID") {
+            this.adyenSettled = true;
+            this.paymentNotice = "Denne bestillingen er allerede betalt.";
+          }
+        },
+        onError: (error) => {
+          if (typeof console !== "undefined") console.warn("[VioCheckout] Adyen error:", error);
+        }
+      });
+      if (this.embedSession() !== mountedFor || this.checkoutState?.paymentMethod !== "adyen" || !this.open) {
+        this.unmountAdyen();
+        return;
+      }
+      if (this.embedFormKey() !== formKey) {
+        this.unmountAdyen();
+        this.adyenStale = true;
+        return;
+      }
+      this.adyenMounted = true;
+      this.adyenMountedFor = mountedFor;
+      this.adyenMountedKey = this.embedPurchaseKey();
+    } catch (err) {
+      this.unmountAdyen();
+      this.paymentError = err instanceof AdyenOriginError ? "Betaling er ikke aktivert for denne siden enn\xE5. Ta kontakt med butikken." : friendlyPaymentError(errorText(err));
+      if (typeof console !== "undefined") console.warn("[VioCheckout] Adyen mount failed:", err);
+    } finally {
+      this.adyenMounting = false;
+    }
+  }
+  onAdyenCompleted(sponsorId, payment, session) {
+    const outcome = adyenReturnOutcome(payment);
+    this.unmountAdyen();
+    if (outcome === "paid") {
+      this.adyenSettled = true;
+      this.confirmOrder("adyen", sponsorId, {
+        chargedTotal: payment?.total_price ?? session.total_price
+      });
+      this.addAdyenPaymentDetails(payment);
+    } else if (outcome === "pending") {
+      this.adyenSettled = true;
+      this.paymentNotice = "Betalingen behandles fortsatt. Du f\xE5r ordrebekreftelse p\xE5 e-post n\xE5r den er gjennomf\xF8rt. Handlekurven er uendret.";
+    } else {
+      this.paymentError = "Betalingen ble ikke gjennomf\xF8rt. Pr\xF8v igjen, eller velg en annen betalingsm\xE5te.";
+    }
+  }
+  /** What Adyen told us about the payment, on Vio's confirmation. */
+  addAdyenPaymentDetails(payment) {
+    if (!this.confirmedOrder || !payment) return;
+    this.confirmedOrder = {
+      ...this.confirmedOrder,
+      ...payment.psp_reference ? { providerRef: { label: "Betalingsreferanse", value: payment.psp_reference } } : {},
+      ...payment.payment_method ? { paidWith: payment.payment_method } : {},
+      ...payment.email && !this.confirmedOrder.email ? { email: payment.email } : {},
+      ...payment.shipping_name && !this.confirmedOrder.shipping ? { shipping: { name: payment.shipping_name, price: payment.shipping_price ?? 0 } } : {}
+    };
+  }
+  unmountAdyen() {
+    Vio.checkout.destroyAdyen();
+    this.adyenMounted = false;
+    this.adyenMountedFor = null;
+    this.adyenMountedKey = null;
+    this.adyenRequested = false;
+    this.adyenStale = false;
+    this.querySelector("#vio-adyen-checkout-container")?.remove();
+  }
+  renderAdyenPanel() {
+    const ready = this.isAddressValid && this.hasSelectedShipping;
+    const showButton = !this.adyenMounted && !this.adyenMounting && !this.adyenSettled;
+    return html`
+      <div class="adyen-panel">
+        ${this.adyenMounting ? html`<div style="font-size:13px;opacity:0.7;padding:8px 0;">Laster betaling…</div>` : ""}
+        ${this.adyenStale && showButton ? html`<div class="payment-notice">Bestillingen ble endret. Oppdater betalingen for å fortsette.</div>` : ""}
+        ${showButton ? html`
+              <button
+                class="payment-btn primary complete-cta"
+                ?disabled=${!ready}
+                title=${!this.isAddressValid ? "Vennligst fyll ut leveringsadresse" : !this.hasSelectedShipping ? "Vennligst velg en fraktmetode" : ""}
+                @click=${() => {
+      this.adyenRequested = true;
+    }}
+              >
+                ${this.adyenStale ? "Oppdater betaling" : `G\xE5 til betaling \xB7 ${this.payTotalLabel()}`}
+              </button>
+            ` : ""}
+        <slot name="vio-adyen"></slot>
+      </div>
+    `;
+  }
+  /* ── Stripe, native: the Payment Element on our own page ──────────────── */
+  /** A mounted Element whose purchase changed is taken down — never patched. */
+  dropStaleStripe() {
+    if (!this.stripeMounted || this.stripeMounting) return;
+    if (this.stripeMountedKey === this.embedPurchaseKey()) return;
+    this.unmountStripe();
+    this.stripeStale = true;
+  }
+  async mountStripeIfNeeded() {
+    if (!this.open || !this.checkoutState) return;
+    if (this.checkoutState.paymentMethod !== "stripe" || this.stripeMode !== "native") return;
+    if (!this.mayStartEmbeddedPayment() || this.stripeSettled) return;
+    if (this.stripeMounting) return;
+    if (this.stripeMounted) {
+      if (this.stripeMountedFor === this.embedSession()) return;
+      this.unmountStripe();
+    }
+    if (!this.stripeRequested || !this.isAddressValid || !this.hasSelectedShipping) return;
+    this.stripeRequested = false;
+    this.stripeMounting = true;
+    this.stripeStale = false;
+    this.paymentError = null;
+    const spId = this.checkoutState.sponsorId;
+    const mountedFor = this.embedSession();
+    const formKey = this.embedFormKey();
+    try {
+      const selectedOpt = this.shippingList.find((o) => o.id === this.selectedShipping);
+      if (selectedOpt?.supplierId) {
+        await Vio.checkout.updateShippingsBySupplier(
+          [{ shipping_id: selectedOpt.id, supplier_id: Number(selectedOpt.supplierId) }],
+          spId
+        );
+      }
+      await this.updateComplete;
+      const container = this.lightContainer("vio-stripe-checkout-container", "vio-stripe");
+      container.innerHTML = "";
+      this.stripeReady = false;
+      const mounted = await Vio.checkout.mountStripeCheckout(container, spId, this.form, {
+        // `mount()` resolves before Stripe paints anything — seconds before,
+        // on a cold cache. Its own "ready" is what turns the spinner off.
+        onReady: () => {
+          this.stripeReady = true;
+        },
+        onLoadError: (message) => {
+          this.unmountStripe();
+          if (typeof console !== "undefined") {
+            console.warn("[VioCheckout] Stripe Payment Element failed to load:", message);
+          }
+          this.paymentError = friendlyPaymentError(message, "stripe");
+        }
+      });
+      if (this.embedSession() !== mountedFor || this.checkoutState?.paymentMethod !== "stripe" || !this.open) {
+        this.unmountStripe();
+        return;
+      }
+      if (this.embedFormKey() !== formKey) {
+        this.unmountStripe();
+        this.stripeStale = true;
+        return;
+      }
+      this.stripeElement = mounted.handle;
+      this.stripeCheckoutId = mounted.checkoutId;
+      this.stripeMounted = true;
+      this.stripeMountedFor = mountedFor;
+      this.stripeMountedKey = this.embedPurchaseKey();
+    } catch (err) {
+      this.unmountStripe();
+      this.paymentError = friendlyPaymentError(errorText(err));
+      if (typeof console !== "undefined") console.warn("[VioCheckout] Stripe mount failed:", err);
+    } finally {
+      this.stripeMounting = false;
+    }
+  }
+  /**
+   * Pay with the mounted Element. Stripe answers the BROWSER; the order is
+   * created server-side by the `payment_intent.succeeded` webhook, so a
+   * success is then waited for on the checkout itself.
+   */
+  async onStripePay() {
+    if (!this.stripeElement || this.stripePaying) return;
+    const spId = this.checkoutState?.sponsorId ?? 0;
+    const checkoutId = this.stripeCheckoutId;
+    const charged = (this.checkoutState?.subtotal ?? 0) + this.shippingMajor();
+    this.stripePaying = true;
+    this.paymentError = null;
+    try {
+      const outcome = await this.stripeElement.confirm();
+      if (outcome.status === "failed") {
+        this.paymentError = outcome.message || "Betalingen ble ikke gjennomf\xF8rt. Pr\xF8v igjen, eller velg en annen betalingsm\xE5te.";
+        return;
+      }
+      this.stripeSettled = true;
+      this.unmountStripe();
+      const settled = checkoutId ? await this.waitForStripeOrder(checkoutId, spId) : "pending";
+      if (settled === "paid") {
+        this.confirmOrder("stripe", spId, { chargedTotal: charged });
+      } else if (settled === "duplicate") {
+        this.stripeSettled = false;
+        this.paymentError = CART_PAID_MESSAGE;
+      } else if (settled === "failed") {
+        this.stripeSettled = false;
+        this.paymentError = "Betalingen ble avbrutt eller feilet. Vennligst pr\xF8v igjen.";
+      } else {
+        this.paymentNotice = "Betalingen behandles fortsatt. Du f\xE5r ordrebekreftelse p\xE5 e-post n\xE5r den er gjennomf\xF8rt. Handlekurven er uendret.";
+      }
+    } catch (err) {
+      this.paymentError = `Betalingen kunne ikke fullf\xF8res: ${err instanceof Error ? err.message : String(err)}`;
+      if (typeof console !== "undefined") console.warn("[VioCheckout] Stripe confirm failed:", err);
+    } finally {
+      this.stripePaying = false;
+    }
+  }
+  /**
+   * Wait for Stripe's webhook to make the checkout paid — the same window the
+   * redirect return uses, and ONLY the status: a Stripe checkout carries
+   * `origin_payment_id` from the moment the intent is created, so that
+   * pointer would read as paid before anyone paid.
+   */
+  async waitForStripeOrder(checkoutId, sponsorId) {
+    for (const delayMs of _VioCheckout.RETURN_VERIFY_DELAYS_MS) {
+      if (delayMs > 0) await new Promise((r) => setTimeout(r, delayMs));
+      try {
+        const checkout = await Vio.checkout.getCheckout(checkoutId, sponsorId || void 0);
+        const status = String(checkout?.status ?? "").toLowerCase();
+        if (checkout?.duplicate_of) return "duplicate";
+        if (_VioCheckout.FAILED_STATUSES.has(status)) return "failed";
+        if (_VioCheckout.PAID_STATUSES.has(status)) return "paid";
+      } catch (err) {
+        if (typeof console !== "undefined") {
+          console.warn("[VioCheckout] Stripe order check failed:", err);
+        }
+      }
+    }
+    return "pending";
+  }
+  unmountStripe() {
+    Vio.checkout.destroyStripe();
+    this.stripeReady = false;
+    this.stripeElement = null;
+    this.stripeCheckoutId = null;
+    this.stripeMounted = false;
+    this.stripeMountedFor = null;
+    this.stripeMountedKey = null;
+    this.stripeRequested = false;
+    this.stripeStale = false;
+    this.querySelector("#vio-stripe-checkout-container")?.remove();
+  }
+  renderStripePanel() {
+    const ready = this.isAddressValid && this.hasSelectedShipping;
+    const showButton = !this.stripeMounted && !this.stripeMounting && !this.stripeSettled;
+    return html`
+      <div class="stripe-panel">
+        ${this.stripeMounting || this.stripeMounted && !this.stripeReady ? html`<div style="font-size:13px;opacity:0.7;padding:8px 0;">Laster betaling…</div>` : ""}
+        ${this.stripeStale && showButton ? html`<div class="payment-notice">Bestillingen ble endret. Oppdater betalingen for å fortsette.</div>` : ""}
+        ${showButton ? html`
+              <button
+                class="payment-btn primary complete-cta"
+                ?disabled=${!ready}
+                title=${!this.isAddressValid ? "Vennligst fyll ut leveringsadresse" : !this.hasSelectedShipping ? "Vennligst velg en fraktmetode" : ""}
+                @click=${() => {
+      this.stripeRequested = true;
+    }}
+              >
+                ${this.stripeStale ? "Oppdater betaling" : `G\xE5 til betaling \xB7 ${this.payTotalLabel()}`}
+              </button>
+            ` : ""}
+        <slot name="vio-stripe"></slot>
+        ${this.stripeMounted ? html`
+              <button
+                class="payment-btn primary complete-cta"
+                ?disabled=${this.stripePaying || !this.stripeReady}
+                @click=${() => void this.onStripePay()}
+              >
+                ${this.stripePaying ? "Betaler\u2026" : `Betal ${this.payTotalLabel()}`}
+              </button>
+            ` : ""}
+      </div>
+    `;
+  }
+  renderNexiPanel() {
+    return html`
+      <div class="nexi-panel">
+        ${this.nexiMounting ? html`<div style="font-size:13px;opacity:0.7;padding:8px 0;">Laster Nexi…</div>` : ""}
+        ${this.renderNexiShippingChoice()}
+        <slot name="vio-nexi"></slot>
+        ${this.nexiShippingNotice ? html`<div class="payment-notice">${this.nexiShippingNotice}</div>` : ""}
+      </div>
+    `;
+  }
   renderKlarnaPanel() {
     const currency = this.checkoutState?.currency || getGlobalCurrency();
     return html`
@@ -4433,7 +6113,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         <button
           class="payment-btn primary complete-cta"
           @click=${() => void this.onKlarnaAuthorize()}
-          ?disabled=${this.klarnaAuthorizing || !this.klarnaHandle || this.klarnaMounting}
+          ?disabled=${this.klarnaAuthorizing || !this.klarnaHandle || this.klarnaMounting || !this.express && (!this.isAddressValid || !this.hasSelectedShipping)}
         >
           ${this.klarnaAuthorizing ? "Behandler\u2026" : this.klarnaMounting ? "Klargj\xF8r Klarna\u2026" : `Betal ${this.payTotalLabel()} med Klarna`}
         </button>
@@ -4483,7 +6163,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
                 </div>
               </div>
             ` : ""}
-        ${this.renderKlarnaPanel()}
+        ${this.shippingBlocked ? this.renderShippingBlocked() : this.renderKlarnaPanel()}
         ${this.paymentNotice ? html`<div class="payment-notice">${this.paymentNotice}</div>` : ""}
         ${this.paymentError ? html`<div class="payment-error">${this.paymentError}</div>` : ""}
       </section>
@@ -4493,10 +6173,10 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     const method = this.checkoutState?.paymentMethod;
     const showCompleteCta = !!method && !this.isExpressMethod(method);
     const isVipps = method === "vipps";
-    const isKustom = method === "kustom" || method === "qliro" || method === "walley";
+    const needsOurForm = !!method && !collectsOwnAddress(method);
     return html`
-          ${!isVipps && !isKustom ? html`
-          <section class="section">
+          ${needsOurForm ? html`
+          <section class="section address-section">
             <div class="section-label">Steg 1</div>
             <h3 class="section-heading">Leveringsadresse</h3>
             <div class="form-row">
@@ -4612,32 +6292,41 @@ var _VioCheckout = class _VioCheckout extends LitElement {
               ` : ""}
 
           <section class="section">
-            <div class="section-label">${isVipps || isKustom ? "Betaling" : "Steg 2"}</div>
-            ${method ? html`
+            <div class="section-label">
+              ${needsOurForm ? "Steg 2" : "Betaling"}
+            </div>
+            ${this.shippingBlocked ? this.renderShippingBlocked() : method ? html`
                   <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;">
                     <h3 class="section-heading" style="margin:0;">
                       Betalingsmåte: <b>${this.methodLabel(method)}</b>
                     </h3>
-                    <button
-                      type="button"
-                      style="background:none; border:none; color:var(--vio-color-accent, #c14a3b); text-decoration:underline; font-size:13px; cursor:pointer;"
-                      @click=${() => {
+                    ${(this.availableMethods?.length ?? 2) > 1 ? html`
+                          <button
+                            type="button"
+                            style="background:none; border:none; color:var(--vio-color-accent, #c14a3b); text-decoration:underline; font-size:13px; cursor:pointer;"
+                            @click=${() => {
       this.unmountKlarna();
       this.unmountKustom();
       this.unmountQliro();
       this.unmountWalley();
+      this.unmountNexi();
+      this.unmountAdyen();
       Vio.checkout.selectPaymentMethod("");
     }}
-                    >
-                      Endre
-                    </button>
+                          >
+                            Endre
+                          </button>
+                        ` : ""}
                   </div>
 
                   ${method === "klarna" ? this.renderKlarnaPanel() : ""}
                   ${method === "kustom" ? this.renderKustomPanel() : ""}
                   ${method === "qliro" ? this.renderQliroPanel() : ""}
                   ${method === "walley" ? this.renderWalleyPanel() : ""}
-                  ${method === "stripe" ? html`
+                  ${method === "nexi" ? this.renderNexiPanel() : ""}
+                  ${method === "adyen" ? this.renderAdyenPanel() : ""}
+                  ${method === "stripe" && this.stripeMode === "native" ? this.renderStripePanel() : ""}
+                  ${method === "stripe" && this.stripeMode !== "native" ? html`
                         <button
                           class="payment-btn primary complete-cta"
                           @click=${() => void this.onPay("stripe")}
@@ -4676,19 +6365,25 @@ var _VioCheckout = class _VioCheckout extends LitElement {
                           Betal ${this.payTotalLabel()} med ${this.methodLabel(method ?? null)}
                         </button>
                       ` : ""}
-                  ${!isVipps && !this.isAddressValid ? html`
+                  ${needsOurForm && !this.isAddressValid ? html`
                         <div style="font-size: 12px; color: var(--vio-color-accent, #c14a3b); text-align: center; margin-top: 8px;">
                           Vennligst fyll ut leveringsadresse for å fullføre betalingen
                         </div>
-                      ` : !isVipps && !this.hasSelectedShipping ? html`
+                      ` : needsOurForm && !this.hasSelectedShipping ? html`
                           <div style="font-size: 12px; color: var(--vio-color-accent, #c14a3b); text-align: center; margin-top: 8px;">
                             Vennligst velg en fraktmetode for å fullføre betalingen
                           </div>
                         ` : ""}
-                ` : html`
+                ` : !this.paymentMethodsResolved ? html`
+                    <h3 class="section-heading">Velg betalingsmåte</h3>
+                    <div class="payment-loading">
+                      <span class="payment-spinner" aria-hidden="true"></span>
+                      <span>Henter betalingsmåter…</span>
+                    </div>
+                  ` : html`
                   <h3 class="section-heading">Velg betalingsmåte</h3>
                   <div class="payment-grid">
-                    ${this.methodEnabled("apple-pay") && this.applePayAvailable ? html`
+                    ${this.methodEnabled("apple-pay") && this.applePayAvailable && !this.stripeOwnsWallets() ? html`
                           <button
                             class="payment-btn primary"
                             @click=${() => this.onPay("apple-pay")}
@@ -4726,15 +6421,26 @@ var _VioCheckout = class _VioCheckout extends LitElement {
                             <span style="font-weight:800;font-size:16px;letter-spacing:-0.01em">Walley</span>
                           </button>
                         ` : ""}
-                    ${this.methodEnabled("vipps") ? html`
-                          <button class="payment-btn" @click=${() => this.onPay("vipps")}>
-                            <span style="color:#ff5b24;font-weight:800;font-size:17px;letter-spacing:-0.02em">vipps</span>
+                    ${this.methodEnabled("nexi") ? html`
+                          <button class="payment-btn" @click=${() => this.onPay("nexi")}>
+                            <span style="font-weight:800;font-size:16px;letter-spacing:-0.01em">Nexi</span>
                           </button>
                         ` : ""}
-                    ${this.methodEnabled("apple-pay") && !this.applePayAvailable ? html`
-                          <div class="apple-pay-note">
-                             Pay krever Safari på iOS eller macOS med Apple Pay konfigurert.
-                          </div>
+                    ${this.methodEnabled("adyen") ? html`
+                          <button class="payment-btn" @click=${() => this.onPay("adyen")}>
+                            <span style="font-weight:700;font-size:15px;letter-spacing:-0.01em">${this.methodLabel("adyen")}</span>
+                          </button>
+                        ` : ""}
+                    ${this.methodEnabled("vipps") ? html`
+                          <button class="payment-btn" @click=${() => this.onPay("vipps")} aria-label="Vipps">
+                            ${this.vippsOfficial ? html`<vipps-mobilepay-button
+                                  brand="vipps"
+                                  variant="primary"
+                                  rounded="true"
+                                  compact="true"
+                                  style="pointer-events:none"
+                                ></vipps-mobilepay-button>` : html`<span style="color:#ff5b24;font-weight:800;font-size:17px;letter-spacing:-0.02em">vipps</span>`}
+                          </button>
                         ` : ""}
                   </div>
                 `}
@@ -4765,7 +6471,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
                     <span>Sum</span><span>${this.orderTotal()}</span>
                   </div>
                   <div class="order-row">
-                    <span>Frakt${this.shippingMajor() > 0 && this.shippingOption ? ` \u2013 ${this.shippingOption.method || this.shippingOption.name}` : ""}</span>
+                    <span>Frakt${this.shippingMajor() > 0 && this.summaryShippingName() ? ` \u2013 ${this.summaryShippingName()}` : ""}</span>
                     <span>${this.shippingMajor() > 0 ? formatPrice(this.shippingMajor(), this.checkoutState?.currency) : this.shippingLabel}</span>
                   </div>
                   <div class="order-row total">
@@ -4808,6 +6514,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "orderConfirmed", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "providerReceipt", 2);
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "confirmedMethod", 2);
@@ -4817,6 +6526,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "paymentNotice", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "verifyingReturn", 2);
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "confirmedOrder", 2);
@@ -4838,15 +6550,84 @@ __decorateClass([
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "availableMethods", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "vippsOfficial", 2);
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "kustomMounting", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "kustomSyncing", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "kustomShipping", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "kustomTotal", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "kustomNotice", 2);
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "qliroMounting", 2);
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "walleyMounting", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "nexiMounting", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "nexiShippingNotice", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "nexiShipping", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "nexiPicking", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "adyenMounting", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "adyenRequested", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "adyenMounted", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "adyenStale", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "adyenSettled", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "stripeMode", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "stripeRequested", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "stripeMounting", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "stripeMounted", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "stripeStale", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "stripeSettled", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "stripePaying", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "stripeReady", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "qliroShipping", 2);
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "stripeLoading", 2);
@@ -4856,6 +6637,15 @@ __decorateClass([
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "form", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "paymentMethodsResolved", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "shippingBlocked", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "shippingsReadyFor", 2);
 var VioCheckout = _VioCheckout;
 
 // src/ui/elements.ts
@@ -4875,5 +6665,5 @@ function registerVioElements() {
 }
 
 export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements };
-//# sourceMappingURL=chunk-7TGCXO5J.js.map
-//# sourceMappingURL=chunk-7TGCXO5J.js.map
+//# sourceMappingURL=chunk-MRJR6DG5.js.map
+//# sourceMappingURL=chunk-MRJR6DG5.js.map