

<!DOCTYPE html>
<html lang="fi">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tourne Expre Edition — MY TOURNE</title>
<link rel="canonical" href="https://my.tourne-mobil.com/fi/builds/expre">
<link rel="alternate" hreflang="en" href="https://my.tourne-mobil.com/builds/expre">
<link rel="alternate" hreflang="de-DE" href="https://my.tourne-mobil.com/de/builds/expre">
<link rel="alternate" hreflang="nb-NO" href="https://my.tourne-mobil.com/nor/builds/expre">
<link rel="alternate" hreflang="sl-SI" href="https://my.tourne-mobil.com/slo/builds/expre">
<link rel="alternate" hreflang="sv-SE" href="https://my.tourne-mobil.com/sv/builds/expre">
<link rel="alternate" hreflang="fi-FI" href="https://my.tourne-mobil.com/fi/builds/expre">
<link rel="alternate" hreflang="x-default" href="https://my.tourne-mobil.com/builds/expre">
<meta name="description" content="Tourne Expre Edition — valmis Tourne-kokoonpano, jonka voit ottaa sellaisenaan tai muokata omaksesi, hinta oman markkina-alueesi mukaan.">
<script>
(function(){
  // One-time reset: light became the unconditional default, so a preference left
  // behind by the old OS-following boot is cleared once. Bump BOOT_V to force
  // another reset; a choice made with the toggle after that persists as normal.
  var BOOT_V = '2';
  var saved = null;
  try{
    if (localStorage.getItem('ds-theme-v') !== BOOT_V){
      localStorage.removeItem('ds-theme');
      localStorage.setItem('ds-theme-v', BOOT_V);
    }
    saved = localStorage.getItem('ds-theme');
  }catch(e){}
  document.documentElement.setAttribute('data-theme', saved === 'dark' ? 'dark' : 'light');
  window.dsTheme = {
    set: function(t){
      document.documentElement.setAttribute('data-theme', t);
      try{ localStorage.setItem('ds-theme', t); }catch(e){}
      document.querySelectorAll('[data-theme-toggle]').forEach(function(b){
        b.setAttribute('aria-pressed', t === 'dark');
      });
    },
    toggle: function(){
      var cur = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light';
      this.set(cur === 'dark' ? 'light' : 'dark');
    }
  };
})();
</script>

<link rel="stylesheet" href="https://use.typekit.net/zbt0kwp.css">
  <link rel="stylesheet" href="/assets/css/ds.css?d=178">
  <link rel="stylesheet" href="/assets/css/builds.css?d=178">
<!-- Fathom - beautiful, simple website analytics -->
<script src="https://cdn.usefathom.com/script.js" data-site="MJPKEKTP" defer></script>
<!-- / Fathom -->
<script>
window.tourneTrack = (function () {
  var queue = [], drained = false, seen = {};
  function send(call) {
    var f = window.fathom;
    if (!f || typeof f.trackEvent !== 'function') return;   // dev, or blocked
    try {
      if (call[1] == null) f.trackEvent(call[0]);
      else f.trackEvent(call[0], { _value: call[1] });
    } catch (e) { /* analytics must never break a page */ }
  }
  function drain() {
    drained = true;
    while (queue.length) send(queue.shift());
  }
  if (document.readyState === 'complete') drained = true;
  else window.addEventListener('load', drain);

  return function (name, valueCents, oncePerPage) {
    if (!name) return;
    if (oncePerPage) {
      if (seen[name]) return;
      seen[name] = 1;
    }
    var value = (typeof valueCents === 'number' && isFinite(valueCents) && valueCents > 0)
      ? Math.round(valueCents)
      : null;
    if (drained) send([name, value]);
    else queue.push([name, value]);
  };
})();
</script>
</head>
<body class="bp">
          
  <div class="ds-wwwband" role="region" aria-label="Tourne-sivustot">
    <div class="ds-wwwband__wrap">
      <span class="ds-wwwband__brand"><b>MY TOURNE</b> · Rakenna omasi</span>
      <a class="ds-wwwband__link" href="https://www.tourne-mobil.com">Takaisin tourne-mobil.com-sivustolle</a>
    </div>
  </div>

              
  <header class="ds-topbar">
    <div class="ds-topbar__wrap">
      <a class="ds-topbar__brand" href="https://my.tourne-mobil.com/fi/" aria-label="Tourne — home">
          <svg class="tourne-logo" width="903" height="53" viewBox="61.6 485.4 902.7 53.1" style="--logo-h:18px" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="TOURNE">
    <g fill="currentColor">
      <path d="M199.5,536.7l-56.2,0.2h-0.7c-34.7,0-51.5-0.5-61.3-4.4c-8.4-3.3-10.8-10.3-10.8-18.7v-8.2h-8.9v-0.7l20.6-19.4h0.9v9.6h58.1l-4.7,10.5H83.2v8c0,4.4,0.2,8.2,4.9,10.3c6.8,3,19.7,3.5,54.6,3.3h59L199.5,536.7z"/>
      <path d="M363.7,516.6c-0.2,7.7-2.8,14.3-10.8,17.3c-9.6,4-26,4.4-59.2,4.4h-1.4c-0.5,0-0.9,0-1.4,0c-33.2,0-49.6-0.5-59.2-4.4c-8-3-10.5-9.6-10.8-17.3v-0.9c0-0.2,0-0.5,0-0.7c0.2-7.7,2.8-14.3,10.8-17.3c9.6-4,26-4.4,59.2-4.4h1.4c0.5,0,0.9,0,1.4,0c33.2,0,49.6,0.5,59.2,4.4c8,3,10.5,9.6,10.8,17.3v0.7V516.6z M351,515.6c0-4-0.5-7.5-4.9-9.4c-6.6-3-19.2-3.5-52.4-3.3h-1.4c-0.5,0-0.9,0-1.4,0c-33.2-0.2-45.9,0.2-52.4,3.3c-4.4,1.9-4.9,5.4-4.9,9.4c0,4.2,0.5,7.7,4.9,9.6c6.6,3,19.2,3.5,52.4,3.3h1.4c0.5,0,0.9,0,1.4,0c33.2,0.2,45.9-0.2,52.4-3.3C350.6,523.4,351,519.8,351,515.6z"/>
      <path d="M517.9,495.5v40.7h-12.6v-6.1c-4.7,5.9-16.2,8.2-43.1,8.4H460c-0.2,0-0.5,0-0.7,0c-33.2,0-49.6-0.5-59.2-4.4c-8.2-3.3-10.5-10.1-10.8-18.3v-20.4H402v19.7c0,4.4,0.2,8.2,4.9,10.3c6.6,3,19.2,3.5,52.4,3.3c38.9,0,45.9-4,45.9-16.2v-17.1L517.9,495.5L517.9,495.5z"/>
      <path d="M655.1,494.8l-3.7,9.6l-54.6,0.2c-18,0-34.9,2.1-34.9,12.2v20.6h-12.6v-41.9h12.6v6.1c7-5.4,19.2-6.8,34.9-6.8L655.1,494.8L655.1,494.8z"/>
      <path d="M806.6,536.2H794v-19.7c0-4.5-0.2-8.2-4.9-10.3c-6.6-3-19.2-3.5-52.4-3.3c-38.9,0-45.9,4-45.9,16.2v17.1h-12.6v-40.7h12.6v6.1c4.7-5.9,16.2-8.2,43.1-8.4h2.1c0.2,0,0.5,0,0.7,0c33.2,0,49.6,0.5,59.2,4.4c8.2,3.3,10.5,10.1,10.8,18.3L806.6,536.2L806.6,536.2z"/>
      <path d="M946.6,529l-2.3,9.1l-45.2,0.2h-0.2c-36.3,0-49.2-1.2-58.3-5.2c-8-3.7-10.5-9.6-10.8-17.3v-0.2c0-0.2,0-0.2,0-0.5c0.2-7.5,2.8-13.1,10.8-16.9c8.9-3.7,21.1-5.2,54.6-5.2h2.1c0.5,0,1.2,0,1.9,0c33.5,0,45.7,1.4,54.6,5.2c8.7,4,10.8,8.4,10.8,21.5H842.6c0.5,2.1,1.4,3.7,3.5,4.9c5.6,3,16.6,4.4,52.7,4.2L946.6,529L946.6,529z M842.6,511.6h108.9c-0.5-2.3-1.4-4.2-3.5-5.4c-5.4-3-15.9-4.4-48.9-4.2h-1.9c-0.7,0-1.4,0-2.1,0c-33-0.2-43.5,1.2-48.9,4.2C843.8,507.4,843.1,509.3,842.6,511.6z"/>
    </g>
  </svg>

      </a>

      <div class="ds-topbar__right">
        
                  <nav aria-label="Primary">
            <ul class="ds-topbar__nav">
                              <li>
                  <a class="ds-topbar__link"
                     href="https://my.tourne-mobil.com/fi/configurator"
                     >Konfiguroi</a>
                </li>
                              <li>
                  <a class="ds-topbar__link"
                     href="https://my.tourne-mobil.com/fi/#editions"
                     >Mallistot</a>
                </li>
                              <li>
                  <a class="ds-topbar__link"
                     href="https://my.tourne-mobil.com/fi/inventory"
                     >Varastoautot</a>
                </li>
                          </ul>
          </nav>
        
                                
  <div class="ds-mp" id="mpTopbar" data-ds-mp>
    <button type="button" class="ds-mp__trigger"
            aria-haspopup="true" aria-expanded="false" aria-controls="mpTopbar-panel"
            aria-label="Vaihda kieltä tai markkina-aluetta — FI · FI">
      <svg class="ds-icon ds-icon--globe" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a13.9 13.9 0 0 1 3.5 9 13.9 13.9 0 0 1-3.5 9 13.9 13.9 0 0 1-3.5-9A13.9 13.9 0 0 1 12 3z"/></svg>

      <span class="ds-mp__cur">FI · FI</span>
      <svg class="ds-icon ds-icon--chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>

    </button>

    <div class="ds-mp__panel" id="mpTopbar-panel" hidden>
      <div class="ds-mp__col" role="group" aria-label="Kieli">
        <h4 class="ds-mp__head">Kieli</h4>
        <ul class="ds-mp__list">
                      <li>
              <a class="ds-mp__item"
                 href="https://my.tourne-mobil.com/builds/expre" hreflang="en" lang="en">
                <span class="ds-mp__code" aria-hidden="true">EN</span>
                <span class="ds-mp__name">English</span>
                              </a>
            </li>
                      <li>
              <a class="ds-mp__item"
                 href="https://my.tourne-mobil.com/de/builds/expre" hreflang="de" lang="de">
                <span class="ds-mp__code" aria-hidden="true">DE</span>
                <span class="ds-mp__name">Deutsch</span>
                              </a>
            </li>
                      <li>
              <a class="ds-mp__item"
                 href="https://my.tourne-mobil.com/slo/builds/expre" hreflang="sl" lang="sl">
                <span class="ds-mp__code" aria-hidden="true">SL</span>
                <span class="ds-mp__name">Slovenščina</span>
                              </a>
            </li>
                      <li>
              <a class="ds-mp__item"
                 href="https://my.tourne-mobil.com/nor/builds/expre" hreflang="nb" lang="nb">
                <span class="ds-mp__code" aria-hidden="true">NB</span>
                <span class="ds-mp__name">Norsk</span>
                              </a>
            </li>
                      <li>
              <a class="ds-mp__item"
                 href="https://my.tourne-mobil.com/sv/builds/expre" hreflang="sv" lang="sv">
                <span class="ds-mp__code" aria-hidden="true">SV</span>
                <span class="ds-mp__name">Svenska</span>
                              </a>
            </li>
                      <li>
              <a class="ds-mp__item is-active"
                 href="https://my.tourne-mobil.com/fi/builds/expre" hreflang="fi" lang="fi" aria-current="true">
                <span class="ds-mp__code" aria-hidden="true">FI</span>
                <span class="ds-mp__name">Suomi</span>
                <span class="ds-mp__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ds-mp__sr">Nykyinen</span></span>              </a>
            </li>
                  </ul>
      </div>

      <div class="ds-mp__col" role="group" aria-label="Markkina-alue">
        <h4 class="ds-mp__head">Markkina-alue</h4>
        <ul class="ds-mp__list">
                      <li>
              <button type="button" class="ds-mp__item"
                      data-mp-market="EU">
                <span class="ds-mp__code" aria-hidden="true">EU</span>
                <span class="ds-mp__name">Muu Eurooppa</span>
                <span class="ds-mp__hint">· €</span>
                                                <span class="ds-mp__sub">Saksan alv 19 % näytetään viitteenä</span>              </button>
            </li>
                      <li>
              <button type="button" class="ds-mp__item"
                      data-mp-market="DE">
                <span class="ds-mp__code" aria-hidden="true">DE</span>
                <span class="ds-mp__name">Saksa</span>
                <span class="ds-mp__hint">· €</span>
                                                              </button>
            </li>
                      <li>
              <button type="button" class="ds-mp__item"
                      data-mp-market="SI">
                <span class="ds-mp__code" aria-hidden="true">SI</span>
                <span class="ds-mp__name">Slovenia</span>
                <span class="ds-mp__hint">· €</span>
                                                              </button>
            </li>
                      <li>
              <button type="button" class="ds-mp__item"
                      data-mp-market="NO">
                <span class="ds-mp__code" aria-hidden="true">NO</span>
                <span class="ds-mp__name">Norja</span>
                <span class="ds-mp__hint">· kr</span>
                                                              </button>
            </li>
                      <li>
              <button type="button" class="ds-mp__item"
                      data-mp-market="SE">
                <span class="ds-mp__code" aria-hidden="true">SE</span>
                <span class="ds-mp__name">Ruotsi</span>
                <span class="ds-mp__hint">· kr</span>
                                                              </button>
            </li>
                      <li>
              <button type="button" class="ds-mp__item is-active"
                      data-mp-market="FI" aria-current="true">
                <span class="ds-mp__code" aria-hidden="true">FI</span>
                <span class="ds-mp__name">Suomi</span>
                <span class="ds-mp__hint">· €</span>
                <span class="ds-mp__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ds-mp__sr">Nykyinen</span></span>                                              </button>
            </li>
                  </ul>
        <p class="ds-mp__note">Hinnat, verot ja saatavuus määräytyvät valitun markkina-alueen mukaan.</p>
      </div>
    </div>

    <script>
    (function () {
      if (window.__dsMarketPicker) return;
      var mp = window.__dsMarketPicker = {
        // cookie write kept separate from the navigation so it stays testable
        setRegion: function (code) {
          document.cookie = 'tourne_region=' + encodeURIComponent(code) +
            '; path=/; max-age=31536000; SameSite=Lax';
        },
        // reload WITHOUT the config/region params (a stale ?region= would
        // out-rank the cookie) but WITH the campaign — the same allowlist as
        // src/js/_bridge-params.js, mirrored by hand; keep the two in step
        reload: function () {
          var keep = (window.location.search || '').slice(1).split('&').filter(function (p) {
            return /^(utm_[a-z]+|gclid|gbraid|wbraid|_gl|fbclid|msclkid|dealer)(=|$)/.test(p);
          }).join('&');
          window.location.href = window.location.pathname + (keep ? '?' + keep : '');
        }
      };
      function setOpen(root, open) {
        root.classList.toggle('is-open', open);
        var t = root.querySelector('.ds-mp__trigger');
        var panel = root.querySelector('.ds-mp__panel');
        if (t) t.setAttribute('aria-expanded', open ? 'true' : 'false');
        if (panel) panel.hidden = !open;
      }
      function closeAll(except) {
        Array.prototype.forEach.call(document.querySelectorAll('.ds-mp.is-open'), function (p) {
          if (p !== except) setOpen(p, false);
        });
      }
      document.addEventListener('click', function (e) {
        var mBtn = e.target.closest('[data-mp-market]');
        if (mBtn) {
          var code = mBtn.getAttribute('data-mp-market');
          mp.setRegion(code);
          closeAll();
          /* THE market event (Fathom tier 3, D82). This is the one dimension
             Fathom cannot reach any other way: the picker writes a cookie and
             reloads to a BARE pathname on purpose, so the choice leaves no URL
             trace, and Fathom's own country_code is geo-IP — a German pricing
             a Swiss build is a real case, and geo would file them as German.
             Fired before the reload, which is about to destroy the page; the
             short delay is there because trackEvent's transport guarantee
             across an unload is not documented, and a missing guarantee is not
             the same as a guarantee. Reload still happens if anything throws. */
          if (code && window.tourneTrack) {
            try { window.tourneTrack('Market switched to: ' + code, null, true); } catch (e2) {}
            window.setTimeout(function () { mp.reload(); }, 150);
          } else {
            mp.reload();
          }
          return;
        }
        var trigger = e.target.closest('.ds-mp__trigger');
        if (trigger) {
          var root = trigger.closest('.ds-mp');
          var open = !root.classList.contains('is-open');
          closeAll(root);
          setOpen(root, open);
          if (open) {
            var panel = root.querySelector('.ds-mp__panel');
            var first = panel && (panel.querySelector('.ds-mp__item.is-active') || panel.querySelector('.ds-mp__item'));
            if (first) first.focus();
          }
          return;
        }
        if (!e.target.closest('.ds-mp')) closeAll();
      });
      document.addEventListener('keydown', function (e) {
        if (e.key !== 'Escape' && e.key !== 'Esc') return;
        var openRoot = document.querySelector('.ds-mp.is-open');
        if (!openRoot) return;
        closeAll();
        var t = openRoot.querySelector('.ds-mp__trigger');
        if (t) t.focus();
      });
    })();
    </script>
  </div>


        <span class="ds-topbar__toggle">    <button type="button" class="ds-theme-toggle" data-theme-toggle aria-label="Toggle light / dark theme" onclick="dsTheme.toggle()">
    <span class="ds-theme-toggle__sun"><svg class="ds-icon ds-icon--sun" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
</span>
    <span class="ds-theme-toggle__moon"><svg class="ds-icon ds-icon--moon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg>
</span>
  </button>
</span>

                            
                        <button class="ds-topbar__burger" type="button" aria-expanded="false" aria-controls="mpTopbar-menu" aria-label="Valikko" data-topbar-burger>
          <span class="ds-topbar__burger-bar" aria-hidden="true"></span>
        </button>
      </div>
    </div>

    <nav class="ds-topbar__menu" id="mpTopbar-menu" hidden aria-label="Valikko">
      <ul class="ds-topbar__menu-list">
                          <li><a class="ds-topbar__menu-link" href="https://my.tourne-mobil.com/fi/configurator">Konfiguroi</a></li>
                  <li><a class="ds-topbar__menu-link" href="https://my.tourne-mobil.com/fi/#editions">Mallistot</a></li>
                  <li><a class="ds-topbar__menu-link" href="https://my.tourne-mobil.com/fi/inventory">Varastoautot</a></li>
                      </ul>
    </nav>
  </header>
  <script>
    (function () {
      if (window.__dsTopbarBurger) return;
      window.__dsTopbarBurger = true;
      function setOpen(btn, open) {
        var bar = btn.closest('.ds-topbar');
        var menu = bar && bar.querySelector('.ds-topbar__menu');
        btn.setAttribute('aria-expanded', open ? 'true' : 'false');
        if (bar) bar.classList.toggle('is-menu-open', open);
        if (menu) menu.hidden = !open;
      }
      document.addEventListener('click', function (e) {
        var btn = e.target.closest('[data-topbar-burger]');
        if (btn) { setOpen(btn, btn.getAttribute('aria-expanded') !== 'true'); return; }
        // any click outside the bar closes the menu (the menu's own links navigate anyway).
        // Opening the ACCOUNT menu counts as outside: two open layers in one bar
        // is the one thing the sandbox flagged about proposal 2, so the burger
        // yields to it (ds-mp already yields to both — it closes on any click
        // outside .ds-mp).
        if (!e.target.closest('.ds-topbar') || e.target.closest('.ds-account__btn')) {
          Array.prototype.forEach.call(document.querySelectorAll('[data-topbar-burger][aria-expanded="true"]'), function (b) { setOpen(b, false); });
        }
      });
      document.addEventListener('keydown', function (e) {
        if (e.key !== 'Escape') return;
        Array.prototype.forEach.call(document.querySelectorAll('[data-topbar-burger][aria-expanded="true"]'), function (b) { setOpen(b, false); b.focus(); });
      });
    })();
  </script>


  <main>
        <div class="bp-shell" data-bp-page>
      <script type="application/json" id="bp-data">{"variants":{"60-mt-140":{"key":"60-mt-140","bv":"cruise-60-mt-140","size":"60","gearbox":"mt","hp":140,"weight":2891,"chassis":"light","net":62794.12,"nova":22,"malus":3730,"bpm":13893},"60-at-140":{"key":"60-at-140","bv":"cruise-60-at-140","size":"60","gearbox":"at","hp":140,"weight":2929,"chassis":"light","net":65315.130000000005,"nova":22,"malus":3730,"bpm":14760},"60-mt-160":{"key":"60-mt-160","bv":"cruise-60-mt-160","size":"60","gearbox":"mt","hp":160,"weight":2891,"chassis":"light","net":64054.62,"nova":0,"malus":0,"bpm":0},"60-at-160":{"key":"60-at-160","bv":"cruise-60-at-160","size":"60","gearbox":"at","hp":160,"weight":2929,"chassis":"light","net":66575.63,"nova":0,"malus":0,"bpm":0},"64-mt-140":{"key":"64-mt-140","bv":"cruise-64-mt-140","size":"64","gearbox":"mt","hp":140,"weight":2977,"chassis":"light","net":65315.130000000005,"nova":22,"malus":3730,"bpm":14232},"64-at-140":{"key":"64-at-140","bv":"cruise-64-at-140","size":"64","gearbox":"at","hp":140,"weight":3026,"chassis":"light","net":67836.14,"nova":22,"malus":3730,"bpm":15099},"64-mt-160":{"key":"64-mt-160","bv":"cruise-64-mt-160","size":"64","gearbox":"mt","hp":160,"weight":2977,"chassis":"light","net":66575.63,"nova":0,"malus":0,"bpm":0},"64-at-160":{"key":"64-at-160","bv":"cruise-64-at-160","size":"64","gearbox":"at","hp":160,"weight":3026,"chassis":"light","net":69096.64,"nova":0,"malus":0,"bpm":0}},"defaultKey":"60-mt-140","rims":{"mt":{"id":"wheel-light-16-alloy-black","title":"16\" mattamustat alumiinivanteet Light","code":"0R2"},"at":{"id":"wheel-heavy-or-at-16-alloy-two-colors","title":"16\" timanttimustat alumiinivanteet","code":"1LR"}},"rimOpts":[{"id":"wheel-light-16-alloy-black","rank":0,"title":"16\" mattamustat alumiinivanteet Light","price":0,"code":"0R2","swatch":"tourne-16-light_alloy-NEW-rims-black.png","sizes":["60","64"],"chassis":"light","gearbox":"manual","rule":"","hp":"140","gate":"manual","weight":20,"requires":[]},{"id":"wheel-heavy-or-at-16-alloy-two-colors","rank":0,"title":"16\" timanttimustat alumiinivanteet","price":0,"code":"1LR","swatch":"000_2024-08-21_Tourne_-_Platisca_Peugeot_extra_felge.png","sizes":["60","64"],"chassis":"heavy","gearbox":"automatic","rule":"chassis_or_gearbox","hp":"140","gate":"automatic","weight":20,"requires":[]}],"rimDefault":"wheel-light-16-alloy-black","maxWeight":3500,"heavyChassisKg":20,"rules":{"to-cp1":{"id":"to-cp1","title":"Matto ohjaamoon","kind":"equipment","weight":2.2,"requires":[],"excludes":["to-cp4"],"bundled":[],"replaces":[],"requiresAnyOf":[]},"to-iso":{"id":"to-iso","title":"ISOFIX-kiinnikkeet lastenistuimelle","kind":"equipment","weight":4,"requires":[],"excludes":[],"bundled":[],"replaces":[],"requiresAnyOf":[]},"to-rs1":{"id":"to-rs1","title":"Takapenkki ilman keskityyny\u00e4","kind":"equipment","weight":null,"requires":[],"excludes":[],"bundled":[],"replaces":[],"requiresAnyOf":[]},"to-st1":{"id":"to-st1","title":"Askelma helpottamaan p\u00e4\u00e4sy\u00e4 takas\u00e4nkyyn","kind":"equipment","weight":4,"requires":[],"excludes":[],"bundled":[],"replaces":[],"requiresAnyOf":[]},"to-cbt":{"id":"to-cbt","title":"Musta Thule-py\u00f6r\u00e4teline takaoveen, 2 polkupy\u00f6r\u00e4lle","kind":"equipment","weight":9.5,"requires":[],"excludes":[],"bundled":[],"replaces":[],"requiresAnyOf":[]},"to-trc":{"id":"to-trc","title":"Truma Combi diesel D6E \u2013 yhdistetty diesell\u00e4mmitin asuintilan ilmalle ja k\u00e4ytt\u00f6vedelle, jopa 6 kW, integroidulla s\u00e4hk\u00f6vastuksella","kind":"equipment","weight":-2.6,"requires":[],"excludes":[],"bundled":[],"replaces":["std-diesel-interior-heating-webasto-hybrid-ii5-1-5kw-4kw-the-hea","std-whale-hybrid-ii5-1-25-kw-gas-water-heating-system-8l","std-webasto-control-unit-multicontrol-ate"],"requiresAnyOf":[]}},"fitted":["bv-341","bv-bk6","bv-140","bv-xan","bv-j7r","bv-1rb","bv-316","to-lsa","to-es1","to-ev1","to-eg1","to-sp8","to-rte","to-mk1"],"serial":["std-multifunctional-bathroom-with-shower-and-thetford-c223s-swiv","std-vehicle-documentation-incl-certificate-of-conformity","std-dometic-windshield-darkening-system","std-esc-electronic-stability-control-specific-set-up-vans-only","std-fix-go","std-pivoting-plates-captain-chairs-box-under-seats-carters-tract","std-gok-monocontrol-gas-safety-valve-collision-protection","std-integrated-floor-air-channels-distribute-heater-warmth-aroun","std-front-and-rear-reading-lights-in-led-version-12v-350-ma","std-90l-tank-capacity","std-steering-wheel-radio-controls","std-thule-slide-out-electric-entry-step-550-mm","std-soft-touch-steering-wheel-and-gear-lever-knob","std-thetford-t2090-refrigerator-90l-capacity-6-5l-freezer-capaci","std-purpose-built-furniture-construction-with-a-high-quality-hpl","std-whale-hybrid-ii5-1-25-kw-gas-water-heating-system-8l","std-al-ko-bmtg-12v-detector-protects-against-lpg-leaks-and-sopor","std-all-season-tyres-m-s-camping-with-snowflake","std-diesel-interior-heating-webasto-hybrid-ii5-1-5kw-4kw-the-hea","std-dometic-duette-blackout-darkening-system-for-the-front-doors","std-waste-water-tank-100l-integrated-into-the-vehicle-body-eps-i","std-driver-and-passenger-airbags","std-220-a-alternator","std-spice-drawers-above-the-kitchen-counter","std-cup-holder","std-high-performance-elastomeric-foam-insulation-15mm-to-32mm-cu","std-ambient-lighting-in-the-rear-sleeping-area-in-energy-saving","std-5v-usb-connection-in-the-rear-sleeping-area","std-dometic-midi-heki-style-gd-500-x-700-rear-roof-window-with-d","std-insulated-multi-layer-floor-30mm-xps300-insulation-10mm-okou","std-swivel-driver-s-seat-with-armrest-and-lumbar-support","std-double-usb-charging-port-in-dashboard-a-c","std-kitchen-counter-extension-and-table-made-of-high-quality-com","std-cruise-control-with-speed-limiter","std-webasto-control-unit-multicontrol-ate","std-230v-socket-in-the-luggage-space","std-abs-anti-lock-braking-system","std-dometic-midi-heki-style-gd-500-x-700-front-roof-window-with","std-integrated-48v-electric-underfloor-heating-64w-powered-from","std-swivel-passenger-s-seat-with-armrest-and-lumbar-support","std-central-locking","std-hangers-in-the-bathroom","std-230v-socket-in-the-living-area","std-dometic-sink-cvs1350g","std-ebs-electronic-braking-system","std-end-furniture-strips-made-of-solid-wood","std-high-multifunctional-illuminated-cupboard-with-folding-shelv","std-mini-heki-skylight-in-the-bathroom-400-x-400-with-darkening","std-front-electric-windows","std-a-spacious-overhead-cabinet-in-the-bathroom-with-two-shelves","std-dometic-cvh1525g-soft-close-two-burner-gas-hob-with-electron","std-dometic-s7s-side-windows-with-darkening-screen-and-a-fly-scr","std-hill-holder","std-high-quality-furniture-fittings-hinges-and-drawer-guides","std-charge-regulator-booster-al-ko-ne325-40a","std-patented-dream4system-front-bed-185-120-cm-converts-the-fron","std-outlet-valve-for-draining-clean-water","std-dometic-s7p-490x500-rear-door-windows-with-darkening-screen","std-led-light-above-the-kitchen-counter","std-additional-seat-as-a-part-of-the-dream4system","std-lithium-battery-li-ion-hd12-100-block-lifepo4-12-8-v-100-ah","std-seat-belt-warning-on-front-seats","std-fly-screen-on-the-sliding-side-door","std-traffic-sign-recognition","std-puzzle-to-enlarge-the-table-as-a-part-of-the-dream4system","std-advanced-emergency-braking-system","std-bedding-set-2-mattress-toppers-2-sheets-curtain-for-the-slee","std-emergency-lane-keeping","std-driver-attention-monitoring","std-intelligent-speed-assist","std-tpms-tyre-pressure-monitoring-system-indirect-control-via-es","std-rear-parking-sensor"],"awning":{"l60":{"title":"Thule-markiisi Omnistor 6300 (pituus 3,75 m, ulottuma 2,50 m)","code":"MK1","weight":28},"l64":{"title":"Thule-markiisi Omnistor 6300 (pituus 4 m, ulottuma 2,50 m)","code":"MK2","weight":30.5}},"swap":{"to-mk1":"to-mk2","to-mk2":"to-mk1","to-mke1":"to-mke2","to-mke2":"to-mke1"},"swapRows":{"bv-bk6":{"id":"to-bkt","title":"Maalattu puskuri + sumuvalot","code":"BKT","weight":null}},"colorExcludes":{"color-blu-storm":["bv-bk6"],"color-muschio-green":["bv-bk6"],"color-mundo-azure":["bv-bk6"],"color-yellow-pptt":["bv-bk6"],"color-brown":["bv-bk6"]},"colorIncludes":{"color-metallic-black":["bv-j7r"]},"ctx":{"locale":"fi","region":"fi","vat":25.5,"autoTax":0,"eurchf":0.99,"eursek":11.5,"seSurcharge":16.5,"eurnok":11.19,"noDelivery":1650,"noEngineTax":41401,"noScrapTax":3000,"noWeightRate":60.75,"noWeightBase":13267,"noWeightFrom":1500},"currency":"\u20ac","labels":{"size":{"60":"6.0 m","64":"6.4 m"},"sizeLength":{"60":"L3 \u00b7 5.99 m","64":"L4 \u00b7 6.36 m"},"gearbox":{"mt":"Manuaali","at":"Automaatti"}},"baseName":"Fiat Ducato","premadeId":"light-sport","entryUrl":"https:\/\/my.tourne-mobil.com\/fi\/builds\/expre","entryTitle":"Tourne Expre Edition","chassisChip":"Light 335","rimName":null,"market":{"title":"Suomi","code":"FI"},"sim":{"premade":"light-sport","edition":"cruise","chassis":"light","brand":"fiat","wheel":null,"bust":"d=178"},"vatPct":"25.5%","i18n":{"hp":"hv","included":"Sis\u00e4ltyy","item":"kohde","items":"kohdetta","taxTotal":"Verot ja maksut yhteens\u00e4","netTotal":"Nettosumma","total":"Yhteens\u00e4","inclVat":"sis. alv","selected":"valittu","countIncluded":"{count} sis\u00e4ltyy","stdValue":"Vakiovarusteet \u2014 arvo {price}","stdPlain":"Vakiovarusteet","error":"Jotain meni pieleen \u2014 yrit\u00e4 uudelleen.","vatNote":"sis. alv {money} (25.5 %)","specModel":"Malli","specBase":"Pohja-auto","specSize":"Koko","specGearbox":"Vaihteisto","specPower":"Teho","specChassis":"Alusta","specWeight":"Kokonaismassa","weight":"Paino","specColour":"V\u00e4ri","specRims":"Vanteet","specCode":"Ajoneuvokoodi"},"tax":{"VAT {pct}%":"Alv {pct} %","NoVA {pct}% (vehicle registration tax)":"NoVA {pct} % (ajoneuvon rekister\u00f6intivero)","CO\u2082 Malus":"CO\u2082-malus","BPM (vehicle tax)":"BPM (ajoneuvovero)","Options surcharge {pct}%":"Lis\u00e4varusteiden lis\u00e4maksu {pct} %","Automobile tax {pct}%":"Autovero {pct} %","Exchange rate \u20ac1 = {rate} CHF":"Valuuttakurssi 1 \u20ac = {rate} CHF","Exchange rate \u20ac1 = {rate} SEK":"Valuuttakurssi 1 \u20ac = {rate} SEK","Exchange rate \u20ac1 = {rate} NOK":"Vaihtokurssi 1 \u20ac = {rate} NOK","Engine tax":"Moottorivero (iskutilavuus)","Scrap tax":"Romutusmaksu","Weight tax":"Painovero","Prices are net \u2014 VAT is not included for this market.":"Hinnat ovat nettohintoja \u2014 alv ei sis\u00e4lly hintoihin t\u00e4ll\u00e4 markkina-alueella.","Prices shown net \u2014 VAT to be added at registration.":"Hinnat esitet\u00e4\u00e4n nettohintoina \u2014 alv lis\u00e4t\u00e4\u00e4n rekister\u00f6innin yhteydess\u00e4."}}</script>

      <div class="bp-wrap bp-shell__head">
        
                                                                              
<section class="bp-head" aria-label="Tourne Expre Edition">
  <div class="bp-head-tags">
        <span class="ds-chip ds-chip--accent">Expre</span>

                  <span class="ds-badge ds-badge--default" role="status"><span class="ds-badge__dot" aria-hidden="true"></span><svg class="ds-icon ds-icon--bolt" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M13 2 3 14h9l-1 8 10-12h-9z"/></svg>
<span>Erikoistarjous — rajoitettu erä</span>
  </span>

  </div>
  <h1 class="ds-h1">Tourne Expre Edition</h1>
  <p class="ds-lede">Terävälinjainen, dynaaminen ja lähtövalmis — rohkea muotoilu, alumiinivanteet ja halutuin ajoteknologia vakiona.</p>  <p class="bp-head-from">Alkaen 78 807 € · perusvarustelu</p>
      <div class="bp-head-chips">
                    <span class="ds-chip">Fast delivery</span>
              <span class="ds-chip">Light chassis (335)</span>
              <span class="ds-chip">Sport styling pack</span>
              <span class="ds-chip">140 W solar module</span>
              <span class="ds-chip">Thule Omnistor awning</span>
          </div>
  </section>
      </div>

      <div class="bp-wrap bp-shell__main">
        

<section aria-label="Viimeistele kokoonpanosi">
  <h2 class="ds-h2">Viimeistele omalla tavallasi</h2>
    <p class="ds-text bp-sectsub" style="margin-bottom:6px">Tämä kokoonpano on jo valmiiksi määritelty — kaikki muu on hoidettu. Tästä eteenpäin on enää kolme nopeaa valintaa, jotka kaikki kuuluvat tähän mallistoon, joten toimitus pysyy nopeampana kuin täysin räätälöidyssä autossa.</p>
  <div class="bp-avail">
              <span class="ds-badge ds-badge--default" role="status"><span class="ds-badge__dot" aria-hidden="true"></span><svg class="ds-icon ds-icon--bolt" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M13 2 3 14h9l-1 8 10-12h-9z"/></svg>
<span>Erikoistarjous — rajoitettu erä</span>
  </span>

        <span class="bp-avail__txt">Kun valitset teknisen kokoonpanon ja värin, pysyt mallisto-ohjelmassa: rajoitettu erä autoja, jotka tilaamme ennakkoon, joten toimitus on nopeampi kuin täysin räätälöidyssä autossa. Kysy meiltä tai jälleenmyyjältäsi, mitä on juuri nyt saatavilla.</span>
  </div>

  <div class="bp-flow">
        <div class="bp-step">
      <div class="bp-step-gutter"><span class="bp-step-num">1</span><span class="bp-step-line"></span></div>
      <div class="bp-step-body">
        <h3 class="bp-step-h">Valitse tekninen kokoonpano</h3>
        <p class="bp-step-sub">Pituus, vaihteisto ja moottori — valitse tämän malliston tarjoamista yhdistelmistä.</p>
        <div class="bp-segs">
                      <div class="ds-seg-group">
              <p class="ds-seg-group__label">Pituus</p>
              <div class="ds-seg-row" role="group" aria-label="Pituus" data-bp-dim="size">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <button class="ds-seg is-sel"
                          type="button"
                          aria-pressed="true"
                          data-val="60"
                          >
                    <span class="ds-seg__main">6.0 m</span>
                    <span class="ds-seg__sub">L3 · ketterä</span>                  </button>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <button class="ds-seg"
                          type="button"
                          aria-pressed="false"
                          data-val="64"
                          >
                    <span class="ds-seg__main">6.4 m</span>
                    <span class="ds-seg__sub">L4 · takaoleskelutila</span>                  </button>
                              </div>
            </div>
                      <div class="ds-seg-group">
              <p class="ds-seg-group__label">Vaihteisto</p>
              <div class="ds-seg-row" role="group" aria-label="Vaihteisto" data-bp-dim="gearbox">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <button class="ds-seg is-sel"
                          type="button"
                          aria-pressed="true"
                          data-val="mt"
                          >
                    <span class="ds-seg__main">Manuaali</span>
                    <span class="ds-seg__sub">6-vaihteinen</span>                  </button>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <button class="ds-seg"
                          type="button"
                          aria-pressed="false"
                          data-val="at"
                          >
                    <span class="ds-seg__main">Automaatti</span>
                    <span class="ds-seg__sub">8/9-vaihteinen</span>                  </button>
                              </div>
            </div>
                      <div class="ds-seg-group">
              <p class="ds-seg-group__label">Moottori</p>
              <div class="ds-seg-row" role="group" aria-label="Moottori" data-bp-dim="hp">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <button class="ds-seg is-sel"
                          type="button"
                          aria-pressed="true"
                          data-val="140"
                          >
                    <span class="ds-seg__main">140 hv</span>
                    <span class="ds-seg__sub">2.2 · 103 kW</span>                  </button>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <button class="ds-seg"
                          type="button"
                          aria-pressed="false"
                          data-val="160"
                          >
                    <span class="ds-seg__main">160 hv</span>
                    <span class="ds-seg__sub">2.2 · 118 kW</span>                  </button>
                              </div>
            </div>
          
                            </div>
      </div>
    </div>

        <div class="bp-step">
      <div class="bp-step-gutter"><span class="bp-step-num">2</span><span class="bp-step-line"></span></div>
      <div class="bp-step-body">
                <h3 class="bp-step-h" data-bp-step2-h
            data-h-rims="Valitse väri ja vanteet"
            data-h-plain="Valitse väri">Valitse väri ja vanteet</h3>
        <p class="bp-step-sub">Valkoinen on vakioväri; metallivärit maksavat hieman lisää.</p>
        <p class="bp-sub-label">Väri</p>        <div class="ds-swatch-row-list" data-bp-colours role="group" aria-label="Ulkoväri">
                                                                                              <button class="ds-swatch-row is-selected" type="button"
                    aria-pressed="true"
                    data-id="color-white"
                    data-price="0"
                    data-name="Valkoinen"
                    data-swatch="#eeeeee"
                    aria-label="Valkoinen, Vakio">
              <span class="ds-swatch is-selected" style="width:30px;height:30px;--sw-color:#eeeeee"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Valkoinen</span>
                <span class="ds-swatch-row__sub is-standard">Vakio</span>
              </span>
              <span class="ds-swatch-row__code">549</span>            </button>
                                                                                              <button class="ds-swatch-row" type="button"
                    aria-pressed="false"
                    data-id="color-expedition-grey"
                    data-price="558.82"
                    data-name="Expedition Grey"
                    data-swatch="#cdcdcd"
                    aria-label="Expedition Grey, +701 €">
              <span class="ds-swatch" style="width:30px;height:30px;--sw-color:#cdcdcd"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Expedition Grey</span>
                <span class="ds-swatch-row__sub">+701 €</span>
              </span>
              <span class="ds-swatch-row__code">676</span>            </button>
                                                                                              <button class="ds-swatch-row" type="button"
                    aria-pressed="false"
                    data-id="color-lanzarote-grey"
                    data-price="558.82"
                    data-name="Lanzarote Grey"
                    data-swatch="#474d53"
                    aria-label="Lanzarote Grey, +701 €">
              <span class="ds-swatch" style="width:30px;height:30px;--sw-color:#474d53"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Lanzarote Grey</span>
                <span class="ds-swatch-row__sub">+701 €</span>
              </span>
              <span class="ds-swatch-row__code">385</span>            </button>
                                                                                              <button class="ds-swatch-row" type="button"
                    aria-pressed="false"
                    data-id="color-metallic-black"
                    data-price="827.73"
                    data-name="Metallinmusta"
                    data-swatch="#3a3a3a"
                    aria-label="Metallinmusta, +1 039 €">
              <span class="ds-swatch" style="width:30px;height:30px;--sw-color:#3a3a3a"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Metallinmusta</span>
                <span class="ds-swatch-row__sub">+1 039 €</span>
              </span>
              <span class="ds-swatch-row__code">632</span>            </button>
                                                                                              <button class="ds-swatch-row" type="button"
                    aria-pressed="false"
                    data-id="color-iron-grey"
                    data-price="827.73"
                    data-name="Iron Grey"
                    data-swatch="#5b6167"
                    aria-label="Iron Grey, +1 039 €">
              <span class="ds-swatch" style="width:30px;height:30px;--sw-color:#5b6167"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Iron Grey</span>
                <span class="ds-swatch-row__sub">+1 039 €</span>
              </span>
              <span class="ds-swatch-row__code">691</span>            </button>
                                                                                              <button class="ds-swatch-row" type="button"
                    aria-pressed="false"
                    data-id="color-artense-grey"
                    data-price="827.73"
                    data-name="Artense Grey"
                    data-swatch="#a9a9a9"
                    aria-label="Artense Grey, +1 039 €">
              <span class="ds-swatch" style="width:30px;height:30px;--sw-color:#a9a9a9"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Artense Grey</span>
                <span class="ds-swatch-row__sub">+1 039 €</span>
              </span>
              <span class="ds-swatch-row__code">113</span>            </button>
                                                                                              <button class="ds-swatch-row" type="button"
                    aria-pressed="false"
                    data-id="color-blu-storm"
                    data-price="827.73"
                    data-name="Blu Storm"
                    data-swatch="#496282"
                    aria-label="Blu Storm, +1 039 €">
              <span class="ds-swatch" style="width:30px;height:30px;--sw-color:#496282"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Blu Storm</span>
                <span class="ds-swatch-row__sub">+1 039 €</span>
              </span>
              <span class="ds-swatch-row__code">433</span>            </button>
                                                                                              <button class="ds-swatch-row" type="button"
                    aria-pressed="false"
                    data-id="color-muschio-green"
                    data-price="1424.37"
                    data-name="Muschio Green"
                    data-swatch="#3d523b"
                    aria-label="Muschio Green, +1 788 €">
              <span class="ds-swatch" style="width:30px;height:30px;--sw-color:#3d523b"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Muschio Green</span>
                <span class="ds-swatch-row__sub">+1 788 €</span>
              </span>
              <span class="ds-swatch-row__code">342</span>            </button>
                                                                                              <button class="ds-swatch-row" type="button"
                    aria-pressed="false"
                    data-id="color-mundo-azure"
                    data-price="1424.37"
                    data-name="Mundo Azure"
                    data-swatch="#bcc6ca"
                    aria-label="Mundo Azure, +1 788 €">
              <span class="ds-swatch" style="width:30px;height:30px;--sw-color:#bcc6ca"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Mundo Azure</span>
                <span class="ds-swatch-row__sub">+1 788 €</span>
              </span>
              <span class="ds-swatch-row__code">767</span>            </button>
                                                                                              <button class="ds-swatch-row" type="button"
                    aria-pressed="false"
                    data-id="color-yellow-pptt"
                    data-price="1424.37"
                    data-name="Yellow PPTT"
                    data-swatch="#ecbc4c"
                    aria-label="Yellow PPTT, +1 788 €">
              <span class="ds-swatch" style="width:30px;height:30px;--sw-color:#ecbc4c"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Yellow PPTT</span>
                <span class="ds-swatch-row__sub">+1 788 €</span>
              </span>
              <span class="ds-swatch-row__code">277</span>            </button>
                                                                                              <button class="ds-swatch-row" type="button"
                    aria-pressed="false"
                    data-id="color-brown"
                    data-price="1424.37"
                    data-name="Ruskea"
                    data-swatch="#3d2f26"
                    aria-label="Ruskea, +1 788 €">
              <span class="ds-swatch" style="width:30px;height:30px;--sw-color:#3d2f26"></span>
              <span class="ds-swatch-row__info">
                <span class="ds-swatch-row__name">Ruskea</span>
                <span class="ds-swatch-row__sub">+1 788 €</span>
              </span>
              <span class="ds-swatch-row__code">050</span>            </button>
                  </div>

                          <div data-bp-rimgroup>
          <p class="bp-sub-label">Vanteet</p>
          <div class="ds-swatch-row-list bp-rims" data-bp-rims role="radiogroup" aria-label="Vanteet">
                                                      <button class="ds-swatch-row is-selected" type="button"
                      role="radio" aria-checked="true"
                      
                      data-id="wheel-light-16-alloy-black"
                      data-price="0"
                      data-name="16&quot; mattamustat alumiinivanteet Light"
                      data-swatch="tourne-16-light_alloy-NEW-rims-black.png"
                      data-rank="0">
                <span class="ds-swatch ds-swatch--rim is-selected"><img src="/assets/media/tourne-16-light_alloy-NEW-rims-black.png" alt="" loading="lazy"></span>
                <span class="ds-swatch-row__info">
                  <span class="ds-swatch-row__name">16&quot; mattamustat alumiinivanteet Light</span>
                                    <span class="ds-swatch-row__sub is-standard" data-bp-rim-price>Sisältyy</span>
                  <span class="ds-swatch-row__sub ds-swatch-row__sub--gate">Vain manuaalivaihteistolla</span>                </span>
                <span class="ds-swatch-row__code">0R2</span>              </button>
                                                      <button class="ds-swatch-row is-disabled" type="button"
                      role="radio" aria-checked="false"
                      disabled
                      data-id="wheel-heavy-or-at-16-alloy-two-colors"
                      data-price="0"
                      data-name="16&quot; timanttimustat alumiinivanteet"
                      data-swatch="000_2024-08-21_Tourne_-_Platisca_Peugeot_extra_felge.png"
                      data-rank="0">
                <span class="ds-swatch ds-swatch--rim"><img src="/assets/media/000_2024-08-21_Tourne_-_Platisca_Peugeot_extra_felge.png" alt="" loading="lazy"></span>
                <span class="ds-swatch-row__info">
                  <span class="ds-swatch-row__name">16&quot; timanttimustat alumiinivanteet</span>
                                    <span class="ds-swatch-row__sub is-standard" data-bp-rim-price>Sisältyy</span>
                  <span class="ds-swatch-row__sub ds-swatch-row__sub--gate">Vain automaattivaihteistolla</span>                </span>
                <span class="ds-swatch-row__code">1LR</span>              </button>
                      </div>
          </div>
              </div>
    </div>

                        <div class="bp-step">
        <div class="bp-step-gutter"><span class="bp-step-num">3</span><span class="bp-step-line"></span></div>
        <div class="bp-step-body">
          <h3 class="bp-step-h">Lisää käytännöllisiä lisävarusteita</h3>
          <p class="bp-step-sub">Tehtaalla ennen toimitusta asennettavat lisävarusteet — kokoonpanosi pysyy mallisto-ohjelmassa.</p>
          <div class="bp-addons" data-bp-addons role="group" aria-label="Lisävarusteet">
                                                                                                                                    <button type="button" class="ds-toggle-row" role="checkbox" aria-checked="false"
                      data-id="to-cp1" data-price="58.82" data-name="Matto ohjaamoon"
                      data-sizes="60,64"
                      data-chassis="all"
                      data-weight="2.2"
                      data-code=""
                      data-code-l3="CP1"
                      data-code-l4="CP1">
                <span class="ds-toggle-row__chk" aria-hidden="true"><svg class="ds-icon ds-icon--check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
                <span class="ds-toggle-row__name">Matto ohjaamoon <span class="bp-addon-code" data-bp-addon-code title="Koodi">CP1</span> <span class="bp-addon-code bp-addon-code--weight" data-bp-addon-weight title="Paino">2,2 kg</span></span>
                <span class="ds-toggle-row__price">+74 €</span>
              </button>
                                                                                                <button type="button" class="ds-toggle-row" role="checkbox" aria-checked="false"
                      data-id="to-iso" data-price="222.69" data-name="ISOFIX-kiinnikkeet lastenistuimelle"
                      data-sizes="60,64"
                      data-chassis="all"
                      data-weight="4"
                      data-code=""
                      data-code-l3="ISO"
                      data-code-l4="ISO">
                <span class="ds-toggle-row__chk" aria-hidden="true"><svg class="ds-icon ds-icon--check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
                <span class="ds-toggle-row__name">ISOFIX-kiinnikkeet lastenistuimelle <span class="bp-addon-code" data-bp-addon-code title="Koodi">ISO</span> <span class="bp-addon-code bp-addon-code--weight" data-bp-addon-weight title="Paino">4 kg</span></span>
                <span class="ds-toggle-row__price">+279 €</span>
              </button>
                                                                                                <button type="button" class="ds-toggle-row" role="checkbox" aria-checked="false"
                      data-id="to-rs1" data-price="0" data-name="Takapenkki ilman keskityynyä"
                      data-sizes="60,64"
                      data-chassis="all"
                      data-weight=""
                      data-code=""
                      data-code-l3="RS1"
                      data-code-l4="RS1">
                <span class="ds-toggle-row__chk" aria-hidden="true"><svg class="ds-icon ds-icon--check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
                <span class="ds-toggle-row__name">Takapenkki ilman keskityynyä <span class="bp-addon-code" data-bp-addon-code title="Koodi">RS1</span></span>
                <span class="ds-toggle-row__price">+0 €</span>
              </button>
                                                                                                <button type="button" class="ds-toggle-row" role="checkbox" aria-checked="false"
                      data-id="to-st1" data-price="75.63" data-name="Askelma helpottamaan pääsyä takasänkyyn"
                      data-sizes="60"
                      data-chassis="all"
                      data-weight="4"
                      data-code=""
                      data-code-l3="ST1"
                      data-code-l4="">
                <span class="ds-toggle-row__chk" aria-hidden="true"><svg class="ds-icon ds-icon--check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
                <span class="ds-toggle-row__name">Askelma helpottamaan pääsyä takasänkyyn <span class="bp-addon-code" data-bp-addon-code title="Koodi">ST1</span> <span class="bp-addon-code bp-addon-code--weight" data-bp-addon-weight title="Paino">4 kg</span></span>
                <span class="ds-toggle-row__price">+95 €</span>
              </button>
                                                                                                <button type="button" class="ds-toggle-row" role="checkbox" aria-checked="false"
                      data-id="to-cbt" data-price="613.45" data-name="Musta Thule-pyöräteline takaoveen, 2 polkupyörälle"
                      data-sizes="60,64"
                      data-chassis="all"
                      data-weight="9.5"
                      data-code=""
                      data-code-l3="CBT"
                      data-code-l4="CBT">
                <span class="ds-toggle-row__chk" aria-hidden="true"><svg class="ds-icon ds-icon--check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
                <span class="ds-toggle-row__name">Musta Thule-pyöräteline takaoveen, 2 polkupyörälle <span class="bp-addon-code" data-bp-addon-code title="Koodi">CBT</span> <span class="bp-addon-code bp-addon-code--weight" data-bp-addon-weight title="Paino">9,5 kg</span></span>
                <span class="ds-toggle-row__price">+770 €</span>
              </button>
                                                                                                <button type="button" class="ds-toggle-row" role="checkbox" aria-checked="false"
                      data-id="to-trc" data-price="966.39" data-name="Truma Combi diesel D6E – yhdistetty diesellämmitin asuintilan ilmalle ja käyttövedelle, jopa 6 kW, integroidulla sähkövastuksella"
                      data-sizes="60,64"
                      data-chassis="all"
                      data-weight="-2.6"
                      data-code=""
                      data-code-l3="TRC"
                      data-code-l4="TRC">
                <span class="ds-toggle-row__chk" aria-hidden="true"><svg class="ds-icon ds-icon--check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
                <span class="ds-toggle-row__name">Truma Combi diesel D6E – yhdistetty diesellämmitin asuintilan ilmalle ja käyttövedelle, jopa 6 kW, integroidulla sähkövastuksella <span class="bp-addon-code" data-bp-addon-code title="Koodi">TRC</span></span>
                <span class="ds-toggle-row__price">+1 213 €</span>
              </button>
                      </div>
        </div>
      </div>
      </div>

  </section>

        <div class="bp-tail">
          

<section id="included" aria-label="Vakiovarusteet">
    <h2 class="ds-h2 bp-included-h">Kaikki, mikä sisältyy</h2>

    <div class="bp-included-block">
    <h3 class="bp-included-block-h">Asennetut lisävarusteet — arvo 8 780 €
      <span class="bp-included-block-note">sis. alv 25.5 %</span></h3>
    <div class="bp-included" data-bp-fitted>
                                                                  <div class="ds-accordion is-open" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="true">
      <h4>Ohjaamon mukavuus ja tekniikka</h4>
      <span class="ds-accordion__count">2 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                                                                  <div data-bp-eq="bv-140" data-bp-value="378.15" data-bp-weight="4">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Automaattinen ilmastointi <span class="ds-eq-row__code">140</span> <span class="ds-eq-row__code ds-eq-row__code--weight" data-bp-eq-weight title="Paino">4 kg</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                                                                <div data-bp-eq="bv-1rb" data-bp-value="655.46" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">DAB-radio 7&quot; <span class="ds-eq-row__code">1RB</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Ajoavustimet ja turvallisuus</h4>
      <span class="ds-accordion__count">2 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                                                                  <div data-bp-eq="bv-xan" data-bp-value="537.82" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Kuolleen kulman valvonta + takaa risteävän liikenteen tunnistus <span class="ds-eq-row__code">XAN</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                                                                <div data-bp-eq="bv-316" data-bp-value="235.29" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Digitaalinen peruutuskamera (dynaamisilla apuviivoilla) <span class="ds-eq-row__code">316</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Peilit, valot ja näkyvyys</h4>
      <span class="ds-accordion__count">2 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                                                                  <div data-bp-eq="bv-341" data-bp-value="163.87" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Sähköisesti taittuvat ja lämmitettävät ulkopeilit <span class="ds-eq-row__code">341</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                                                                <div data-bp-eq="bv-bk6" data-bp-value="462.18" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Maalattu puskuri + musta pohjapanssari + sumuvalot <span class="ds-eq-row__code">BK6</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Asuintila, istuimet ja vuoteet</h4>
      <span class="ds-accordion__count">2 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                                                                  <div data-bp-eq="to-lsa" data-bp-value="579.83" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Verhoilu korkealaatuisesta ja kestävästä tekstiilinahasta <span class="ds-eq-row__code">LSA</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                                                                <div data-bp-eq="to-rte" data-bp-value="163.87" data-bp-weight="0.4">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Dometic Raintec RT100 -ulkovalaisin, jossa on sadesuoja ja himmennystoiminnolla varustettu kaukosäädin <span class="ds-eq-row__code">RTE</span> <span class="ds-eq-row__code ds-eq-row__code--weight" data-bp-eq-weight title="Paino">0,4 kg</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Keittiö ja kaasu</h4>
      <span class="ds-accordion__count">1 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                                                                  <div data-bp-eq="to-eg1" data-bp-value="403.36" data-bp-weight="0.5">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Ulkoinen kaasuliitäntä (tilattava ennen tuotantoa, jälkiasennus ei ole mahdollista) <span class="ds-eq-row__code">EG1</span> <span class="ds-eq-row__code ds-eq-row__code--weight" data-bp-eq-weight title="Paino">0,5 kg</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Kylpyhuone ja vesi</h4>
      <span class="ds-accordion__count">2 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                                                                  <div data-bp-eq="to-es1" data-bp-value="331.93" data-bp-weight="1.5">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Ulkosuihku <span class="ds-eq-row__code">ES1</span> <span class="ds-eq-row__code ds-eq-row__code--weight" data-bp-eq-weight title="Paino">1,5 kg</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                                                                <div data-bp-eq="to-ev1" data-bp-value="327.73" data-bp-weight="-0.4">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Sähköinen jätevesiventtiili <span class="ds-eq-row__code">EV1</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Sähkö, lämmitys ja ilmastointi</h4>
      <span class="ds-accordion__count">1 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                                                                  <div data-bp-eq="to-sp8" data-bp-value="831.93" data-bp-weight="10">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Aurinkopaneeli 140W-12V Mono <span class="ds-eq-row__code">SP8</span> <span class="ds-eq-row__code ds-eq-row__code--weight" data-bp-eq-weight title="Paino">10 kg</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                                                    <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Ulkovarusteet ja pohja-auto</h4>
      <span class="ds-accordion__count">3 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                                                                  <div data-bp-eq="wheel-light-16-alloy-black" data-bp-value="739.5" data-bp-weight="0" data-bp-rim>          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">16&quot; mattamustat alumiinivanteet Light <span class="ds-eq-row__code">0R2</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                                                                <div data-bp-eq="bv-j7r" data-bp-value="79.83" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Musta Fiat-etusäleikkö ilman logoa <span class="ds-eq-row__code">J7R</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                                                                <div data-bp-eq="to-mk1" data-bp-value="1105.04" data-bp-weight="28" data-bp-awning>          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Thule-markiisi Omnistor 6300 (pituus 3,75 m, ulottuma 2,50 m) <span class="ds-eq-row__code">MK1</span> <span class="ds-eq-row__code ds-eq-row__code--weight" data-bp-eq-weight title="Paino">28 kg</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                            </div>
  </div>

    <div class="bp-included-block">
    <h3 class="bp-included-block-h" data-bp-std-h>Vakiovarusteet — arvo 14 322 €
      <span class="bp-included-block-note">sis. alv 25.5 %</span></h3>
    <div class="bp-included" data-bp-standard>
                                                                  <div class="ds-accordion is-open" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="true">
      <h4>Ohjaamon mukavuus ja tekniikka</h4>
      <span class="ds-accordion__count">6 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                        <div data-bp-eq="std-steering-wheel-radio-controls" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Radion säätimet ohjauspyörässä</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-soft-touch-steering-wheel-and-gear-lever-knob" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Soft touch -pintainen ohjauspyörä ja vaihdevivun nuppi</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-cup-holder" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Mukiteline</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-double-usb-charging-port-in-dashboard-a-c" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Kaksois-USB-latausliitäntä kojelaudassa (A+C)</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-central-locking" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Keskuslukitus</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-front-electric-windows" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Sähkötoimiset ikkunannostimet edessä</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Ajoavustimet ja turvallisuus</h4>
      <span class="ds-accordion__count">14 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                        <div data-bp-eq="std-esc-electronic-stability-control-specific-set-up-vans-only" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">ESC-ajonvakautusjärjestelmä omalla säädöllä (vain pakettiautoissa)</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-driver-and-passenger-airbags" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Kuljettajan ja matkustajan turvatyynyt</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-cruise-control-with-speed-limiter" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Vakionopeudensäädin ja nopeudenrajoitin</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-abs-anti-lock-braking-system" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">ABS – lukkiutumattomat jarrut</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-ebs-electronic-braking-system" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">EBS – sähköinen jarrujärjestelmä</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-hill-holder" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Hill Holder</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-seat-belt-warning-on-front-seats" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Turvavyömuistutin etuistuimissa</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-traffic-sign-recognition" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Liikennemerkkien tunnistus</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-advanced-emergency-braking-system" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Kehittynyt hätäjarrutusjärjestelmä</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-emergency-lane-keeping" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Hätäkaistavahti</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-driver-attention-monitoring" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Kuljettajan tarkkaavaisuuden seuranta</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-intelligent-speed-assist" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Älykäs nopeusavustin</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-tpms-tyre-pressure-monitoring-system-indirect-control-via-es" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">TPMS-rengaspaineiden valvontajärjestelmä (epäsuora mittaus ESP:n kautta)</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-rear-parking-sensor" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Peruutustutka</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                                                    <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Asuintila, istuimet ja vuoteet</h4>
      <span class="ds-accordion__count">10 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                        <div data-bp-eq="std-pivoting-plates-captain-chairs-box-under-seats-carters-tract" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Kääntölevyt + Captain-istuimet + säilytyslaatikko istuinten alla + Carters + Traction Plus</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-front-and-rear-reading-lights-in-led-version-12v-350-ma" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Lukuvalot edessä ja takana, LED-versio 12V 350 mA</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-ambient-lighting-in-the-rear-sleeping-area-in-energy-saving" data-bp-value="294.12" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Tunnelmavalaistus takaosan makuutilassa energiaa säästävällä LED-tekniikalla</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-swivel-driver-s-seat-with-armrest-and-lumbar-support" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Kääntyvä kuljettajan istuin käsinojalla ja ristiselän tuella</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-swivel-passenger-s-seat-with-armrest-and-lumbar-support" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Kääntyvä matkustajan istuin käsinojalla ja ristiselän tuella</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-high-multifunctional-illuminated-cupboard-with-folding-shelv" data-bp-value="84.03" data-bp-weight="3">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Korkea monikäyttöinen valaistu kaappi, jossa taitettavat hyllyt ja vaatetanko <span class="ds-eq-row__code ds-eq-row__code--weight" data-bp-eq-weight title="Paino">3 kg</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-patented-dream4system-front-bed-185-120-cm-converts-the-fron" data-bp-value="2100.84" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Patentoitu DREAM4SYSTEM-etusänky (185 × 120 cm)</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-additional-seat-as-a-part-of-the-dream4system" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Lisäistuin osana Dream4System-järjestelmää</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-puzzle-to-enlarge-the-table-as-a-part-of-the-dream4system" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Pöydän laajennuspala osana Dream4System-järjestelmää</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-bedding-set-2-mattress-toppers-2-sheets-curtain-for-the-slee" data-bp-value="151.26" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Vuodevaatesetti

2 sijauspatjaa, 2 lakanaa, 
verho makuutilaan</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Keittiö ja kaasu</h4>
      <span class="ds-accordion__count">8 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                        <div data-bp-eq="std-gok-monocontrol-gas-safety-valve-collision-protection" data-bp-value="378.15" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Kaasun turvaventtiili GOK Monocontrol (törmäyssuoja)</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-thetford-t2090-refrigerator-90l-capacity-6-5l-freezer-capaci" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Thetford T2090 -jääkaappi, tilavuus 90L, pakastelokeron tilavuus 6,5L, 12V</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-al-ko-bmtg-12v-detector-protects-against-lpg-leaks-and-sopor" data-bp-value="210.08" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">AL-KO BMTG 12V -kaasuvaroitin</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-spice-drawers-above-the-kitchen-counter" data-bp-value="0" data-bp-weight="1.8">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Maustelaatikot keittiötason yläpuolella <span class="ds-eq-row__code ds-eq-row__code--weight" data-bp-eq-weight title="Paino">1,8 kg</span></span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-kitchen-counter-extension-and-table-made-of-high-quality-com" data-bp-value="840.34" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Keittiötaso, tason jatke ja pöytä korkealaatuisesta kompaktilaminaatista (HPL, 10 mm).</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-dometic-sink-cvs1350g" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Dometic-tiskiallas CVS1350G</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-dometic-cvh1525g-soft-close-two-burner-gas-hob-with-electron" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Dometic CVH1525G -kaasuliesi: kaksi liekkiä, pehmeä sulkeutuminen, elektroninen sytytys ja lasikansi</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-led-light-above-the-kitchen-counter" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">LED-valaisin keittiötason yläpuolella</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Kylpyhuone ja vesi</h4>
      <span class="ds-accordion__count">6 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                        <div data-bp-eq="std-multifunctional-bathroom-with-shower-and-thetford-c223s-swiv" data-bp-value="294.12" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Monikäyttöinen kylpyhuone, jossa on suihku ja kääntyvä Thetford C223S -wc.</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-whale-hybrid-ii5-1-25-kw-gas-water-heating-system-8l" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Whale Hybrid II5 1,25 kW kaasukäyttöinen vedenlämmitin (8L)</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-waste-water-tank-100l-integrated-into-the-vehicle-body-eps-i" data-bp-value="1050.42" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Jätevesisäiliö (100L)</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-hangers-in-the-bathroom" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Vaatekoukut kylpyhuoneessa</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-a-spacious-overhead-cabinet-in-the-bathroom-with-two-shelves" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Tilava yläkaappi kylpyhuoneessa, jossa kaksi hyllyä hygieniatarvikkeille ja suuri peili</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-outlet-valve-for-draining-clean-water" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Poistoventtiili raikasveden tyhjennykseen</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Sähkö, lämmitys ja ilmastointi</h4>
      <span class="ds-accordion__count">10 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                        <div data-bp-eq="std-integrated-floor-air-channels-distribute-heater-warmth-aroun" data-bp-value="294.12" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Lattiaan integroidut ilmakanavat jakavat lämmittimen lämmön vesiputkien ympärille ja puhdasvesisäiliöön sekä muodostavat lämpimän ilmaverhon liukuovelle</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-diesel-interior-heating-webasto-hybrid-ii5-1-5kw-4kw-the-hea" data-bp-value="378.15" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Dieselkäyttöinen sisätilan lämmitin Webasto Hybrid II5 1,5 kW – 4 kW</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-220-a-alternator" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Laturi 220 A</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-5v-usb-connection-in-the-rear-sleeping-area" data-bp-value="42.02" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">5V USB-liitäntä takaosan makuutilassa</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-webasto-control-unit-multicontrol-ate" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Webasto-ohjauspaneeli MULTICONTROL ATE</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-230v-socket-in-the-luggage-space" data-bp-value="42.02" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">230V-pistorasia tavaratilassa</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-integrated-48v-electric-underfloor-heating-64w-powered-from" data-bp-value="1050.42" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Integroitu sähköinen lattialämmitys 48V (64W), syöttö 220V maasähköstä</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-230v-socket-in-the-living-area" data-bp-value="42.02" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">230V-pistorasia asuintilassa</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-charge-regulator-booster-al-ko-ne325-40a" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Latausboosteri AL-KO NE325 40A</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-lithium-battery-li-ion-hd12-100-block-lifepo4-12-8-v-100-ah" data-bp-value="672.27" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Litiumakku LI-ION HD12-100 Block (LiFePO4), 12,8 V / 100 Ah</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Rakenne, ikkunat ja ilmanvaihto</h4>
      <span class="ds-accordion__count">13 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                        <div data-bp-eq="std-dometic-windshield-darkening-system" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Dometic-pimennysjärjestelmä tuulilasiin</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-purpose-built-furniture-construction-with-a-high-quality-hpl" data-bp-value="756.3" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Varta vasten suunniteltu kalusterakenne, jossa on korkealaatuinen 0,9 mm:n HPL-suojapinta sekä kosteutta ja naarmuja kestävät poppelilevyt</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-dometic-duette-blackout-darkening-system-for-the-front-doors" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Dometic Duette Blackout -pimennysjärjestelmä etuoviin</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-high-performance-elastomeric-foam-insulation-15mm-to-32mm-cu" data-bp-value="1008.4" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Tehokas elastomeerivaahtoeriste, 15–32 mm, mittatarkasti ajoneuvon muotoihin sovitettu.</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-dometic-midi-heki-style-gd-500-x-700-rear-roof-window-with-d" data-bp-value="168.07" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Dometic Midi-Heki Style GD 500 x 700 -kattoikkuna takana, pimennysverho ja hyttysverkko</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-insulated-multi-layer-floor-30mm-xps300-insulation-10mm-okou" data-bp-value="1386.55" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Eristetty monikerroslattia</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-dometic-midi-heki-style-gd-500-x-700-front-roof-window-with" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Dometic Midi-Heki Style GD 500 x 700 -kattoikkuna edessä, pimennysverho ja hyttysverkko</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-end-furniture-strips-made-of-solid-wood" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Kalusteiden massiivipuiset päätylistat</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-mini-heki-skylight-in-the-bathroom-400-x-400-with-darkening" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Mini-Heki-kattoluukku 400 x 400 kylpyhuoneessa, pimennysverho ja hyttysverkko</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-dometic-s7s-side-windows-with-darkening-screen-and-a-fly-scr" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Dometic S7S -sivuikkunat, pimennysverhot ja hyttysverkot</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-high-quality-furniture-fittings-hinges-and-drawer-guides" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Laadukkaat kalustehelat (saranat ja laatikoiden liukukiskot)</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-dometic-s7p-490x500-rear-door-windows-with-darkening-screen" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Dometic S7P 490x500 -ikkunat takaovissa, pimennysverhot ja hyttysverkot</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-fly-screen-on-the-sliding-side-door" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Hyttysverkko sivuliukuovessa</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                                                                              <div class="ds-accordion" data-ds-accordion>
    <button class="ds-accordion__head" type="button" aria-expanded="false">
      <h4>Ulkovarusteet ja pohja-auto</h4>
      <span class="ds-accordion__count">5 sisältyy</span>      <span class="ds-accordion__chevron" aria-hidden="true"><svg class="ds-icon ds-icon--chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
</span>
    </button>
    <div class="ds-accordion__body">
      <div class="ds-accordion__inner">                                                        <div data-bp-eq="std-vehicle-documentation-incl-certificate-of-conformity" data-bp-value="168.07" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Ajoneuvon asiakirjat sis. vaatimustenmukaisuustodistuksen (CoC)</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-fix-go" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Fix &amp; Go</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-90l-tank-capacity" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Polttoainesäiliön tilavuus 90L</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-thule-slide-out-electric-entry-step-550-mm" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">Sähkötoiminen Thule Slide Out -astinlauta (550 mm)</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                                                      <div data-bp-eq="std-all-season-tyres-m-s-camping-with-snowflake" data-bp-value="0" data-bp-weight="0">          <div class="ds-eq-row">
    <span class="ds-eq-row__check"><svg class="ds-icon ds-icon--check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
    <span class="ds-eq-row__text">All Season -renkaat M+S Camping lumihiutalemerkinnällä</span>
          <span class="ds-eq-row__meta">
                  <span class="ds-eq-row__incl">Sisältyy</span>
                      </span>
      </div>
</div>
                                    </div>
    </div>
  </div>

                            </div>
  </div>
</section>
                              
<section aria-label="Takuu">
  <h2 class="ds-h2">Takuu</h2>
  <p class="ds-text bp-sectsub">Rakennettu kestämään — ja taattu kirjallisesti.</p>
  <div class="bp-warranty">
    <article class="ds-warranty">
    <span class="ds-warranty__years"><svg class="ds-icon ds-icon--shield" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
 2 vuotta</span>
    <h5 class="ds-warranty__title">Täysi ajoneuvotakuu</h5>
    <p class="ds-warranty__body">Asuintilan sähkö-, vesi- ja lämmitysjärjestelmät sekä Tourne-matkailuautosi yleinen rakennelaatu.</p>
</article>
<article class="ds-warranty">
    <span class="ds-warranty__years"><svg class="ds-icon ds-icon--shield" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
 5 vuotta</span>
    <h5 class="ds-warranty__title">Kalusteet ja kaapistot</h5>
    <p class="ds-warranty__body">HPL- ja kompaktilaminaattikalusteemme on liimattu — ei ruuvattu — ja niiden reunat on tiivistetty kauttaaltaan, joten ne eivät delaminoidu.</p>
</article>
<article class="ds-warranty">
    <span class="ds-warranty__years"><svg class="ds-icon ds-icon--shield" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
 5 vuotta</span>
    <h5 class="ds-warranty__title">Vesitiiviys</h5>
    <p class="ds-warranty__body">Vettä ei pääse asuinosaan, kiitos tiiviin, juuri tähän tarkoitukseen suunnitellun rakenteemme (vuosittaisella tiiviystarkastuksella).</p>
</article>
  </div>
</section>

                    
<section aria-label="Hintasi">
  <h2 class="ds-h2">Hintasi</h2>

    <div class="bp-priceblock">
    <h3 class="bp-priceblock__title">Hintaerittely</h3>
    <div class="bp-ptable-scroll">
      <table class="bp-ptable">
        <thead>
          <tr>
            <th></th>
            <th>Hinta ilman alv:tä</th>
            <th>Alv (%)</th>
            <th>Alv</th>
            <th>Hinta sis. alv</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="bp-ptable__label">Ajoneuvo vakiovarusteineen
              <span class="bp-ptable__sub" data-bp-out="variant-label">6.0 m · Manuaali · 140 hv</span></td>
            <td><span data-bp-out="veh-net">62 794 €</span></td>
            <td>25.5%</td>
            <td><span data-bp-out="veh-vat">16 013 €</span></td>
            <td><span data-bp-out="veh-gross">78 807 €</span></td>
          </tr>
                                <tr class="bp-ptable__stdrow">
              <td class="bp-ptable__item-label">Vakiovarusteiden arvo
                <span class="bp-ptable__sub">sisältyy · <span class="bp-ptable__sub-note">sis. alv 25.5 %</span></span></td>
              <td></td>
              <td></td>
              <td></td>
              <td>14 322 €</td>
            </tr>
                    <tr>
            <td class="bp-ptable__label">Lisävarusteet
              <span class="bp-ptable__sub"><span data-bp-out="opt-count">0</span> <span data-bp-out="opt-count-label">kohdetta</span></span></td>
            <td><span data-bp-out="opt-net">0 €</span></td>
            <td>25.5%</td>
            <td><span data-bp-out="opt-vat">0 €</span></td>
            <td><span data-bp-out="opt-gross">0 €</span></td>
          </tr>
        </tbody>
                <tbody data-bp-optitems></tbody>
        <tfoot>
          <tr class="bp-ptable__total">
            <td>Yhteensä</td>
            <td><span data-bp-out="net">62 794 €</span></td>
            <td>25.5%</td>
            <td><span data-bp-out="vat-amount">16 013 €</span></td>
            <td class="bp-ptable__grand"><span data-bp-out="gross">78 807 €</span></td>
          </tr>
        </tfoot>
      </table>
    </div>
  </div>

    <div class="bp-priceblock">
    <h3 class="bp-priceblock__title">Verot ja maksut</h3>
    <div class="bp-taxes" data-bp-taxes>
                                                                          <div class="bp-taxes__row"><span class="bp-taxes__k">Alv 25.5 %</span><span class="bp-taxes__v">16 013 €</span></div>
                            <div class="bp-taxes__row bp-taxes__row--total"><span class="bp-taxes__k">Verot ja maksut yhteensä</span><span class="bp-taxes__v">16 013 €</span></div>
            <div class="bp-taxes__row bp-taxes__row--net"><span class="bp-taxes__k">Nettosumma</span><span class="bp-taxes__v">62 794 €</span></div>
    </div>
  </div>
</section>
          
<section aria-label="Varaa">
  <div id="lead" data-bp-lead>
        <article class="bp-cta theme-dark ds-plastnice-host">
      <span class="ds-plastnice ds-plastnice--onDark" aria-hidden="true" style="--plastnice-min:1400px;"></span>

      <div class="bp-cta__inner">

                
<div class="cfg-thanks" id="leadThanks" role="status" hidden
     data-csrf-name="CRAFT_CSRF_TOKEN"
     data-csrf-value="5HxRVLWXnSvI-wRC-_LuQao4wFpD5VJdiMJSCq1sxBVtSooCoYqALZM1JTeHou0bnstVLJS4vjn9eZgWMdUIC_6OYEz5KrMjGni8Zfv_y0w=">
    <div class="cfg-thanks__head">
        <span class="cfg-thanks__ico"><svg class="ds-icon ds-icon--check" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
        <div class="cfg-thanks__head-txt">
            <h4 class="cfg-thanks__title">Kokoonpano lähetetty</h4>
            <p class="cfg-thanks__lede"><span id="leadSuccessText">Kiitos — kokoonpanosi on matkalla<span data-bp-lead-to hidden> – <b data-bp-lead-email></b></span>.</span></p>
        </div>
    </div>

    <div class="cfg-thanks__contact">
                    <span class="cfg-thanks__photo cfg-thanks__photo--empty" aria-hidden="true">
                <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
            </span>
                <div class="cfg-thanks__who">
            <strong class="cfg-thanks__name">Tourne-tiimi</strong>
                        <p class="cfg-thanks__promise">Otamme sinuun henkilökohtaisesti yhteyttä mahdollisimman pian.</p>
        </div>
    </div>

    <div class="cfg-thanks__next">
        <h5 class="cfg-thanks__next-title">Mitä haluaisit tehdä seuraavaksi?</h5>
        <div class="cfg-thanks__options" id="nextStepOptions">
            <button type="button" class="cfg-thanks__opt" data-next-step="test-drive" aria-pressed="false">
                <span class="cfg-thanks__opt-ico" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="13"/><path d="m10 8 5 2.5-5 2.5z"/><path d="M8 21h8M12 17v4"/></svg></span>
                <strong class="cfg-thanks__opt-title">Live-esittely</strong>
                <span class="cfg-thanks__opt-sub">Esittelemme kokoonpanosi — livenä, verkossa tai paikan päällä.</span>
                <span class="cfg-thanks__opt-check" aria-hidden="true"><svg class="ds-icon ds-icon--check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
            </button>
            <button type="button" class="cfg-thanks__opt" data-next-step="dealer" aria-pressed="false">
                <span class="cfg-thanks__opt-ico" aria-hidden="true"><svg class="ds-icon ds-icon--pin" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s7-5.7 7-12a7 7 0 1 0-14 0c0 6.3 7 12 7 12z"/><circle cx="12" cy="10" r="2.5"/></svg>
</span>
                <strong class="cfg-thanks__opt-title">Tapaa jälleenmyyjä</strong>
                <span class="cfg-thanks__opt-sub">Koeajo ja esittely lähimmän Tourne-kumppanin luona.</span>
                <span class="cfg-thanks__opt-check" aria-hidden="true"><svg class="ds-icon ds-icon--check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
            </button>
            <button type="button" class="cfg-thanks__opt" data-next-step="factory-visit" aria-pressed="false">
                <span class="cfg-thanks__opt-ico" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 21V8l6 4V8l6 4V3h8v18z"/><path d="M6 17h1M11 17h1M16 17h1"/></svg></span>
                <strong class="cfg-thanks__opt-title">Vieraile tehtaalla</strong>
                <span class="cfg-thanks__opt-sub">Katso, kuinka Tourne-autosi syntyy juuri siellä, missä se rakennetaan.</span>
                <span class="cfg-thanks__opt-check" aria-hidden="true"><svg class="ds-icon ds-icon--check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
</span>
            </button>
        </div>
        <p class="cfg-thanks__confirm" id="nextStepConfirm" role="status" hidden>
            <svg class="ds-icon ds-icon--check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>

            Hienoa — järjestämme asian ja vahvistamme yksityiskohdat kanssasi.
        </p>
    </div>
</div>

                  <form class="bp-cta__cols" action="" method="post" novalidate data-bp-lead-form>
                        <input type="hidden" name="leadSource" value="">
            <input type="hidden" name="action" value="my-module/leads/submit">
            <input type="hidden" name="CRAFT_CSRF_TOKEN" value="5HxRVLWXnSvI-wRC-_LuQao4wFpD5VJdiMJSCq1sxBVtSooCoYqALZM1JTeHou0bnstVLJS4vjn9eZgWMdUIC_6OYEz5KrMjGni8Zfv_y0w=">
            <input type="hidden" name="redirect" value="cd93154dc34953e97b54c69c6b51312d571c98bf889e18badf6839337a9a179chttps://my.tourne-mobil.com/fi/builds/expre?sent=1">
            <input type="hidden" name="locale" value="fi">
            <input type="hidden" name="region" value="FI">
            <input type="hidden" name="type" value="prebuilt">
            <input type="hidden" name="premadeId" value="light-sport">
            <input type="hidden" name="configJson" value="{&quot;v&quot;:2,&quot;type&quot;:&quot;prebuilt&quot;,&quot;locale&quot;:&quot;fi&quot;,&quot;premadeId&quot;:&quot;light-sport&quot;,&quot;selection&quot;:{&quot;baseVehicleId&quot;:&quot;cruise-60-mt-140&quot;,&quot;color&quot;:&quot;color-white&quot;,&quot;wheel&quot;:&quot;wheel-light-16-alloy-black&quot;},&quot;totals&quot;:{&quot;net&quot;:62794.42,&quot;vat&quot;:16012.58,&quot;gross&quot;:78807,&quot;currency&quot;:&quot;EUR&quot;}}" data-bp-configjson>
            <input type="hidden" name="configUrl" value="https://my.tourne-mobil.com/fi/builds/expre?v=cruise-60-mt-140&amp;c=color-white&amp;w=wheel-light-16-alloy-black" data-bp-configurl>

                        <div class="bp-hp" aria-hidden="true">
              <label for="lead-website">Website</label>
              <input id="lead-website" name="website" type="text" tabindex="-1" autocomplete="off">
            </div>

                        <div class="bp-cta__left">
                                          <h3 class="bp-cta__h">Varaa Tourne Expre Edition</h3>
              <p class="bp-cta__sub" data-bp-lead-lede>Jätä yhteystietosi, niin vahvistamme saatavuuden ja lähetämme sinulle kirjallisen tarjouksen juuri tästä kokoonpanosta.</p>

              <div class="bp-cta__askhead">
                <h4 class="bp-cta__askhead-t"><span class="bp-cta__num">1 &middot;</span> Mitä seuraavaksi?</h4>
                <p class="bp-cta__askhead-p">Valitse ne, jotka sopivat — kaikki ovat valinnaisia.</p>
              </div>

                            <div class="bp-cta__asks">
                <label class="bp-cta__ask">
                  <input class="bp-cta__ask-in" type="checkbox" name="interests[]" value="test-drive">
                  <svg class="bp-cta__ask-ico" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 16h16"/><path d="M6 16V9l3-3h6l3 4v6"/><circle cx="8" cy="18.5" r="1.6"/><circle cx="16" cy="18.5" r="1.6"/></svg>
                  <span class="bp-cta__ask-txt">
                    <span class="bp-cta__ask-t">Koeajo</span>
                    <span class="bp-cta__ask-d">Esittelyautoja lähelläsi</span>
                  </span>
                  <svg class="bp-cta__ask-tick" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
                </label>
                <label class="bp-cta__ask">
                  <input class="bp-cta__ask-in" type="checkbox" name="interests[]" value="special-offer">
                  <svg class="bp-cta__ask-ico" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.6 12.4 12.4 20.6a2 2 0 0 1-2.8 0l-6.2-6.2a2 2 0 0 1-.6-1.6l.5-6.1a2 2 0 0 1 1.8-1.8l6.1-.5a2 2 0 0 1 1.6.6l6.2 6.2a2 2 0 0 1 0 2.8Z"/><circle cx="8.5" cy="8.5" r="1.3"/></svg>
                  <span class="bp-cta__ask-txt">
                    <span class="bp-cta__ask-t">Erikoistarjous</span>
                    <span class="bp-cta__ask-d">Tämä kokoonpano voimassa olevilla kampanjaeduilla</span>
                  </span>
                  <svg class="bp-cta__ask-tick" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
                </label>
                <label class="bp-cta__ask">
                  <input class="bp-cta__ask-in" type="checkbox" name="interests[]" value="dealer">
                  <svg class="bp-cta__ask-ico" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 10c0 6-8 11-8 11s-8-5-8-11a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.6"/></svg>
                  <span class="bp-cta__ask-txt">
                    <span class="bp-cta__ask-t">Haluan yhteyden jälleenmyyjään</span>
                    <span class="bp-cta__ask-d">Paikallinen kumppani, jolla on kokoonpanosi edessään</span>
                  </span>
                  <svg class="bp-cta__ask-tick" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
                </label>
                <label class="bp-cta__ask">
                  <input class="bp-cta__ask-in" type="checkbox" name="interests[]" value="factory-visit">
                  <svg class="bp-cta__ask-ico" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 20V10l5 3V10l5 3V10l5 3v7z"/><path d="M8 16h1"/><path d="M13 16h1"/></svg>
                  <span class="bp-cta__ask-txt">
                    <span class="bp-cta__ask-t">Tehdasvierailu</span>
                    <span class="bp-cta__ask-d">Katso, miten autosi rakennetaan · Slovenia</span>
                  </span>
                  <svg class="bp-cta__ask-tick" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
                </label>
              </div>

                            <p class="bp-cta__count" data-bp-lead-count aria-live="polite"
                 data-c-none="Ei valintoja — lähetämme tarjouksen sinulle sähköpostitse."
                 data-c-one="{title} valittu — järjestämme sen tarjouksesi yhteydessä."
                 data-c-many="{n} valittua — järjestämme kaiken tarjouksesi yhteydessä.">Ei valintoja — lähetämme tarjouksen sinulle sähköpostitse.</p>
            </div>

                        <div class="bp-cta__card">
              <h4 class="bp-cta__card-t"><span class="bp-cta__num">2 &middot;</span> Minne lähetämme sen?</h4>
              <div class="bp-cta__fields">
                <div>
                  <label class="bp-cta__lbl" for="lead-email">Sähköposti <span class="bp-cta__req" aria-hidden="true">*</span> <span class="bp-cta__opt">pakollinen</span></label>
                  <input class="bp-cta__in bp-cta__in--big bp-cta__in--email" id="lead-email" name="email" type="email" placeholder="you@example.com" autocomplete="email" required aria-required="true">
                </div>
                <div>
                  <label class="bp-cta__lbl" for="lead-market">Paikkakunta / maa</label>
                  <input class="bp-cta__in bp-cta__in--big" id="lead-market" name="market" type="text" placeholder="Missä asut?" autocomplete="address-level2">
                </div>
                <div class="bp-cta__two">
                  <div>
                    <label class="bp-cta__lbl" for="lead-name">Nimi <span class="bp-cta__opt">valinnainen</span></label>
                    <input class="bp-cta__in" id="lead-name" name="name" type="text" placeholder="Nimesi" autocomplete="name">
                  </div>
                  <div>
                    <label class="bp-cta__lbl" for="lead-phone">Puhelin <span class="bp-cta__opt">valinnainen</span></label>
                    <input class="bp-cta__in" id="lead-phone" name="phone" type="tel" placeholder="+386 …" autocomplete="tel">
                  </div>
                </div>

                <button class="bp-cta__mtoggle" type="button" data-bp-lead-msgtoggle>
                  <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14"/><path d="M5 12h14"/></svg>
                  Lisää viesti
                </button>
                                <div class="bp-cta__mwrap" data-bp-lead-msgwrap>
                  <div class="bp-cta__mhead">
                    <label class="bp-cta__lbl" for="lead-message">Viesti</label>
                    <button class="bp-cta__mhide" type="button" data-bp-lead-msghide>Piilota</button>
                  </div>
                  <textarea class="bp-cta__ta" id="lead-message" name="message" placeholder="Onko jotain, mitä meidän pitäisi tietää? Päivämäärät, kysymykset, jo omistamasi alusta…"></textarea>
                </div>

                <p class="bp-lead-msg" data-bp-lead-msg hidden></p>

                <button class="bp-cta__submit" type="submit">Pyydä tarjous</button>
              </div>
              <p class="bp-cta__fine">Vain sähköpostiosoite on pakollinen — sinne tarjouksesi lähetetään. Ei uutiskirjettä, yksi viesti ihmiseltä.</p>
            </div>
          </form>
        
                <div class="cfg-doc-actions" id="docActions" hidden>
    <button type="button" class="cfg-share-btn cfg-share-btn--primary" id="docPrint">
        <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><path d="M6 14h12v8H6z"/></svg>
        <span>Tulosta tai tallenna PDF</span>
    </button>
    <button type="button" class="cfg-share-btn" id="docCopy" data-l-copied="URL kopioitu leikepöydälle">
        <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1"/><path d="M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1"/></svg>
        <span>Kopioi URL</span>
    </button>
    </div>
      </div>
    </article>
  </div>
</section>
                                                          </div>
      </div>

                  <div class="bp-shell__rail">
      <aside class="bp-aside" aria-label="Kokoonpanosi">
        <div class="bp-aside__scroll">
                    <h2 class="bp-aside__title">Kokoonpanosi</h2>
          <div class="bp-aside__card">
            

<section class="bp-sim" aria-label="Ajoneuvon esikatselu" data-bp-sim>
  <div class="bp-sim__stage">
    <div class="bp-sim__frame" data-bp-sim-frame>
              <img class="bp-sim__layer"
             src="/assets/media/sim/60/body-expre-edition--white.webp?d=178"
             alt="Tourne Expre Edition — Valkoinen">
          </div>
          <button type="button" class="ds-sim-zoom__btn"
          data-sim-zoom-open="simZoomModal"
          aria-haspopup="dialog" aria-controls="simZoomModal"
          title="Suurenna esikatselu" aria-label="Suurenna esikatselu">
    <svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor"
         stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
      <path d="M14 4h6v6M20 4l-7 7M10 20H4v-6M4 20l7-7"/>
    </svg>
  </button>

  </div>
</section>
            

<div class="bp-buildcard">
  <h3 class="bp-buildcard__model">Tourne Expre Edition</h3>
    <p class="bp-buildcard__sub" data-bp-out="base-line">Fiat Ducato · L3 · 5.99 m</p>

  <div class="bp-buildcard__chips">
    <span class="ds-chip" data-bp-out="chip-gearbox">Manuaali</span>
    <span class="ds-chip" data-bp-out="chip-power">140 hv · 103 kW</span>
        <span class="ds-chip" data-bp-out="chip-chassis">Light 335</span>  </div>

  <div class="bp-buildcard__swatches">
    <div class="bp-buildcard__sw">
      <span class="ds-swatch" data-bp-color-swatch style="--sw-color:#eeeeee"></span>
      <span class="bp-buildcard__sw-info">
        <span class="bp-buildcard__sw-k">Väri</span>
        <span class="bp-buildcard__sw-v" data-bp-out="colour-label" title="Valkoinen">Valkoinen</span>
      </span>
    </div>
          <div class="bp-buildcard__sw">
        <span class="ds-swatch ds-swatch--rim" data-bp-rim-swatch><img src="/assets/media/tourne-16-light_alloy-NEW-rims-black.png" alt=""></span>
        <span class="bp-buildcard__sw-info">
          <span class="bp-buildcard__sw-k">Vanteet</span>
          <span class="bp-buildcard__sw-v" data-bp-out="rim-label" title="16&quot; mattamustat alumiinivanteet Light">16&quot; mattamustat alumiinivanteet Light</span>
        </span>
      </div>
      </div>

    <div class="bp-buildcard__gauge" data-bp-gauge>
                  <div class="ds-gauge">
    <div class="ds-gauge__top">
      <span class="ds-gauge__label">Kokonaismassa</span>
      <span class="ds-gauge__value"><b data-bp-gauge-value>2 955</b> / 3 500 kg</span>
    </div>
    <div class="ds-gauge__track" role="progressbar"
         aria-label="Kokonaismassa"
         aria-valuenow="2955" aria-valuemin="0" aria-valuemax="3500">
      <div class="ds-gauge__fill" style="width:84.4%"></div>
    </div>
  </div>

  </div>
</div>
            

<div class="bp-railprice">
  <div class="ds-breakdown">
    <div class="ds-breakdown__row">
      <span class="ds-breakdown__k">Ajoneuvo, netto</span>
      <span class="ds-breakdown__v" data-bp-out="veh-net">62 794 €</span>
    </div>
    <div class="ds-breakdown__row">
      <span class="ds-breakdown__k">Lisävarusteet
        <span class="ds-breakdown__sub">(<span data-bp-out="opt-count">0</span> <span data-bp-out="opt-count-label">kohdetta</span>)</span></span>
      <span class="ds-breakdown__v">+<span data-bp-out="opt-net">0 €</span></span>
    </div>
    <div class="ds-breakdown__divider"></div>
    <div class="ds-breakdown__row is-strong">
      <span class="ds-breakdown__k">Nettohinta</span>
      <span class="ds-breakdown__v" data-bp-out="net">62 794 €</span>
    </div>
              <div class="ds-breakdown__row">
        <span class="ds-breakdown__k">Alv 25.5%</span>
        <span class="ds-breakdown__v" data-bp-out="vat">+16 013 €</span>
      </div>
      </div>
  <div class="ds-price-total ds-price-total--grand">
    <span class="ds-price-total__label">Yhteensä
      <span class="ds-price-total__sub">sis. alv</span></span>
    <span class="ds-price-total__amount" data-bp-out="gross">78 807 €</span>
  </div>
</div>
          </div>
                    <p class="bp-aside__note">Hintoihin sisältyy alv 25.5 %. Viitteellinen kokoonpano.</p>
        </div>
        
<div class="bp-aside__foot" data-bp-reserve-cta>
  <div class="bp-bar-act">
                  <a class="ds-btn ds-btn--primary ds-btn--block" href="#lead">
      <span>Varaa Tourne Expre Edition</span>    </a>
  
  </div>
</div>
      </aside>
      </div>

    </div>

        
<section class="cfg-print theme-light" id="cfgPrint" aria-hidden="true" hidden>

        <section class="cfg-print__sheet">
        <div class="cfg-print-cover">

            <header class="cfg-print-head">
                <span class="cfg-print-mark">  <svg class="tourne-logo" width="903" height="53" viewBox="61.6 485.4 902.7 53.1" style="--logo-h:13px" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="TOURNE">
    <g fill="currentColor">
      <path d="M199.5,536.7l-56.2,0.2h-0.7c-34.7,0-51.5-0.5-61.3-4.4c-8.4-3.3-10.8-10.3-10.8-18.7v-8.2h-8.9v-0.7l20.6-19.4h0.9v9.6h58.1l-4.7,10.5H83.2v8c0,4.4,0.2,8.2,4.9,10.3c6.8,3,19.7,3.5,54.6,3.3h59L199.5,536.7z"/>
      <path d="M363.7,516.6c-0.2,7.7-2.8,14.3-10.8,17.3c-9.6,4-26,4.4-59.2,4.4h-1.4c-0.5,0-0.9,0-1.4,0c-33.2,0-49.6-0.5-59.2-4.4c-8-3-10.5-9.6-10.8-17.3v-0.9c0-0.2,0-0.5,0-0.7c0.2-7.7,2.8-14.3,10.8-17.3c9.6-4,26-4.4,59.2-4.4h1.4c0.5,0,0.9,0,1.4,0c33.2,0,49.6,0.5,59.2,4.4c8,3,10.5,9.6,10.8,17.3v0.7V516.6z M351,515.6c0-4-0.5-7.5-4.9-9.4c-6.6-3-19.2-3.5-52.4-3.3h-1.4c-0.5,0-0.9,0-1.4,0c-33.2-0.2-45.9,0.2-52.4,3.3c-4.4,1.9-4.9,5.4-4.9,9.4c0,4.2,0.5,7.7,4.9,9.6c6.6,3,19.2,3.5,52.4,3.3h1.4c0.5,0,0.9,0,1.4,0c33.2,0.2,45.9-0.2,52.4-3.3C350.6,523.4,351,519.8,351,515.6z"/>
      <path d="M517.9,495.5v40.7h-12.6v-6.1c-4.7,5.9-16.2,8.2-43.1,8.4H460c-0.2,0-0.5,0-0.7,0c-33.2,0-49.6-0.5-59.2-4.4c-8.2-3.3-10.5-10.1-10.8-18.3v-20.4H402v19.7c0,4.4,0.2,8.2,4.9,10.3c6.6,3,19.2,3.5,52.4,3.3c38.9,0,45.9-4,45.9-16.2v-17.1L517.9,495.5L517.9,495.5z"/>
      <path d="M655.1,494.8l-3.7,9.6l-54.6,0.2c-18,0-34.9,2.1-34.9,12.2v20.6h-12.6v-41.9h12.6v6.1c7-5.4,19.2-6.8,34.9-6.8L655.1,494.8L655.1,494.8z"/>
      <path d="M806.6,536.2H794v-19.7c0-4.5-0.2-8.2-4.9-10.3c-6.6-3-19.2-3.5-52.4-3.3c-38.9,0-45.9,4-45.9,16.2v17.1h-12.6v-40.7h12.6v6.1c4.7-5.9,16.2-8.2,43.1-8.4h2.1c0.2,0,0.5,0,0.7,0c33.2,0,49.6,0.5,59.2,4.4c8.2,3.3,10.5,10.1,10.8,18.3L806.6,536.2L806.6,536.2z"/>
      <path d="M946.6,529l-2.3,9.1l-45.2,0.2h-0.2c-36.3,0-49.2-1.2-58.3-5.2c-8-3.7-10.5-9.6-10.8-17.3v-0.2c0-0.2,0-0.2,0-0.5c0.2-7.5,2.8-13.1,10.8-16.9c8.9-3.7,21.1-5.2,54.6-5.2h2.1c0.5,0,1.2,0,1.9,0c33.5,0,45.7,1.4,54.6,5.2c8.7,4,10.8,8.4,10.8,21.5H842.6c0.5,2.1,1.4,3.7,3.5,4.9c5.6,3,16.6,4.4,52.7,4.2L946.6,529L946.6,529z M842.6,511.6h108.9c-0.5-2.3-1.4-4.2-3.5-5.4c-5.4-3-15.9-4.4-48.9-4.2h-1.9c-0.7,0-1.4,0-2.1,0c-33-0.2-43.5,1.2-48.9,4.2C843.8,507.4,843.1,509.3,842.6,511.6z"/>
    </g>
  </svg>
</span>
                <span class="cfg-print-head__meta" data-print-date></span>
            </header>

            <div class="cfg-print-title">
                <p class="cfg-print-title__eyebrow">Oma Tourne</p>
                <h1 class="cfg-print-title__h1" data-print-title></h1>
                <p class="cfg-print-title__sub" data-print-sub></p>
            </div>

                        <figure class="cfg-print-sim" data-print-sim></figure>

                        <div class="cfg-print-spec">
                <div class="cfg-print-spec__col" data-print-spec="a"></div>
                <div class="cfg-print-spec__col" data-print-spec="b"></div>
            </div>

            <div class="cfg-print-cover__gap"></div>

                        <div class="cfg-print-band">
                <div class="cfg-print-band__top">
                    <span class="cfg-print-band__eyebrow">Hintayhteenveto</span>
                    <span class="cfg-print-band__market" data-print-market></span>
                </div>
                <div class="cfg-print-band__line">
                    <span>Ajoneuvo vakiovarusteineen</span>
                    <span class="cfg-print-band__amt" data-print-veh></span>
                </div>
                <div class="cfg-print-band__line">
                    <span>Lisävarusteet<span class="cfg-print-band__note" data-print-optcount></span></span>
                    <span class="cfg-print-band__amt" data-print-opt></span>
                </div>
                <div class="cfg-print-band__line cfg-print-band__line--std" data-print-stdline>
                    <span>Vakiovarusteiden arvo<em class="cfg-print-band__incl">sisältyy</em><span class="cfg-print-band__note">sis. alv 25.5 %</span></span>
                    <span class="cfg-print-band__amt" data-print-std></span>
                </div>
                                <div class="cfg-print-band__totals">
                    <div class="cfg-print-band__fig" data-print-band="gross" hidden>
                        <span class="cfg-print-band__figk">Hinta ilman alv:tä</span>
                        <span class="cfg-print-band__figv" data-print-net></span>
                    </div>
                    <div class="cfg-print-band__fig" data-print-band="gross" hidden>
                        <span class="cfg-print-band__figk">Alv 25.5%</span>
                        <span class="cfg-print-band__figv" data-print-vat></span>
                    </div>
                    <div class="cfg-print-band__fig cfg-print-band__fig--grand">
                        <span class="cfg-print-band__figk">
                            <span data-print-band="gross" hidden>Hinta sis. alv</span>
                            <span data-print-band="net" hidden>Yhteensä</span>
                        </span>
                        <span class="cfg-print-band__figv" data-print-total></span>
                    </div>
                </div>
                                <p class="cfg-print-band__qual">Hintoihin sisältyy alv 25.5 %.</p>
            </div>

            <div class="cfg-print-cover__gap"></div>

            <div class="cfg-print-foot">
                                <div class="cfg-print-toc">
                    <p class="cfg-print-toc__head">Tässä asiakirjassa</p>
                    <div class="cfg-print-toc__row" data-print-toc-row="optional">
                        <span class="cfg-print-toc__n">01</span>
                        <span>Lisävarusteet</span>
                        <span class="cfg-print-toc__meta" data-print-toc="optional"></span>
                    </div>
                    <div class="cfg-print-toc__row" data-print-toc-row="standard">
                        <span class="cfg-print-toc__n">02</span>
                        <span>Vakiovarusteet</span>
                        <span class="cfg-print-toc__meta" data-print-toc="standard"></span>
                    </div>
                    <div class="cfg-print-toc__row" data-print-toc-row="price">
                        <span class="cfg-print-toc__n">03</span>
                        <span>Hintaerittely</span>
                    </div>
                    <div class="cfg-print-toc__row" data-print-toc-row="taxes">
                        <span class="cfg-print-toc__n">04</span>
                        <span>Verot ja maksut</span>
                    </div>
                    <div class="cfg-print-toc__row" data-print-toc-row="warranty">
                        <span class="cfg-print-toc__n">05</span>
                        <span>Takuu</span>
                    </div>
                </div>
                                <div class="cfg-print-qr">
                    <div class="cfg-print-qr__box" data-print-qr data-print-url=""></div>
                    <p class="cfg-print-qr__cap">Skannaa ja avaa tämä kokoonpano uudelleen</p>
                </div>
            </div>

        </div>
    </section>

        <section class="cfg-print__sheet" data-print-sec="optional">
        <table class="cfg-print-list">
            <thead>
            <tr><th colspan="2" scope="col"><span class="cfg-print-run__label" data-print-run></span></th></tr>
            </thead>
            <tbody>
            <tr class="cfg-print-list__lead">
                <td colspan="2">
                    <header class="cfg-print-sec__head">
                        <div>
                            <p class="cfg-print-sec__eyebrow">Oma Tourne</p>
                            <h2 class="cfg-print-sec__title">Lisävarusteet</h2>
                        </div>
                        <span class="cfg-print-sec__meta" data-print-meta></span>
                    </header>
                </td>
            </tr>
            </tbody>
            <tbody data-print-optional></tbody>
        </table>
    </section>

        <section class="cfg-print__sheet" data-print-sec="standard">
        <table class="cfg-print-list">
            <thead>
            <tr><th colspan="2" scope="col"><span class="cfg-print-run__label" data-print-run></span></th></tr>
            </thead>
            <tbody>
            <tr class="cfg-print-list__lead">
                <td colspan="2">
                    <header class="cfg-print-sec__head">
                        <div>
                            <p class="cfg-print-sec__eyebrow">Oma Tourne</p>
                            <h2 class="cfg-print-sec__title">Vakiovarusteet</h2>
                        </div>
                        <span class="cfg-print-sec__meta" data-print-meta></span>
                    </header>
                    <p class="cfg-print-sec__intro">Tässä on yhteenveto kaikista ajoneuvon vakiovarusteista ja Tourne-varusteista, jotka matkailuautoosi kuuluvat malliston, koon ja ajoneuvon tietojen perusteella.</p>
                                        <div class="cfg-print-stdval" data-print-stdbanner>
                        <div>
                            <span class="cfg-print-stdval__k">Vakiovarusteiden kokonaisarvo</span>
                            <p class="cfg-print-stdval__note">Tämä on Tourne-autoosi vakiona kuuluvien varusteiden vähittäismyyntiarvo — sinulle ilman lisähintaa.</p>
                        </div>
                        <span class="cfg-print-stdval__v"><span data-print-stdvalue></span><span class="cfg-print-stdval__tax">sis. alv 25.5 %</span></span>
                    </div>
                </td>
            </tr>
            </tbody>
            <tbody data-print-standard></tbody>
        </table>
    </section>

        <section class="cfg-print__sheet" data-print-sec="price">
                <table class="cfg-print-list">
            <thead>
            <tr><th scope="col"><span class="cfg-print-run__label" data-print-run></span></th></tr>
            </thead>
            <tbody>
            <tr class="cfg-print-list__lead">
                <td>
                    <header class="cfg-print-sec__head">
                        <div>
                            <p class="cfg-print-sec__eyebrow">Oma Tourne</p>
                            <h2 class="cfg-print-sec__title">Hintaerittely</h2>
                        </div>
                        <span class="cfg-print-sec__meta" data-print-meta></span>
                    </header>
                </td>
            </tr>
            </tbody>
        </table>

                <div data-print-ptable></div>

                <p class="cfg-print-note">Hintoihin sisältyy alv 25.5 %. Viitteellinen kokoonpano.</p>

                
        <section class="cfg-print-tax">
            <div class="cfg-print-tax__head">
                <h3 class="cfg-print-tax__title">Verot ja maksut</h3>
                <span class="cfg-print-tax__market" data-print-tax-market></span>
            </div>
            <div data-print-taxes></div>
        </section>

        <section class="cfg-print-war">
            <h3 class="cfg-print-war__title">Takuu</h3>
            <div class="cfg-print-war__grid">
                <article class="ds-warranty">
    <span class="ds-warranty__years"><svg class="ds-icon ds-icon--shield" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
 2 vuotta</span>
    <h5 class="ds-warranty__title">Täysi ajoneuvotakuu</h5>
    <p class="ds-warranty__body">Asuintilan sähkö-, vesi- ja lämmitysjärjestelmät sekä Tourne-matkailuautosi yleinen rakennelaatu.</p>
</article>
<article class="ds-warranty">
    <span class="ds-warranty__years"><svg class="ds-icon ds-icon--shield" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
 5 vuotta</span>
    <h5 class="ds-warranty__title">Kalusteet ja kaapistot</h5>
    <p class="ds-warranty__body">HPL- ja kompaktilaminaattikalusteemme on liimattu — ei ruuvattu — ja niiden reunat on tiivistetty kauttaaltaan, joten ne eivät delaminoidu.</p>
</article>
<article class="ds-warranty">
    <span class="ds-warranty__years"><svg class="ds-icon ds-icon--shield" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
 5 vuotta</span>
    <h5 class="ds-warranty__title">Vesitiiviys</h5>
    <p class="ds-warranty__body">Vettä ei pääse asuinosaan, kiitos tiiviin, juuri tähän tarkoitukseen suunnitellun rakenteemme (vuosittaisella tiiviystarkastuksella).</p>
</article>
            </div>
        </section>

                <div class="cfg-print-end">
            <span data-print-end="title"></span>
            <span data-print-end="date"></span>
            <span data-print-end="market"></span>
        </div>
    </section>

</section>
  </main>

        
  <footer class="ds-footer" aria-label="Sivustokartta">
    <div class="ds-footer__wrap">

      <div class="ds-footer__top">

        <div class="ds-footer__cell ds-footer__brand">
          <a class="ds-footer__mark" href="https://my.tourne-mobil.com/fi/" aria-label="Tourne — etusivu">  <svg class="tourne-logo" width="903" height="53" viewBox="61.6 485.4 902.7 53.1" style="--logo-h:22px" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="TOURNE">
    <g fill="currentColor">
      <path d="M199.5,536.7l-56.2,0.2h-0.7c-34.7,0-51.5-0.5-61.3-4.4c-8.4-3.3-10.8-10.3-10.8-18.7v-8.2h-8.9v-0.7l20.6-19.4h0.9v9.6h58.1l-4.7,10.5H83.2v8c0,4.4,0.2,8.2,4.9,10.3c6.8,3,19.7,3.5,54.6,3.3h59L199.5,536.7z"/>
      <path d="M363.7,516.6c-0.2,7.7-2.8,14.3-10.8,17.3c-9.6,4-26,4.4-59.2,4.4h-1.4c-0.5,0-0.9,0-1.4,0c-33.2,0-49.6-0.5-59.2-4.4c-8-3-10.5-9.6-10.8-17.3v-0.9c0-0.2,0-0.5,0-0.7c0.2-7.7,2.8-14.3,10.8-17.3c9.6-4,26-4.4,59.2-4.4h1.4c0.5,0,0.9,0,1.4,0c33.2,0,49.6,0.5,59.2,4.4c8,3,10.5,9.6,10.8,17.3v0.7V516.6z M351,515.6c0-4-0.5-7.5-4.9-9.4c-6.6-3-19.2-3.5-52.4-3.3h-1.4c-0.5,0-0.9,0-1.4,0c-33.2-0.2-45.9,0.2-52.4,3.3c-4.4,1.9-4.9,5.4-4.9,9.4c0,4.2,0.5,7.7,4.9,9.6c6.6,3,19.2,3.5,52.4,3.3h1.4c0.5,0,0.9,0,1.4,0c33.2,0.2,45.9-0.2,52.4-3.3C350.6,523.4,351,519.8,351,515.6z"/>
      <path d="M517.9,495.5v40.7h-12.6v-6.1c-4.7,5.9-16.2,8.2-43.1,8.4H460c-0.2,0-0.5,0-0.7,0c-33.2,0-49.6-0.5-59.2-4.4c-8.2-3.3-10.5-10.1-10.8-18.3v-20.4H402v19.7c0,4.4,0.2,8.2,4.9,10.3c6.6,3,19.2,3.5,52.4,3.3c38.9,0,45.9-4,45.9-16.2v-17.1L517.9,495.5L517.9,495.5z"/>
      <path d="M655.1,494.8l-3.7,9.6l-54.6,0.2c-18,0-34.9,2.1-34.9,12.2v20.6h-12.6v-41.9h12.6v6.1c7-5.4,19.2-6.8,34.9-6.8L655.1,494.8L655.1,494.8z"/>
      <path d="M806.6,536.2H794v-19.7c0-4.5-0.2-8.2-4.9-10.3c-6.6-3-19.2-3.5-52.4-3.3c-38.9,0-45.9,4-45.9,16.2v17.1h-12.6v-40.7h12.6v6.1c4.7-5.9,16.2-8.2,43.1-8.4h2.1c0.2,0,0.5,0,0.7,0c33.2,0,49.6,0.5,59.2,4.4c8.2,3.3,10.5,10.1,10.8,18.3L806.6,536.2L806.6,536.2z"/>
      <path d="M946.6,529l-2.3,9.1l-45.2,0.2h-0.2c-36.3,0-49.2-1.2-58.3-5.2c-8-3.7-10.5-9.6-10.8-17.3v-0.2c0-0.2,0-0.2,0-0.5c0.2-7.5,2.8-13.1,10.8-16.9c8.9-3.7,21.1-5.2,54.6-5.2h2.1c0.5,0,1.2,0,1.9,0c33.5,0,45.7,1.4,54.6,5.2c8.7,4,10.8,8.4,10.8,21.5H842.6c0.5,2.1,1.4,3.7,3.5,4.9c5.6,3,16.6,4.4,52.7,4.2L946.6,529L946.6,529z M842.6,511.6h108.9c-0.5-2.3-1.4-4.2-3.5-5.4c-5.4-3-15.9-4.4-48.9-4.2h-1.9c-0.7,0-1.4,0-2.1,0c-33-0.2-43.5,1.2-48.9,4.2C843.8,507.4,843.1,509.3,842.6,511.6z"/>
    </g>
  </svg>
</a>
                    <p class="ds-footer__slogan">It’s all about the journey.</p>
        </div>

                  <nav class="ds-footer__cell ds-footer__col" aria-label="Osta Tourne">
            <h3>Osta Tourne</h3>
            <ul>
                              <li>
                  <a class="ds-footer__link" href="https://my.tourne-mobil.com/fi/configurator">Konfiguroi</a>
                </li>
                              <li>
                  <a class="ds-footer__link" href="https://my.tourne-mobil.com/fi/#editions">Mallistot</a>
                </li>
                              <li>
                  <a class="ds-footer__link" href="https://my.tourne-mobil.com/fi/inventory">Varastoautot</a>
                </li>
                              <li>
                  <a class="ds-footer__link" href="https://www.tourne-mobil.com/dealers" target="_blank" rel="noopener">Jälleenmyyjät</a>
                </li>
                          </ul>
          </nav>
                  <nav class="ds-footer__cell ds-footer__col" aria-label="Miksi Tourne">
            <h3>Miksi Tourne</h3>
            <ul>
                              <li>
                  <a class="ds-footer__link" href="https://www.tourne-mobil.com/features" target="_blank" rel="noopener">Ominaisuudet</a>
                </li>
                              <li>
                  <a class="ds-footer__link" href="https://www.tourne-mobil.com/media" target="_blank" rel="noopener">Media ja kuvat</a>
                </li>
                              <li>
                  <a class="ds-footer__link" href="https://www.tourne-mobil.com/story" target="_blank" rel="noopener">Tietoa meistä</a>
                </li>
                          </ul>
          </nav>
                  <nav class="ds-footer__cell ds-footer__col" aria-label="Ota yhteyttä">
            <h3>Ota yhteyttä</h3>
            <ul>
                              <li>
                  <a class="ds-footer__link" href="https://www.tourne-mobil.com/contact" target="_blank" rel="noopener">Yhteystiedot</a>
                </li>
                              <li>
                  <a class="ds-footer__link" href="https://www.tourne-mobil.com/support" target="_blank" rel="noopener">Huolto ja tuki</a>
                </li>
                              <li>
                  <a class="ds-footer__link" href="mailto:info@tourne-mobil.com">info@tourne-mobil.com</a>
                </li>
                          </ul>
          </nav>
        
      </div>

            <div class="ds-footer__bottom">

        <div class="ds-footer__legal">
          <p class="ds-footer__copy">© 2026 Tourne. Kaikki hinnat sisältävät alv:n (Suomi · 25.5%)</p>
          <a class="ds-footer__link ds-footer__link--small" href="https://www.tourne-mobil.com/terms" target="_blank" rel="noopener">Tietosuoja, evästeet &amp; käyttöehdot</a>
        </div>

        <div class="ds-footer__social">
          <ul aria-label="Sosiaalinen media">
                          <li><a class="ds-footer__link ds-footer__link--small" href="https://www.instagram.com/tourne.campervans/" target="_blank" rel="noopener">Instagram</a></li>
                          <li><a class="ds-footer__link ds-footer__link--small" href="https://www.facebook.com/tournemobil/" target="_blank" rel="noopener">Facebook</a></li>
                          <li><a class="ds-footer__link ds-footer__link--small" href="https://www.youtube.com/channel/UCTmnU2HrLxUY9C447D0Ny2g" target="_blank" rel="noopener">YouTube</a></li>
                      </ul>
        </div>

      </div>

    </div>
  </footer>


<div class="ds-modal" id="bpConflictModal" role="dialog" aria-modal="true"
     aria-labelledby="bpConflictModalTitle" data-bp-conflict>
  <div class="ds-modal__panel" role="document">
    <div class="ds-modal__head">
      <h3 class="ds-modal__title" id="bpConflictModalTitle">Lisävarusteet</h3>
      <button type="button" class="ds-modal__close bp-modal-cancel" aria-label="Sulje">
        <svg class="ds-icon ds-icon--close" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg>

      </button>
    </div>
    <div class="ds-modal__body bp-conflict-body">
      <div class="bp-conflict-msg equipment">
        <p class="bp-conflict-strong">Juuri valittu varuste ei ole yhteensopiva yhden tai useamman aiemmin valitsemasi varusteen kanssa.</p>
        <p class="bp-conflict-text">Paina Jatka, niin aiemmin valitut ristiriitaiset varusteet poistetaan valinnasta ja uusi varuste valitaan.</p>
        <p class="bp-conflict-strong">Seuraavien varusteiden valinta poistetaan:</p>
        <ul class="bp-conflict-items"></ul>
      </div>
      <div class="bp-conflict-msg equipmentOnlyWith">
        <p class="bp-conflict-strong">Juuri valittu varuste on mahdollinen vain yhdessä muiden varusteiden kanssa.</p>
        <p class="bp-conflict-text">Paina Jatka, niin myös uudet varusteet valitaan.</p>
        <p class="bp-conflict-strong">Seuraavat varusteet valitaan:</p>
        <ul class="bp-conflict-items"></ul>
      </div>
      <div class="bp-conflict-msg equipmentUnavailable">
        <p class="bp-conflict-strong">Tämä valinta vaatii varusteita, joita tässä mallistossa ei ole tarjolla.</p>
        <p class="bp-conflict-text">Aloita täysin räätälöity kokoonpano, niin voit yhdistää ne.</p>
        <ul class="bp-conflict-items"></ul>
      </div>
      <div class="bp-conflict-buttons">
        <button type="button" class="ds-btn bp-modal-cancel">Peruuta</button>
        <button type="button" class="ds-btn ds-btn--primary bp-modal-continue">Jatka</button>
      </div>
    </div>
  </div>
</div>

            
  <div class="ds-modal ds-sim-zoom" id="simZoomModal"
       role="dialog" aria-modal="true" aria-labelledby="simZoomModalTitle" aria-hidden="true">
    <div class="ds-modal__panel ds-sim-zoom__panel" role="document">
      <div class="ds-modal__head">
        <h3 class="ds-modal__title" id="simZoomModalTitle">Ajoneuvon esikatselu</h3>
        <button type="button" class="ds-modal__close" data-sim-zoom-close aria-label="Sulje">
          <svg class="ds-icon ds-icon--close" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg>

        </button>
      </div>
            <div class="ds-sim-zoom__body">
        <div class="ds-sim-zoom__stage" id="simZoomModalStage" data-sim-zoom-stage></div>
        <p class="ds-sim-zoom__cap" data-sim-zoom-cap></p>
      </div>
    </div>
  </div>

  <script>
  (function () {
    var ZID = 'simZoomModal';
    var root = document.getElementById(ZID);
    if (!root || root.dataset.simZoomReady) return;
    root.dataset.simZoomReady = '1';

    var opener = null;
    function fire(name) {
      try { root.dispatchEvent(new CustomEvent(name, { bubbles: true })); }
      catch (e) { /* very old engines — the class toggle already happened */ }
    }
    function open(from) {
      if (root.classList.contains('is-open')) return;
      opener = from || document.activeElement;
      root.classList.add('is-open');
      root.setAttribute('aria-hidden', 'false');
      fire('ds-sim-zoom:open');
      var c = root.querySelector('[data-sim-zoom-close]');
      if (c) { try { c.focus(); } catch (e) { /* detached */ } }
    }
    function close() {
      if (!root.classList.contains('is-open')) return;
      root.classList.remove('is-open');
      root.setAttribute('aria-hidden', 'true');
      fire('ds-sim-zoom:close');
      if (opener && opener.focus) { try { opener.focus(); } catch (e) { /* detached */ } }
      opener = null;
    }
    root.__dsSimZoom = { open: open, close: close };

    // delegated so a control cloned into a JS-built stage still works
    document.addEventListener('click', function (ev) {
      var b = ev.target && ev.target.closest
        ? ev.target.closest('[data-sim-zoom-open="' + ZID + '"]') : null;
      if (!b) return;
      ev.preventDefault();
      open(b);
    });
    root.addEventListener('click', function (ev) { if (ev.target === root) close(); });
    Array.prototype.forEach.call(root.querySelectorAll('[data-sim-zoom-close]'), function (b) {
      b.addEventListener('click', close);
    });
    document.addEventListener('keydown', function (ev) {
      if (ev.key === 'Escape' && root.classList.contains('is-open')) close();
    });
    // keep Tab inside the panel while it is open
    root.addEventListener('keydown', function (ev) {
      if (ev.key !== 'Tab') return;
      var f = root.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
      if (!f.length) return;
      var first = f[0], last = f[f.length - 1];
      if (ev.shiftKey && document.activeElement === first) { ev.preventDefault(); last.focus(); }
      else if (!ev.shiftKey && document.activeElement === last) { ev.preventDefault(); first.focus(); }
    });
  })();
  </script>


  <script>
(function () {
  if (window.__dsBehaviors) return;
  window.__dsBehaviors = true;
  // Accordion: click a head → flip .is-open on its block, sync aria-expanded.
  document.addEventListener('click', function (e) {
    var head = e.target.closest('.ds-accordion__head');
    if (!head) return;
    var block = head.closest('[data-ds-accordion]');
    if (!block) return;
    var open = block.classList.toggle('is-open');
    head.setAttribute('aria-expanded', open ? 'true' : 'false');
  });
})();
</script>
    <script src="/assets/lib/jquery.min.js"></script>
  <script src="/assets/lib/glide.min.js"></script>
      <script src="/assets/js/base178.min.js"></script>
        <script>
window.SimLayers = (function () {
  'use strict';

  // Both size directories register every overlay on ONE shared canvas, so the
  // size only ever changes the directory.
  var BASES = { '60': '/assets/media/sim/60/', '64': '/assets/media/sim/64/' };

  // TEMPORARY: the 15-inch L4 renders (cleared-arch 'body-cruise-15', 11
  // colours) have not been delivered, so a size-64 build that resolves to
  // 15-inch rims is drawn as the SERIAL 16-INCH van. Flip to false once the
  // masters land. Mirrors SIM_64_15INCH_STANDIN in configurator-v2.js.
  var STANDIN_64_15 = true;

  // colour id -> render-file slug, for the ids whose token is not the id minus
  // 'color-' (the client named the Fiat/Peugeot yellow file simply "Yellow").
  var COLOR_SLUG = { 'color-yellow-pptt': 'yellow' };

  // wheel id -> overlay slug. Serial steel has no overlay: the 16" silver steel
  // is baked into the body renders, the 15" steel IS the org-15 overlay on the
  // cleared-arch body.
  var WHEEL_LAYER = {
    'wheel-light-16-alloy-black': 'wheel-ducato-crne',
    'wheel-light-16-alloy-two-colors': 'wheel-ducato',
    'wheel-heavy-or-at-16-alloy-two-colors': 'wheel-peugeot-extra-felge-16inch',
    'wheel-tourne-bw1': 'wheel-org-15-inch-stahlmetal-black',
    'wheel-tourne-bw2': 'wheel-org-16-inch-stahlmetal-black',
    'wheel-tourne-aw7b': 'wheel-mak-load-5-16-inch',
    'wheel-tourne-aw8b': 'wheel-mak-overland-16inch'
  };
  var WHEELS_15 = {
    'wheel-light-15-steel-grey': 1,
    'wheel-light-15-steel-wheel-cover-grey': 1,
    'wheel-tourne-bw1': 1
  };

  // Logo finish per colour on the prebuilt Editions (client 2026-08-21).
  // LOGA = anthracite, baked into every body render; LOGS = two silver layers.
  var EDITION_LOGO_FINISH = {
    'color-white': 'loga', 'color-expedition-grey': 'loga', 'color-artense-grey': 'loga',
    'color-yellow-pptt': 'loga', 'color-muschio-green': 'loga',
    'color-lanzarote-grey': 'logs', 'color-metallic-black': 'logs', 'color-iron-grey': 'logs',
    'color-blu-storm': 'logs', 'color-mundo-azure': 'logs', 'color-brown': 'logs'
  };

  var ROOF_LED_ID = 'to-rte';
  var AWNING_IDS = ['to-mk1', 'to-mke1', 'to-mk2', 'to-mke2'];

  function asSet(active) {
    if (active && typeof active.has === 'function') return active;
    var s = {};
    (active || []).forEach(function (id) { s[id] = 1; });
    return { has: function (id) { return !!s[id]; } };
  }

  function logoFinish(o, colorId) {
    if (o.brand === 'peugeot') return 'loga';
    if (o.premade) return EDITION_LOGO_FINISH[colorId] || 'loga';
    return o.logoFinish === 'logs' ? 'logs' : 'loga';
  }

  function stack(o) {
    o = o || {};
    var base = BASES[String(o.size)];
    var colorId = o.colorId;
    if (!base || !colorId) return null;

    var slug = COLOR_SLUG[colorId] || String(colorId).replace(/^color-/, '');
    var act = asSet(o.active);
    var whlId = o.wheelId || null;
    var pm = o.premade || null;

    // The resolved rim decides; the fallback only runs before one exists, and
    // must predict what the look defaults pick — on a light chassis that is the
    // 15" steel, on BOTH gearboxes (client 2026-08-24, D77).
    var wheel15 = whlId ? !!WHEELS_15[whlId]
      : (o.edition !== 'select' && o.chassis === 'light');
    var standIn64 = STANDIN_64_15 && String(o.size) === '64' && wheel15;
    if (standIn64) wheel15 = false;

    var series =
      pm === 'cruise-edition' ? 'body-cruise-edition' :
      pm === 'select-edition' ? 'body-select-edition' :
      pm === 'light-sport' ? 'body-expre-edition' :
      (o.edition === 'select' ? 'body-select' : (wheel15 ? 'body-cruise-15' : 'body-cruise'));
    var lettering = series.indexOf('-edition') !== -1;
    var layers = [series + '--' + slug];

    // wheels: lettering bodies bake the 16" wheel, so 15" overlays are skipped
    // there (the known R13 gap — no lettering body with cleared arches exists)
    var overlay = whlId ? (WHEEL_LAYER[whlId] || null) : null;
    if (!lettering && wheel15 && !overlay) overlay = 'wheel-org-15-inch-stahlmetal';
    if (lettering && whlId && WHEELS_15[whlId]) overlay = null;
    // a 15-inch rim seated in a 16-inch arch is the one thing the stand-in
    // must never draw
    if (standIn64) overlay = null;
    if (overlay) layers.push(overlay);

    // 4BJ arch mouldings — ONE composited file since the 2026-08-24 rebuild
    if (act.has('bv-4bj')) layers.push('det-obrobe');

    // the bumper is ONE part: base renders carry a body-colour bumper, serial
    // adds the matte black skin; BK6 = body-colour + black skid insert; BKB =
    // gloss metallic black skin (Obrobe 2 merged in); BKT = body-colour.
    if (act.has('bv-bk6')) layers.push('det-odbijac-ledvicka');
    else if (act.has('to-bkb')) layers.push('det-select-edition-maska-shiny-obrobe');
    else if (!act.has('to-bkt')) layers.push('det-crn-odbijac-matte');

    if (o.brand === 'peugeot') {
      layers.push('det-peugeot-maska');            // carries its own badge + wordmark
    } else if (act.has('bv-j7r')) {   // colour-included J7R arrives in `active` (colIncludesEquipment)
      layers.push('det-crna-horizontalna-precka-pod-masko',
                  'det-shiny-crna-maska-pod-t-logotipom');
    }

    if (logoFinish(o, colorId) === 'logs' && o.brand !== 'peugeot') {
      layers.push('det-srebrni-logot-t', 'det-srebrni-logo-napis-tourne');
    }

    if (act.has(ROOF_LED_ID)) layers.push('ov-led--' + slug);
    if (AWNING_IDS.some(function (id) { return act.has(id); })) layers.push('ov-awning--' + slug);

    var bust = o.bust ? '?' + o.bust : '';
    var out = layers.map(function (s) { return base + s + '.webp' + bust; });
    if (standIn64) out.standIn64 = true;
    return out;
  }

  return {
    stack: stack,
    BASES: BASES,
    COLOR_SLUG: COLOR_SLUG,
    WHEEL_LAYER: WHEEL_LAYER,
    WHEELS_15: WHEELS_15,
    EDITION_LOGO_FINISH: EDITION_LOGO_FINISH,
    ROOF_LED_ID: ROOF_LED_ID,
    AWNING_IDS: AWNING_IDS
  };
}());
</script>

  <script>
(function () {
  'use strict';
  var dataEl = document.getElementById('bp-data');
  var root = document.querySelector('[data-bp-page]');
  if (!dataEl || !root || !window.PriceV2) return;

  var D;
  try { D = JSON.parse(dataEl.textContent || '{}'); } catch (e) { return; }
  var variants = D.variants || {};
  if (!D.defaultKey || !variants[D.defaultKey]) return;

  var DIMS = ['size', 'gearbox', 'hp'];
  var cur = D.currency || '€';
  var i18n = D.i18n || {};

  /* ---- formatters (mirror builds/_parts/money.twig) --------------------
     ONE FORMATTER FOR BOTH DOCUMENTS (print QA round 1). Money here used to be
     `Math.round(n).toLocaleString('en-US')` with a LEADING symbol, while the
     configurator's own A4 sheet printed the market's grouping with a TRAILING
     one — so the same market quoted "EUR 74,725" as "€74,725" on an edition
     document and "74.725 €" on the configurator's. A German offer grouped the
     English way, with a comma where the reader expects a decimal mark, is a
     real misreading risk on paper. The rule is now the configurator's money():
     the market's own grouping (the Intl locale map of makeFormatter() in
     src/js/configurator-v2.js, keyed by SITE HANDLE) and the symbol AFTER the
     number, for every currency. builds/_parts/money.twig carries the same two
     rules for the JS-off render — change one, change both. */
  var NUM_LOCALE = { de: 'de-DE', at: 'de-AT', chde: 'de-CH', chfr: 'fr-CH', fr: 'fr-FR',
                     it: 'it-IT', nl: 'nl-NL', uk: 'en-GB', en: 'en-GB', sv: 'sv-SE',
                     dk: 'da-DK', nor: 'nb-NO', slo: 'sl-SI', cs: 'cs-CZ', ro: 'ro-RO',
                     rohu: 'hu-HU', be: 'nl-BE', fi: 'fi-FI' };
  var num = (function () {
    var tag = NUM_LOCALE[(D.ctx && D.ctx.locale) || ''] || 'de-DE';
    try {
      var nf = new Intl.NumberFormat(tag, { minimumFractionDigits: 0, maximumFractionDigits: 0 });
      return function (n) { return nf.format(Math.round(Number(n) || 0)); };
    } catch (e) {
      return function (n) { return String(Math.round(Number(n) || 0)); };
    }
  })();
  function fmtCur(n) { return num(n) + ' ' + cur; }
  /* ITEM WEIGHTS — at most one decimal and no trailing zero ("17", "9,5"),
     the market's own decimal mark. The mirror of fmtKg = makeFormatter(META
     .locale, 1, 0) in src/js/configurator-v2.js and of money.kg() in
     builds/_parts/money.twig, which renders these same chips server-side;
     this one only ever runs when a RELABEL rewrites a row (the awning twin,
     the silent BK6→BKT swap), so a mismatch between the three would show up
     as one chip changing shape mid-page. Change one, change all three. */
  var kgNum = (function () {
    var tag = NUM_LOCALE[(D.ctx && D.ctx.locale) || ''] || 'de-DE';
    try {
      var nf = new Intl.NumberFormat(tag, { minimumFractionDigits: 0, maximumFractionDigits: 1 });
      return function (n) { return nf.format(Number(n) || 0); };
    } catch (e) {
      return function (n) { return String(Math.round((Number(n) || 0) * 10) / 10); };
    }
  })();
  function fmtKg(n) { return kgNum(n) + ' kg'; }

  /* ---- state, seeded from the server-rendered DOM ---- */
  /* addons: id -> {price, name} — the pmcAddonEquipment toggles. The retired
     winter-pack flag went with the pack itself (m260825_094100 — this file is
     inlined into the page, so the pack's name is not repeated here). */
  var state = { key: D.defaultKey, colourPrice: 0, colourName: '', colourId: '',
                rimId: '', chassis: (D.sim && D.sim.chassis) || null, addons: {} };

  /* ---- THE CHASSIS IS A PICK ON ONE EDITION (owner 2026-08-25 item 2) -----
     "cruse edition also has to have option to be light or heavy […] only expre
     is light and select is only heavy." The segment exists only where the
     edition's base vehicles are light AND it sells bv-h (builds/_entry.twig's
     `chassisChoice`), so everywhere else `chassisWrap` is null, state.chassis
     stays the server's constant and every branch below no-ops.

     It drives the ORDINARY bv-h add-on — that is what carries its price into
     the totals, the itemized specification, the shareable URL and the lead
     payload without a second code path — while the chassis VALUE re-gates the
     rims (1LR is chassis_or_gearbox) and the heavy-only options (bv-4bj). */
  var chassisWrap = root.querySelector('[data-bp-chassis]');
  var CHASSIS_ID = chassisWrap ? (chassisWrap.getAttribute('data-bp-chassis-id') || '') : '';
  var CHASSIS_NAME = chassisWrap ? (chassisWrap.getAttribute('data-bp-chassis-name') || '') : '';
  function curChassis() { return state.chassis || null; }

  (function seed() {
    var picks = {};
    DIMS.forEach(function (dim) {
      var grp = root.querySelector('[data-bp-dim="' + dim + '"]');
      var on = grp && (grp.querySelector('.ds-seg.is-sel') || grp.querySelector('.ds-seg'));
      if (on && on.dataset.val != null) picks[dim] = String(on.dataset.val);
    });
    Object.keys(variants).forEach(function (k) {
      var v = variants[k];
      if (String(v.size) === picks.size && String(v.gearbox) === picks.gearbox && String(v.hp) === picks.hp) state.key = k;
    });
    var colWrap = root.querySelector('[data-bp-colours]');
    var c0 = colWrap && (colWrap.querySelector('.ds-swatch-row.is-selected') || colWrap.querySelector('.ds-swatch-row'));
    if (c0) {
      state.colourPrice = parseFloat(c0.dataset.price) || 0;
      state.colourName = c0.dataset.name || '';
      state.colourId = c0.dataset.id || '';
    }
    /* the rim radio is server-rendered with the default variant's rim already
       selected, so the seed reads the DOM first and only falls back to the
       payload's own pick (owner 2026-08-25 item 4) */
    var rimWrap0 = root.querySelector('[data-bp-rims]');
    var r0 = rimWrap0 && rimWrap0.querySelector('.ds-swatch-row.is-selected');
    state.rimId = (r0 && r0.dataset.id) || D.rimDefault || '';
    if (chassisWrap) {
      var c0 = chassisWrap.querySelector('.ds-seg.is-sel') || chassisWrap.querySelector('.ds-seg');
      if (c0 && c0.dataset.val) state.chassis = String(c0.dataset.val);
    }
  })();

  /* ---- visually-hidden live region: one announcement per change ---- */
  var live = document.createElement('p');
  live.setAttribute('aria-live', 'polite');
  live.style.cssText = 'position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0';
  root.appendChild(live);
  var firstRender = true;

  function variant() { return variants[state.key] || variants[D.defaultKey]; }
  function recap() {
    var v = variant();
    var L = (D.labels && D.labels.size) || {};
    var G = (D.labels && D.labels.gearbox) || {};
    return (L[v.size] || v.size) + ' · ' + (G[v.gearbox] || v.gearbox) + ' · ' + v.hp + ' ' + (i18n.hp || 'HP');
  }
  function setOut(key, text) {
    root.querySelectorAll('[data-bp-out="' + key + '"]').forEach(function (el) { el.textContent = text; });
  }

  /* ---- RELABELLING ONE .ds-eq-row (fitted / standard) --------------------
     Three things on this page rewrite an equipment row's TITLE in place — the
     gearbox-dependent rim, the length-twinned awning and the silent BK6→BKT
     bumper swap — because in each case the van carries a different part while
     the money, the count and the position stay put.

     A row's text is `title [code chip] [weight chip]`, composed in
     builds/_parts/included.twig in the configurator's own order. Writing
     `textContent` wipes BOTH chips, so they are detached and re-appended here,
     in one place, instead of each caller re-implementing it: the code chip
     already had that dance, the weight chip (owner 2026-08-29) would have
     needed a third copy of it.

     `weight` is the row's NEW weight in kg; pass undefined to leave the chip
     exactly as it is. The chip is CREATED when a relabel brings a weight to a
     row that had none, and removed when it takes the weight away — otherwise
     the swap would quietly keep quoting the part that left the van. */
  function eqChips(textEl) {
    return {
      code: textEl.querySelector('.ds-eq-row__code:not(.ds-eq-row__code--weight)'),
      weight: textEl.querySelector('.ds-eq-row__code--weight'),
    };
  }
  function relabelRow(textEl, title, code, weight) {
    var chips = eqChips(textEl);
    textEl.textContent = title;                    /* wipes the chips */
    if (chips.code && code) {
      chips.code.textContent = code;
      textEl.appendChild(document.createTextNode(' '));
      textEl.appendChild(chips.code);
    }
    var kg = weight === undefined
      ? (chips.weight ? chips.weight.textContent : '')
      : (Number(weight) > 0 ? fmtKg(weight) : '');
    if (!kg) return;
    var chip = chips.weight;
    if (!chip) {
      chip = document.createElement('span');
      chip.className = 'ds-eq-row__code ds-eq-row__code--weight';
      chip.setAttribute('data-bp-eq-weight', '');
      chip.setAttribute('title', i18n.weight || 'Weight');
    }
    chip.textContent = kg;
    textEl.appendChild(document.createTextNode(' '));
    textEl.appendChild(chip);
  }

  /* nearest stocked variant with [dim]=val: most other-dim matches wins,
     ties broken by lowest net — the auto-correct for invalidated combos. */
  function nearest(dim, val) {
    var v0 = variant(), best = null, bestScore = -1;
    Object.keys(variants).forEach(function (k) {
      var v = variants[k];
      if (String(v[dim]) !== String(val)) return;
      var score = 0;
      DIMS.forEach(function (d) { if (d !== dim && String(v[d]) === String(v0[d])) score++; });
      if (score > bestScore || (score === bestScore && best && v.net < best.net)) { best = v; bestScore = score; }
    });
    return best;
  }

  /* sync all three segment groups: selection + disabled (no stocked
     completion given the other two current picks). */
  function refreshSegs() {
    var v0 = variant();
    DIMS.forEach(function (dim) {
      var grp = root.querySelector('[data-bp-dim="' + dim + '"]');
      if (!grp) return;
      grp.querySelectorAll('.ds-seg').forEach(function (btn) {
        var val = String(btn.dataset.val);
        var on = String(v0[dim]) === val;
        btn.classList.toggle('is-sel', on);
        btn.setAttribute('aria-pressed', on ? 'true' : 'false');
        var possible = Object.keys(variants).some(function (k) {
          var v = variants[k];
          if (String(v[dim]) !== val) return false;
          return DIMS.every(function (d) { return d === dim || String(v[d]) === String(v0[d]); });
        });
        /* feedback 2026-08-14 #4: a value stocked in ANY variant stays
           clickable — the click handler auto-corrects the other dims via
           nearest() (e.g. Expre 6.0 m + Manual jumps to the stocked MT-160
           instead of showing Manual as dead). Only a value stocked nowhere
           is disabled; a will-auto-correct value renders dimmed. */
        var existsAny = Object.keys(variants).some(function (k) {
          return String(variants[k][dim]) === val;
        });
        btn.disabled = !existsAny && !on;
        btn.classList.toggle('is-disabled', !existsAny && !on);
        btn.classList.toggle('is-dim', existsAny && !possible && !on);
      });
    });
  }

  /* ======================================================================
     COMPATIBILITY (owner 2026-08-25 item 1)
     ======================================================================
     The rules are the SAME CMS relations the configurator reads and the engine
     is the SAME window.RulesV2 (src/js/_rules-v2.js, shipped in the site
     bundle) — nothing is re-derived here. This is the /builds port of
     toggleEquipment() / chooseWheel() in configurator-v2.js: find the
     conflicts, confirm, deselect, then pull in what the pick requires.

     WHAT IS AND IS NOT SWITCHABLE
     Conflicts are resolved against the SELECTED add-ons only, because those
     are the only things this page can switch off — the FITTED options are part
     of the edition. A paid upgrade that supersedes a fitted one (SP9/SP12/SP13
     over the fitted solar module, the motorised awning over the manual one) is
     exactly what the sparse pmcAddonPriceOverrides offset, so it must NOT be
     blocked. Requirements read the WIDER build (fitted + serial + selected),
     minus anything a selected item `replaces` — the Select alloys' bv-4bj is
     already fitted on that edition, so the rim just goes on.

     THE ONE MESSAGE THE CONFIGURATOR HAS NO TWIN FOR
     There, everything is reachable. Here the offer is the edition's own list,
     so an item can require equipment this edition does not sell at all — that
     is `equipmentUnavailable`: the row cannot go on, and the dialog says so
     instead of pretending there is something to confirm. */
  var Rules = window.RulesV2 || null;
  var RULES = D.rules || {};
  var BUILT = {};
  (D.fitted || []).concat(D.serial || []).forEach(function (id) { BUILT[id] = 1; });

  function selectedIds() { return Object.keys(state.addons); }
  /* fittedId -> replacement, as of the last render (see refreshSwaps) */
  var lastSwaps = {};
  function rowOf(id) {
    return id ? root.querySelector('[data-bp-addons] .ds-toggle-row[data-id="' + String(id).replace(/"/g, '') + '"]') : null;
  }
  /* offerable = the edition sells it AND the chosen length can take it */
  function offerable(id) {
    var btn = rowOf(id);
    return !!(RULES[id] && btn && !btn.classList.contains('bp-hidden'));
  }
  function titleOf(id) { return (RULES[id] && RULES[id].title) || id; }

  /* Everything IN the build right now: the edition's fitted + serial equipment
     and the selected add-ons, minus the serial items a selected add-on
     replaces (RulesV2.isSerialEffective's half that matters here — the 300 Ah
     block is in the van instead of the serial 200 Ah one, so the 200 Ah one
     can no longer satisfy anybody's requirement). */
  function buildSet(extraOn, extraOff) {
    var set = {};
    Object.keys(BUILT).forEach(function (id) { set[id] = 1; });
    var sel = selectedIds();
    if (extraOn) sel = sel.concat([extraOn]);
    sel.forEach(function (id) {
      if (extraOff && extraOff.indexOf(id) !== -1) return;
      set[id] = 1;
      ((RULES[id] && RULES[id].replaces) || []).forEach(function (r) { delete set[r]; });
    });
    if (extraOff) extraOff.forEach(function (id) { delete set[id]; });
    return set;
  }

  /* Active picks that cannot coexist with `id` — RulesV2.findConflicts over
     the SELECTED set (excludes / bundled / replaces, in both directions). */
  function conflictsOf(id, active) {
    var it = RULES[id];
    if (!it || !Rules) return [];
    return Rules.findConflicts(it, active || selectedIds(), RULES);
  }

  /* What `id` still needs, split by whether this page can supply it.
       adds     offerable rows that would be switched ON (equipmentOnlyWith)
       missing  requirements this edition does not sell (equipmentUnavailable)
     Hard `requires` first, then the requiresAnyOf OR-groups (the inverters'
     "a 200 Ah battery or more"), which are checked with the hard requires
     assumed in — the order configurator-v2.js resolves them in. A group with
     an offerable member is satisfied by ONE of them, so exactly the member the
     engine will switch on is listed, never the whole group. */
  function needsOf(id, offSet) {
    var it = RULES[id] || {};
    var have = buildSet(id, offSet);
    var adds = [], missing = [];
    (it.requires || []).forEach(function (r) {
      if (have[r]) return;
      if (offerable(r)) { if (adds.indexOf(r) === -1) { adds.push(r); have[r] = 1; } }
      else if (missing.indexOf(r) === -1) missing.push(r);
    });
    (it.requiresAnyOf || []).forEach(function (group) {
      var g = group || [];
      if (!g.length) return;
      if (g.some(function (m) { return have[m]; })) return;
      var pick = null;
      g.forEach(function (m) { if (!pick && offerable(m)) pick = m; });
      if (pick) { if (adds.indexOf(pick) === -1) { adds.push(pick); have[pick] = 1; } }
      else g.forEach(function (m) { if (missing.indexOf(m) === -1) missing.push(m); });
    });
    return { adds: adds, missing: missing };
  }

  /* ---- the confirm dialog (builds/_parts/conflict.twig) ------------------
     Drives it exactly as openModal() in configurator-v2.js drives #conflictModal:
     resolves true on Continue and false on Cancel / close / Escape / overlay. */
  var conflictModal = document.getElementById('bpConflictModal');
  /* ---- analytics (Fathom tier 3, D82) ---------------------------------
     window.tourneTrack comes from templates/_parts/_analytics.twig, which
     this page's <head> includes on every environment. The names here are
     IDENTICAL to the configurator's for the same decision — one decision is
     one name, and the two surfaces are separated at report time by pathname,
     never by inventing a second vocabulary. */
  function track(name, valueCents, oncePerPage) {
    try {
      if (window.tourneTrack) window.tourneTrack(name, valueCents, oncePerPage);
    } catch (e) { /* analytics is never load-bearing */ }
  }
  /* the one vocabulary difference between the two engines (see the Spec call) */
  var SPEC_VALUE = { mt: 'manual', at: 'automatic' };

  function openModal(key, ids) {
    return new Promise(function (resolve) {
      if (!conflictModal) { resolve(key !== 'equipmentUnavailable'); return; }
      track('Rule dialog shown: ' + key);
      conflictModal.querySelectorAll('.bp-conflict-msg').forEach(function (m) {
        m.classList.toggle('is-active', m.classList.contains(key));
      });
      var msg = conflictModal.querySelector('.bp-conflict-msg.' + key);
      var ul = msg && msg.querySelector('.bp-conflict-items');
      if (ul) {
        ul.textContent = '';
        (ids || []).forEach(function (id) {
          var li = document.createElement('li');
          li.textContent = titleOf(id);      /* textContent — never innerHTML */
          ul.appendChild(li);
        });
      }
      /* nothing to continue TO when the requirement is simply not sold here */
      conflictModal.classList.toggle('is-blocking', key === 'equipmentUnavailable');
      conflictModal.classList.add('is-open');
      var cont = conflictModal.querySelector('.bp-modal-continue');
      var cancels = conflictModal.querySelectorAll('.bp-modal-cancel');
      function done(val) {
        /* the abandoned option — Cancel, the scrim and Escape all land here */
        if (!val) track('Rule dialog cancelled: ' + key);
        conflictModal.classList.remove('is-open');
        if (cont) cont.removeEventListener('click', onC);
        cancels.forEach(function (c) { c.removeEventListener('click', onX); });
        conflictModal.removeEventListener('click', onOverlay);
        document.removeEventListener('keydown', onKey);
        resolve(val);
      }
      function onC() { done(true); }
      function onX() { done(false); }
      function onOverlay(ev) { if (ev.target === conflictModal) done(false); }
      function onKey(ev) { if (ev.key === 'Escape') done(false); }
      if (cont) cont.addEventListener('click', onC);
      cancels.forEach(function (c) { c.addEventListener('click', onX); });
      conflictModal.addEventListener('click', onOverlay);
      document.addEventListener('keydown', onKey);
    });
  }

  /* ---- dim what cannot be ticked as things stand ------------------------
     The configurator's treatment (corrections 2026-08-20 #6): a row that
     collides with an active pick, or needs something this edition does not
     sell, is DIMMED but still clickable — the click opens the dialog above
     instead of the row silently vanishing. `.is-conflict` is the ds-toggle-row
     component's own state class. */
  /* ---- take out what a selected add-on has REPLACED -----------------------
     Client feedback 2026-08-26, points 1 and 4: "SP8 must disappear from the
     standard equipment" when the customer upgrades to SP9/SP12/SP13, and
     "selecting Truma (TRC) does not make the heating-related items disappear".
     Both are the same gap. buildSet() above has always dropped a replaced id
     from the REQUIREMENT set, but nothing ever took the row out of the two
     "Everything included" lists, so the van went on advertising a solar panel
     and three heaters it does not have.

     This is the /builds twin of RulesV2.isSerialEffective, and it reaches the
     FITTED block too — on an edition SP8 and BK6 are pmcIncludedEquipment, not
     catalogue-serial, which is exactly the case the configurator's own
     replacedBy() never has to handle.

     ON PRICE, deliberately nothing: the client is explicit that "you must NOT
     subtract the value of SP8, because it is already accounted for in the
     prices of the other cells". A fitted row is paid for inside
     pmcIncludedPrice, so the Fitted-options heading keeps its figure and the
     upgrade is charged at its own full list price. Only the STANDARD block
     re-sums, because a serial row that is gone is genuinely no longer part of
     the standard-equipment value. */
  /* ---- a FITTED row that something has ruled out --------------------------
     Client feedback 2026-08-26, points 9 and 10. BK6 is fitted on every
     edition, so the customer never chose it and cannot un-choose it. Two
     different things can rule it out:

       point 10  the colour — "BK6 is not possible with colors: Blu Storm,
                 Yellow, Mudo Azure, Brown, Muschino green"
       point  9  an add-on it excludes — "if they choose 4BJ, their only
                 possibility is that they get BKT"

     Both mean the same thing to the van: it leaves with the Tourne-painted
     BKT instead. The owner ruled the presentation SILENT for both ("Always
     silent - relabel in both cases"), so the row simply reads whichever
     bumper is actually fitted — the rim/awning relabel pattern, one row and
     one price with two possible identities.

     PRICE-NEUTRAL by construction: bv-bk6 and to-bkt are both 462.18 and both
     bundle bv-lpz, so nothing is added, removed or refunded. That is what
     lets the swap be silent in the first place. */
  function swapsNow() {
    var out = {};
    var rules = D.swapRows || {};
    var blocked = (D.colorExcludes || {})[state.colourId] || [];
    var chosen = selectedIds();
    Object.keys(rules).forEach(function (fittedId) {
      if (!BUILT[fittedId]) return;                     /* not in this van */
      var ruledOut = blocked.indexOf(fittedId) !== -1;  /* point 10 */
      if (!ruledOut) {                                  /* point 9 */
        ruledOut = chosen.some(function (id) {
          var r = RULES[id];
          return !!(r && (r.excludes || []).indexOf(fittedId) !== -1);
        });
      }
      if (ruledOut) out[fittedId] = rules[fittedId];
    });
    return out;
  }

  function refreshSwaps() {
    var swaps = swapsNow();
    Object.keys(D.swapRows || {}).forEach(function (fittedId) {
      var row = root.querySelector('[data-bp-eq="' + fittedId + '"]');
      if (!row) return;
      var to = swaps[fittedId];
      var text = row.querySelector('.ds-eq-row__text');
      if (!text) return;
      /* THE ORIGINAL IS TAKEN BY REMOVING THE CHIP NODES, NEVER BY REPLACING
         THEIR TEXT (the fix print QA round 1 made in printEqRowHtml, now here
         too): a first-match string replace eats the row's OWN characters
         whenever the title contains the code before the chip does — "Heavy
         chassis H/435/295" lost its H. With a weight chip beside the code
         there are two nodes to strip, which is one more reason to clone. */
      if (!row.dataset.bpOrigTitle) {
        var chips0 = eqChips(text);
        var bare = text.cloneNode(true);
        bare.querySelectorAll('.ds-eq-row__code').forEach(function (c) { c.remove(); });
        row.dataset.bpOrigTitle = bare.textContent.trim();
        row.dataset.bpOrigCode = chips0.code ? chips0.code.textContent : '';
        row.dataset.bpOrigWeight = row.getAttribute('data-bp-weight') || '0';
      }
      var kg = to ? (Number(to.weight) || 0) : (parseFloat(row.dataset.bpOrigWeight) || 0);
      relabelRow(text,
        to ? to.title : row.dataset.bpOrigTitle,
        to ? (to.code || '') : row.dataset.bpOrigCode,
        kg);
      /* the substitute is a different part, so the gauge follows the label */
      row.setAttribute('data-bp-weight', String(kg));
    });
    return swaps;
  }

  /* WHICH FITTED ROWS THE CURRENT SELECTION HAS REMOVED.
     The CMS `replaces` relation names ONE id, but a length-twinned row does not
     change id when the length changes: the awning row is RELABELLED onto its
     twin (relabelRow above, D.awning), it is never re-keyed, so at 6.4 m the
     row still answers to `to-mk1` while the rule that removes it names
     `to-mke2` → `to-mk2`. Resolving each replaced id through the twin map
     (D.swap, which carries the awning pair and nothing else) is what makes the
     removal land at BOTH lengths — before this, ticking the motorised awning at
     6.4 m left the manual one in the list and counted its 30.5 kg in the gauge
     and on the printed sheet. Inert on every row D.swap does not name. */
  function replacedNow() {
    var out = {};
    var twins = D.swap || {};
    selectedIds().forEach(function (id) {
      ((RULES[id] && RULES[id].replaces) || []).forEach(function (r) {
        out[r] = 1;
        if (twins[r]) out[twins[r]] = 1;
      });
    });
    return out;
  }

  function refreshReplaced(fmtGross) {
    var gone = replacedNow();
    var stdValue = 0;

    root.querySelectorAll('[data-bp-eq]').forEach(function (row) {
      var id = row.getAttribute('data-bp-eq');
      var off = !!(id && gone[id]);
      row.classList.toggle('bp-hidden', off);
      if (!off && row.closest('[data-bp-standard]')) {
        stdValue += parseFloat(row.getAttribute('data-bp-value')) || 0;
      }
    });

    /* re-count every accordion and hide one the removal has emptied */
    root.querySelectorAll('[data-bp-fitted] [data-ds-accordion], [data-bp-standard] [data-ds-accordion]')
      .forEach(function (acc) {
        var rows = acc.querySelectorAll('[data-bp-eq]');
        var live = 0;
        rows.forEach(function (r) { if (!r.classList.contains('bp-hidden')) live += 1; });
        var chip = acc.querySelector('.ds-accordion__count');
        if (chip && i18n.countIncluded) chip.textContent = i18n.countIncluded.replace('{count}', live);
        acc.classList.toggle('bp-hidden', rows.length > 0 && live === 0);
      });

    /* the standard block's value heading follows the rows it now lists. Only
       the leading text node is rewritten — the trailing .bp-included-block-note
       ("net · excl. VAT" and friends) is server-rendered per market and must
       survive untouched. */
    var h = root.querySelector('[data-bp-std-h]');
    var lead = h && h.firstChild && h.firstChild.nodeType === 3 ? h.firstChild : null;
    if (lead && i18n.stdValue) {
      lead.nodeValue = stdValue > 0
        ? i18n.stdValue.replace('{price}', fmtGross(stdValue, 'vehicle'))
        : (i18n.stdPlain || '');
      var note = h.querySelector('.bp-included-block-note');
      if (note) note.classList.toggle('bp-hidden', !(stdValue > 0));
    }
    /* handed back so the printed document quotes the SAME figure the heading
       above the list does, rather than re-summing the rows a second time */
    return stdValue;
  }

  function refreshConflicts() {
    root.querySelectorAll('[data-bp-addons] .ds-toggle-row').forEach(function (btn) {
      var id = btn.dataset.id;
      var on = !!state.addons[id];
      var bad = !on && (conflictsOf(id).length > 0 || needsOf(id).missing.length > 0);
      btn.classList.toggle('is-conflict', bad);
    });
  }

  /* ---- ONE RIM AT A TIME ------------------------------------------------
     A van wears one set of wheels, so the wheel rows are a RADIO group, not
     free toggles: ticking a rim unticks whichever rim was on. That is not a
     compatibility conflict and gets no dialog — it is what the control means.
     Clicking the rim that is already on takes it off again and the build falls
     back to the rim the edition includes. */
  function selectedWheelId(exceptId) {
    var found = null;
    selectedIds().forEach(function (id) {
      if (found || id === exceptId) return;
      if (RULES[id] && RULES[id].kind === 'wheel') found = id;
    });
    return found;
  }

  /* ======================================================================
     THE RIM RADIO (owner 2026-08-25 item 4)
     ======================================================================
     A van wears ONE set of wheels, so the rims are a radio group and never
     toggles. The OFFER and every GATE are the CMS's (D.rimOpts, built in
     builds/_entry.twig from the included / serial / edition-tab rims); the
     verdict is window.RulesV2.isAvailable — the very predicate the
     configurator's rim list calls — so Brigita's matrix is read here rather
     than restated: 1LR carries whlAvailabilityRule `chassis_or_gearbox` and
     therefore rides on the heavy chassis with either gearbox and on a light
     one only with the automatic; 0R2 and 431 are light + manual.

     On Expre that is exactly the pairing the client described: the edition
     includes BOTH 16" alloys at the same price and pays for one, so the
     gearbox decides which — manual takes 0R2, automatic takes 1LR, and
     neither costs anything on top. Switching the gearbox segment therefore
     moves the rim: `defaultRimFor` re-picks the lowest RANK that still fits
     (included → standard → paid), which is the included twin for the new
     gearbox.

     PRICE: a rank 0 (included) or rank 1 (standard) rim is inside the
     edition price and adds nothing; a rank 2 rim is an edition-tab option
     and is priced exactly like any other add-on — it rides in state.addons,
     so it reaches the totals, the breakdown, the shareable URL and the lead
     payload with no second code path. */
  var RIMS = D.rimOpts || [];
  var rimById = {};
  RIMS.forEach(function (r) { rimById[r.id] = r; });
  var rimWrap = root.querySelector('[data-bp-rims]');
  var GB_LONG = { mt: 'manual', at: 'automatic' };

  /* the shape RulesV2 reads — nothing is re-derived, only re-labelled */
  function rimItem(r) {
    return {
      sizes: r.sizes || [], chassis: r.chassis || null, gearbox: r.gearbox || null,
      availabilityRule: r.rule || null, requiresHp: r.hp || null, brands: 'both',
    };
  }
  function rimFitsVariant(r, v) {
    if (!r) return false;
    if (!Rules) return true;
    return Rules.isAvailable(rimItem(r), {
      size: String(v.size), chassis: curChassis(),
      gearbox: GB_LONG[v.gearbox] || null, hp: v.hp, brand: 'fiat',
    });
  }
  /* Could this rim go on ANY stocked variant of the CURRENT chassis? A rim
     that cannot is not dimmed, it is HIDDEN: on a heavy Cruise the light 15"
     steel is not an unavailable choice, it is not part of that van's offer at
     all, and the owner's per-edition lists are exact ("nothing more"). The
     per-VARIANT verdict below stays a dim, exactly as the configurator dims a
     rim the current gearbox cannot take. */
  function rimOnChassis(r) {
    if (!r) return false;
    var keys = Object.keys(variants);
    for (var i = 0; i < keys.length; i++) {
      if (rimFitsVariant(r, variants[keys[i]])) return true;
    }
    return false;
  }
  /* the rim this variant falls back to: lowest rank that fits, list order
     breaking ties — the same rule the server used for the default render */
  function defaultRimFor(v) {
    var best = null;
    RIMS.forEach(function (r) {
      if (rimOnChassis(r) && rimFitsVariant(r, v) && (!best || r.rank < best.rank)) best = r;
    });
    return best ? best.id : '';
  }
  /* commit a rim: exactly one stays on, and only a PAID one occupies the
     priced set (so a free swap never shows up as an add-on) */
  function setRim(id) {
    state.rimId = id || '';
    RIMS.forEach(function (r) { if (r.id !== state.rimId) delete state.addons[r.id]; });
    var r = rimById[state.rimId];
    if (r && r.price > 0) state.addons[r.id] = { price: r.price, name: r.title };
  }
  var rimGroup = root.querySelector('[data-bp-rimgroup]');
  var step2H = root.querySelector('[data-bp-step2-h]');
  function refreshRims() {
    if (!rimWrap) return;
    var v = variant();
    var visible = 0;
    rimWrap.querySelectorAll('.ds-swatch-row').forEach(function (btn) {
      var r = rimById[btn.dataset.id];
      var show = rimOnChassis(r);
      btn.classList.toggle('bp-hidden', !show);
      if (show) visible++;
      var ok = show && rimFitsVariant(r, v);
      var on = show && btn.dataset.id === state.rimId;
      btn.classList.toggle('is-disabled', !ok);
      btn.disabled = !ok;
      btn.classList.toggle('is-selected', on);
      btn.setAttribute('aria-checked', on ? 'true' : 'false');
      var sw = btn.querySelector('.ds-swatch');
      if (sw) sw.classList.toggle('is-selected', on);
    });
    /* one rim is not a choice — the same rule the server applies to
       `hasRimChoice`, re-run over the rows this chassis actually shows */
    if (rimGroup) rimGroup.hidden = visible < 2;
    if (step2H) {
      var d = step2H.dataset;
      var want = visible < 2 ? (d.hPlain || '') : (d.hRims || '');
      if (want && step2H.textContent !== want) step2H.textContent = want;
    }
  }
  /* picking a rim runs the SAME compatibility flow an add-on does — a paid
     rim can require equipment (the Select alloys need bv-4bj, which that
     edition already fits) or collide with an active pick. */
  function chooseRim(btn) {
    if (flowBusy || !btn || btn.disabled) return;
    var id = btn.dataset.id;
    if (!id || id === state.rimId || !rimById[id]) return;
    var drop = state.addons[state.rimId] ? [state.rimId] : [];
    var conflicts = conflictsOf(id, selectedIds().filter(function (a) { return drop.indexOf(a) === -1; }));
    var need = needsOf(id, drop);
    need.adds.forEach(function (r) {
      conflictsOf(r).forEach(function (c) {
        if (c !== id && drop.indexOf(c) === -1 &&
            conflicts.indexOf(c) === -1 && need.adds.indexOf(c) === -1) conflicts.push(c);
      });
    });
    flowBusy = true;
    function finish() { flowBusy = false; }
    if (need.missing.length) {
      openModal('equipmentUnavailable', need.missing).then(finish, finish);
      return;
    }
    var step1 = conflicts.length ? openModal('equipment', conflicts) : Promise.resolve(true);
    step1.then(function (ok) {
      if (!ok) { finish(); return; }
      var step2 = need.adds.length ? openModal('equipmentOnlyWith', need.adds) : Promise.resolve(true);
      return step2.then(function (ok2) {
        if (!ok2) { finish(); return; }
        conflicts.forEach(function (c) {
          var b = rowOf(c);
          if (b) setAddon(b, false); else delete state.addons[c];
        });
        need.adds.forEach(function (a) {
          var b = rowOf(a);
          if (b) setAddon(b, true);
        });
        setRim(id);
        render();
        finish();
      });
    }, finish);
  }
  if (rimWrap) {
    rimWrap.addEventListener('click', function (ev) {
      var btn = ev.target.closest('.ds-swatch-row');
      if (btn && rimWrap.contains(btn)) chooseRim(btn);
    });
  }

  /* ---- commit a chassis: the segment IS the bv-h add-on ------------------
     Heavy puts the ordinary add-on into the priced set at the price its own
     row carries (pmcAddonPriceOverrides first, then the equipment record —
     builds/_entry.twig resolved it once); light takes it back out. There is no
     compatibility flow to run: bv-h carries no requires / excludes / bundled /
     replaces relation of any kind (it is a chassis, nothing depends on having
     ordered it), and what IS chassis-gated — bv-4bj arch mouldings, the rims —
     is gated by eqChassis / whlChassis against the value this sets, which
     render() re-applies below. */
  function setChassis(val) {
    state.chassis = val || null;
    if (!CHASSIS_ID || !chassisWrap) return;
    if (val === 'heavy') {
      var btn = chassisWrap.querySelector('.ds-seg[data-val="heavy"]');
      state.addons[CHASSIS_ID] = {
        price: (btn && parseFloat(btn.dataset.price)) || 0,
        /* the segment carries the KILOGRAMS as well as the price, because
           bv-h is lifted out of addonItems before bpData.rules is built and
           so has no RULES entry for totalWeight() to read (2026-08-29) */
        weight: (btn && parseFloat(btn.dataset.weight)) || 0,
        name: CHASSIS_NAME || CHASSIS_ID,
      };
    } else {
      delete state.addons[CHASSIS_ID];
    }
  }
  function refreshChassisSegs() {
    if (!chassisWrap) return;
    chassisWrap.querySelectorAll('.ds-seg').forEach(function (b) {
      var on = String(b.dataset.val) === String(state.chassis);
      b.classList.toggle('is-sel', on);
      b.setAttribute('aria-pressed', on ? 'true' : 'false');
    });
  }
  if (chassisWrap) {
    chassisWrap.addEventListener('click', function (ev) {
      var btn = ev.target.closest('.ds-seg');
      if (!btn || btn.disabled || !chassisWrap.contains(btn)) return;
      var val = String(btn.dataset.val || '');
      if (!val || val === String(state.chassis)) return;
      /* tracked HERE and not inside setChassis(): restore() calls that on
         every page load to re-apply the saved build, and a restored value is
         not a choice. The heavy-chassis attach rate would read as ~100%
         light otherwise. */
      track('Spec chassis: ' + val, null, true);
      setChassis(val);
      refreshChassisSegs();
      render();
    });
  }

  /* ---- the activation flow (port of toggleEquipment / chooseWheel) ------- */
  var flowBusy = false;
  function toggleAddon(btn) {
    if (flowBusy || !btn) return;
    var id = btn.dataset.id;
    if (!id) return;

    if (state.addons[id]) { setAddon(btn, false); render(); return; }

    var isWheel = RULES[id] && RULES[id].kind === 'wheel';
    /* the rim it replaces leaves the build BEFORE the checks, so the outgoing
       rim's own relations never count against the incoming one */
    var drop = isWheel ? [selectedWheelId(id)].filter(Boolean) : [];

    var conflicts = conflictsOf(id, selectedIds().filter(function (a) { return drop.indexOf(a) === -1; }));
    var need = needsOf(id, drop);
    /* the conflicts of everything this pick will pull in count too (the
       2026-08-14 review): a required add can itself collide with an active
       pick, and skipping that check leaves an illegal pair on the build */
    need.adds.forEach(function (r) {
      conflictsOf(r).forEach(function (c) {
        if (c !== id && drop.indexOf(c) === -1 &&
            conflicts.indexOf(c) === -1 && need.adds.indexOf(c) === -1) conflicts.push(c);
      });
    });

    flowBusy = true;
    function finish() { flowBusy = false; }

    /* unreachable requirement — nothing to confirm, the row cannot go on */
    if (need.missing.length) {
      openModal('equipmentUnavailable', need.missing).then(finish, finish);
      return;
    }

    var step1 = conflicts.length ? openModal('equipment', conflicts) : Promise.resolve(true);
    step1.then(function (ok) {
      if (!ok) { finish(); return; }
      var step2 = need.adds.length ? openModal('equipmentOnlyWith', need.adds) : Promise.resolve(true);
      return step2.then(function (ok2) {
        if (!ok2) { finish(); return; }
        /* nothing is committed until every dialog is through — Cancel at any
           step leaves the build exactly as it was */
        drop.concat(conflicts).forEach(function (c) {
          var b = rowOf(c);
          if (b) setAddon(b, false); else delete state.addons[c];
        });
        need.adds.forEach(function (a) {
          var b = rowOf(a);
          if (b) setAddon(b, true);
        });
        setAddon(btn, true);
        /* per-option take-rate (D83) — the SAME name the configurator emits,
           keyed on the eqExternalId. Adds only, on the true resolution, and
           only the row that was clicked (need.adds are the engine's doing,
           not the customer's). Two exclusions: the chassis, because
           `Spec chassis:` already owns that decision, and WHEELS, because
           rims are block 3B and deliberately unfired — a rim reaching this
           function must not quietly mint rim names. */
        if (id !== CHASSIS_ID && !(RULES[id] && RULES[id].kind === 'wheel')) {
          track('Option added: ' + id, null, true);
        }
        render();
        finish();
      });
    }, finish);
  }

  /* ---- the van SIMULATION (owner 2026-08-25 item 2) ---------------------
     window.SimLayers.stack() (_ds/sim-layers.twig) is the SHARED layer/naming
     contract — the page-agnostic port of simLayers() in configurator-v2.js —
     so the aside draws the same van from the same files as the configurator.
     Nothing about the render sets is decided here; this only assembles the
     inputs and reconciles the <img> stack.

     The RIM matters twice over: it decides the wheel overlay AND, on a light
     chassis, which body series the helper picks. Resolution order mirrors the
     page: a SELECTED wheel add-on wins (rules[id].kind === 'wheel'), then the
     gearbox-dependent included rim (D.rims), then the plain included one.

     The stage and the enlarged dialog are two frames fed by the SAME call —
     the dialog only redraws while it is open, and is torn down on close so its
     layers stop pinning the image cache. */
  var SIM = D.sim || {};
  var RULES = D.rules || {};
  var simCap = root.querySelector('[data-bp-sim-cap]');
  var simFrame = root.querySelector('[data-bp-sim-frame]');
  var zoomModal = document.getElementById('simZoomModal');
  var zoomStage = document.getElementById('simZoomModalStage');
  var zoomCap = zoomModal ? zoomModal.querySelector('[data-sim-zoom-cap]') : null;

  function simWheelId() {
    /* the rim radio is the answer whenever the edition offers one (item 4) */
    if (state.rimId) return state.rimId;
    var picked = null;
    Object.keys(state.addons).forEach(function (id) {
      if (!picked && RULES[id] && RULES[id].kind === 'wheel') picked = id;
    });
    if (picked) return picked;
    var v = variant();
    if (D.rims && D.rims[v.gearbox]) return D.rims[v.gearbox].id || null;
    return SIM.wheel || null;
  }

  function simStack() {
    if (!window.SimLayers) return null;
    var v = variant();
    /* ---- SERIAL EQUIPMENT IS DRAWN TOO (f-07, on this surface: 2026-08-26) --
       A Select is SOLD with the roof light strip (to-rte) and the awning
       (to-mk1 / to-mk2) — all serial on that edition — so a stage fed only by
       `fitted` drew the buyer a van without the two most visible things the
       edition includes, while the configurator, on the same URL, drew both.
       The configurator's fix is simLookSet() (src/js/configurator-v2.js,
       "active + serial-but-drawn"); this is that same union. BUILT above
       already reads fitted+serial as ONE set for requirements — the stage was
       the last place the two disagreed about what is on the van.

       On the SIZE: D.serial is resolved server-side for the DEFAULT variant,
       so the one id that can go stale when the length segment moves is the
       awning, a 6.0/6.4 twin. That is harmless HERE by the layer contract's
       own design — _ds/sim-layers.twig maps every member of AWNING_IDS to the
       one `ov-awning--<colour>` overlay, and on Select exactly one twin is
       standard at either length, so the awning is drawn, once, at both. Add a
       per-length awning render and this is the line that has to learn the
       swap (D.swap already carries the twin map). */
    var active = (D.fitted || []).concat(D.serial || []);
    Object.keys(state.addons).forEach(function (id) {
      if (active.indexOf(id) === -1) active.push(id);
    });
    /* a ruled-out fitted row is drawn as its replacement, so the render agrees
       with the list above it — client 2026-08-26 point 10, "which should
       reflect on simulation". Both ids have to move: dropping bv-bk6 alone
       would fall through to the serial matte-black skin and paint the bumper
       black instead of body-colour. */
    /* equipment a colour brings in free is drawn even though it was never
       bought — the J7R grille on Metallic Black, CMS-driven since 2026-08-26
       (colIncludesEquipment) instead of a colour id compared inside the layer
       stack. */
    ((D.colorIncludes || {})[state.colourId] || []).forEach(function (id) {
      if (active.indexOf(id) === -1) active.push(id);
    });
    var swaps = swapsNow();
    Object.keys(swaps).forEach(function (fittedId) {
      var i = active.indexOf(fittedId);
      if (i !== -1) active.splice(i, 1);
      if (active.indexOf(swaps[fittedId].id) === -1) active.push(swaps[fittedId].id);
    });
    return window.SimLayers.stack({
      size: v.size, colorId: state.colourId, wheelId: simWheelId(),
      active: active, premade: SIM.premade, edition: SIM.edition,
      chassis: curChassis() || SIM.chassis, brand: SIM.brand, bust: SIM.bust,
    });
  }

  /* Reconcile a frame's <img> stack against `urls`, IN PLACE: an unchanged
     layer keeps its node (and therefore its decoded image), so a colour change
     never blanks the van while the browser re-fetches what it already had. */
  function simPaint(frame, urls, alt) {
    if (!frame) return;
    var have = frame.querySelectorAll('img');
    var i;
    for (i = 0; i < urls.length; i++) {
      var img = have[i];
      if (!img) {
        img = document.createElement('img');
        img.alt = i === 0 ? (alt || '') : '';
        img.setAttribute('aria-hidden', i === 0 ? 'false' : 'true');
        frame.appendChild(img);
      }
      if (img.getAttribute('src') !== urls[i]) img.setAttribute('src', urls[i]);
      if (i === 0) img.alt = alt || '';
    }
    for (i = have.length - 1; i >= urls.length; i--) have[i].remove();
  }

  function zoomIsOpen() { return !!(zoomModal && zoomModal.classList.contains('is-open')); }

  function renderSim() {
    var urls = simStack();
    if (!urls) return;
    var alt = state.colourName || '';
    simPaint(simFrame, urls, alt);
    if (simCap) simCap.textContent = alt;
    if (zoomIsOpen() && zoomStage) {
      var f = zoomStage.querySelector('.ds-sim-zoom__frame');
      if (!f) {
        f = document.createElement('div');
        f.className = 'ds-sim-zoom__frame';
        zoomStage.appendChild(f);
      }
      simPaint(f, urls, alt);
      if (zoomCap) zoomCap.textContent = alt;
    }
  }

  if (zoomModal) {
    zoomModal.addEventListener('ds-sim-zoom:open', renderSim);
    zoomModal.addEventListener('ds-sim-zoom:close', function () {
      if (zoomStage) zoomStage.innerHTML = '';
      if (zoomCap) zoomCap.textContent = '';
    });
  }

  /* ---- the ONE serialisation of the current build --------------------------
     ?v=<bvExternalId>&c=<colExternalId>&a=<id,id> — the address restore()
     above reads back. Hoisted out of the lead form because the admin-only
     configuration link (builds/_parts/admin.twig, owner item 9) shows the very
     same string and must not invent a second encoding. */
  function currentConfigUrl() {
    /* a FREE rim swap changes nothing in `a`, so the rim needs its own key or
       a shared link would reopen the build on the edition's default rim */
    var addonIds = Object.keys(state.addons).filter(function (id) { return !rimById[id]; });
    return D.entryUrl + '?v=' + encodeURIComponent(variant().bv)
      + '&c=' + encodeURIComponent(state.colourId)
      + (state.rimId ? '&w=' + encodeURIComponent(state.rimId) : '')
      + (addonIds.length ? '&a=' + encodeURIComponent(addonIds.join(',')) : '');
  }

  /* ---- the ONE contract v2 payload of the current build ---------------------
     Hoisted out of the lead form (2026-08-29) because the staff-only "Save to
     hub" card posts the very same object, and a second serialisation of an
     edition build is exactly the drift the print/share round trip already
     taught us to avoid. The lead form's fillPayload() writes this into its
     hidden input; SavedConfigsController validates the same `v: 2`. */
  function configPayload() {
    /* the totals are quoted in the MARKET currency, so name it: a CH gross is
       CHF (net × rate), every other chain stays EUR — mirrors _entry.twig's
       defaultConfigJson (O1). */
    /* `kr` is kronor AND kroner — the ISO keys on the pricing site (D99) */
    var totalsCur = D.currency === 'CHF' ? 'CHF' : (D.currency === 'kr' ? (D.ctx.region === 'nor' ? 'NOK' : 'SEK') : 'EUR');
    return {
      v: 2, type: 'prebuilt', locale: D.ctx.locale, premadeId: D.premadeId,
      selection: { baseVehicleId: variant().bv, color: state.colourId, wheel: state.rimId || null, addons: Object.keys(state.addons),
        /* fitted rows this build swapped out and what replaced them —
           client 2026-08-26 point 10, "and inside of build/order". Absent
           on every build where nothing was ruled out. */
        swaps: Object.keys(lastSwaps).length
          ? Object.keys(lastSwaps).reduce(function (m, k) { m[k] = lastSwaps[k].id; return m; }, {})
          : undefined },
      /* contract v2: `net` is gross − true VAT in the MARKET currency (exVat),
         never the raw EUR list net — see the lastTotals comment */
      totals: { net: lastTotals.exVat, vat: lastTotals.vat, gross: lastTotals.gross, currency: totalsCur },
    };
  }

  /* ---- admin-only configuration link: kept in sync, plus copy-to-clipboard.
     The card is SERVER-GATED, so these nodes simply do not exist for anyone
     else and every hook below no-ops. */
  var admUrl = document.getElementById('bpAdmLinkUrl');
  var admCopy = document.getElementById('bpAdmLinkCopy');
  if (admCopy && admUrl) {
    admCopy.addEventListener('click', function () {
      admUrl.select();
      var label = admCopy.textContent;
      function ok() { admCopy.textContent = 'Copied'; setTimeout(function () { admCopy.textContent = label; }, 1400); }
      if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(admUrl.value).then(ok, function () {});
      } else {
        try { document.execCommand('copy'); ok(); } catch (e) { /* nothing to fall back to */ }
      }
    });
  }

  /* ======================================================================
     THE FULL-WIDTH PRICE SPECIFICATION (owner 2026-08-25 item 2)
     ======================================================================
     The /builds port of renderSummary() / renderOptionItems() /
     renderTaxDetails() in src/js/configurator-v2.js — the same rows, the same
     VAT-split semantics and, for the duty list, literally the same function
     (window.PriceV2.taxComponents). builds/_parts/price.twig server-renders
     the default build through the Twig mirror of both, so this only keeps the
     figures moving. */
  function esc(s) {
    return String(s == null ? '' : s).replace(/[&<>"]/g, function (c) {
      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c];
    });
  }
  var VAT_PCT = D.vatPct || '';
  /* the pre-translated PriceV2 labelKeys ride on bpData.tax, NOT bpData.i18n
     .tax (builds/_entry.twig) — reading the wrong branch made this map empty
     and every duty row fell back to its English labelKey the moment the engine
     re-rendered the block, on every locale. Found while verifying the 2026-08
     -25 price round; the second branch is kept as a defensive fallback. */
  var TAX_I18N = D.tax || (D.i18n && D.i18n.tax) || {};
  var optItems = root.querySelector('[data-bp-optitems]');
  var taxHost = root.querySelector('[data-bp-taxes]');

  /* one itemized row, on the aggregate rows' reconciling semantics:
     without-VAT = gross − round(true VAT), so every line adds up exactly */
  function ptableRow(title, code, net, kind, ctx, kg) {
    var br = window.PriceV2.breakdown(net, kind, ctx, kg);
    var gr = Math.round(br.gross), va = Math.round(br.vat);
    return '<tr class="bp-ptable__item">' +
      '<td class="bp-ptable__item-label">' + esc(title) +
      (code ? ' <span class="bp-ptable__code">' + esc(code) + '</span>' : '') + '</td>' +
      '<td>' + fmtCur(gr - va) + '</td>' +
      '<td>' + esc(VAT_PCT) + '</td>' +
      '<td>' + fmtCur(va) + '</td>' +
      '<td>' + fmtCur(gr) + '</td></tr>';
  }

  /* colour, then the rim, then the equipment — the Look & Feel picks first,
     exactly the order renderOptionItems() lists them in */
  function renderOptionItems(ctx) {
    if (!optItems) return;
    var rows = '';
    if (state.colourPrice > 0) {
      rows += ptableRow(state.colourName, '', state.colourPrice, 'color', ctx);
    }
    var rim = rimById[state.rimId];
    if (rim && rim.price > 0) {
      rows += ptableRow(rim.title, rim.code || '', rim.price, 'wheel', ctx, Number(rim.weight) || 0);
    }
    root.querySelectorAll('[data-bp-addons] .ds-toggle-row').forEach(function (btn) {
      var id = btn.dataset.id;
      if (!state.addons[id]) return;
      var codeEl = btn.querySelector('[data-bp-addon-code]');
      rows += ptableRow(btn.dataset.name || id, codeEl ? codeEl.textContent : '',
        parseFloat(btn.dataset.price) || 0, 'equipment', ctx, addonKg(id));
    });
    /* the picked heavy chassis IS a priced add-on (setChassis puts bv-h into
       state.addons), it simply has no toggle row of its own to be found by —
       so it is appended here, and in the printed optional list, rather than
       being counted in every total and itemised in none */
    if (CHASSIS_ID && state.addons[CHASSIS_ID] && (state.addons[CHASSIS_ID].price || 0) > 0) {
      rows += ptableRow(state.addons[CHASSIS_ID].name || CHASSIS_NAME || CHASSIS_ID, '',
        state.addons[CHASSIS_ID].price || 0, 'equipment', ctx, addonKg(CHASSIS_ID));
    }
    optItems.innerHTML = rows;
  }

  /* the market's ACTUAL duty components for THIS build. Display
     reconciliation is exact by construction: each row shows its rounded
     amount, the total is the sum of those rounded rows, and "Net total" is
     the table's grand total minus that sum — so net + duties always equals
     the "Price with VAT" total. Note rows (net-only markets, the CH exchange
     rate) carry no amount; a market with no amount rows skips the total. */
  function renderTaxDetails(vehNet, optNet, ctx, totalGross) {
    if (!taxHost || !window.PriceV2.taxComponents) return;
    /* the build's TOTAL mass — the gauge figure — for the Norwegian weight row */
    var wAll = totalWeight();
    var comps = window.PriceV2.taxComponents(vehNet, optNet, ctx, wAll.known ? wAll.kg : 0) || [];
    var rows = '', sum = 0, hasAmounts = false;
    comps.forEach(function (c) {
      var label = TAX_I18N[c.labelKey] || c.labelKey;
      if (c.pct != null) label = label.replace('{pct}', String(c.pct));
      if (c.rate != null) label = label.replace('{rate}', String(c.rate));
      if (c.amount != null && !c.note) {
        var a = Math.round(c.amount);
        sum += a;
        hasAmounts = true;
        rows += '<div class="bp-taxes__row"><span class="bp-taxes__k">' + esc(label) +
          '</span><span class="bp-taxes__v">' + fmtCur(a) + '</span></div>';
      } else {
        rows += '<div class="bp-taxes__row bp-taxes__row--note"><span class="bp-taxes__k">' +
          esc(label) + '</span></div>';
      }
    });
    var foot = '';
    if (hasAmounts) {
      foot += '<div class="bp-taxes__row bp-taxes__row--total"><span class="bp-taxes__k">' +
        esc(i18n.taxTotal || 'Total taxes & duties') + '</span><span class="bp-taxes__v">' +
        fmtCur(sum) + '</span></div>';
    }
    foot += '<div class="bp-taxes__row bp-taxes__row--net"><span class="bp-taxes__k">' +
      esc(i18n.netTotal || 'Net total') + '</span><span class="bp-taxes__v">' +
      fmtCur(totalGross - sum) + '</span></div>';
    taxHost.innerHTML = rows + foot;
  }

  /* ======================================================================
     TOTAL WEIGHT (owner 2026-08-29: "add weight to editions — the optional
     equipment inline and calculation in the aside")
     ======================================================================
     THE RULE IS THE CONFIGURATOR'S, MIRRORED AND NOT RESTATED — computeTotals()
     in src/js/configurator-v2.js:

       kerb BASELINE of the base vehicle (light chassis, 15" tyres)
       + 20 kg if the chassis is heavy, + 20 kg if the rim is 16"
       + Σ the weights of the OPTIONAL items on the van
       and nothing else: no serial/standard row (already inside the kerb
       figure) and no colour; the RIM is counted, but only through whlWeight.

     What "the optional items on the van" MEANS on an edition page is the one
     translation this file has to make, and it is exact: the edition's FITTED
     options are the premade's includedEq, which is precisely the set that
     arrives in state.active when the same build is opened in the configurator
     via /configurator?from=<edition>. So they are weighed, and the customer's
     own ticked add-ons are weighed on top.

     The fitted half is summed OFF THE DOM rather than off the payload, and
     deliberately: [data-bp-fitted] is the list the page is showing, so a row a
     selected add-on has REPLACED (refreshReplaced hides it — SP9 over the
     fitted SP8) leaves the total by simply not being visible, and a relabelled
     row (awning twin, BK6→BKT) carries the weight its relabel wrote. One
     source, no second bookkeeping to drift.

     A base vehicle with NO kerb weight makes the whole figure unknown — "—",
     never 0 (the four 160 hp Cruise vans are the live case).

     NOTHING HERE TOUCHES PRICE. The gauge is read-only over state. */
  var MAX_WEIGHT = Number(D.maxWeight) || 3500;
  var gaugeWrap = root.querySelector('[data-bp-gauge]');
  function totalWeight() {
    var v = variant();
    var kerb = Number(v.weight) || 0;
    if (!kerb) return { known: false, kg: 0 };
    var kg = kerb;
    /* THE KERB FIGURE IS A BASELINE: the light chassis on 15" tyres, for every
       van including Select, which is never sold that way (owner 2026-09-09).
       Two steps are DERIVED from the configuration rather than ticked:

         + the heavy chassis — 20 kg, off the bv-h record (D.heavyChassisKg)
         + a 16" rim         — 20 kg, off that rim's own whlWeight

       The chassis step keys on the VARIANT's own chassis, and only fires when
       bv-h is not ALREADY being counted somewhere else on the page. It can be
       counted two other ways: as a fitted row (the Cruise premade includes it,
       so /builds/cruise is a heavy van on a light variant) or in state.addons
       (where a page offers the chassis segment). Today no heavy variant can
       also carry bv-h — it is unavailable on Select, and every Cruise base
       vehicle is light — but that invariant lives in editable CMS data, and
       double-counting 20 kg would be silent, so the guard is explicit.

       The rim is read from the LIVE state.rimId, not from the fitted row,
       because the radio can change it after render — _entry.twig deliberately
       leaves a fitted rim row's data-bp-weight null. */
    var bvhCounted = !!root.querySelector('[data-bp-fitted] [data-bp-eq="bv-h"]:not(.bp-hidden)')
      || !!state.addons['bv-h'];
    if (v.chassis === 'heavy' && !bvhCounted) kg += Number(D.heavyChassisKg) || 0;
    var curRim = state.rimId && rimById[state.rimId];
    kg += (curRim && Number(curRim.weight)) || 0;
    root.querySelectorAll('[data-bp-fitted] [data-bp-eq]').forEach(function (row) {
      if (row.classList.contains('bp-hidden')) return;
      kg += parseFloat(row.getAttribute('data-bp-weight')) || 0;
    });
    /* the ticked add-ons — the picked heavy chassis (bv-h) among them, since
       setChassis() puts it in state.addons like any other paid option. A rim
       that rides in there still weighs 0 HERE: setRim() stores only price and
       name, and the rim's kilograms are added above from state.rimId.
       The state entry's OWN weight is the fallback, and the chassis is the one
       row that needs it: builds/_entry.twig lifts bv-h out of addonItems
       before bpData.rules is built, so RULES has nothing to look up and the
       kilograms come off the segment setChassis() read them from. */
    Object.keys(state.addons).forEach(function (id) {
      var r = RULES[id];
      kg += (r && Number(r.weight)) || Number(state.addons[id].weight) || 0;
    });
    return { known: true, kg: kg };
  }
  /* THE KILOGRAMS PER PRICED LINE (the Norwegian weight charge, D99) — the
     total above split the way the price table is split: every ticked add-on
     on its own weight (the same lookup totalWeight() makes), a PAID rim on
     its whlWeight, and the vehicle line on everything else — baseline, the
     derived heavy step, the fitted kit and an included/standard rim, whose
     kilograms belong to the price the edition already bought. The two halves
     always sum to the gauge figure, so the per-line charges sum to the whole
     build's — the linear formula makes that exact. */
  function addonKg(id) {
    var r = RULES[id];
    return (r && Number(r.weight)) || Number(state.addons[id] && state.addons[id].weight) || 0;
  }
  function optionsKg() {
    var kg = 0;
    Object.keys(state.addons).forEach(function (id) { kg += addonKg(id); });
    var curRim = state.rimId && rimById[state.rimId];
    if (curRim && Number(curRim.price) > 0) kg += Number(curRim.weight) || 0;
    return kg;
  }
  function vehicleKg() {
    var w = totalWeight();
    return w.known ? w.kg - optionsKg() : 0;
  }
  /* the rail gauge, written exactly as renderRail() writes the configurator's:
     the bold figure or an em-dash, the fill clamped to 100%, `is-over` only on
     a KNOWN reading above the permissible weight. */
  function renderGauge(w) {
    if (!gaugeWrap) return;
    var box = gaugeWrap.querySelector('.ds-gauge');
    var val = gaugeWrap.querySelector('[data-bp-gauge-value]');
    var fill = gaugeWrap.querySelector('.ds-gauge__fill');
    var track = gaugeWrap.querySelector('.ds-gauge__track');
    if (val) val.textContent = w.known ? num(w.kg) : '—';
    if (fill) fill.style.width = (w.known ? Math.min(100, Math.round((w.kg / MAX_WEIGHT) * 100)) : 0) + '%';
    if (box) box.classList.toggle('is-over', w.known && w.kg > MAX_WEIGHT);
    if (track) track.setAttribute('aria-valuenow', String(w.known ? Math.round(w.kg) : 0));
  }

  /* ---- compute + write every output on the page ---- */
  /* net = the raw EUR list net (the Fathom `_value`, the one figure that means
     the same in every market); exVat = gross − true VAT in the MARKET currency
     (what the contract-v2 payload calls `net`: "gross − true VAT on a taxed
     market", so the email's Total net and Total gross share one currency —
     review 2026-09-09: a Swedish build shipped 60 000 under a SEK label next
     to a 1 004 813 kr gross). */
  var lastTotals = { net: 0, exVat: 0, vat: 0, gross: 0 };
  function render() {
    var v = variant();

    /* ---- LENGTH IS A SWAP, NOT A SURCHARGE (owner 2026-08-25) ------------
       "MK2 price is lower so this is just a swap when the length changes."
       An add-on the chosen length cannot take (data-sizes, the same gate as
       RulesV2.matchesSize) is hidden rather than removed, so it comes back if
       the length changes again. A SELECTED row that stops fitting moves to its
       length twin (D.swap: MKE1 3.75 m ↔ MKE2 4 m) instead of silently
       dropping out of the total — the twin carries its own edition price, so
       the customer keeps the motorised awning and pays that length's top-on.
       Runs before the add-on sum below, so the totals never see a stale pick. */
    var swap = D.swap || {};
    function fitsLength(btn) {
      var sizes = (btn.dataset.sizes || '').split(',').filter(Boolean);
      return !sizes.length || sizes.indexOf(String(v.size)) !== -1;
    }
    /* ---- AND THE CHASSIS GATES THE ROWS TOO (owner 2026-08-25 item 2) ----
       Once the chassis is a live pick (Cruise) a row restricted to one of them
       — eqChassis, which on this page is bv-4bj "Archwheel mouldings on H
       Vans" — is hidden on the other exactly as a row the chosen LENGTH cannot
       take is hidden, and a selected row that stops fitting leaves the build
       instead of pricing a part the van cannot carry. Unlike a length mismatch
       it has nowhere to go: a chassis-only row has no twin, so it simply comes
       off and comes back with the chassis. On every other edition state.chassis
       never moves and this gate is a no-op. */
    function fitsChassis(btn) {
      var c = btn.dataset.chassis || 'all';
      return c === 'all' || !state.chassis || c === String(state.chassis);
    }
    root.querySelectorAll('[data-bp-addons] .ds-toggle-row').forEach(function (btn) {
      var okLen = fitsLength(btn);
      var okCh = fitsChassis(btn);
      btn.classList.toggle('bp-hidden', !(okLen && okCh));
      if ((okLen && okCh) || !state.addons[btn.dataset.id]) return;
      setAddon(btn, false);
      if (!okLen && okCh) {
        var twinId = swap[btn.dataset.id];
        var twin = twinId && root.querySelector('[data-bp-addons] .ds-toggle-row[data-id="' + twinId.replace(/"/g, '') + '"]');
        if (twin && fitsLength(twin) && fitsChassis(twin)) setAddon(twin, true);
      }
    });

    /* ---- THE RIM FOLLOWS THE GEARBOX (owner 2026-08-25 item 4) ----------
       Runs BEFORE the add-on sum so a rim the new variant cannot wear never
       reaches the totals. On Expre this is the pairing itself: leaving the
       automatic drops 1LR and lands on the included 0R2, and vice versa. */
    if (RIMS.length) {
      var curRim = rimById[state.rimId];
      if (!curRim || !rimFitsVariant(curRim, v)) setRim(defaultRimFor(v));
    }

    var addonsNet = 0, addonCount = 0;
    Object.keys(state.addons).forEach(function (id) { addonsNet += state.addons[id].price || 0; addonCount++; });
    var colourNet = state.colourPrice || 0;
    var net = v.net + colourNet + addonsNet;
    var ctx = { locale: D.ctx.locale, region: D.ctx.region, vat: D.ctx.vat, autoTax: D.ctx.autoTax, eurchf: D.ctx.eurchf, eursek: D.ctx.eursek, seSurcharge: D.ctx.seSurcharge,
                eurnok: D.ctx.eurnok, noDelivery: D.ctx.noDelivery, noEngineTax: D.ctx.noEngineTax, noScrapTax: D.ctx.noScrapTax,
                noWeightRate: D.ctx.noWeightRate, noWeightBase: D.ctx.noWeightBase, noWeightFrom: D.ctx.noWeightFrom, bv: v };
    /* THE VALUE CTX — the ONE object every "what this is worth" figure is
       priced with: the market's VAT-STYLE MULTIPLIERS ONLY, no per-vehicle
       NoVA / CO₂ malus / BPM and no NL options surcharge (it carries no
       `bv`, which is exactly what _price-v2.js:36-52 keys those off). The
       twin of builds/_parts/included.twig's and price.twig's own valueCtx,
       and of the configurator's stdEquipmentValue().
       IT IS HOISTED HERE (review round 1) because the standard-equipment
       HEADING used to be formatted with `g` — the VEHICLE ctx — while the
       price table and the printed sheet used this one, so on at (NoVA +
       malus) and nl (BPM) the heading above a list and the figure quoted
       for that same list disagreed by thousands. One object, three
       surfaces, one number. */
    var valueCtx = { locale: D.ctx.locale, region: D.ctx.region, vat: D.ctx.vat,
                     autoTax: D.ctx.autoTax, eurchf: D.ctx.eurchf, eursek: D.ctx.eursek, seSurcharge: D.ctx.seSurcharge,
                     eurnok: D.ctx.eurnok };   /* no bv ⇒ no delivery, no charges: the pure NOK multiplier */
    /* PER-KIND totals so the breakdown rows always sum exactly to the grand
       total: the pre-built base (vehicle + its included equipment, one CMS
       price) is the VEHICLE; colour / add-ons carry their own kinds — which
       matters in NL, where non-vehicle items take the 37.7% options
       surcharge the old single-lump 'vehicle' breakdown silently skipped.
       With nothing selected this equals the server's defGross switch. */
    var P = window.PriceV2;
    /* the kilograms per line (see vehicleKg / optionsKg above) — read by the
       Norwegian weight charge, ignored by every other market */
    var parts = [
      P.breakdown(v.net, 'vehicle', ctx, vehicleKg()),
      P.breakdown(colourNet, 'color', ctx),
      P.breakdown(addonsNet, 'equipment', ctx, optionsKg()),
    ];
    var b = { gross: 0, vat: 0 };
    parts.forEach(function (p) { b.gross += p.gross; b.vat += p.vat; });
    var exVat = b.gross - b.vat;
    lastTotals = { net: Math.round(net * 100) / 100, exVat: Math.round(exVat * 100) / 100, vat: Math.round(b.vat * 100) / 100, gross: b.gross };
    /* gross-only pricing: every DISPLAYED figure is the market gross of that
       item — the mirror of builds/_parts/money.twig's curGross() server-side. */
    function g(n, kind) { return fmtCur(window.PriceV2.gross(n, kind, ctx)); }
    function gValue(n, kind) { return fmtCur(window.PriceV2.gross(n, kind, valueCtx)); }

    setOut('gross', fmtCur(b.gross));
    setOut('net', fmtCur(exVat));
    setOut('vat', '+' + fmtCur(b.vat));

    /* ---- the price specification's five columns (item 2) ----------------
       Per-row semantics are the configurator's breakdownHtml(): the
       without-VAT figure is gross − the ROUNDED true VAT, so the three money
       columns reconcile on every line and the vehicle + options rows sum to
       the total. */
    var vehGross = Math.round(parts[0].gross), vehVat = Math.round(parts[0].vat);
    var optGross = Math.round(parts[1].gross) + Math.round(parts[2].gross);
    var optVat = Math.round(parts[1].vat) + Math.round(parts[2].vat);
    var totVat = Math.round(b.vat);
    setOut('veh-gross', fmtCur(vehGross));
    setOut('veh-vat', fmtCur(vehVat));
    setOut('veh-net', fmtCur(vehGross - vehVat));
    setOut('opt-gross', fmtCur(optGross));
    setOut('opt-vat', fmtCur(optVat));
    setOut('opt-net', fmtCur(optGross - optVat));
    setOut('vat-amount', fmtCur(totVat));
    var optCount = addonCount + (colourNet > 0 ? 1 : 0);
    setOut('opt-count', String(optCount));
    setOut('opt-count-label', optCount === 1 ? (i18n.item || 'item') : (i18n.items || 'items'));
    renderOptionItems(ctx);
    renderTaxDetails(v.net, colourNet + addonsNet, ctx, b.gross);
    /* hero sub-line: i18n.vatNote arrives from _entry.twig with {pct} already
       filled and a literal {money} left for the live VAT amount (uk and the
       null-VAT markets render a static sub-line and carry no [data-bp-out]). */
    if (i18n.vatNote) setOut('vatnote', i18n.vatNote.replace('{money}', fmtCur(b.vat)));
    setOut('variant-value', fmtCur(window.PriceV2.gross(v.net, 'vehicle', ctx, vehicleKg())));
    setOut('variant-label', recap());
    setOut('colour-label', state.colourName);
    setOut('colour-value', state.colourPrice > 0 ? '+' + g(state.colourPrice, 'color') : (i18n.included || 'Included'));
    /* THE RAIL'S MODEL BLOCK, the configurator's exactly (owner item 2):
       buildSubline() under the model — brand + base model + body length — and
       the drivetrain in chips below it, where /builds used to print one recap
       line. The chassis chip is server-rendered once on the editions where the
       chassis IS a property of the stocked vans rather than of the picks —
       and follows the segment on the one edition where it is a pick (Cruise,
       owner 2026-08-25 item 2). The wording is the segment's own data-chip, so
       the engine copies a finished, translated string instead of building one
       out of parts. */
    var LZ = (D.labels && D.labels.sizeLength) || {};
    if (chassisWrap) {
      var chipBtn = chassisWrap.querySelector('.ds-seg[data-val="' + String(state.chassis).replace(/"/g, '') + '"]');
      if (chipBtn && chipBtn.dataset.chip) setOut('chip-chassis', chipBtn.dataset.chip);
    }
    setOut('base-line', (D.baseName || '') + ' · ' + (LZ[v.size] || (D.labels && D.labels.size && D.labels.size[v.size]) || v.size));
    setOut('chip-gearbox', ((D.labels && D.labels.gearbox) || {})[v.gearbox] || v.gearbox);
    setOut('chip-power', v.hp + ' ' + (i18n.hp || 'HP') + ' · ' + Math.round(v.hp * 0.7355) + ' kW');
    setOut('recap', recap());
    setOut('rim-label', rimById[state.rimId] ? rimById[state.rimId].title : '');

    /* the rail's two swatches mirror the two lists — the hex and the rim file
       ride on the rows themselves (data-swatch), so nothing is resolved twice */
    var colSw = root.querySelector('[data-bp-color-swatch]');
    if (colSw && colWrap) {
      var selRow = colWrap.querySelector('.ds-swatch-row.is-selected');
      if (selRow && selRow.dataset.swatch) colSw.style.setProperty('--sw-color', selRow.dataset.swatch);
    }
    var rimSw = root.querySelector('[data-bp-rim-swatch]');
    if (rimSw) {
      var rimFile = (rimById[state.rimId] && rimById[state.rimId].swatch) || '';
      var rimImg = rimSw.querySelector('img');
      if (rimFile) {
        if (!rimImg) { rimImg = document.createElement('img'); rimImg.alt = ''; rimSw.appendChild(rimImg); }
        var want = '/assets/media/' + rimFile;
        if (rimImg.getAttribute('src') !== want) rimImg.setAttribute('src', want);
      } else if (rimImg) {
        rimImg.remove();
      }
    }

    /* the included rim can be a GEARBOX CHOICE (client price list 2026-08-21):
       the Expre edition includes 0R2 on manual and 1LR on automatic at the same
       price, so the fitted-options row relabels instead of the price moving.
       D.rims is empty for every edition that includes only one rim. */
    if (D.rims && D.rims[v.gearbox]) {
      var rim = D.rims[v.gearbox];
      root.querySelectorAll('[data-bp-rim] .ds-eq-row__text').forEach(function (el) {
        /* no weight argument: no wheel record in the CMS carries one, which is
           also why the configurator's gauge never weighs a rim */
        relabelRow(el, rim.title, rim.code || '');
      });
    }

    /* the included manual awning is the same money at either length, so the
       fitted-options row relabels MK1 3.75 m ↔ MK2 4 m exactly as the rim does
       above — the swap the owner asked for, with nothing to add to the price.
       D.awning is empty for an edition that includes no length-twinned row, and
       its keys are 'l60' / 'l64' rather than the bare size — builds/_entry.twig
       says why (Twig's merge renumbers integer keys, and this map was silently
       shipping as an ARRAY, so this relabel never fired). */
    if (D.awning && D.awning['l' + v.size]) {
      var awn = D.awning['l' + v.size];
      var awnKg = Number(awn.weight) || 0;
      root.querySelectorAll('[data-bp-awning] .ds-eq-row__text').forEach(function (el) {
        relabelRow(el, awn.title, awn.code || '', awnKg);
        /* the twins are different awnings: the length swap moves the gauge as
           well as the label, so the row's own input follows the relabel */
        var wrap = el.closest('[data-bp-eq]');
        if (wrap) wrap.setAttribute('data-bp-weight', String(awnKg));
      });
    }

    setOut('addons-label', addonCount ? addonCount + ' ' + (i18n.selected || 'selected') : '');
    setOut('addons-value', '+' + g(addonsNet, 'equipment'));
    root.querySelectorAll('[data-bp-row="addons"]').forEach(function (row) {
      row.classList.toggle('bp-hidden', !addonCount);
    });

    /* the per-item option figures are gross too, and in AT the SELECTED
       vehicle's NoVA rides on every net — so they follow the variant. Their
       data-price / data-net attributes stay NET (the engine's own input). */
    root.querySelectorAll('[data-bp-colours] .ds-swatch-row').forEach(function (row) {
      var sub = row.querySelector('.ds-swatch-row__sub');
      if (!sub || sub.classList.contains('is-standard')) return;
      var txt = '+' + g(parseFloat(row.dataset.price) || 0, 'color');
      sub.textContent = txt;
      row.setAttribute('aria-label', (row.dataset.name || '') + ', ' + txt);
    });
    root.querySelectorAll('[data-bp-addons] .ds-toggle-row').forEach(function (btn) {
      var el = btn.querySelector('.ds-toggle-row__price');
      if (el) el.textContent = '+' + g(parseFloat(btn.dataset.price) || 0, 'equipment');
      /* the factory code follows the LENGTH when the row has no brand code
         (owner 2026-08-25 item 3) — the mirror of codeFor()/skuFor()'s size
         fallback in configurator-v2.js. A brand code never changes. */
      var codeEl = btn.querySelector('[data-bp-addon-code]');
      if (codeEl && !btn.dataset.code) {
        var l3 = btn.dataset.codeL3 || '', l4 = btn.dataset.codeL4 || '';
        codeEl.textContent = String(v.size) === '64' ? (l4 || l3) : (l3 || l4);
      }
    });

    /* the paid rim rows follow the market the way every other option figure
       does — their data-price stays NET, the label is the market gross */
    if (rimWrap) {
      rimWrap.querySelectorAll('.ds-swatch-row').forEach(function (btn) {
        var out = btn.querySelector('[data-bp-rim-price]');
        var p = parseFloat(btn.dataset.price) || 0;
        if (out && p > 0) out.textContent = '+' + g(p, 'wheel');
      });
    }
    refreshRims();

    var stdValueLive = refreshReplaced(gValue);
    lastSwaps = refreshSwaps();
    /* AFTER both — a replaced row is hidden by the first and a swapped row is
       re-weighed by the second, and the gauge sums what those two leave */
    var weight = totalWeight();
    renderGauge(weight);
    renderSim();
    refreshConflicts();
    if (admUrl) admUrl.value = currentConfigUrl();

    /* ---- the printed document's inputs (2026-08-29) --------------------
       The A4 sheet quotes the SCREEN's figures, so they are stashed here
       rather than recomputed at print time — `valueCtx` is the very object
       the standard-equipment heading above the list was just formatted with
       (see its note beside `ctx`), so the paper cannot quote a figure the
       screen contradicts. The document itself is rebuilt lazily: this only
       marks it dirty. */
    lastFig = {
      ctx: ctx,
      valueCtx: valueCtx,
      vehGross: vehGross, vehVat: vehVat,
      optGross: optGross, optVat: optVat,
      totalGross: b.gross, totalVat: totVat,
      optCount: optCount,
      stdValue: stdValueLive || 0,
      weight: weight,
    };
    printDirty = true;

    if (firstRender) { firstRender = false; }
    else {
      live.textContent = (i18n.total || 'Total') + ' ' + fmtCur(b.gross) + ', ' + (i18n.inclVat || 'incl. VAT')
        + ' — ' + recap() + ', ' + state.colourName;
    }
  }

  /* ======================================================================
     THE PRINTED A4 DOCUMENT (owner 2026-08-29: "we have to integrate print
     also for edition")
     ======================================================================
     The /builds port of renderPrintDoc() in src/js/configurator-v2.js. The
     SKELETON is not ported at all — builds/_entry.twig includes the
     configurator's own sections/configurator/_print.twig, so every static
     label is already a |t string in all 17 locales and the two documents are
     the same document. This fills its `data-print-*` slots from THIS page's
     state, exactly as the configurator's fills them from its own.

     WHAT THE EDITION SHEET SAYS DIFFERENTLY, and why:
       · the "Total weight" spec row is the configurator's, verbatim and in its
         position (owner 2026-08-29) — the edition pages weigh their builds now,
         and the rail's gauge and this row quote one figure.
       · no per-item weight chips in the two lists. The rows carry them on
         SCREEN, where a customer is comparing options; the printed lists are a
         checklist of what is in the van, and the weight that decides anything
         on paper is the total above (printEqRowHtml strips the chip).
       · the optional list is grouped by the page's OWN three blocks (colour ·
         rims · add-ons, read from their aria-labels so the group heads are
         translated by the server), not by Scheme-A group: the add-on offer on
         an edition is one flat list, so there is no group to read.
       · the standard list IS Scheme-A grouped, because the "Everything
         included" accordions already are — the fitted and the serial block are
         MERGED BY GROUP TITLE, which is what "Standard equipment" means on
         paper: one Kitchen, listing everything in the van's kitchen.

     NOT rendered on every render(): the document is display:none until the
     print dialog opens and a rebuild is not cheap (two full innerHTML lists, a
     deep clone of the price table, a re-encoded QR). render() only marks it
     DIRTY; the two paths that can actually reach paper — 'beforeprint' and
     #docPrint — render it first. */
  var printRoot = document.getElementById('cfgPrint');
  var printDirty = true;                    /* never rendered yet */
  /* the figures render() last computed — the printed sheet must quote the
     screen's numbers, not a second computation of them */
  var lastFig = null;
  var CHECK_MARK = '<svg class="cfg-print-check" viewBox="0 0 12 12" aria-hidden="true">' +
    '<path d="M1.6 6.3 4.5 9.2 10.4 3.1" fill="none" stroke="currentColor" stroke-width="1.7"/></svg>';

  function pText(sel, val, host) { var n = (host || printRoot).querySelector(sel); if (n) n.textContent = val; }
  function pHtml(sel, html, host) { var n = (host || printRoot).querySelector(sel); if (n) n.innerHTML = html; }

  /* Customer-facing date, spelled out in the page's language ("29 August
     2026"); the ISO form is the fallback only — a printed sheet is read by a
     person, not sorted by a machine. */
  function printDate() {
    var d = new Date();
    try {
      return new Intl.DateTimeFormat(document.documentElement.lang || 'en',
        { year: 'numeric', month: 'long', day: 'numeric' }).format(d);
    } catch (e) { return d.toISOString().slice(0, 10); }
  }
  /* WHICH MARKET PRICED THIS SHEET. bpData.market is the PRICING pair, never
     the display one — the same call marketHeadText() makes in the
     configurator, and for the same reason (a site whose own market is switched
     off in the hub still prices through that site market). */
  function printMarketHead() {
    var m = D.market || {};
    var title = m.title || String(D.ctx.region || D.ctx.locale || '').toUpperCase();
    return title + (m.code ? ' (' + m.code + ')' : '') + ' · ' + cur;
  }
  /* The QR payload: the page's ONE serialisation plus the pricing market, so
     the scan OPENS this build at the prices printed on the paper.
     `?region=` is what _parts/_market-resolve.twig reads first, and it is a pin
     for that one page view — nothing persists it, so a reload after the scan
     re-prices in the reader's own market. currentConfigUrl() always carries a
     `?v=`, so the separator is always `&`. */
  function printShareUrl() {
    var u = currentConfigUrl();
    var code = (D.market && D.market.code) || '';
    return code ? u + '&region=' + encodeURIComponent(code) : u;
  }
  /* 4 SVG units per module and an ISO 18004 four-module quiet zone drawn
     INSIDE the SVG (the library counts `margin` in units), so the box needs no
     padding of its own. Guarded on the global src/js/_qr.js defines in the site
     bundle: a page without it prints a document with no code rather than
     throwing. */
  function renderPrintQr() {
    var box = printRoot.querySelector('[data-print-qr]');
    if (!box) return;
    var url = printShareUrl();
    if (box.getAttribute('data-print-url') === url && box.querySelector('svg')) return;
    box.setAttribute('data-print-url', url);
    if (typeof qrcode !== 'function') { box.innerHTML = ''; return; }
    try {
      var CELL = 4;
      var q = qrcode(0, 'M');
      q.addData(url);
      q.make();
      box.innerHTML = q.createSvgTag({ cellSize: CELL, margin: CELL * 4, scalable: true });
    } catch (e) { box.innerHTML = ''; }
  }

  function printItemsCount(n) { return n + ' ' + (n === 1 ? (i18n.item || 'item') : (i18n.items || 'items')); }
  function printSpecRow(r) {
    var chip = r.chip ? '<span class="cfg-print-spec__chip" style="background:' + r.chip + '"></span>' : '';
    return '<div class="cfg-print-spec__row">' +
      '<span class="cfg-print-spec__k">' + esc(r.k) + '</span>' +
      '<span class="cfg-print-spec__v">' + chip + '<span>' + esc(r.v) + '</span></span></div>';
  }
  function printGroupHead(title, count) {
    return '<tr class="cfg-print-list__ghead"><td colspan="2">' +
      '<div class="cfg-print-group__head">' +
      '<h3 class="cfg-print-group__title">' + esc(title) + '</h3>' +
      '<span class="cfg-print-group__count">' + esc(count) + '</span>' +
      '</div></td></tr>';
  }
  /* the code chip is re-emitted in the DOCUMENT'S own class (_print-doc.scss
     restyles .cfg-eq-code for paper) rather than cloned in the screen's —
     the same thing codeChipHtml() does on the configurator side */
  function printCodeChip(code) {
    return code ? '<span class="cfg-eq-code">' + esc(String(code).trim()) + '</span>' : '';
  }
  /* one rendered .ds-eq-row (fitted or serial) → the document's row text.
     THE CHIP NODES ARE REMOVED, NEVER THEIR TEXT (print QA round 1): a
     first-match string replace ate the row's own characters whenever the TITLE
     contained the code before the chip did — every Cruise sheet printed "eavy
     chassis H/435/295" + [H] for "Heavy chassis H/435/295" + [H]. Cloning the
     node and deleting the chips cannot corrupt the title, whatever they say.

     THE WEIGHT CHIP IS STRIPPED AND NOT REPRINTED (owner 2026-08-29). The
     screen lists earn their per-row weights — a customer comparing options
     wants them beside the price — but the A4 sheet's two equipment columns are
     a CHECKLIST of what is in the van, and the one weight that decides
     anything on paper is the total, which now has its own spec row on the
     cover. Dropping the chip here is also what keeps this function honest: the
     text would otherwise carry "1,8 kg" into the title. */
  function printEqRowHtml(row) {
    var text = row.querySelector('.ds-eq-row__text');
    if (!text) return '';
    var clone = text.cloneNode(true);
    var codeEl = clone.querySelector('.ds-eq-row__code:not(.ds-eq-row__code--weight)');
    var code = codeEl ? codeEl.textContent : '';
    clone.querySelectorAll('.ds-eq-row__code').forEach(function (c) { c.remove(); });
    return esc(clone.textContent.trim()) + printCodeChip(code);
  }
  function printStdCell(row, mod) {
    if (!row) return '<td class="cfg-print-list__col cfg-print-list__col--' + mod + '"></td>';
    return '<td class="cfg-print-list__col cfg-print-list__col--' + mod + '">' +
      '<div class="cfg-print-srow">' +
      '<span class="cfg-print-srow__check">' + CHECK_MARK + '</span>' +
      '<span class="cfg-print-srow__text">' + printEqRowHtml(row) + '</span>' +
      '</div></td>';
  }
  function printGroupLabel(sel) {
    var n = root.querySelector(sel);
    return (n && n.getAttribute('aria-label')) || '';
  }

  /* `force` is for a caller that knows better; a plain call re-renders only a
     document the state has dirtied — or one whose printed date has rolled over,
     which is what the 'beforeprint' refresh exists for. */
  function renderPrintDoc(force) {
    if (!printRoot || !lastFig) return;
    if (!printDirty && force !== true) {
      var dNode = printRoot.querySelector('[data-print-date]');
      if (dNode && dNode.textContent === printDate()) return;
    }
    /* THE REVEAL FLAGS COME OFF HERE and go back on at the very end: a throw
       anywhere below then leaves the page printing exactly as it did before
       this port existed, instead of putting a half-written A4 skeleton on
       paper. `printDirty` is cleared at the end for the same reason — a build
       that threw stays dirty and the next print rebuilds it. */
    printRoot.classList.remove('is-ready');
    if (document.body) document.body.classList.remove('cfg-print-ready');

    var F = lastFig;
    var v = variant();
    var title = D.entryTitle || '';
    var market = printMarketHead();
    var date = printDate();
    var LZ = (D.labels && D.labels.sizeLength) || {};
    var LS = (D.labels && D.labels.size) || {};
    var LG = (D.labels && D.labels.gearbox) || {};
    function gross(n, kind, c, kg) { return fmtCur(window.PriceV2.gross(n, kind, c || F.ctx, kg)); }

    /* ---- cover: identity + the simulation ------------------------------ */
    pText('[data-print-title]', title);
    pText('[data-print-sub]', (D.baseName || '') + ' · ' + (LZ[v.size] || LS[v.size] || v.size));
    pText('[data-print-date]', date);
    /* a third frame beside the rail stage and the zoom dialog, fed by the SAME
       simStack() — same layer set, same reconciler, so the printed van is the
       one on screen */
    var simHost = printRoot.querySelector('[data-print-sim]');
    if (simHost) {
      var pFrame = simHost.querySelector('.cfg-print__frame');
      if (!pFrame) {
        pFrame = document.createElement('div');
        pFrame.className = 'cfg-print__frame';
        simHost.appendChild(pFrame);
      }
      simPaint(pFrame, simStack() || [], state.colourName || '');
    }

    /* ---- cover: the spec sheet, in two columns ------------------------- */
    var chassisText = D.chassisChip || '';
    if (chassisWrap) {
      var chipBtn = chassisWrap.querySelector('.ds-seg[data-val="' + String(state.chassis).replace(/"/g, '') + '"]');
      if (chipBtn && chipBtn.dataset.chip) chassisText = chipBtn.dataset.chip;
    }
    var rimRow = rimById[state.rimId];
    var rimTitle = rimRow ? rimRow.title : '';
    if (!rimTitle && D.rims && D.rims[v.gearbox]) rimTitle = D.rims[v.gearbox].title || '';
    if (!rimTitle) {
      /* the gearbox-dependent fitted row, when the edition has one… */
      var fittedRim = root.querySelector('[data-bp-rim] .ds-eq-row__text');
      if (fittedRim) rimTitle = fittedRim.textContent.trim();
    }
    /* …and otherwise the plain fitted rim, resolved server-side. An edition
       that includes no rim at all leaves this null and the row is dropped. */
    if (!rimTitle) rimTitle = D.rimName || '';
    var swatchHex = '';
    var colRowSel = root.querySelector('[data-bp-colours] .ds-swatch-row.is-selected');
    if (colRowSel && colRowSel.dataset.swatch) swatchHex = colRowSel.dataset.swatch;
    var specRows = [
      { k: i18n.specModel, v: title },
      { k: i18n.specBase, v: D.baseName || '' },
      { k: i18n.specSize, v: LZ[v.size] || LS[v.size] || String(v.size) },
      { k: i18n.specGearbox, v: LG[v.gearbox] || v.gearbox },
      { k: i18n.specPower, v: v.hp + ' ' + (i18n.hp || 'HP') + ' · ' + Math.round(v.hp * 0.7355) + ' kW' },
      { k: i18n.specChassis, v: chassisText },
      /* THE CONFIGURATOR'S SEVENTH ROW, now on the edition sheet too (owner
         2026-08-29). Same position (between Chassis and Colour), same
         formatting — the figure, a slash, the permissible weight, "kg", and an
         em-dash where the base vehicle has no kerb weight — and the SAME
         figure the rail's gauge is showing, because render() stashed it rather
         than letting paper compute a second one. */
      { k: i18n.specWeight, v: ((F.weight && F.weight.known) ? num(F.weight.kg) : '—') + ' / ' + num(MAX_WEIGHT) + ' kg' },
      { k: i18n.specColour, v: state.colourName || '', chip: swatchHex },
      { k: i18n.specRims, v: rimTitle },
      { k: i18n.specCode, v: v.bv || '' },
    ].filter(function (r) { return r.k && r.v; });
    var half = Math.ceil(specRows.length / 2);
    pHtml('[data-print-spec="a"]', specRows.slice(0, half).map(printSpecRow).join(''));
    pHtml('[data-print-spec="b"]', specRows.slice(half).map(printSpecRow).join(''));

    /* ---- cover: the price band ----------------------------------------
       _print.twig server-renders BOTH variants of the totals — the VAT split
       and the bare "Total" a net market gets — so every label ships
       translated; which one PRINTS is decided here, off the same predicate
       the rail note and the price table read. */
    var netMarket = (D.ctx.region === 'uk' || !Number(D.ctx.vat));
    printRoot.querySelectorAll('[data-print-band]').forEach(function (n) {
      n.hidden = (n.getAttribute('data-print-band') === 'net') !== netMarket;
    });
    pText('[data-print-market]', market);
    pText('[data-print-veh]', fmtCur(F.vehGross));
    pText('[data-print-optcount]', printItemsCount(F.optCount));
    pText('[data-print-opt]', fmtCur(F.optGross));
    /* THE VALUE MODEL, not the vehicle one: a standard-equipment figure is the
       net sum × the market's VAT-STYLE MULTIPLIERS ONLY — no NoVA, no CO₂
       malus, no BPM, no NL options surcharge. That is the ctx builds/_parts/
       included.twig and price.twig price it with server-side (`valueCtx`), and
       the configurator's stdEquipmentValue() makes the same call. */
    pText('[data-print-std]', F.stdValue ? gross(F.stdValue, 'vehicle', F.valueCtx) : '');
    var stdLineEl = printRoot.querySelector('[data-print-stdline]');
    if (stdLineEl) stdLineEl.hidden = !F.stdValue;
    pText('[data-print-net]', fmtCur(F.totalGross - F.totalVat));
    pText('[data-print-vat]', fmtCur(F.totalVat));
    pText('[data-print-total]', fmtCur(F.totalGross));

    /* ---- 2 · selected optional equipment ------------------------------- */
    var optN = 0, optHtml = '';
    function optGroup(label, rows) {
      if (!rows.length) return;
      optN += rows.length;
      optHtml += printGroupHead(label, printItemsCount(rows.length));
      rows.forEach(function (r) {
        optHtml += '<tr class="cfg-print-list__row">' +
          '<td>' + r.html + '</td>' +
          '<td class="cfg-print-list__price">+' + esc(r.price) + '</td></tr>';
      });
    }
    if (state.colourPrice > 0) {
      optGroup(printGroupLabel('[data-bp-colours]'), [{
        html: esc(state.colourName || ''), price: gross(state.colourPrice, 'color'),
      }]);
    }
    if (rimRow && rimRow.price > 0) {
      optGroup(printGroupLabel('[data-bp-rims]'), [{
        html: esc(rimRow.title || '') + printCodeChip(rimRow.code || ''),
        price: gross(rimRow.price, 'wheel', null, Number(rimRow.weight) || 0),
      }]);
    }
    var addonRows = [];
    root.querySelectorAll('[data-bp-addons] .ds-toggle-row').forEach(function (btn) {
      var id = btn.dataset.id;
      if (!id || !state.addons[id]) return;
      var codeEl = btn.querySelector('[data-bp-addon-code]');
      addonRows.push({
        html: esc(btn.dataset.name || id) + printCodeChip(codeEl ? codeEl.textContent : ''),
        price: gross(parseFloat(btn.dataset.price) || 0, 'equipment', null, addonKg(id)),
      });
    });
    optGroup(printGroupLabel('[data-bp-addons]'), addonRows);
    /* THE CHASSIS IS COUNTED, SO IT IS LISTED (review round 1). Picking the
       heavy chassis writes the ordinary bv-h add-on into state.addons
       (setChassis), so it already rides in the cover band's count and amount —
       but it is a .ds-seg in chassisWrap, not a [data-bp-addons] toggle row,
       so the loop above never reached it. The sheet would then print
       "Options — 3 items" on the cover over rows that list two and sum to
       less: a quote whose itemisation contradicts its own total. */
    if (CHASSIS_ID && state.addons[CHASSIS_ID] && (state.addons[CHASSIS_ID].price || 0) > 0) {
      optGroup(printGroupLabel('[data-bp-chassis]'), [{
        html: esc(state.addons[CHASSIS_ID].name || CHASSIS_NAME || CHASSIS_ID),
        price: gross(state.addons[CHASSIS_ID].price || 0, 'equipment', null, addonKg(CHASSIS_ID)),
      }]);
    }
    pHtml('[data-print-optional]', optHtml);
    /* a build with nothing selected must not print a heading over 700 pt of
       white — the section is dropped whole and the contents list renumbers */
    var optSec = printRoot.querySelector('[data-print-sec="optional"]');
    if (optSec) optSec.hidden = !optN;
    var optToc = printRoot.querySelector('[data-print-toc-row="optional"]');
    if (optToc) optToc.hidden = !optN;
    var nRow = 0;
    printRoot.querySelectorAll('.cfg-print-toc__row').forEach(function (r) {
      if (r.hidden) return;
      nRow++;
      var num = r.querySelector('.cfg-print-toc__n');
      if (num) num.textContent = (nRow < 10 ? '0' : '') + nRow;
    });

    /* ---- 3 · standard equipment ----------------------------------------
       THE SHEET IS THE PAGE, NOT A MERGE OF IT (print QA round 2).

       This used to fuse the page's two "Everything included" blocks into ONE
       list by group title and put a single value banner over it. The banner
       quoted F.stdValue, and refreshReplaced() sums that over the rows inside
       [data-bp-standard] ONLY — so a figure describing the serial equipment
       stood above a list that also held every fitted option, and named a value
       that did not describe the thing under it. Nothing on the page says that.

       So the paper now prints the page's own two blocks, in the page's order —
       "Fitted options — {price} value", then "Standard equipment — {price}
       value" — each with ITS rows under ITS heading. The heading text node and
       its per-market note are LIFTED OFF THE LIVE h3s that
       builds/_parts/included.twig renders (refreshReplaced() keeps the standard
       one current as add-ons replace serial rows), so both figures are the
       screen's own, computed in the one valueCtx, and every word is already a
       |t string in all 17 locales — no new string to translate, and no second
       computation that could disagree with the page.

       Rows a selected add-on has replaced (refreshReplaced marks them
       .bp-hidden) are absent from the paper, which is the whole point of that
       rule; an accordion it has emptied is skipped whole. Each block keeps its
       own DOM order, which on both is the catalogue's Scheme-A order — the
       reshuffle that round 1 had to defend against was an artefact of the merge
       and cannot happen once the blocks stay apart. The contents list still
       counts BOTH: "02 Standard equipment · n items" is the sheet's total. */
    function stdLabel(acc) {
      var head = acc.querySelector('.ds-accordion__head h4');
      return head ? head.textContent.trim() : '';
    }
    /* one live block heading → the sheet's sub-block head. [0] is the text node
       carrying "… — {price} value" (or the plain fallback when a block has no
       value); .bp-included-block-note is the market caption beside it, hidden
       by refreshReplaced() exactly when the figure is. */
    function printBlockHead(h) {
      if (!h) return '';
      var lead = h.firstChild && h.firstChild.nodeType === 3
        ? h.firstChild.nodeValue.trim() : h.textContent.trim();
      var noteEl = h.querySelector('.bp-included-block-note');
      var note = noteEl && !noteEl.classList.contains('bp-hidden')
        ? noteEl.textContent.trim() : '';
      return '<tr class="cfg-print-list__bhead"><td colspan="2">' +
        '<div class="cfg-print-block__head">' +
        '<h3 class="cfg-print-block__title">' + esc(lead) + '</h3>' +
        (note ? '<span class="cfg-print-block__note">' + esc(note) + '</span>' : '') +
        '</div></td></tr>';
    }
    /* one "Everything included" block → its group heads + two-column pairs */
    function printStdBlock(sel) {
      var order = [], map = {}, n = 0, html = '';
      root.querySelectorAll(sel + ' [data-ds-accordion]').forEach(function (acc) {
        if (acc.classList.contains('bp-hidden')) return;
        var label = stdLabel(acc);
        acc.querySelectorAll('[data-bp-eq]').forEach(function (r) {
          if (r.classList.contains('bp-hidden')) return;
          if (!map[label]) { map[label] = []; order.push(label); }
          map[label].push(r);
        });
      });
      order.forEach(function (label) {
        var rows = map[label];
        if (!rows.length) return;
        n += rows.length;
        var count = i18n.countIncluded
          ? i18n.countIncluded.replace('{count}', rows.length)
          : String(rows.length);
        html += printGroupHead(label, count);
        for (var i = 0; i < rows.length; i += 2) {
          html += '<tr class="cfg-print-list__pair">' +
            printStdCell(rows[i], 'a') + printStdCell(rows[i + 1], 'b') + '</tr>';
        }
      });
      return { n: n, html: html };
    }
    var fittedWrap = root.querySelector('[data-bp-fitted]');
    var fittedHead = fittedWrap && fittedWrap.closest('.bp-included-block')
      ? fittedWrap.closest('.bp-included-block').querySelector('.bp-included-block-h') : null;
    var fittedBlk = printStdBlock('[data-bp-fitted]');
    var serialBlk = printStdBlock('[data-bp-standard]');
    var stdN = fittedBlk.n + serialBlk.n, stdHtml = '';
    if (fittedBlk.n) stdHtml += printBlockHead(fittedHead) + fittedBlk.html;
    if (serialBlk.n) stdHtml += printBlockHead(root.querySelector('[data-bp-std-h]')) + serialBlk.html;
    pHtml('[data-print-standard]', stdHtml);
    /* THE SINGLE BANNER IS GONE FROM THIS DOCUMENT. Its figure was the standard
       block's alone and now rides on that block's own heading, where the rows
       it describes are. The skeleton keeps the element — _print.twig is shared
       with /configurator, whose summary has ONE standard list and one honest
       banner over it — so this document simply never shows it. */
    var stdBanner = printRoot.querySelector('[data-print-stdbanner]');
    if (stdBanner) stdBanner.hidden = true;

    /* ---- 4 · price specification ---------------------------------------
       The page's own .bp-ptable, CLONED after render() filled it: the printed
       figures cannot drift from the screen's, because they are the same nodes.
       The [data-bp-out] hooks are stripped off the clone — setOut() selects
       from the page root and would otherwise keep writing into the print copy,
       making the printed figures depend on which render ran last instead of on
       one snapshot. The clone keeps its bp-ptable classes; _print-lists.scss
       carries the paper dressing for both class systems. */
    var ptHost = printRoot.querySelector('[data-print-ptable]');
    var ptSrc = root.querySelector('.bp-ptable');
    if (ptHost && ptSrc) {
      var clone = ptSrc.cloneNode(true);
      clone.querySelectorAll('[data-bp-out]').forEach(function (n) { n.removeAttribute('data-bp-out'); });
      clone.querySelectorAll('tr[hidden], tr.bp-hidden').forEach(function (r) {
        if (r.parentNode) r.parentNode.removeChild(r);
      });
      ptHost.innerHTML = '';
      ptHost.appendChild(clone);
    }
    /* taxes & duties: the block's own rows (one source) — this page's list
       carries no market line of its own, the section head names the market */
    var taxPrintHost = printRoot.querySelector('[data-print-taxes]');
    var taxSrc = root.querySelector('[data-bp-taxes]');
    if (taxPrintHost && taxSrc) taxPrintHost.innerHTML = taxSrc.innerHTML;
    pText('[data-print-tax-market]', market);

    /* ---- running lines, section metas, closing line -------------------- */
    printRoot.querySelectorAll('[data-print-sec]').forEach(function (sec) {
      var h = sec.querySelector('.cfg-print-sec__title');
      var run = sec.querySelector('[data-print-run]');
      if (run) run.textContent = title + ' · ' + (h ? h.textContent.trim() : '');
    });
    pText('[data-print-sec="optional"] [data-print-meta]', printItemsCount(optN));
    pText('[data-print-sec="standard"] [data-print-meta]', printItemsCount(stdN));
    pText('[data-print-sec="price"] [data-print-meta]', market);
    pText('[data-print-toc="optional"]', printItemsCount(optN));
    pText('[data-print-toc="standard"]', printItemsCount(stdN));
    pText('[data-print-end="title"]', title);
    pText('[data-print-end="date"]', date);
    pText('[data-print-end="market"]', market);

    renderPrintQr();

    /* ---- ONLY NOW IS THERE A DOCUMENT --------------------------------- */
    printRoot.classList.add('is-ready');
    if (document.body) document.body.classList.add('cfg-print-ready');
    printDirty = false;
  }

  /* Cmd+P reaches the document through this — the listener takes an Event,
     never `true`, so it renders a dirty document and skips a clean one (which
     is what makes #docPrint's own render plus the window.print() after it cost
     one build, not two). The print MEDIA QUERY is wired as the same trigger,
     for a browser that fires no 'beforeprint': both are no-ops on a clean
     document, so the pair costs one render. */
  if (printRoot) {
    window.addEventListener('beforeprint', function () { renderPrintDoc(); });
    try {
      var mqPrint = window.matchMedia && window.matchMedia('print');
      var onMqPrint = function (e) { if (!e || e.matches) renderPrintDoc(); };
      if (mqPrint && mqPrint.addEventListener) mqPrint.addEventListener('change', onMqPrint);
      else if (mqPrint && mqPrint.addListener) mqPrint.addListener(onMqPrint);
    } catch (eMq) { /* no matchMedia */ }
  }

  /* ---- wire vehicle segments (with auto-correct safety net) ---- */
  DIMS.forEach(function (dim) {
    var grp = root.querySelector('[data-bp-dim="' + dim + '"]');
    if (!grp) return;
    grp.addEventListener('click', function (ev) {
      var btn = ev.target.closest('.ds-seg');
      if (!btn || btn.disabled) return;
      var val = String(btn.dataset.val);
      var v0 = variant();
      var picks = { size: String(v0.size), gearbox: String(v0.gearbox), hp: String(v0.hp) };
      picks[dim] = val;
      var exact = null;
      Object.keys(variants).forEach(function (k) {
        var v = variants[k];
        if (DIMS.every(function (d) { return String(v[d]) === picks[d]; })) exact = v;
      });
      var next = exact || nearest(dim, val);   /* auto-correct when the pick invalidates the combo */
      if (!next) return;
      /* `dim` is size | gearbox | hp — the SAME state keys the configurator
         emits, so one decision is one name across both engines. The VALUES
         need one translation: this engine's variants carry the workbook's
         mt/at, the configurator carries manual/automatic. Left alone they
         would be two permanent names for one decision, and a name can never
         be renamed — so /builds speaks the configurator's vocabulary here. */
      track('Spec ' + dim + ': ' + (SPEC_VALUE[val] || val), null, true);
      if (!exact) track('Spec auto-corrected', null, true);
      state.key = next.key;
      refreshSegs();
      render();
    });
  });

  /* ---- wire colour swatches ---- */
  var colWrap = root.querySelector('[data-bp-colours]');
  function selectColour(row) {
    if (!colWrap || !row) return;
    colWrap.querySelectorAll('.ds-swatch-row').forEach(function (r) {
      var on = r === row;
      r.classList.toggle('is-selected', on);
      r.setAttribute('aria-pressed', on ? 'true' : 'false');
      var sw = r.querySelector('.ds-swatch');
      if (sw) sw.classList.toggle('is-selected', on);
    });
    state.colourPrice = parseFloat(row.dataset.price) || 0;
    state.colourName = row.dataset.name || state.colourName;
    state.colourId = row.dataset.id || state.colourId;
  }
  if (colWrap) {
    colWrap.addEventListener('click', function (ev) {
      var row = ev.target.closest('.ds-swatch-row');
      if (!row) return;
      selectColour(row);
      render();
    });
  }

  /* ---- wire the add-on toggles (pmcAddonEquipment) ---- */
  var addonWrap = root.querySelector('[data-bp-addons]');
  function setAddon(btn, on) {
    var id = btn.dataset.id;
    if (!id) return;
    if (on) state.addons[id] = { price: parseFloat(btn.dataset.price) || 0, name: btn.dataset.name || id };
    else delete state.addons[id];
    btn.classList.toggle('is-on', on);
    btn.setAttribute('aria-checked', on ? 'true' : 'false');
  }
  if (addonWrap) {
    addonWrap.addEventListener('click', function (ev) {
      var btn = ev.target.closest('.ds-toggle-row');
      if (!btn || !addonWrap.contains(btn)) return;
      /* every activation goes through the compatibility flow (item 1) —
         conflicts confirmed and deselected, requirements pulled in, one rim
         at a time. Deactivation is unconditional. */
      toggleAddon(btn);
    });
  }

  /* ---- URL restore: ?v=<bvExternalId>&c=<colExternalId>&a=<id,id> →
         apply, recompute, then strip to the clean path (?sent tolerated).
         A legacy `&n=` (the retired pack toggle) is simply ignored. ---- */
  (function restore() {
    var qp;
    try { qp = new URLSearchParams(window.location.search); } catch (e) { return; }
    if (!qp.has('v') && !qp.has('c') && !qp.has('a') && !qp.has('w')) return;
    var vid = qp.get('v');
    if (vid) {
      Object.keys(variants).forEach(function (k) { if (variants[k].bv === vid) state.key = k; });
    }
    var cid = qp.get('c');
    if (cid && colWrap) {
      var row = colWrap.querySelector('.ds-swatch-row[data-id="' + cid.replace(/"/g, '') + '"]');
      if (row) selectColour(row);
    }
    if (qp.get('a') && addonWrap) {
      qp.get('a').split(',').forEach(function (id) {
        var btn = addonWrap.querySelector('.ds-toggle-row[data-id="' + id.replace(/"/g, '') + '"]');
        if (btn) setAddon(btn, true);
      });
    }
    /* THE CHASSIS RIDES IN `a` LIKE ANY OTHER ADD-ON — it IS one (bv-h) — but
       it has no toggle row to click, so the loop above cannot restore it. A
       restore that runs at all is a complete build: bv-h in the list means
       heavy, its absence means light, which is why this sits outside the
       `qp.get('a')` guard. A no-op on every edition without the choice. */
    if (CHASSIS_ID && chassisWrap) {
      var aIds = (qp.get('a') || '').split(',');
      setChassis(aIds.indexOf(CHASSIS_ID) !== -1 ? 'heavy' : 'light');
      refreshChassisSegs();
    }
    var wid = qp.get('w');
    if (wid && rimById[wid]) setRim(wid);
    try { window.history.replaceState(null, '', window.location.pathname); } catch (e) {}
  })();

  refreshSegs();
  render();

  /* ---- the JS-OFF conversion ------------------------------------------
     A no-JS submit POSTs and comes back on ?sent=1, so the server renders the
     success block un-hidden and showSuccess() never runs — that conversion
     would otherwise be invisible. Detected from the DOM the server produced
     rather than a second flag, and fired HERE because render() above has just
     computed lastTotals, so the no-JS lead carries the same EUR-net _value as
     the JS one instead of diluting the average with a zero.
     Safe against double-counting: this runs once at boot, before any submit
     can happen, and the name is once-per-page anyway. */
  (function trackServerRenderedLead() {
    /* the hook moved with the markup on 2026-08-29: the one-line success box
       became the configurator's whole thank-you screen (#leadThanks, from
       sections/configurator/_lead-thanks.twig), which the server renders
       WITHOUT the `hidden` attribute on exactly the ?sent=1 path. */
    var doneBox = document.getElementById('leadThanks');
    if (doneBox && !doneBox.hasAttribute('hidden')) {
      track('Lead: prebuilt', Math.round((Number(lastTotals.net) || 0) * 100), true);
    }
  })();

  /* ======================================================================
     THE POST-SUBMIT SCREEN AND ITS DOCUMENT ACTIONS (owner 2026-08-29,
     verbatim: "edition form at the end should have the same post submission
     content as the configurator — with buttons to print and so on")
     ======================================================================
     #leadThanks and #docActions are the CONFIGURATOR'S OWN partials, included
     by builds/_parts/lead.twig — same ids, same classes, same three next-step
     cards. This is the /builds port of the handlers in
     src/js/configurator-v2.js: leadSucceeded() (above, in the form block), the
     #leadThanks click handler that records the chosen next step on the lead,
     and the gated #docPrint / #docCopy.

     WIRED OUTSIDE the `if (form)` block on purpose: on the JS-off round trip
     the page comes back on ?sent=1 with NO FORM at all, and the two document
     buttons must still work there. */
  var thanksEl = document.getElementById('leadThanks');
  var docActions = document.getElementById('docActions');
  /* the just-created lead. Null on the ?sent=1 path — that redirect carries no
     uid, which is why the twig renders the cards disabled there. */
  var leadUid = null;

  function reducedMotion() {
    try { return window.matchMedia('(prefers-reduced-motion: reduce)').matches; }
    catch (e) { return false; }
  }

  /* Record the chosen next step on the lead (uid-gated, value-whitelisted
     server side — LeadsController::NEXT_STEPS). Selecting another card updates
     it. The endpoint takes leadType `prebuilt` as readily as `configurator`. */
  if (thanksEl) {
    thanksEl.addEventListener('click', function (ev) {
      var btn = ev.target && ev.target.closest ? ev.target.closest('.cfg-thanks__opt') : null;
      if (!btn || btn.disabled || !leadUid) return;
      var step = btn.getAttribute('data-next-step');
      var body = new URLSearchParams();
      body.append('action', 'my-module/leads/next-step');
      body.append(thanksEl.getAttribute('data-csrf-name') || 'CRAFT_CSRF_TOKEN',
        thanksEl.getAttribute('data-csrf-value') || '');
      body.append('uid', leadUid);
      body.append('step', step);
      var opts = [].slice.call(thanksEl.querySelectorAll('.cfg-thanks__opt'));
      opts.forEach(function (b) { b.disabled = true; });
      fetch(window.location.origin + window.location.pathname, {
        method: 'POST',
        body: body.toString(),
        credentials: 'same-origin',
        headers: {
          'Accept': 'application/json',
          'X-Requested-With': 'XMLHttpRequest',
          'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
        },
      }).then(function (res) {
        return res.json().catch(function () { return {}; });
      }).then(function (json) {
        if (json && json.success) {
          /* the SAME name the configurator emits for the same decision — one
             decision is one name, the two surfaces are separated at report
             time by pathname */
          track('Next step: ' + step, null, true);
          opts.forEach(function (b) {
            var on = b === btn;
            b.classList.toggle('is-chosen', on);
            b.setAttribute('aria-pressed', String(on));
          });
          var confirmEl = document.getElementById('nextStepConfirm');
          if (confirmEl) confirmEl.removeAttribute('hidden');
        }
      }).catch(function () { /* nothing to say on this page — no toast host */ })
        .then(function () { opts.forEach(function (b) { b.disabled = false; }); });
    });
  }

  /* ---- the document actions -------------------------------------------- */
  /* The button prints the A4 DOCUMENT, not the screen: renderPrintDoc() first
     (the 'beforeprint' listener would do it too, but Safari fires it late and
     a clean re-render costs nothing), then the browser dialog. */
  /* ONE path for the two buttons that can ask for it: the customer's #docPrint
     (unlocked by the thank-you screen) and the admin card's #bpAdmPrintGo
     (builds/_parts/adminprint.twig — server-gated, no lead needed,
     2026-09-02). */
  function printDocument() {
    renderPrintDoc();
    window.print();
  }
  var docPrintBtn = document.getElementById('docPrint');
  if (docPrintBtn) docPrintBtn.addEventListener('click', printDocument);
  var admPrintBtn = document.getElementById('bpAdmPrintGo');
  if (admPrintBtn) admPrintBtn.addEventListener('click', printDocument);
  /* Copy the link that reopens this exact build — currentConfigUrl(), the ONE
     serialisation this page has (the admin card shows the same string).
     /builds ships no ds-toast component, so the confirmation is the admin
     card's label swap, on the wording the twig hands over already translated. */
  var docCopyBtn = document.getElementById('docCopy');
  if (docCopyBtn) {
    docCopyBtn.addEventListener('click', function () {
      var label = docCopyBtn.querySelector('span');
      var url = currentConfigUrl();
      function said() {
        if (!label) return;
        var was = label.textContent;
        label.textContent = docCopyBtn.dataset.lCopied || was;
        setTimeout(function () { label.textContent = was; }, 1400);
      }
      if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(url).then(said, function () {});
        return;
      }
      /* no async clipboard (http, old browser): a throwaway textarea + the
         legacy command, the same fallback the admin card uses */
      try {
        var ta = document.createElement('textarea');
        ta.value = url;
        ta.setAttribute('readonly', '');
        ta.style.cssText = 'position:absolute;left:-9999px;top:0';
        document.body.appendChild(ta);
        ta.select();
        document.execCommand('copy');
        document.body.removeChild(ta);
        said();
      } catch (e) { /* nothing to fall back to */ }
    });
  }

  /* ---- lead form: refresh configJson/configUrl at submit, POST as JSON ---- */
  var leadWrap = document.querySelector('[data-bp-lead]');
  var form = leadWrap && leadWrap.querySelector('[data-bp-lead-form]');
  if (form) {
    var jsonInput = form.querySelector('[data-bp-configjson]');
    var urlInput = form.querySelector('[data-bp-configurl]');
    var msgEl = form.querySelector('[data-bp-lead-msg]');

    /* ---- the two-step CTA's own two behaviours (owner 2026-08-25 item 7),
       the same pair the configurator's panel has: a live count under the
       request cards, and a message field that starts collapsed.

       PROGRESSIVE ENHANCEMENT: the textarea is collapsed HERE, not in the
       twig, so a JS-off page still shows it and a message is never lost. */
    var msgWrap = form.querySelector('[data-bp-lead-msgwrap]');
    var msgToggle = form.querySelector('[data-bp-lead-msgtoggle]');
    var msgHide = form.querySelector('[data-bp-lead-msghide]');
    if (msgWrap && msgToggle) {
      msgWrap.hidden = true;
      msgToggle.addEventListener('click', function () {
        msgWrap.hidden = false;
        msgToggle.hidden = true;
        msgWrap.classList.add('is-reveal');
        var ta = msgWrap.querySelector('textarea');
        if (ta) { try { ta.focus(); } catch (e) {} }
      });
      if (msgHide) msgHide.addEventListener('click', function () {
        msgWrap.hidden = true;
        msgWrap.classList.remove('is-reveal');
        msgToggle.hidden = false;
        try { msgToggle.focus(); } catch (e) {}
      });
    }

    /* the count line: the three wordings are server-translated on the element
       (data-c-none / -one / -many), so nothing is composed in JS */
    var countEl = form.querySelector('[data-bp-lead-count]');
    function refreshCount() {
      if (!countEl) return;
      var picked = [].slice.call(form.querySelectorAll('[name="interests[]"]:checked'));
      var d = countEl.dataset;
      if (!picked.length) { countEl.textContent = d.cNone || ''; countEl.classList.remove('is-on'); return; }
      var label = function (input) {
        var t = input.closest('.bp-cta__ask');
        t = t && t.querySelector('.bp-cta__ask-t');
        return t ? t.textContent : '';
      };
      countEl.textContent = picked.length === 1
        ? (d.cOne || '').replace('{title}', label(picked[0]))
        : (d.cMany || '').replace('{n}', picked.length);
      countEl.classList.add('is-on');
    }
    form.addEventListener('change', function (ev) {
      if (ev.target && ev.target.name === 'interests[]') {
        refreshCount();
        /* same four names as the configurator — the leadInterests whitelist */
        if (ev.target.checked) track('Lead interest: ' + ev.target.value, null, true);
      }
    });
    refreshCount();

    function fillPayload() {
      /* configPayload() is engine-scope since 2026-08-29 — the "Save to hub"
         card posts the identical object. */
      if (jsonInput) jsonInput.value = JSON.stringify(configPayload());
      /* printShareUrl(), NOT currentConfigUrl() (2026-08-29, QA round 1). The
         stored address is printed in the hub beside the gross this lead was
         quoted, so it has to REOPEN at that market: currentConfigUrl() carries
         no `region=`, so a customer priced in DK came back at the site default
         (+19% on the measured build). printShareUrl() is currentConfigUrl()
         plus the pricing market — the same pin the QR code and the "Save to
         hub" card already use, and a pin for that one page view only. */
      if (urlInput) urlInput.value = printShareUrl();
    }
    function clearErrors() {
      form.querySelectorAll('.is-invalid').forEach(function (el) { el.classList.remove('is-invalid'); });
      form.querySelectorAll('.bp-lead-field-err').forEach(function (el) { el.remove(); });
      if (msgEl) { msgEl.hidden = true; msgEl.textContent = ''; }
    }
    function showErrors(errors, message) {
      clearErrors();
      Object.keys(errors || {}).forEach(function (name) {
        var input = form.querySelector('[name="' + name + '"]');
        if (!input) return;
        input.classList.add('is-invalid');
        var err = document.createElement('span');
        err.className = 'bp-lead-field-err';
        err.textContent = (errors[name] && errors[name][0]) || '';
        input.parentNode.appendChild(err);
      });
      if (msgEl && message) { msgEl.textContent = message; msgEl.hidden = false; }
    }
    /* THE POST-SUBMIT SCREEN (owner 2026-08-29) — the configurator's, not a
       second one: #leadThanks and #docActions are
       sections/configurator/_lead-thanks.twig + _doc-actions.twig, included by
       this panel, and this is the /builds port of leadSucceeded() in
       src/js/configurator-v2.js. The form (which carries the panel's heading
       and lede) goes, the screen comes, and the document actions unlock. */
    function showSuccess(email, uid) {
      /* the CONFIRMED lead. `lastTotals.net` is the raw EUR net the engine
         computes BEFORE PriceV2.breakdown applies the market's VAT and
         duties — the one figure that means the same thing in all 15 markets,
         which is what Fathom's single per-name currency requires. */
      track('Lead: prebuilt', Math.round((Number(lastTotals.net) || 0) * 100), true);
      leadUid = uid || null;
      var lede = leadWrap.querySelector('[data-bp-lead-lede]');
      if (thanksEl) {
        var to = thanksEl.querySelector('[data-bp-lead-to]');
        var b = thanksEl.querySelector('[data-bp-lead-email]');
        if (email && to && b) { b.textContent = email; to.hidden = false; }
        /* the request cards the customer already ticked pre-submit get the
           subtle pre-highlight, exactly as they do on the configurator */
        var pre = [];
        form.querySelectorAll('input[name="interests[]"]').forEach(function (c) {
          if (c.checked) pre.push(c.value);
        });
        thanksEl.querySelectorAll('.cfg-thanks__opt').forEach(function (btn) {
          btn.classList.toggle('is-pre', pre.indexOf(btn.getAttribute('data-next-step')) > -1);
        });
        thanksEl.removeAttribute('hidden');
      }
      if (docActions) docActions.removeAttribute('hidden');
      form.classList.add('bp-hidden');
      if (lede) lede.classList.add('bp-hidden');
      /* the screen replaces a panel the customer was already reading, so it is
         brought to them rather than left above the fold they scrolled past */
      try {
        if (thanksEl && thanksEl.scrollIntoView) {
          thanksEl.scrollIntoView({ block: 'center',
            behavior: reducedMotion() ? 'auto' : 'smooth' });
        }
      } catch (e) { /* scrollIntoView options are optional everywhere */ }
    }

    form.addEventListener('submit', function (ev) {
      if (!window.fetch || !window.FormData) { fillPayload(); return; } /* no-JS-era fallback: normal POST */
      ev.preventDefault();
      fillPayload();
      clearErrors();
      var email = (form.querySelector('[name="email"]') || {}).value || '';
      fetch(form.getAttribute('action') || window.location.href, {
        method: 'POST',
        body: new FormData(form),
        headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
        credentials: 'same-origin',
      }).then(function (r) {
        return r.json().then(function (j) { return { ok: r.ok, j: j }; });
      }).then(function (res) {
        /* `uid`, not `leadUid`: LeadsController::successResponse() puts the
           lead's uid on the JSON under that key, and it is what the
           leads/next-step endpoint gates on — the configurator's submit path
           reads the same one. */
        if (res.j && res.j.success) { showSuccess(email, res.j.uid); }
        else { showErrors((res.j && res.j.errors) || {}, (res.j && res.j.message) || i18n.error || ''); }
      }).catch(function () {
        /* network / parse failure — fall back to a classic POST so the lead
           is never lost (server then redirects to ?sent=1). */
        fillPayload();
        form.removeAttribute('novalidate');
        window.HTMLFormElement.prototype.submit.call(form);
      });
    });
  }

  /* ======================================================================
     STAFF ONLY: SAVE THIS BUILD TO THE HUB (#bpSaveCfgCard, 2026-08-29)
     ======================================================================
     The /builds port of the configurator's #saveCfgCard block in
     src/js/configurator-v2.js. The card is SERVER-GATED (builds/_parts/
     save.twig, on _parts/_viewer-dealer.twig), so these nodes simply do not
     exist for anyone else and the whole block no-ops.

     Nothing is re-serialised here: configPayload() is the contract v2 object
     the lead form posts, currentConfigUrl() is the ?v/&c/&w/&a address this
     page round-trips, and the price rows are the very state the totals were
     computed from. The nets are EUR LIST NETS (state.addons[].price and the
     variant's own net) — never the market gross the page displays — because
     that is the one figure that means the same thing in all 15 markets, and
     the hub quotes them without re-pricing. */
  var saveCard = document.getElementById('bpSaveCfgCard');
  if (saveCard) {
    var saveBtn = document.getElementById('bpSaveCfgGo');
    var saveErr = document.getElementById('bpSaveCfgErr');

    /* colour + every add-on (a priced rim rides in state.addons like any
       other), in the order the page lists them. A colour at 0 is still a
       choice worth recording, so it is always a row. */
    function saveRows() {
      var rows = [{ id: state.colourId, net: Number(state.colourPrice) || 0, title: state.colourName || '' }];
      Object.keys(state.addons).forEach(function (id) {
        rows.push({ id: id, net: Number(state.addons[id].price) || 0, title: state.addons[id].name || '' });
      });
      return rows;
    }

    function saveSummary() {
      var n = Object.keys(state.addons).length;
      return [state.colourName || '', n + (n === 1 ? ' add-on' : ' add-ons')].filter(Boolean).join(' · ');
    }

    saveBtn.addEventListener('click', function () {
      if (saveErr) saveErr.hidden = true;
      var titleEl = document.getElementById('bpSaveCfgTitle');
      var notesEl = document.getElementById('bpSaveCfgNotes');
      /* the "Person" dropdown — server-rendered options, server-revalidated id
         (_parts/_person-select.twig → CrmVisibilityService) */
      var personEl = document.getElementById('bpSaveCfgPerson');
      var region = saveCard.getAttribute('data-region') || '';
      var url = currentConfigUrl();
      if (region) url += (url.indexOf('?') > -1 ? '&' : '?') + 'region=' + encodeURIComponent(region);

      var body = new URLSearchParams();
      body.append('action', 'my-module/saved-configs/save');
      body.append(saveCard.getAttribute('data-csrf-name') || 'CRAFT_CSRF_TOKEN',
        saveCard.getAttribute('data-csrf-value') || '');
      body.append('title', (titleEl && titleEl.value.trim()) || saveCard.getAttribute('data-default-title') || '');
      body.append('notes', (notesEl && notesEl.value.trim()) || '');
      body.append('summary', saveSummary());
      try { body.append('configJson', JSON.stringify(configPayload())); } catch (e) { body.append('configJson', ''); }
      body.append('configUrl', url);
      body.append('rows', JSON.stringify(saveRows()));
      body.append('vehicleNet', String(Number(variant().net) || 0));
      body.append('currency', 'EUR');
      body.append('locale', saveCard.getAttribute('data-locale') || '');
      body.append('region', region);
      body.append('premadeId', saveCard.getAttribute('data-premade') || '');
      body.append('personId', (personEl && personEl.value) || '0');

      saveBtn.disabled = true;
      saveBtn.textContent = 'Saving…';
      fetch(window.location.pathname, {
        method: 'POST',
        body: body.toString(),
        credentials: 'same-origin',
        headers: {
          'Accept': 'application/json',
          'X-Requested-With': 'XMLHttpRequest',
          'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
        },
      }).then(function (r) {
        return r.json().catch(function () { return {}; });
      }).then(function (json) {
        if (json && json.success) {
          var nameEl = document.getElementById('bpSaveCfgName');
          var link = document.getElementById('bpSaveCfgLink');
          var form = document.getElementById('bpSaveCfgForm');
          var done = document.getElementById('bpSaveCfgDone');
          if (nameEl) nameEl.textContent = json.title || '';
          if (link) link.href = json.hubUrl || '/hub?section=saved-configs';
          var forEl = document.getElementById('bpSaveCfgFor');
          var personLink = document.getElementById('bpSaveCfgPersonLink');
          if (forEl && personLink) {
            if (json.personId) {
              personLink.textContent = json.personLabel || 'this person';
              personLink.href = json.personUrl || '/hub?section=persons';
              forEl.hidden = false;
            } else {
              forEl.hidden = true;
            }
          }
          if (form) form.hidden = true;
          if (done) done.hidden = false;
        } else if (saveErr) {
          saveErr.textContent = (json && json.message) || 'The configuration could not be saved — please try again.';
          saveErr.hidden = false;
        }
      }).catch(function () {
        if (saveErr) {
          saveErr.textContent = 'Network error — nothing was saved.';
          saveErr.hidden = false;
        }
      }).then(function () {
        saveBtn.disabled = false;
        saveBtn.textContent = 'Save to hub';
      });
    });

    var saveAgain = document.getElementById('bpSaveCfgAgain');
    if (saveAgain) saveAgain.addEventListener('click', function () {
      var form = document.getElementById('bpSaveCfgForm');
      var done = document.getElementById('bpSaveCfgDone');
      if (form) form.hidden = false;
      if (done) done.hidden = true;
      if (saveErr) saveErr.hidden = true;
    });
  }

  /* ======================================================================
     THE RESERVE BUTTON STEPS ASIDE (owner 2026-08-25, verbatim: "when the
     same name section rolls in the button disapears").

     The rail's foot points at the reserve panel; once that panel is on
     screen the customer is already there, so the control goes away and comes
     back when the panel leaves. `hidden` is a REAL removal — display:none,
     out of the accessibility tree, out of the tab order — not an opacity
     fade that leaves a focusable ghost over the form.

     The observed node is the reserve panel itself ([data-bp-lead], the
     #lead anchor's box in builds/_parts/lead.twig), so the button reappears
     the moment the panel scrolls past in either direction. threshold 0 with
     no rootMargin = "any part of the panel is in the viewport", which is
     what "rolls in" means. Without IntersectionObserver nothing runs and
     the button simply stays — the correct fallback.
     ====================================================================== */
  (function () {
    var cta = root.querySelector('[data-bp-reserve-cta]');
    var panel = root.querySelector('[data-bp-lead]');
    if (!cta || !panel) return;

    /* IT SCROLLS, IT DOES NOT JUMP (owner 2026-08-25, verbatim: "reserve
       button should scroll and not jump"). The control is an ordinary
       `href="#lead"` link, so with JS off — or for a visitor who asked their
       OS for less motion — it still does the instant jump, which is both the
       correct fallback and the correct answer to prefers-reduced-motion: a
       reduced-motion user is asking for NO animation, not for a slower one.

       The target is offset by the sticky topbar's height (--bp-topbar-h, the
       same variable src/scss/builds/_aside.scss pins the rail with), so the
       panel's heading lands below the bar instead of under it.

       Delegated from the wrapper because the link itself is rendered by the
       shared _ds/button.twig macro and carries no hook of its own. */
    function reduceMotion() {
      try { return window.matchMedia('(prefers-reduced-motion: reduce)').matches; }
      catch (e) { return false; }
    }
    cta.addEventListener('click', function (ev) {
      var link = ev.target.closest('a[href="#lead"]');
      if (!link || !cta.contains(link)) return;
      /* fired BEFORE the two early exits below — a reduced-motion visitor
         still clicked the CTA, and counting only the smooth-scroll path would
         quietly under-report exactly the accessibility-conscious visitors. */
      track('Reserve CTA clicked', null, true);
      if (reduceMotion() || !('scrollBehavior' in document.documentElement.style)) return;
      ev.preventDefault();
      /* the token is declared on body.bp (src/scss/builds/_page.scss), not on
         the root element — read it where it actually lives */
      var barH = 0;
      try {
        barH = parseFloat(getComputedStyle(document.body).getPropertyValue('--bp-topbar-h')) || 0;
      } catch (e) { barH = 0; }
      var top = panel.getBoundingClientRect().top + window.pageYOffset - barH;
      window.scrollTo({ top: Math.max(0, top), behavior: 'smooth' });
      /* the address bar still gets the anchor, exactly as the jump left it */
      try { window.history.replaceState(null, '', '#lead'); } catch (e) {}
    });

    if (!window.IntersectionObserver) return;
    new window.IntersectionObserver(function (entries) {
      entries.forEach(function (en) {
        cta.hidden = en.isIntersecting;
        /* reached-the-form, the denominator for "submitted". Free: this
           observer already runs to hide the sticky CTA. */
        if (en.isIntersecting) track('Reserve panel viewed', null, true);
      });
    }, { threshold: 0 }).observe(panel);
  })();
})();
</script>
</body>
</html>