<!doctype html>
<html
  
  lang="nl"
>
  <head><script data-source-attribution="shopify.event_observer.bootstrap">
(function(){let e=navigator,t=`prototype`,n=`sendBeacon`,r=e[n],i=fetch,a=XMLHttpRequest[t],{open:o,send:s}=a,c=`EventListener`,l=`add${c}`,u=`remove${c}`,d=EventTarget[t],f=d[l],p=d[u],m=e=>Error((e=document.currentScript)&&[e?.src,e?.id||e?.dataset?.sourceAttribution]),h=(e=[],t=0)=>(e.p=n=>e[t++%1e3]=n,[e,t=>(e.forEach(e.p=t),e.length=0)]),[g,_]=h(),[v,y]=h(),b,x=new WeakMap,S=e=>e&&g.p([e,b||[m()]]);d[l]=function(e,t,n){let r=this,i=t?.handleEvent||t,a=x.get(t),o=m();i?.call&&!a&&x.set(t,a=function(e){b=[o,e.type];try{i.call(t==i?this:t,e)}finally{b=null}}),v.p([e,o,a,r?.tagName||r+``,r?.id]),f.call(r,e,a||t,n)},d[u]=function(e,t,n){p.call(this,e,x.get(t)||t,n)},a.open=function(e,t){x.set(this,[t+``,e]),o.apply(this,arguments)},a.send=function(e){S(x.get(this)),s.call(this,e)},fetch=(e,t)=>(S([(e?.url||e)+``,t?.method]),i(e,t)),e[n]=(t,n)=>(S([t+``,``]),r.call(e,t,n)),setTimeout(()=>import("//moederfiets.nl/cdn/shopifycloud/storefront/assets/storefront/event_observer_reporter-de731130.js").then(e=>e.$(_,y,f,i,`61145284757`)))})();
//# sourceURL=event-observer-collector.js
</script>

    
      <link
        rel="expect"
        href="#MainContent"
        blocking="render"
        id="view-transition-render-blocker"
      >
    
<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="Moederfiets.nl"
>
<meta
  property="og:url"
  content="https://moederfiets.nl/"
>
<meta
  property="og:title"
  content="Moederfiets.nl"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Moederfiets.nl"
><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Moederfiets.nl"
>
<meta
  name="twitter:description"
  content="Moederfiets.nl"
>

<title>
  Moederfiets.nl
</title>

<link
  rel="canonical"
  href="https://moederfiets.nl/"
>


<link href="//moederfiets.nl/cdn/shop/t/5/assets/overflow-list.css?v=13500019909476584571772922370" as="style" rel="preload">
<link href="//moederfiets.nl/cdn/shop/t/5/assets/base.css?v=30448564721476821041774194327" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//moederfiets.nl/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//moederfiets.nl/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//moederfiets.nl/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//moederfiets.nl/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//moederfiets.nl/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511772922370",
      "@theme/product-title": "//moederfiets.nl/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781772922370",
      "@theme/component": "//moederfiets.nl/cdn/shop/t/5/assets/component.js?v=184240237101443119871772922370",
      "@theme/dialog": "//moederfiets.nl/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021772922370",
      "@theme/events": "//moederfiets.nl/cdn/shop/t/5/assets/events.js?v=1118589085892804011772922370",
      "@theme/focus": "//moederfiets.nl/cdn/shop/t/5/assets/focus.js?v=60436577539430446401772922370",
      "@theme/morph": "//moederfiets.nl/cdn/shop/t/5/assets/morph.js?v=102085577784545683451772922370",
      "@theme/paginated-list": "//moederfiets.nl/cdn/shop/t/5/assets/paginated-list.js?v=95298315036233333871772922370",
      "@theme/performance": "//moederfiets.nl/cdn/shop/t/5/assets/performance.js?v=171015751390534793081772922370",
      "@theme/product-form": "//moederfiets.nl/cdn/shop/t/5/assets/product-form.js?v=87407172394809519131772922370",
      "@theme/recently-viewed-products": "//moederfiets.nl/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651772922370",
      "@theme/scrolling": "//moederfiets.nl/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011772922370",
      "@theme/section-renderer": "//moederfiets.nl/cdn/shop/t/5/assets/section-renderer.js?v=152586934315572818121772922370",
      "@theme/section-hydration": "//moederfiets.nl/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311772922370",
      "@theme/money-formatting": "//moederfiets.nl/cdn/shop/t/5/assets/money-formatting.js?v=182191346160333327151772922370",
      "@theme/utilities": "//moederfiets.nl/cdn/shop/t/5/assets/utilities.js?v=28506172887375975941772922370",
      "@theme/variant-picker": "//moederfiets.nl/cdn/shop/t/5/assets/variant-picker.js?v=177886063604495755331772922370",
      "@theme/media-gallery": "//moederfiets.nl/cdn/shop/t/5/assets/media-gallery.js?v=14624021005636302161772922370",
      "@theme/quick-add": "//moederfiets.nl/cdn/shop/t/5/assets/quick-add.js?v=8173316780029216301772922370",
      "@theme/paginated-list-aspect-ratio": "//moederfiets.nl/cdn/shop/t/5/assets/paginated-list-aspect-ratio.js?v=25254270272143792451772922370",
      "@theme/popover-polyfill": "//moederfiets.nl/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201772922370",
      "@theme/component-quantity-selector": "//moederfiets.nl/cdn/shop/t/5/assets/component-quantity-selector.js?v=67906657287482036641772922370",
      "@theme/comparison-slider": "//moederfiets.nl/cdn/shop/t/5/assets/comparison-slider.js?v=106705562947035711941772922370",
      "@theme/sticky-add-to-cart": "//moederfiets.nl/cdn/shop/t/5/assets/sticky-add-to-cart.js?v=48956925339276737091772922370",
      "@theme/fly-to-cart": "//moederfiets.nl/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081772922370"
    }
  }
</script>

<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/view-transitions.js?v=7106414069516106341772922370"
  async
  
    blocking="render"
  
></script>

<link
  rel="modulepreload"
  href="//moederfiets.nl/cdn/shop/t/5/assets/utilities.js?v=28506172887375975941772922370"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//moederfiets.nl/cdn/shop/t/5/assets/component.js?v=184240237101443119871772922370"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//moederfiets.nl/cdn/shop/t/5/assets/section-renderer.js?v=152586934315572818121772922370"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//moederfiets.nl/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311772922370"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//moederfiets.nl/cdn/shop/t/5/assets/morph.js?v=102085577784545683451772922370"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//moederfiets.nl/cdn/shop/t/5/assets/focus.js?v=60436577539430446401772922370"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//moederfiets.nl/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651772922370"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//moederfiets.nl/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011772922370"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//moederfiets.nl/cdn/shop/t/5/assets/events.js?v=1118589085892804011772922370"
  fetchpriority="low"
>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/quick-add.js?v=8173316780029216301772922370"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//moederfiets.nl/cdn/shop/t/5/assets/cart-discount.js?v=107077853990124422021772922370"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/variant-picker.js?v=177886063604495755331772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/product-card.js?v=28695665944407642501772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/product-form.js?v=87407172394809519131772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/accordion-custom.js?v=97588419883090888471772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/media.js?v=37825095869491791421772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/product-price.js?v=164492227269745550161772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/product-sku.js?v=121804655373531320511772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/product-inventory.js?v=81520546963552472391772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/show-more.js?v=94563802205717136101772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/slideshow.js?v=17868446697736367161772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/layered-slideshow.js?v=30135417790894624731772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/anchored-popover.js?v=95953304814728754461772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/floating-panel.js?v=151277338116891310371772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/video-background.js?v=25237992823806706551772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/component-quantity-selector.js?v=67906657287482036641772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/media-gallery.js?v=14624021005636302161772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/rte-formatter.js?v=40306132146590816021772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/volume-pricing.js?v=15442793518842484731772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/price-per-item.js?v=144512917617120124431772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661772922370"
  type="module"
  fetchpriority="low"
></script>


  <script
    src="//moederfiets.nl/cdn/shop/t/5/assets/localization.js?v=15585934801240115691772922370"
    type="module"
    fetchpriority="low"
  ></script>




<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/auto-close-details.js?v=58350291535404441581772922370"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Afbeelding tijdelijke aanduiding`,
      added: `Toegevoegd`,
      recipient_form_fields_visible: `De formuliervelden voor de ontvanger zijn nu zichtbaar`,
      recipient_form_fields_hidden: `De formuliervelden voor de ontvanger zijn nu verborgen`,
      recipient_form_error: `Er is een fout opgetreden bij de indiening van het formulier`,
      items_added_to_cart_one: `1 artikel verwijderd uit winkelwagen`,
      items_added_to_cart_other: `{{ count }} artikelen toegevoegd aan winkelwagen`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//moederfiets.nl/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
       url("//moederfiets.nl/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
}
@font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//moederfiets.nl/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
       url("//moederfiets.nl/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
}
@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//moederfiets.nl/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"),
       url("//moederfiets.nl/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff");
}
@font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//moederfiets.nl/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"),
       url("//moederfiets.nl/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: "DM Sans", sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: "DM Sans", sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 400;
    --font-heading--family: "DM Sans", sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 400;
    --font-accent--family: "DM Sans", sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 400;

    /* Margin sizes */
    --font-heading--spacing: 0.25em;
    --font-h1--spacing: var(--font-heading--spacing);
    --font-h2--spacing: var(--font-heading--spacing);
    --font-h3--spacing: var(--font-heading--spacing);
    --font-h4--spacing: var(--font-heading--spacing);
    --font-h5--spacing: var(--font-heading--spacing);
    --font-h6--spacing: var(--font-heading--spacing);
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 1.0rem;--font-size--h1: clamp(2.75rem, 7.2vw, 4.5rem);--font-size--h2: 2.5rem;--font-size--h3: 1.5rem;--font-size--h4: 1.125rem;--font-size--h5: 1.0rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-subheading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-subheading--family);--font-h3--style: var(--font-subheading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-accent--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-loose);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-accent--family);--font-h4--style: var(--font-accent--style);--font-h4--case: uppercase;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-accent--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-loose);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-accent--family);--font-h6--style: var(--font-accent--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-normal);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 0px;
    --style-border-radius-buttons-primary: 0px;
    --style-border-radius-buttons-secondary: 0px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 0px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 8px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
    --spring-d300-b0-duration: 0.4980s;
    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
    --spring-d280-b0-duration: 0.4648s;
    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
    --spring-d260-b0-duration: 0.4316s;
    --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    );
    --spring-d220-b0-duration: 0.3818s;
    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
    --spring-d180-b0-duration: 0.2988s;

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Checkbox */
    --checkbox-size: 22px;
    --checkbox-border-radius: 7px;
    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    --checkbox-label-padding: 8px;

    @media screen and (min-width: 750px) {
      --checkbox-size: 16px;
      --checkbox-border-radius: 5px;
      --checkbox-label-padding: 6px;
    }

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 30;
    --variant-picker-swatch-height-unitless: 30;
    --variant-picker-swatch-width: 30px;
    --variant-picker-swatch-height: 30px;
    --variant-picker-swatch-radius: 0px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 0px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;
    --quick-add-modal-height: min(38.5rem, 96vh);
    --quick-add-modal-width: min(54rem, 96vw);
    --quick-add-modal-gallery-width: 24rem;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-subheading--family);
    --cart-secondary-font-style: var(--font-subheading--style);
    --cart-secondary-font-weight: var(--font-subheading--weight);
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.71);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.71);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(234 232 230 / 1.0);
        --color-border-rgb: 234 232 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(230 230 230 / 1.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(234 232 230 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(234 232 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(112 178 71 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 112 178 71;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(255 255 255 / 0.81);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.49);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.6);
        --color-secondary-button-border: rgb(255 255 255 / 0.6);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.6);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(255 255 255 / 0.68);
        --color-variant-background: rgb(255 255 255 / 0.6);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 0.71);
        --color-selected-variant-border: rgb(0 0 0 / 0.71);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(84 53 46 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(84 53 46 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(69 79 85 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 69 79 85;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(239 239 239 / 1.0);
        --color-primary-rgb: 239 239 239;
        --color-primary-hover: rgb(255 255 255 / 0.49);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 0.71);
        --color-primary-button-border: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.6);
        --color-secondary-button-border: rgb(255 255 255 / 0.6);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.6);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(255 255 255 / 0.6);
        --color-input-hover-background: rgb(255 255 255 / 0.68);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(245 245 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 245 245 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(67 54 37 / 1.0);
        --color-foreground-rgb: 67 54 37;
        --color-foreground-heading: rgb(67 54 37 / 0.88);
        --color-foreground-heading-rgb: 67 54 37;
        --color-primary: rgb(82 80 78 / 1.0);
        --color-primary-rgb: 82 80 78;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(67 54 37 / 0.15);
        --color-border-rgb: 67 54 37;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(67 54 37 / 1.0);
        --color-primary-button-border: rgb(67 54 37 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(67 54 37 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.6);
        --color-secondary-button-border: rgb(255 255 255 / 0.6);
        --color-secondary-button-hover-text: rgb(67 54 37 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.6);
        --color-input-text: rgb(67 54 37 / 1.0);
        --color-input-text-rgb: 67 54 37;
        --color-input-border: rgb(67 54 37 / 0.15);
        --color-input-hover-background: rgb(255 255 255 / 0.68);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(67 54 37 / 1.0);
        --color-variant-text-rgb: 67 54 37;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(245 245 245 / 1.0);
        --color-selected-variant-background: rgb(67 54 37 / 1.0);
        --color-selected-variant-border: rgb(67 54 37 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: rgb(62 69 57 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 62 69 57;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(234 232 230 / 1.0);
        --color-primary-hover-rgb: 234 232 230;
        --color-border: rgb(234 232 230 / 1.0);
        --color-border-rgb: 234 232 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(230 230 230 / 1.0);
        --color-primary-button-hover-border: rgb(230 230 230 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.6);
        --color-secondary-button-border: rgb(255 255 255 / 0.6);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.08);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(62 69 57 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(255 255 255 / 1.0);
        --color-variant-text-rgb: 255 255 255;
        --color-variant-hover-background: rgb(107 116 100 / 1.0);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(255 255 255 / 1.0);
        --color-selected-variant-border: rgb(62 69 57 / 1.0);
        --color-selected-variant-text: rgb(62 69 57 / 1.0);
        --color-selected-variant-hover-background: rgb(255 255 255 / 0.15);
        --color-selected-variant-hover-text: rgb(62 69 57 / 1.0);
        --color-selected-variant-hover-border: rgb(62 69 57 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(230 230 230 / 1.0);
        --color-primary-hover-rgb: 230 230 230;
        --color-border: rgb(0 0 0 / 0.0);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 0.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.6);
        --color-secondary-button-border: rgb(255 255 255 / 0.6);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 0.6);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(255 255 255 / 0.6);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-7 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 0.71);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(230 230 230 / 1.0);
        --color-secondary-button-border: rgb(230 230 230 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/61145284757/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="c8b077333b0047bdd036bd9958cfa6f9">
<meta id="in-context-paypal-metadata" data-shop-id="61145284757" data-venmo-supported="false" data-environment="production" data-locale="nl_NL" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=nl-NL"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=nl-NL&shop_id=61145284757" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":61145284757,"countryCode":"NL","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/61145284757","merchantName":"Moederfiets.nl","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"Moederfiets.nl","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"c8b077333b0047bdd036bd9958cfa6f9","betas":["rich-media-storefront-analytics"],"domain":"moederfiets.nl","predictiveSearch":true,"shopId":61145284757,"locale":"nl"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "accessoirespourvelo.myshopify.com";
Shopify.locale = "nl";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "NL";
Shopify.theme = {"name":"Dwell","id":182880534857,"schema_name":"Dwell","schema_version":"3.4.0","theme_store_id":3623,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "moederfiets.nl/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.nl.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.nl.esm.js"],"listener":["modules/v2/loader.listener.nl.esm.js"],"shop-button":["modules/v2/loader.shop-button.nl.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.nl.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.nl.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.nl.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.nl.esm.js"],"avatar":["modules/v2/loader.avatar.nl.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.nl.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.nl.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.nl.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.nl.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.nl.esm.js"],"pay-button":["modules/v2/loader.pay-button.nl.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.nl.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.nl.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.nl.esm.js"],"shop-login":["modules/v2/loader.shop-login.nl.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.nl.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.nl.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.nl.esm.js"]};
</script>
<script id="__st">var __st={"a":61145284757,"offset":7200,"reqid":"1fd3a4d5-7800-46f4-8750-6efd025ac801-1781018142","pageurl":"moederfiets.nl\/shop.css","u":"df8a7096fe0f","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Beschermd door hCaptcha',privacyText:'Privacy',termsText:'Voorwaarden'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//moederfiets.nl/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//moederfiets.nl/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://moederfiets.nl/cdn/shopifycloud/portable-wallets/latest/portable-wallets.nl.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://moederfiets.nl/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//moederfiets.nl/cdn/shop/t/5/compiled_assets/styles.css?v=90856823447851447601774195465">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 61145284757,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 61145284757,storefrontBaseUrl: "https://moederfiets.nl",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Moederfiets.nl","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"accessoirespourvelo.myshopify.com","countryCode":"NL","storefrontUrl":"https:\/\/moederfiets.nl"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://moederfiets.nl/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"61145284757","storefrontBaseUrl":"https:\/\/moederfiets.nl","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'EUR';
  var meta = {"page":{"pageType":"home","requestId":"1fd3a4d5-7800-46f4-8750-6efd025ac801-1781018142"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 61145284757,
      theme_id: 182880534857,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//moederfiets.nl/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//moederfiets.nl/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//moederfiets.nl/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":61145284757,"isMerchantRequest":null,"themeId":182880534857,"themeCityHash":"14576168329531984311","contentLanguage":"nl","currency":"EUR","eventMetadataId":"d2ee0f43-b002-415c-ac89-a53140e79690"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"1fd3a4d5-7800-46f4-8750-6efd025ac801-1781018142","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//moederfiets.nl/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://moederfiets.nl/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="61145284757"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="182880534857"
  data-theme-name="Dwell"
  data-theme-version="3.4.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://moederfiets.nl/api/collect"
></script>
</head>

  <body class="page-width-narrow card-hover-effect-lift">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Ga direct naar de content
</a>



    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--26190137065801__header_announcements_pbXTDf" class="shopify-section shopify-section-group-header-group">



<div class="section-background color-scheme-2"></div>
<aside
  class="announcement-bar spacing-style section section--full-width color-scheme-2"
  style="--padding-block-start: 15px; --padding-block-end:15px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
; --border-bottom-width: 0px;"
>
  

  <announcement-bar-component
    class="announcement-bar__slider"
    
  >
    

    <div class="announcement-bar__slides">
      
<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--Ab1JxWGx6dVIvZE83V__announcement_KMAGKG
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 0.75rem;      --font-weight: var(--font-accent--weight);--font-family: var(--font-accent--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-loose);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="false"
  >
    <p class="announcement-bar__text">
      <strong>De Perfecte Fiets voor Ouders</strong>
    </p>

    
      <a
        class="announcement-bar__link"
        href="/collections/all"
      >
        <span class="visually-hidden">
          De Perfecte Fiets voor Ouders
        </span>
      </a>
    
  </slideshow-slide>



    </div>
  </announcement-bar-component>
</aside>




</div><header id="shopify-section-sections--26190137065801__header_section" class="shopify-section shopify-section-group-header-group header-section">





<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Moederfiets.nl",
    
      "logo": "https:\/\/moederfiets.nl\/cdn\/shop\/files\/ChatGPT_Image_Mar_7_2026_10_25_36_PM.png?v=1772922673\u0026width=500",
    
    "url": "https:\/\/moederfiets.nl"
  }
</script>

<header-component
  id="header-component"
  class="header"
  data-theme-color="rgb(255 255 255)"
  
  
  data-skip-node-update
  data-scroll-direction="none"
  
  
  style="
    --color-scheme-top-row: rgba(255 255 255 / 1.0);
    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
    
  "
>
  <div class="header__underlay header__underlay-closed"></div>
  <div
    class="header__underlay header__underlay-open"
  ></div><h1 class="visually-hidden">Moederfiets.nl</h1>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width divider--page-width"
        ref="headerRowTop"style="--border-bottom-width: 1px; --border-bottom-width-mobile: 1px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              



    <div
      class="header__drawer"
      ref="headerDrawerContainer"
      data-hydration-key="header-drawer-mobile"
      
    >
      

<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/header-drawer.js?v=121243031541024704371772922370"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer "
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menu"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      ref="menuDrawer"
      class="
        menu-drawer
        color-scheme-1
      "
    >
      <button
        class="button close-button menu-drawer__close-button"
        type="button"
        aria-label="Sluiten"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-secondary--family);
--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-secondary--style); --menu-top-level-font-weight: var(--font-secondary--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:
var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:
var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  

        "
        aria-label="Primair"
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >
            
            

              <li
                style="--menu-drawer-animation-index: 1;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-fietsen"
                    href="#"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Fietsen</span>
                  </a>
                  
                  <ul
                    class="menu-drawer__menu menu-drawer__menu--childlist"
                    role="list"
                    tabindex="-1"
                  ><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 1;"
                      >
                        <a
                          href="/collections/moederfiets"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                          
                        >
                          
                          <span class="menu-drawer__menu-item-text wrap-text">Moederfiets</span>
                        </a>
                      </li><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 1;"
                      >
                        <a
                          href="/collections/damesfietsen"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                          
                        >
                          
                          <span class="menu-drawer__menu-item-text wrap-text">Damesfietsen</span>
                        </a>
                      </li><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 1;"
                      >
                        <a
                          href="/collections/herenfietsen"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                          
                        >
                          
                          <span class="menu-drawer__menu-item-text wrap-text">Herenfietsen</span>
                        </a>
                      </li><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 1;"
                      >
                        <a
                          href="/collections/kinderfietsen"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                          
                        >
                          
                          <span class="menu-drawer__menu-item-text wrap-text">Kinderfietsen</span>
                        </a>
                      </li><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 1;"
                      >
                        <a
                          href="/collections/elektrische-moederfiets"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                          
                        >
                          
                          <span class="menu-drawer__menu-item-text wrap-text">Elektrische Moederfiets</span>
                        </a>
                      </li></ul>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 2;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-over-ons"
                    href="/pages/over-ons"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Over Ons</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 3;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-contact"
                    href="/pages/contact"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
                  </a>
                
              </li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 3;"
      >
        
        
          
          
            <drawer-localization-component class="menu-drawer__localization">
              <details
                id="drawer-localization"
                class="drawer-localization"
                on:toggle="/toggle"
              >
                <summary
                  id="HeaderDrawer-localization"
                  class="drawer-localization__button h3 link focus-inset"
                  aria-expanded="false"
                  on:click="header-drawer/open/submenu"
                  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
                >
                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span
                            class="icon-flag"
                            style="
                              background-image: url(//cdn.shopify.com/static/images/flags/nl.svg?width=32);
                              --size-shadow: 2px;
                              --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
                            "
                          ></span><span class="currency-code">EUR</span>
                      </div></div>
                  <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                </summary>

                <div
                  class="menu-drawer__submenu has-submenu color-scheme-1"
                  style=""
                >
                  <div
                    class="menu-drawer__nav-buttons"
                    ref="navButtons"
                  >
                    <button
                      class="button menu-drawer__back-button link focus-inset"
                      aria-expanded="true"
                      on:click="header-drawer/back"
                    >
                      <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                      Regio en taal
                    </button>
                    <button
                      class="button close-button menu-drawer__close-button"
                      type="button"
                      aria-label="Sluiten"
                      on:click="header-drawer/close"
                    >
                      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </button>
                  </div>

                  
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] resultaten"
  data-show-filter="false"
  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Regio en taal"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="drawer-CountryLabel"
        >
          Country/Region
        </h2>
        
        <div
          class="localization-form__list"
          id="drawer-country-results"
          ref="countryList"
        >
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >Geen resultaten gevonden</span>
              <li
                class="localization-form__list-item"
                
                data-value="FR"
                
                  data-aliases=""
                
                id="Frankrijk"
                aria-label="Frankrijk"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Frankrijk</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Nederland"
                aria-label="Nederland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nederland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="NL"
          ref="countryInput"
        >
      </div>
    

    
</form></localization-form-component>



                </div>
              </details>
            </drawer-localization-component>
          
</div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




            
        
      
        
          
              
  <search-button
    class="search-action"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Zoeken"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        Zoekopdracht
      </span>

      <span class="svg-wrapper ">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              
            
        
      
    </div><div
      class="header__column header__column--center"
      data-testid="header-top-center"
    >
      
        
          
              




<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  
  
  

  

  

  

  <img src="//moederfiets.nl/cdn/shop/files/ChatGPT_Image_Mar_7_2026_10_25_36_PM.png?height=36&amp;v=1772922673" alt="" width="142" height="36" class="header-logo__image" srcset="//moederfiets.nl/cdn/shop/files/ChatGPT_Image_Mar_7_2026_10_25_36_PM.png?height=36&amp;v=1772922673 1x, //moederfiets.nl/cdn/shop/files/ChatGPT_Image_Mar_7_2026_10_25_36_PM.png?height=72&amp;v=1772922673 2x, //moederfiets.nl/cdn/shop/files/ChatGPT_Image_Mar_7_2026_10_25_36_PM.png?height=108&amp;v=1772922673 3x" style="--header-logo-image-width: 142px;--header-logo-image-width-mobile: 111px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">


  </span>

  
</a>





            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  
    <dropdown-localization-component
      class="dropdown-localization mobile:hidden"
    >
      <button
        type="button"
        class="button dropdown-localization__button localization-selector header-actions__action"
        aria-expanded="false"
        aria-controls="dropdown-localization-results"
        ref="button"
        on:click="/toggleSelector"
        style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 0.875rem; "
      >
        
          
            
            <span
              class="icon-flag"
              style="
                background-image: url(//cdn.shopify.com/static/images/flags/nl.svg?width=32);
                --size-shadow: 2px;
                --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
              "
            ></span>
          
          <span
            class="currency-code"
            data-testid="localization-currency-code"
          >EUR</span>
        
        <span
          class="visually-hidden"
          data-testid="localization-visually-hidden"
        >Regio- en taalkiezer</span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>

      <div
        class="localization-wrapper right-bound color-scheme-1"
        hidden
        ref="panel"
      >
        
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] resultaten"
  data-show-filter="false"
  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Regio en taal"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="dropdown-CountryLabel"
        >
          Country/Region
        </h2>
        
        <div
          class="localization-form__list"
          id="dropdown-country-results"
          ref="countryList"
        >
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >Geen resultaten gevonden</span>
              <li
                class="localization-form__list-item"
                
                data-value="FR"
                
                  data-aliases=""
                
                id="Frankrijk"
                aria-label="Frankrijk"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Frankrijk</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Nederland"
                aria-label="Nederland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nederland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="NL"
          ref="countryInput"
        >
      </div>
    

    
</form></localization-form-component>



      </div>
    </dropdown-localization-component>
  

            
        
      
        
          
              <script
  type="module"
  src="//moederfiets.nl/cdn/shop/t/5/assets/cart-icon.js?v=157241182139685326961772922370"
  fetchpriority="low"
></script>





<header-actions
  
>
  

  
    <script
      src="//moederfiets.nl/cdn/shop/t/5/assets/cart-drawer.js?v=34004441742206350331772922370"
      type="module"
      fetchpriority="low"
    ></script>

    

    <cart-drawer-component
      class="cart-drawer"
      
      
        auto-open
      
    >
      <template id="empty-cart-template">
        
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Dialoogvenster sluiten"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Winkelwagen"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Je winkelwagen is leeg
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/component-cart-items.js?v=16199507049899445991772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=105130809908858639751772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661772922370"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Doorgaan met winkelen
      </span>
    </a></div>



        </div>
      </div>
    
      </template>
      <button
        class="header-actions__action button-unstyled"
        on:click="/open"
        aria-haspopup="dialog"
        aria-label="Winkelwagen"
        aria-describedby="cart-bubble-text"
        data-testid="cart-drawer-trigger"
      >
        
  <cart-icon
    class="header-actions__cart-icon"
    data-testid="cart-icon"
  >
    <span class="hidden">
      Winkelwagen
    </span>

    <span
      class="svg-wrapper "
      aria-hidden="true"
    >
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
    
      role="status"
    
  >
    <span class="visually-hidden">Totaal aantal artikelen in winkelwagen: 0
    </span>
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>

  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
        data-testid="cart-drawer-dialog"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <div
          class="cart-drawer__inner"
          data-hydration-key="cart-drawer-inner"
        >
          <cart-items-component
            class="cart-items-component"
            data-drawer
            data-section-id="sections--26190137065801__header_section"
          >
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Dialoogvenster sluiten"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Winkelwagen"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Je winkelwagen is leeg
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/component-cart-items.js?v=16199507049899445991772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=105130809908858639751772922370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661772922370"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Doorgaan met winkelen
      </span>
    </a></div>



        </div>
      </div>
    
</cart-items-component>
        </div>
      </dialog>
    </cart-drawer-component>
  
</header-actions>



          
        
      
    </div>
        </div>
      </div>
    
  
    

    

    
    
      <div
        class="header__row header__row--bottom color-scheme-1 section section--full-width-margin section--page-width mobile:hidden"
        ref="headerRowTop"style="--border-bottom-width: 1px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--center"
      data-testid="header-bottom-center"
    >
      
        
          
              



    

    

    <header-menu
      ref="headerMenu"
      class="header-menu"
      
      data-hydration-key="header-menu"
    >
      <div class="header-menu__inner">
        <nav
          class="menu-list"
          aria-label="Primair"
          style="--menu-top-level-font-family: var(--font-secondary--family);
--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-secondary--style); --menu-top-level-font-weight: var(--font-secondary--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
        >
          
          <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-matches-parent"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="//moederfiets.nl/cdn/shop/t/5/assets/overflow-list.css?v=13500019909476584571772922370" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            Meer
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="#"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-1"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Fietsen</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-1"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:
var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:
var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--page-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-1"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-1"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/moederfiets"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Moederfiets</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/damesfietsen"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Damesfietsen</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/herenfietsen"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Herenfietsen</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/kinderfietsen"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Kinderfietsen</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/elektrische-moederfiets"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Elektrische Moederfiets</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-1"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-1"] {
    
      --menu-columns-desktop: 1;
      --menu-columns-tablet: 2;
    
  }
</style>


    


    <span
      class="mega-menu__content"
      style="--menu-content-columns-desktop: 5; --menu-content-columns-tablet: 2; --resource-card-corner-radius: 0px;"
    >
      <ul
        class="mega-menu__content-list mega-menu__content-list--collections list-unstyled"
        style="--menu-content-columns-desktop: 2; --menu-content-columns-tablet: 1;"
      >
        
          
          <li class="mega-menu__content-list-item">
            
<div
  class="resource-card resource-card--overlay"
  data-resource-type="collection"
>
  <a
    class="resource-card__link"
    href="/collections/moederfiets"
  >
    <span class="visually-hidden">
      Moederfiets
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 16 / 9;"
    
  >
      
      

        <img src="//moederfiets.nl/cdn/shop/collections/dee-Ir_5cBVo0D8-unsplash.jpg?v=1773018809&amp;width=1200" alt="Moederfiets" srcset="//moederfiets.nl/cdn/shop/collections/dee-Ir_5cBVo0D8-unsplash.jpg?v=1773018809&amp;width=240 240w, //moederfiets.nl/cdn/shop/collections/dee-Ir_5cBVo0D8-unsplash.jpg?v=1773018809&amp;width=352 352w, //moederfiets.nl/cdn/shop/collections/dee-Ir_5cBVo0D8-unsplash.jpg?v=1773018809&amp;width=832 832w, //moederfiets.nl/cdn/shop/collections/dee-Ir_5cBVo0D8-unsplash.jpg?v=1773018809&amp;width=1200 1200w" width="1200" height="800" loading="lazy" class="resource-card__image" sizes="300px" ref="imagesToTransition[]" data-media-id="1825895383369" style="">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title h5">Moederfiets</p>

    
      <p class="resource-card__subtext paragraph"></p>
    
  </div>
</div>

          </li>
        
          
          <li class="mega-menu__content-list-item mega-menu__content-list-item--hidden-tablet">
            
<div
  class="resource-card resource-card--overlay"
  data-resource-type="collection"
>
  <a
    class="resource-card__link"
    href="/collections/damesfietsen"
  >
    <span class="visually-hidden">
      Damesfietsen
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 16 / 9;"
    
  >
      
      

        <img src="//moederfiets.nl/cdn/shop/collections/fat-lads-j10yj2IzKKk-unsplash.jpg?v=1773018696&amp;width=1200" alt="Damesfietsen" srcset="//moederfiets.nl/cdn/shop/collections/fat-lads-j10yj2IzKKk-unsplash.jpg?v=1773018696&amp;width=240 240w, //moederfiets.nl/cdn/shop/collections/fat-lads-j10yj2IzKKk-unsplash.jpg?v=1773018696&amp;width=352 352w, //moederfiets.nl/cdn/shop/collections/fat-lads-j10yj2IzKKk-unsplash.jpg?v=1773018696&amp;width=832 832w, //moederfiets.nl/cdn/shop/collections/fat-lads-j10yj2IzKKk-unsplash.jpg?v=1773018696&amp;width=1200 1200w" width="1200" height="800" loading="lazy" class="resource-card__image" sizes="300px" ref="imagesToTransition[]" data-media-id="1825895350601" style="">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title h5">Damesfietsen</p>

    
      <p class="resource-card__subtext paragraph"></p>
    
  </div>
</div>

          </li>
        
      </ul>
    </span>


                  </div>
                </div>
              </div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/over-ons"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Over Ons</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/contact"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Contact</span>
          </a></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button role="listitem" class="menu-list__link button-unstyled">
          <span class="menu-list__link-title">Meer</span>
        </button>
      </li>
    
</overflow-list>

        </nav>
      </div>

      <script
        src="//moederfiets.nl/cdn/shop/t/5/assets/header-menu.js?v=138387690177295788221772922370"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>


<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




            
        
      
    </div>
        </div>
      </div>
    
  

  
    <div class="header__row header__navigation-bar-row color-scheme-1">
      



    
  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




    </div>
  
</header-component>

<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/header.js?v=36718054510661947891772922370"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--26190137065801__header_section', url);
  </script>



</header>
<!-- END sections: header-group -->
    </div>

    <script>
      // Inline header height and menu style calculations to prevent layout shift
      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
      (function setHeaderHeighCustomProperties() {
        /*
         * Header calculation functions for maintaining CSS variables
         * Mimic calculateHeaderGroupHeight() in utilities.js
         */
        const header = document.querySelector('header-component');
        const headerGroup = document.querySelector('#header-group');
        const hasHeaderSection = headerGroup?.querySelector('.header-section');

        if (!header || !headerGroup) return;

        const headerTopRow = header.querySelector('.header__row--top');
        const headerHeight = header.offsetHeight;

        // Calculate the total height of the header group
        let headerGroupHeight = 0;
        const children = headerGroup.children;
        for (let i = 0; i < children.length; i++) {
          const element = children[i];
          if (element === header || !(element instanceof HTMLElement)) continue;
          headerGroupHeight += element.offsetHeight;
        }

        // Check for transparent header special case
        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
          headerGroupHeight += headerHeight;
        }

        // Set CSS variables
        document.body.style.setProperty('--header-height', `${headerHeight}px`);
        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

        if (headerTopRow) {
          window.requestAnimationFrame(function () {
            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
          });
        }

        /**
         * Updates CSS custom properties for transparent header offset calculation
         * Mimic updateTransparentHeaderOffset() in utilities.js
         */

        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
          return;
        }

        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
      })();

      (function setHeaderMenuStyle() {
        const headerComponent = document.querySelector('#header-component');
        if (headerComponent) {
          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
          const overflowList = headerComponent?.querySelector('overflow-list');
          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
        }
      })();
    </script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="true"
      data-product-transition="true"
      data-template="index"
    >
      <div id="shopify-section-template--26190136672585__17730924645a682f42" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<style data-shopify>
  .ai-hero-feature-bar-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    position: relative;
    width: 100%;
    display: block;
  }

  .ai-hero-feature-bar__hero-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    position: relative;
    width: 100%;
    min-height: 650px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
      background-image: url('//moederfiets.nl/cdn/shop/files/mukkpetebike-Q6fM6jKQJto-unsplash.jpg?v=1773094877&width=2000');
    
  }

  .ai-hero-feature-bar__hero-overlay-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
  }

  .ai-hero-feature-bar__hero-content-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
  }

  .ai-hero-feature-bar__heading-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    margin: 0;
    color: #ffffff;
    font-size: clamp(32px, 5vw, 72px);
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 20px;
  }

  .ai-hero-feature-bar__heading-line-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    display: block;
  }

  .ai-hero-feature-bar__heading-highlight-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    background-color: #70b247;
    color: #ffffff;
    padding: 4px 12px;
    display: inline-block;
  }

  .ai-hero-feature-bar__subtitle-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    color: #ffffff;
    font-size: clamp(14px, 2vw, 18px);
    margin: 0;
    max-width: 600px;
  }

  .ai-hero-feature-bar__feature-bar-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    background-color: #70b247;
    margin-top: -60px;
    position: relative;
    z-index: 2;
  }

  .ai-hero-feature-bar__feature-bar-inner-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }

  .ai-hero-feature-bar__feature-item-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    position: relative;
    text-align: center;
  }

  .ai-hero-feature-bar__feature-item-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background-color: #ffffff;
    opacity: 0.3;
  }

  .ai-hero-feature-bar__feature-label-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    color: #ffffff;
    font-size: clamp(11px, 1.5vw, 13px);
    opacity: 0.8;
    margin: 0 0 8px 0;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .ai-hero-feature-bar__feature-text-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    color: #ffffff;
    font-size: clamp(16px, 2.5vw, 24px);
    font-weight: 700;
    margin: 0;
  }

  .ai-hero-feature-bar__cta-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 40px;
  }

  .ai-hero-feature-bar__cta-link-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    color: #000000;
    font-size: clamp(14px, 2vw, 18px);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    transition: opacity 0.3s ease;
  }

  .ai-hero-feature-bar__cta-link-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk:hover {
    opacity: 0.7;
  }

  .ai-hero-feature-bar__cta-arrow-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    font-size: 1.2em;
  }

  .ai-hero-feature-bar__carousel-wrapper-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    display: none;
  }

  .ai-hero-feature-bar__carousel-container-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    overflow: hidden;
    position: relative;
  }

  .ai-hero-feature-bar__carousel-track-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    display: flex;
    transition: transform 0.5s ease;
  }

  .ai-hero-feature-bar__carousel-slide-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    min-width: 100%;
    flex-shrink: 0;
    padding: 30px 20px;
    text-align: center;
  }

  .ai-hero-feature-bar__carousel-dots-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 15px 0;
  }

  .ai-hero-feature-bar__carousel-dot-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.3;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity 0.3s ease;
  }

  .ai-hero-feature-bar__carousel-dot-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk.active {
    opacity: 1;
  }

  @media screen and (max-width: 749px) {
    .ai-hero-feature-bar__hero-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
      min-height: 500px;
    }

    .ai-hero-feature-bar__hero-content-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
      padding: 0 20px;
    }

    .ai-hero-feature-bar__feature-bar-inner-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
      display: none;
    }

    .ai-hero-feature-bar__carousel-wrapper-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
      display: block;
    }

    .ai-hero-feature-bar__cta-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
      padding: 20px;
    }

    .ai-hero-feature-bar__feature-bar-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk {
      margin-top: -40px;
    }
  }

  @media screen and (min-width: 750px) {
    .ai-hero-feature-bar__feature-item-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk:not(:last-child)::after {
      content: '';
      position: absolute;
      right: -20px;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
      height: 60%;
      background-color: #ffffff;
      opacity: 0.3;
    }
  }

  
</style>

<hero-feature-carousel-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk class="ai-hero-feature-bar-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk" >
  <div class="ai-hero-feature-bar__hero-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
    <div class="ai-hero-feature-bar__hero-overlay-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk"></div>
    
    

    <div class="ai-hero-feature-bar__hero-content-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
      
        <h1 class="ai-hero-feature-bar__heading-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
          
            <span class="ai-hero-feature-bar__heading-line-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              Samen Fietsen
            </span>
          
          
            <span class="ai-hero-feature-bar__heading-line-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              <span class="ai-hero-feature-bar__heading-highlight-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
                Elke Dag
              </span>
            </span>
          
        </h1>
      

      
        <p class="ai-hero-feature-bar__subtitle-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
          Ontworpen voor veilige en comfortabele ritten met je gezin.
        </p>
      
    </div>
  </div>

  <div class="ai-hero-feature-bar__feature-bar-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
    <div class="ai-hero-feature-bar__feature-bar-inner-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
      
        <div class="ai-hero-feature-bar__feature-item-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
          
            <span class="ai-hero-feature-bar__feature-label-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              Veilig & Stabiel
            </span>
          
          
            <p class="ai-hero-feature-bar__feature-text-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              Extra balans en controle
            </p>
          
        </div>
      

      
        <div class="ai-hero-feature-bar__feature-item-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
          
            <span class="ai-hero-feature-bar__feature-label-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              Familie Comfort
            </span>
          
          
            <p class="ai-hero-feature-bar__feature-text-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              Comfort voor ouder en kind
            </p>
          
        </div>
      

      
        <div class="ai-hero-feature-bar__feature-item-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
          
            <span class="ai-hero-feature-bar__feature-label-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              Gratis Levering
            </span>
          
          
            <p class="ai-hero-feature-bar__feature-text-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              Snelle levering aan huis
            </p>
          
        </div>
      
    </div>

    <div class="ai-hero-feature-bar__carousel-wrapper-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
      <div class="ai-hero-feature-bar__carousel-container-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
        <div class="ai-hero-feature-bar__carousel-track-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
          
            <div class="ai-hero-feature-bar__carousel-slide-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              
                <span class="ai-hero-feature-bar__feature-label-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
                  Veilig & Stabiel
                </span>
              
              
                <p class="ai-hero-feature-bar__feature-text-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
                  Extra balans en controle
                </p>
              
            </div>
          

          
            <div class="ai-hero-feature-bar__carousel-slide-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              
                <span class="ai-hero-feature-bar__feature-label-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
                  Familie Comfort
                </span>
              
              
                <p class="ai-hero-feature-bar__feature-text-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
                  Comfort voor ouder en kind
                </p>
              
            </div>
          

          
            <div class="ai-hero-feature-bar__carousel-slide-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
              
                <span class="ai-hero-feature-bar__feature-label-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
                  Gratis Levering
                </span>
              
              
                <p class="ai-hero-feature-bar__feature-text-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
                  Snelle levering aan huis
                </p>
              
            </div>
          
        </div>
      </div>

      <div class="ai-hero-feature-bar__carousel-dots-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk">
        
          <button class="ai-hero-feature-bar__carousel-dot-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk active" data-index="0" aria-label="Go to slide 1"></button>
        
        
          <button class="ai-hero-feature-bar__carousel-dot-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk" data-index="1" aria-label="Go to slide 2"></button>
        
        
          <button class="ai-hero-feature-bar__carousel-dot-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk" data-index="2" aria-label="Go to slide 3"></button>
        
      </div>
    </div>
  </div>

  
</hero-feature-carousel-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk>

<script>
  (function() {
    class HeroFeatureCarouselasemxmfu3cnnndxhkkaigenblock689ac51mbwexk extends HTMLElement {
      constructor() {
        super();
        this.currentIndex = 0;
        this.autoplayInterval = null;
      }

      connectedCallback() {
        this.track = this.querySelector('.ai-hero-feature-bar__carousel-track-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk');
        this.slides = this.querySelectorAll('.ai-hero-feature-bar__carousel-slide-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk');
        this.dots = this.querySelectorAll('.ai-hero-feature-bar__carousel-dot-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk');

        if (!this.track || this.slides.length === 0) return;

        this.setupEventListeners();
        this.startAutoplay();
      }

      disconnectedCallback() {
        this.stopAutoplay();
      }

      setupEventListeners() {
        this.dots.forEach((dot) => {
          dot.addEventListener('click', (e) => {
            const index = parseInt(e.target.dataset.index);
            this.goToSlide(index);
            this.stopAutoplay();
            this.startAutoplay();
          });
        });

        let touchStartX = 0;
        let touchEndX = 0;

        this.track.addEventListener('touchstart', (e) => {
          touchStartX = e.changedTouches[0].screenX;
        });

        this.track.addEventListener('touchend', (e) => {
          touchEndX = e.changedTouches[0].screenX;
          this.handleSwipe(touchStartX, touchEndX);
        });
      }

      handleSwipe(startX, endX) {
        const swipeThreshold = 50;
        const diff = startX - endX;

        if (Math.abs(diff) > swipeThreshold) {
          if (diff > 0) {
            this.nextSlide();
          } else {
            this.prevSlide();
          }
          this.stopAutoplay();
          this.startAutoplay();
        }
      }

      goToSlide(index) {
        this.currentIndex = index;
        const offset = -100 * index;
        this.track.style.transform = `translateX(${offset}%)`;

        this.dots.forEach((dot, i) => {
          if (i === index) {
            dot.classList.add('active');
          } else {
            dot.classList.remove('active');
          }
        });
      }

      nextSlide() {
        this.currentIndex = (this.currentIndex + 1) % this.slides.length;
        this.goToSlide(this.currentIndex);
      }

      prevSlide() {
        this.currentIndex = (this.currentIndex - 1 + this.slides.length) % this.slides.length;
        this.goToSlide(this.currentIndex);
      }

      startAutoplay() {
        this.autoplayInterval = setInterval(() => {
          this.nextSlide();
        }, 4000);
      }

      stopAutoplay() {
        if (this.autoplayInterval) {
          clearInterval(this.autoplayInterval);
        }
      }
    }

    customElements.define('hero-feature-carousel-asemxmfu3cnnndxhkkaigenblock689ac51mbwexk', HeroFeatureCarouselasemxmfu3cnnndxhkkaigenblock689ac51mbwexk);
  })();
</script>




    </div>
  </div>
</div>





</div><div id="shopify-section-template--26190136672585__section_LgRj46" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-small);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 25px));

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
      "
      data-testid="section-content"
    >
      
  








  <rte-formatter class=" spacing-style text-block text-block--AMDQ1akREQS9hVXJua__text_JDfYJb rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2><strong>Samen op Pad, Elke Dag</strong></h2>
  </rte-formatter>















  <rte-formatter class=" spacing-style text-block text-block--AVVBFQzBFTnhSZU5DW__text_JMMkDD rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Een moederfiets is speciaal ontworpen voor ouders die hun kinderen veilig en comfortabel willen meenemen. Dankzij het verlengde frame, het stabiele stuurgedrag en de ruimte voor een voorzitje en achterzitje wordt fietsen met het hele gezin eenvoudig en prettig. Of het nu gaat om de schoolrun, een bezoek aan het park of een weekendrit – met een moederfiets ga je samen op pad.</p>
  </rte-formatter>








    </div>
  </div>
</div>





</div><div id="shopify-section-template--26190136672585__product_list_YidTcf" class="shopify-section ui-test-product-list">



<div class="section-background color-scheme-1"></div>
<div
  data-testid="product-list"
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  "
>
  <div class="section-resource-list__header">
<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  ></div>
</div>



</div>

  

  

  

<div
  class="
    resource-list
    
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 36px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="resource-list-grid"
  
>
  
      
    
      
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="8869463851337"
  id="product-card-AM0NLMFQ3Z0FhZW9IZ__static-product-card"
  
    data-product-transition="true"
    data-featured-media-url=""
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="6cd01d791c6e16bf8aa579173d63080e"
    
      href="/products/handschoenen-pu-flex-maat-10-xxl?variant=49402821935433"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Handschoenen pu flex maat 10 xxl
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="8869463851337"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <product-title class="product-card-gallery__title-placeholder">
      <a
        class="contents"
        ref="productTitleLink"
        href="/products/handschoenen-pu-flex-maat-10-xxl?variant=49402821935433"
        aria-hidden="true"
      >
        <span class="title-text">Handschoenen pu flex maat 10 xxl</span>
      </a>
    </product-title>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Uitverkocht
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Handschoenen pu flex maat 10 xxl"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--26190136672585__product_list_YidTcf"
    data-product-id="8869463851337"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8869463851337-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="49402821935433"
        
          disabled
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media=""
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
      disabled
    
  >
    <span
      class="add-to-cart-text"
    >
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Toevoegen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Kiezen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="8869463851337" /><input type="hidden" name="section-id" value="template--26190136672585__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Handschoenen pu flex maat 10 xxl</h3>
  
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/handschoenen-pu-flex-maat-10-xxl?variant=49402821935433"
  >
    






  <div class=" spacing-style text-block text-block--AN3dUN0NHb0Z6d2FOT__product_title_LqTDzV rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Handschoenen pu flex maat 10 xxl</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AcXMwemtqd3lyTUFFR__price_ECfK8q"
  data-product-id="8869463851337"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€11,99</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card>






            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="7807455395989"
  id="product-card-AM0NLMFQ3Z0FhZW9IZ__static-product-card-1"
  
    data-product-transition="true"
    data-featured-media-url=""
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="e16c4076972eb594522218f18aa749f3"
    
      href="/products/bac-a-sable-coquille-junior-102-x-88-x-18-cm-bleu?variant=43178024927381"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Paradiso toys zandbak schelp junior 102 x 88 x 18 cm blauw
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-1 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="7807455395989"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <product-title class="product-card-gallery__title-placeholder">
      <a
        class="contents"
        ref="productTitleLink"
        href="/products/bac-a-sable-coquille-junior-102-x-88-x-18-cm-bleu?variant=43178024927381"
        aria-hidden="true"
      >
        <span class="title-text">Paradiso toys zandbak schelp junior 102 x 88 x 18 cm blauw</span>
      </a>
    </product-title>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Uitverkocht
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Paradiso toys zandbak schelp junior 102 x 88 x 18 cm blauw"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--26190136672585__product_list_YidTcf"
    data-product-id="7807455395989"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7807455395989-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="43178024927381"
        
          disabled
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media=""
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
      disabled
    
  >
    <span
      class="add-to-cart-text"
    >
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Toevoegen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Kiezen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="7807455395989" /><input type="hidden" name="section-id" value="template--26190136672585__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Paradiso toys zandbak schelp junior 102 x 88 x 18 cm blauw</h3>
  
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/bac-a-sable-coquille-junior-102-x-88-x-18-cm-bleu?variant=43178024927381"
  >
    






  <div class=" spacing-style text-block text-block--AN3dUN0NHb0Z6d2FOT__product_title_LqTDzV-1 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Paradiso toys zandbak schelp junior 102 x 88 x 18 cm blauw</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AcXMwemtqd3lyTUFFR__price_ECfK8q-1"
  data-product-id="7807455395989"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€17,99</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card>






            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="9018353418569"
  id="product-card-AM0NLMFQ3Z0FhZW9IZ__static-product-card-2"
  
    data-product-transition="true"
    data-featured-media-url="//moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="6f582e041133fe791925d40fd594c417"
    
      href="/products/qibbel-achterzitje-junior-6-drager-zwart?variant=49899508924745"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Qibbel - Kinderzitje achter 6+ junior 6+ met voetsteunen gordel en beschermplaat - zwart/zwart
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-2 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="9018353418569"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/qibbel-achterzitje-junior-6-drager-zwart?variant=49899508924745"
      aria-label="Qibbel - Kinderzitje achter 6+ junior 6+ met voetsteunen gordel en beschermplaat - zwart/zwart"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Vorige dia"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Volgende dia"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="58086762709321"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="58086762709321"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&amp;width=3840" alt="Qibbel - Kinderzitje achter 6+ junior 6+ met voetsteunen gordel en beschermplaat - zwart/zwart" srcset="//moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="58086762742089"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="58086762742089"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/d4a0c6bf1e7a7c1630e876a39462e354ff0d4698e58c9eb7f3a789e6a9862ab2_98ed937f-1b2d-4dc6-a1ef-9c9077057296.jpg?v=1780709976&amp;width=3840" alt="Qibbel - Kinderzitje achter 6+ junior 6+ met voetsteunen gordel en beschermplaat - zwart/zwart" srcset="//moederfiets.nl/cdn/shop/files/d4a0c6bf1e7a7c1630e876a39462e354ff0d4698e58c9eb7f3a789e6a9862ab2_98ed937f-1b2d-4dc6-a1ef-9c9077057296.jpg?v=1780709976&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/d4a0c6bf1e7a7c1630e876a39462e354ff0d4698e58c9eb7f3a789e6a9862ab2_98ed937f-1b2d-4dc6-a1ef-9c9077057296.jpg?v=1780709976&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/d4a0c6bf1e7a7c1630e876a39462e354ff0d4698e58c9eb7f3a789e6a9862ab2_98ed937f-1b2d-4dc6-a1ef-9c9077057296.jpg?v=1780709976&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/d4a0c6bf1e7a7c1630e876a39462e354ff0d4698e58c9eb7f3a789e6a9862ab2_98ed937f-1b2d-4dc6-a1ef-9c9077057296.jpg?v=1780709976&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/d4a0c6bf1e7a7c1630e876a39462e354ff0d4698e58c9eb7f3a789e6a9862ab2_98ed937f-1b2d-4dc6-a1ef-9c9077057296.jpg?v=1780709976&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/d4a0c6bf1e7a7c1630e876a39462e354ff0d4698e58c9eb7f3a789e6a9862ab2_98ed937f-1b2d-4dc6-a1ef-9c9077057296.jpg?v=1780709976&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/d4a0c6bf1e7a7c1630e876a39462e354ff0d4698e58c9eb7f3a789e6a9862ab2_98ed937f-1b2d-4dc6-a1ef-9c9077057296.jpg?v=1780709976&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/d4a0c6bf1e7a7c1630e876a39462e354ff0d4698e58c9eb7f3a789e6a9862ab2_98ed937f-1b2d-4dc6-a1ef-9c9077057296.jpg?v=1780709976&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/d4a0c6bf1e7a7c1630e876a39462e354ff0d4698e58c9eb7f3a789e6a9862ab2_98ed937f-1b2d-4dc6-a1ef-9c9077057296.jpg?v=1780709976&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="58086762774857"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="58086762774857"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/Q196_3.jpg?v=1780709976&amp;width=3840" alt="Qibbel - Kinderzitje achter 6+ junior 6+ met voetsteunen gordel en beschermplaat - zwart/zwart" srcset="//moederfiets.nl/cdn/shop/files/Q196_3.jpg?v=1780709976&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/Q196_3.jpg?v=1780709976&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/Q196_3.jpg?v=1780709976&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/Q196_3.jpg?v=1780709976&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/Q196_3.jpg?v=1780709976&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/Q196_3.jpg?v=1780709976&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/Q196_3.jpg?v=1780709976&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/Q196_3.jpg?v=1780709976&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/Q196_3.jpg?v=1780709976&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Qibbel - Kinderzitje achter 6+ junior 6+ met voetsteunen gordel en beschermplaat - zwart/zwart"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--26190136672585__product_list_YidTcf"
    data-product-id="9018353418569"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9018353418569-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="49899508924745"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//moederfiets.nl/cdn/shop/files/59657dd899513be601808832076585d2dd130b090f956551689311fe81f4ecf3.png?v=1780709976&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Toevoegen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Kiezen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9018353418569" /><input type="hidden" name="section-id" value="template--26190136672585__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Qibbel - Kinderzitje achter 6+ junior 6+ met voetsteunen gordel en beschermplaat - zwart/zwart</h3>
  
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/qibbel-achterzitje-junior-6-drager-zwart?variant=49899508924745"
  >
    






  <div class=" spacing-style text-block text-block--AN3dUN0NHb0Z6d2FOT__product_title_LqTDzV-2 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Qibbel - Kinderzitje achter 6+ junior 6+ met voetsteunen gordel en beschermplaat - zwart/zwart</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AcXMwemtqd3lyTUFFR__price_ECfK8q-2"
  data-product-id="9018353418569"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€65,76</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card>






            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="7725322338453"
  id="product-card-AM0NLMFQ3Z0FhZW9IZ__static-product-card-3"
  
    data-product-transition="true"
    data-featured-media-url="//moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="c31ab2d436ad03fb522ba5a4d42a285d"
    
      href="/products/pourion-daffichage-anthracite-cable-1500-mm?variant=42923726176405"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Bosch Display Purion, antraciet, kabel 1500mm
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-3 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="7725322338453"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/pourion-daffichage-anthracite-cable-1500-mm?variant=42923726176405"
      aria-label="Bosch Display Purion, antraciet, kabel 1500mm"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="57929538666825"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="57929538666825"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&amp;width=3840" alt="Bosch Display Purion, antraciet, kabel 1500mm" srcset="//moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="57929538699593"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.6093418259023355"
  data-media-id="57929538699593"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/02996270.jpg_Web-Ausleitung.jpg?v=1779719706&amp;width=3840" alt="Bosch Display Purion, antraciet, kabel 1500mm" srcset="//moederfiets.nl/cdn/shop/files/02996270.jpg_Web-Ausleitung.jpg?v=1779719706&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/02996270.jpg_Web-Ausleitung.jpg?v=1779719706&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/02996270.jpg_Web-Ausleitung.jpg?v=1779719706&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/02996270.jpg_Web-Ausleitung.jpg?v=1779719706&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/02996270.jpg_Web-Ausleitung.jpg?v=1779719706&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/02996270.jpg_Web-Ausleitung.jpg?v=1779719706&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/02996270.jpg_Web-Ausleitung.jpg?v=1779719706&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/02996270.jpg_Web-Ausleitung.jpg?v=1779719706&amp;width=3840 3840w" width="3840" height="2386" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/02996270.jpg_Web-Ausleitung.jpg?v=1779719706&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Bosch Display Purion, antraciet, kabel 1500mm"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--26190136672585__product_list_YidTcf"
    data-product-id="7725322338453"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7725322338453-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="42923726176405"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//moederfiets.nl/cdn/shop/files/236287-00-d-457208.jpg?v=1779719706&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Toevoegen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Kiezen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="7725322338453" /><input type="hidden" name="section-id" value="template--26190136672585__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Bosch Display Purion, antraciet, kabel 1500mm</h3>
  
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/pourion-daffichage-anthracite-cable-1500-mm?variant=42923726176405"
  >
    






  <div class=" spacing-style text-block text-block--AN3dUN0NHb0Z6d2FOT__product_title_LqTDzV-3 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Bosch Display Purion, antraciet, kabel 1500mm</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AcXMwemtqd3lyTUFFR__price_ECfK8q-3"
  data-product-id="7725322338453"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€71,41</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card>






            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="8906695475529"
  id="product-card-AM0NLMFQ3Z0FhZW9IZ__static-product-card-4"
  
    data-product-transition="true"
    data-featured-media-url="//moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="2498242b476b3b5f102d19f0a0046045"
    
      href="/products/lit-dair-de-camping-pour-enfants-intex?variant=49533793435977"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lit d'air de camping pour enfants Intex
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-4 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="8906695475529"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/lit-dair-de-camping-pour-enfants-intex?variant=49533793435977"
      aria-label="Lit d'air de camping pour enfants Intex"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Vorige dia"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Volgende dia"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="57085533749577"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="57085533749577"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&amp;width=3840" alt="Lit d&#39;air de camping pour enfants Intex" srcset="//moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="57085533782345"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6669921875"
  data-media-id="57085533782345"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/6941057468105_4.png?v=1773948274&amp;width=3840" alt="Lit d&#39;air de camping pour enfants Intex" srcset="//moederfiets.nl/cdn/shop/files/6941057468105_4.png?v=1773948274&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/6941057468105_4.png?v=1773948274&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/6941057468105_4.png?v=1773948274&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/6941057468105_4.png?v=1773948274&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/6941057468105_4.png?v=1773948274&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/6941057468105_4.png?v=1773948274&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/6941057468105_4.png?v=1773948274&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/6941057468105_4.png?v=1773948274&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/6941057468105_4.png?v=1773948274&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="57085533815113"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="57085533815113"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/6941057468105_2_3ea855c9-2cf6-4c78-8d26-13871376daa1.jpg?v=1773948274&amp;width=3840" alt="Lit d&#39;air de camping pour enfants Intex" srcset="//moederfiets.nl/cdn/shop/files/6941057468105_2_3ea855c9-2cf6-4c78-8d26-13871376daa1.jpg?v=1773948274&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/6941057468105_2_3ea855c9-2cf6-4c78-8d26-13871376daa1.jpg?v=1773948274&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/6941057468105_2_3ea855c9-2cf6-4c78-8d26-13871376daa1.jpg?v=1773948274&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/6941057468105_2_3ea855c9-2cf6-4c78-8d26-13871376daa1.jpg?v=1773948274&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/6941057468105_2_3ea855c9-2cf6-4c78-8d26-13871376daa1.jpg?v=1773948274&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/6941057468105_2_3ea855c9-2cf6-4c78-8d26-13871376daa1.jpg?v=1773948274&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/6941057468105_2_3ea855c9-2cf6-4c78-8d26-13871376daa1.jpg?v=1773948274&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/6941057468105_2_3ea855c9-2cf6-4c78-8d26-13871376daa1.jpg?v=1773948274&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/6941057468105_2_3ea855c9-2cf6-4c78-8d26-13871376daa1.jpg?v=1773948274&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lit d'air de camping pour enfants Intex"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--26190136672585__product_list_YidTcf"
    data-product-id="8906695475529"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8906695475529-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="49533793435977"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//moederfiets.nl/cdn/shop/files/6941057468105_1_e78c236e-657c-48a1-ab27-44298095febc.jpg?v=1773948274&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Toevoegen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Kiezen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="8906695475529" /><input type="hidden" name="section-id" value="template--26190136672585__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lit d'air de camping pour enfants Intex</h3>
  
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/lit-dair-de-camping-pour-enfants-intex?variant=49533793435977"
  >
    






  <div class=" spacing-style text-block text-block--AN3dUN0NHb0Z6d2FOT__product_title_LqTDzV-4 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Lit d'air de camping pour enfants Intex</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AcXMwemtqd3lyTUFFR__price_ECfK8q-4"
  data-product-id="8906695475529"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€63,83</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card>






            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="7768681480341"
  id="product-card-AM0NLMFQ3Z0FhZW9IZ__static-product-card-5"
  
    data-product-transition="true"
    data-featured-media-url="//moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="e7965b366406a5335f8f40a8a28b336e"
    
      href="/products/melia-5-points-baby-scale-4-saisons-confort-2-9-mois-sw?variant=43052944195733"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Melia Comfort 4 Seasons Baby Scale 0-9m
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-5 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="7768681480341"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/melia-5-points-baby-scale-4-saisons-confort-2-9-mois-sw?variant=43052944195733"
      aria-label="Melia Comfort 4 Seasons Baby Scale 0-9m"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="56128463536457"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="56128463536457"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&amp;width=3840" alt="Melia Comfort 4 Seasons Baby Scale 0-9m" srcset="//moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="56128463569225"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="56128463569225"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/S1001MCF5_1_43b40381-c3af-4b97-acc9-bcbc3d51f21e.jpg?v=1770139811&amp;width=3840" alt="Melia Comfort 4 Seasons Baby Scale 0-9m" srcset="//moederfiets.nl/cdn/shop/files/S1001MCF5_1_43b40381-c3af-4b97-acc9-bcbc3d51f21e.jpg?v=1770139811&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/S1001MCF5_1_43b40381-c3af-4b97-acc9-bcbc3d51f21e.jpg?v=1770139811&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/S1001MCF5_1_43b40381-c3af-4b97-acc9-bcbc3d51f21e.jpg?v=1770139811&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/S1001MCF5_1_43b40381-c3af-4b97-acc9-bcbc3d51f21e.jpg?v=1770139811&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/S1001MCF5_1_43b40381-c3af-4b97-acc9-bcbc3d51f21e.jpg?v=1770139811&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/S1001MCF5_1_43b40381-c3af-4b97-acc9-bcbc3d51f21e.jpg?v=1770139811&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/S1001MCF5_1_43b40381-c3af-4b97-acc9-bcbc3d51f21e.jpg?v=1770139811&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/S1001MCF5_1_43b40381-c3af-4b97-acc9-bcbc3d51f21e.jpg?v=1770139811&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/S1001MCF5_1_43b40381-c3af-4b97-acc9-bcbc3d51f21e.jpg?v=1770139811&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Melia Comfort 4 Seasons Baby Scale 0-9m"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--26190136672585__product_list_YidTcf"
    data-product-id="7768681480341"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7768681480341-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="43052944195733"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//moederfiets.nl/cdn/shop/files/S1001MCF5_b86572f1-afc6-47ef-b0e9-f9465ef99b90.jpg?v=1770139811&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Toevoegen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Kiezen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="7768681480341" /><input type="hidden" name="section-id" value="template--26190136672585__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Melia Comfort 4 Seasons Baby Scale 0-9m</h3>
  
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/melia-5-points-baby-scale-4-saisons-confort-2-9-mois-sw?variant=43052944195733"
  >
    






  <div class=" spacing-style text-block text-block--AN3dUN0NHb0Z6d2FOT__product_title_LqTDzV-5 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Melia Comfort 4 Seasons Baby Scale 0-9m</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AcXMwemtqd3lyTUFFR__price_ECfK8q-5"
  data-product-id="7768681480341"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€81,53</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card>






            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="7724010274965"
  id="product-card-AM0NLMFQ3Z0FhZW9IZ__static-product-card-6"
  
    data-product-transition="true"
    data-featured-media-url="//moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="92040f30427aea05c4742e08613bdb21"
    
      href="/products/abus-foldeslot-bordo-granit-x-6500-90-holder-incl-slot-art-noir?variant=42920546992277"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Abus Bordo Granit Xplus 6500K/90 - Cadenas pliable noir 90cm - Vélo
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-6 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="7724010274965"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/abus-foldeslot-bordo-granit-x-6500-90-holder-incl-slot-art-noir?variant=42920546992277"
      aria-label="Abus Bordo Granit Xplus 6500K/90 - Cadenas pliable noir 90cm - Vélo"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Vorige dia"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Volgende dia"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="57978769408329"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="57978769408329"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&amp;width=3840" alt="Abus Bordo Granit Xplus 6500K/90 - Cadenas pliable noir 90cm - Vélo" srcset="//moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="57978769441097"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="57978769441097"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/SL61498_1.jpg?v=1780135386&amp;width=3840" alt="Abus Bordo Granit Xplus 6500K/90 - Cadenas pliable noir 90cm - Vélo" srcset="//moederfiets.nl/cdn/shop/files/SL61498_1.jpg?v=1780135386&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/SL61498_1.jpg?v=1780135386&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/SL61498_1.jpg?v=1780135386&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/SL61498_1.jpg?v=1780135386&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/SL61498_1.jpg?v=1780135386&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/SL61498_1.jpg?v=1780135386&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/SL61498_1.jpg?v=1780135386&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/SL61498_1.jpg?v=1780135386&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/SL61498_1.jpg?v=1780135386&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="57978769473865"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="57978769473865"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/SL61498_2.jpg?v=1780135386&amp;width=3840" alt="Abus Bordo Granit Xplus 6500K/90 - Cadenas pliable noir 90cm - Vélo" srcset="//moederfiets.nl/cdn/shop/files/SL61498_2.jpg?v=1780135386&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/SL61498_2.jpg?v=1780135386&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/SL61498_2.jpg?v=1780135386&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/SL61498_2.jpg?v=1780135386&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/SL61498_2.jpg?v=1780135386&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/SL61498_2.jpg?v=1780135386&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/SL61498_2.jpg?v=1780135386&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/SL61498_2.jpg?v=1780135386&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/SL61498_2.jpg?v=1780135386&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Abus Bordo Granit Xplus 6500K/90 - Cadenas pliable noir 90cm - Vélo"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--26190136672585__product_list_YidTcf"
    data-product-id="7724010274965"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7724010274965-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="42920546992277"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//moederfiets.nl/cdn/shop/files/7011.png?v=1780135386&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Toevoegen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Kiezen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="7724010274965" /><input type="hidden" name="section-id" value="template--26190136672585__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Abus Bordo Granit Xplus 6500K/90 - Cadenas pliable noir 90cm - Vélo</h3>
  
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/abus-foldeslot-bordo-granit-x-6500-90-holder-incl-slot-art-noir?variant=42920546992277"
  >
    






  <div class=" spacing-style text-block text-block--AN3dUN0NHb0Z6d2FOT__product_title_LqTDzV-6 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Abus Bordo Granit Xplus 6500K/90 - Cadenas pliable noir 90cm - Vélo</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AcXMwemtqd3lyTUFFR__price_ECfK8q-6"
  data-product-id="7724010274965"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€152,42</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card>






            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="7576231477397"
  id="product-card-AM0NLMFQ3Z0FhZW9IZ__static-product-card-7"
  
    data-product-transition="true"
    data-featured-media-url="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="f246c6f0f5f16d345c3ab113735c1c49"
    
      href="/products/repose-pieds-repliables-avec-des-sangles-noir-gris?variant=42515117834389"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Reproches pliables avec des ceintures noires / gris
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-7 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="7576231477397"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/repose-pieds-repliables-avec-des-sangles-noir-gris?variant=42515117834389"
      aria-label="Reproches pliables avec des ceintures noires / gris"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Vorige dia"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Volgende dia"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="58085855232329"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.1544532130777903"
  data-media-id="58085855232329"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&amp;width=3840" alt="Reproches pliables avec des ceintures noires / gris" srcset="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&amp;width=3840 3840w" width="3840" height="3326" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="58085855265097"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7275390625"
  data-media-id="58085855265097"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4581-nl-G_fd903788-c105-4767-a0c5-08d4c0e4d414.jpg?v=1780703330&amp;width=3840" alt="Reproches pliables avec des ceintures noires / gris" srcset="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4581-nl-G_fd903788-c105-4767-a0c5-08d4c0e4d414.jpg?v=1780703330&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4581-nl-G_fd903788-c105-4767-a0c5-08d4c0e4d414.jpg?v=1780703330&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4581-nl-G_fd903788-c105-4767-a0c5-08d4c0e4d414.jpg?v=1780703330&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4581-nl-G_fd903788-c105-4767-a0c5-08d4c0e4d414.jpg?v=1780703330&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4581-nl-G_fd903788-c105-4767-a0c5-08d4c0e4d414.jpg?v=1780703330&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4581-nl-G_fd903788-c105-4767-a0c5-08d4c0e4d414.jpg?v=1780703330&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4581-nl-G_fd903788-c105-4767-a0c5-08d4c0e4d414.jpg?v=1780703330&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4581-nl-G_fd903788-c105-4767-a0c5-08d4c0e4d414.jpg?v=1780703330&amp;width=3840 3840w" width="3840" height="5278" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4581-nl-G_fd903788-c105-4767-a0c5-08d4c0e4d414.jpg?v=1780703330&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="58085855297865"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0138613861386139"
  data-media-id="58085855297865"
>
  
  <img src="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4582-nl-G_cf966c28-b6b0-4528-baae-8071025c19f4.jpg?v=1780703330&amp;width=3840" alt="Reproches pliables avec des ceintures noires / gris" srcset="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4582-nl-G_cf966c28-b6b0-4528-baae-8071025c19f4.jpg?v=1780703330&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4582-nl-G_cf966c28-b6b0-4528-baae-8071025c19f4.jpg?v=1780703330&amp;width=352 352w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4582-nl-G_cf966c28-b6b0-4528-baae-8071025c19f4.jpg?v=1780703330&amp;width=832 832w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4582-nl-G_cf966c28-b6b0-4528-baae-8071025c19f4.jpg?v=1780703330&amp;width=1200 1200w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4582-nl-G_cf966c28-b6b0-4528-baae-8071025c19f4.jpg?v=1780703330&amp;width=1600 1600w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4582-nl-G_cf966c28-b6b0-4528-baae-8071025c19f4.jpg?v=1780703330&amp;width=1920 1920w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4582-nl-G_cf966c28-b6b0-4528-baae-8071025c19f4.jpg?v=1780703330&amp;width=2560 2560w, //moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4582-nl-G_cf966c28-b6b0-4528-baae-8071025c19f4.jpg?v=1780703330&amp;width=3840 3840w" width="3840" height="3788" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4582-nl-G_cf966c28-b6b0-4528-baae-8071025c19f4.jpg?v=1780703330&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Reproches pliables avec des ceintures noires / gris"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--26190136672585__product_list_YidTcf"
    data-product-id="7576231477397"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7576231477397-AM0g3Mm9ZczhUTHZMa__product_card_gallery_xE4xwn-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="42515117834389"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//moederfiets.nl/cdn/shop/files/mirage-voetsteunen-met-rubber-riem-achtervork-4580-nl-G.jpg?v=1780703330&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Toevoegen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Kiezen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="7576231477397" /><input type="hidden" name="section-id" value="template--26190136672585__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Reproches pliables avec des ceintures noires / gris</h3>
  
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/repose-pieds-repliables-avec-des-sangles-noir-gris?variant=42515117834389"
  >
    






  <div class=" spacing-style text-block text-block--AN3dUN0NHb0Z6d2FOT__product_title_LqTDzV-7 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Reproches pliables avec des ceintures noires / gris</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AcXMwemtqd3lyTUFFR__price_ECfK8q-7"
  data-product-id="7576231477397"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€14,45</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card>






            
          </div>

          
        
      
    
  

    
</div>





  <div
    class="section-resource-list__content"
    style="--horizontal-alignment: flex-start;"
  ></div>
</div>


</div><div id="shopify-section-template--26190136672585__17730917147d9f9518" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  <div id="shopify-block-AbEdwWjhudGVhdzN1U__ai_gen_block_895865d_cqqrYU" class="shopify-block">


<style data-shopify>
  .ai-collection-grid-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
  }

  .ai-collection-grid__container-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .ai-collection-grid__grid-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .ai-collection-grid__card-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    position: relative;
    display: block;
    text-decoration: none;
    overflow: hidden;
    background-color: #f4f4f4;
  }

  .ai-collection-grid__image-wrapper-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
  }

  .ai-collection-grid__image-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .ai-collection-grid__image-placeholder-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ai-collection-grid__image-placeholder-abedwwjhudgvhdzn1uaigenblock895865dcqqryu svg {
    width: 100%;
    height: 100%;
    max-width: 200px;
    max-height: 200px;
    opacity: 0.3;
  }

  .ai-collection-grid__text-panel-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: #ffffff;
    padding: 20px 25px;
    max-width: calc(100% - 40px);
  }

  .ai-collection-grid__title-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #000000;
    line-height: 1.2;
  }

  .ai-collection-grid__link-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    margin: 0;
    font-size: 12px;
    color: #000000;
    text-decoration: underline;
    line-height: 1.4;
  }

  .ai-collection-grid__card-abedwwjhudgvhdzn1uaigenblock895865dcqqryu:hover .ai-collection-grid__link-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
    color: #666666;
  }

  @media screen and (max-width: 749px) {
    .ai-collection-grid__grid-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
      grid-template-columns: 1fr;
      gap: 15px;
    }

    .ai-collection-grid__image-wrapper-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
      height: 400px;
    }

    .ai-collection-grid__title-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
      font-size: 11.9px;
    }

    .ai-collection-grid__link-abedwwjhudgvhdzn1uaigenblock895865dcqqryu {
      font-size: 10.8px;
    }
  }
</style>

<div class="ai-collection-grid-abedwwjhudgvhdzn1uaigenblock895865dcqqryu" >
  <div class="ai-collection-grid__container-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
    <div class="ai-collection-grid__grid-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
      
        

        
          
            <a href="/collections/moederfiets" class="ai-collection-grid__card-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
          
            <div class="ai-collection-grid__image-wrapper-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
              
                <img
                  src="//moederfiets.nl/cdn/shop/files/dee-Ir_5cBVo0D8-unsplash.jpg?v=1773018800&width=1200"
                  alt=""
                  loading="lazy"
                  width="2400"
                  height="1600"
                  class="ai-collection-grid__image-abedwwjhudgvhdzn1uaigenblock895865dcqqryu"
                >
              
            </div>

            
              <div class="ai-collection-grid__text-panel-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                
                  <h3 class="ai-collection-grid__title-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                    Moederfiets
                  </h3>
                
                
                  <p class="ai-collection-grid__link-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                    Winkel alles
                  </p>
                
              </div>
            

          
            </a>
          
        
      
        

        
          
            <a href="/collections/elektrische-moederfiets" class="ai-collection-grid__card-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
          
            <div class="ai-collection-grid__image-wrapper-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
              
                <img
                  src="//moederfiets.nl/cdn/shop/files/steven-lewis-BpuKjfH9Uq0-unsplash.jpg?v=1773019223&width=1200"
                  alt=""
                  loading="lazy"
                  width="2400"
                  height="1406"
                  class="ai-collection-grid__image-abedwwjhudgvhdzn1uaigenblock895865dcqqryu"
                >
              
            </div>

            
              <div class="ai-collection-grid__text-panel-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                
                  <h3 class="ai-collection-grid__title-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                    Elektrische Moederfiets
                  </h3>
                
                
                  <p class="ai-collection-grid__link-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                    Winkel alles
                  </p>
                
              </div>
            

          
            </a>
          
        
      
        

        
          
            <a href="/collections/damesfietsen" class="ai-collection-grid__card-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
          
            <div class="ai-collection-grid__image-wrapper-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
              
                <img
                  src="//moederfiets.nl/cdn/shop/files/fat-lads-j10yj2IzKKk-unsplash.jpg?v=1773018641&width=1200"
                  alt=""
                  loading="lazy"
                  width="1920"
                  height="1280"
                  class="ai-collection-grid__image-abedwwjhudgvhdzn1uaigenblock895865dcqqryu"
                >
              
            </div>

            
              <div class="ai-collection-grid__text-panel-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                
                  <h3 class="ai-collection-grid__title-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                    Damesfietsen
                  </h3>
                
                
                  <p class="ai-collection-grid__link-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                    Winkel alles
                  </p>
                
              </div>
            

          
            </a>
          
        
      
        

        
          
            <a href="/collections/herenfietsen" class="ai-collection-grid__card-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
          
            <div class="ai-collection-grid__image-wrapper-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
              
                <img
                  src="//moederfiets.nl/cdn/shop/files/fat-lads-4qJyvDnQEZQ-unsplash.jpg?v=1773018915&width=1200"
                  alt=""
                  loading="lazy"
                  width="1920"
                  height="1278"
                  class="ai-collection-grid__image-abedwwjhudgvhdzn1uaigenblock895865dcqqryu"
                >
              
            </div>

            
              <div class="ai-collection-grid__text-panel-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                
                  <h3 class="ai-collection-grid__title-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                    Herenfietsen
                  </h3>
                
                
                  <p class="ai-collection-grid__link-abedwwjhudgvhdzn1uaigenblock895865dcqqryu">
                    Winkel alles
                  </p>
                
              </div>
            

          
            </a>
          
        
      
    </div>
  </div>
</div>


</div>


    </div>
  </div>
</div>





</div><div id="shopify-section-template--26190136672585__media_with_content_eMVxzz" class="shopify-section">



<div class="section-background color-scheme-2"></div>
<div
  class="section section--full-width disable-section-top-offset media-with-content color-scheme-2 spacing-style media-with-content--medium"
  data-testid="media-with-content"
  style="--padding-block-start: 0px;--padding-block-end: 0px;
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    --media-height: 60svh;
        --media-height-mobile: 50svh;
      
     --section-preview-height: 600px;
     
  "
  
>
  




<div
  class="
    media-block
    spacing-style
    
    
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --image-position: cover;
    --video-position: cover;
  "
  
>

    
      
      
        
  
  
  

  

  

  

  <img src="//moederfiets.nl/cdn/shop/files/mukkpetebike-xIO0pUmIsYI-unsplash.jpg?height=1280&amp;v=1773095239" alt="" width="1920" height="1280" loading="lazy" class="media-block__media border-style" srcset="//moederfiets.nl/cdn/shop/files/mukkpetebike-xIO0pUmIsYI-unsplash.jpg?height=1280&amp;v=1773095239 1x, //moederfiets.nl/cdn/shop/files/mukkpetebike-xIO0pUmIsYI-unsplash.jpg?height=2560&amp;v=1773095239 2x, //moederfiets.nl/cdn/shop/files/mukkpetebike-xIO0pUmIsYI-unsplash.jpg?height=3840&amp;v=1773095239 3x" style="">


      
    
    
</div>







  



<div
  class="
    group-block
    group-block--height-
    group-block--width-
    border-style
    spacing-style
    size-style
    
    media-with-content__content
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --size-style-width: ;--size-style-height: ;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
      
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 24px;

--horizontal-alignment: flex-start; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  








  <div class=" spacing-style text-block text-block--AZ1k5ZHkxWEpDV1p6U__text_7n9T8z h6      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Avontuur begint samen</p>
  </div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AaEU2dldIRG52Qmhoc__text_GyaNVt h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>Praktisch en Comfortabel</h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--Aa2NJdGFkZ0szWEZCY__text_x88E9g rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-narrow);          ">
    <p>We begrijpen dat ouders een fiets nodig hebben die praktisch en comfortabel is. Daarom combineren onze moederfietsen functionaliteit met een stijlvol ontwerp. Met ruimte voor kinderzitjes, fietstassen en manden kun je alles meenemen wat je gezin nodig heeft</p>
  </rte-formatter>







</div>
</div>








<a
  
    href="/collections/moederfiets"
  
  class="
    size-style
    link
    link--AQUtvR0FUUERUOGdCS__button_9UE6CK
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Winkel nu
</a>






</div>
</div>






</div>




</div>
    </main>

    <footer>
      <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--26190137098569__1773094036e1a7a4e7" class="shopify-section shopify-section-group-footer-group section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<style data-shopify>
  .ai-announcement-bar-awk43u050buivmgniwaigenblock9b5593468tage {
    display: block;
    width: 100%;
    background-color: #ff0000;
    padding: 16px 20px;
    text-align: center;
  }

  .ai-announcement-bar__text-awk43u050buivmgniwaigenblock9b5593468tage {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
    line-height: 1.2;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  }

  @media screen and (max-width: 989px) {
    .ai-announcement-bar-awk43u050buivmgniwaigenblock9b5593468tage {
      padding: 22px 16px;
    }

    .ai-announcement-bar__text-awk43u050buivmgniwaigenblock9b5593468tage {
      font-size: 16px;
    }
  }

  @media screen and (max-width: 749px) {
    .ai-announcement-bar-awk43u050buivmgniwaigenblock9b5593468tage {
      padding: 10px 12px;
    }

    .ai-announcement-bar__text-awk43u050buivmgniwaigenblock9b5593468tage {
      font-size: 11px;
    }
  }
</style>

<announcement-bar-awk43u050buivmgniwaigenblock9b5593468tage class="ai-announcement-bar-awk43u050buivmgniwaigenblock9b5593468tage" >
  <p class="ai-announcement-bar__text-awk43u050buivmgniwaigenblock9b5593468tage">
    Bestel vandaag nog en ontvang 10% korting.
  </p>
</announcement-bar-awk43u050buivmgniwaigenblock9b5593468tage>




    </div>
  </div>
</div>





</div><div id="shopify-section-sections--26190137098569__1773440285d0830156" class="shopify-section shopify-section-group-footer-group section-wrapper">



<div class="section-background color-scheme-4"></div>
<div
  class="section section--full-width color-scheme-4"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  <div id="shopify-block-AZlJSeUJ3TTcrTHJJd__ai_gen_block_b2154a5_fheAJr" class="shopify-block">


<style data-shopify>
  .ai-contact-grid-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    display: block;
    width: 100%;
    background-color: #f5f5f5;
    padding: 40px 0 40px;
  }

  .ai-contact-grid-container-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .ai-contact-grid-layout-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
  }

  .ai-contact-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    background-color: #ffffff;
    border-radius: 0px;
    padding: 32px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  }

  .ai-contact-header-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    text-align: center;
  }

  .ai-contact-header-title-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: #000000;
    line-height: 1.3;
  }

  .ai-contact-row-two-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ai-contact-image-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    min-height: 300px;
  }

  .ai-contact-image-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .ai-contact-image-placeholder-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    width: 100%;
    height: 100%;
    min-height: 300px;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ai-contact-image-placeholder-azljseuj3ttcrthjjdaigenblockb2154a5fheajr svg {
    width: 100%;
    height: 100%;
    max-width: 200px;
    max-height: 200px;
  }

  .ai-contact-address-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .ai-contact-address-heading-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
  }

  .ai-contact-address-content-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    font-size: 14px;
    line-height: 1.6;
    color: #000000;
  }

  .ai-contact-address-content-azljseuj3ttcrthjjdaigenblockb2154a5fheajr p {
    margin: 0 0 8px;
  }

  .ai-contact-row-three-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ai-contact-section-title-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
  }

  .ai-contact-row-four-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ai-contact-details-content-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    font-size: 14px;
    line-height: 1.6;
    color: #000000;
  }

  .ai-contact-details-content-azljseuj3ttcrthjjdaigenblockb2154a5fheajr p {
    margin: 0 0 8px;
  }

  .ai-contact-newsletter-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .ai-contact-newsletter-input-wrapper-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 12px 16px;
  }

  .ai-contact-newsletter-icon-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    flex-shrink: 0;
    color: #666666;
  }

  .ai-contact-newsletter-input-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
    flex-grow: 1;
    border: none;
    background: transparent;
    font-size: 14px;
    color: #000000;
    outline: none;
  }

  .ai-contact-newsletter-input-azljseuj3ttcrthjjdaigenblockb2154a5fheajr::placeholder {
    color: #999999;
  }

  @media screen and (min-width: 750px) {
    .ai-contact-row-two-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
      grid-template-columns: 1fr 1fr;
    }

    .ai-contact-row-three-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
      grid-template-columns: 1fr 1fr;
    }

    .ai-contact-row-four-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media screen and (min-width: 990px) {
    .ai-contact-header-title-azljseuj3ttcrthjjdaigenblockb2154a5fheajr {
      font-size: 38.4px;
    }
  }
</style>

<contact-grid-azljseuj3ttcrthjjdaigenblockb2154a5fheajr class="ai-contact-grid-azljseuj3ttcrthjjdaigenblockb2154a5fheajr" >
  <div class="ai-contact-grid-container-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
    <div class="ai-contact-grid-layout-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
      
      <div class="ai-contact-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr ai-contact-header-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
        
          <h2 class="ai-contact-header-title-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">Questions? Contact us, we're happy to help.</h2>
        
      </div>

      <div class="ai-contact-row-two-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
        <div class="ai-contact-image-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
          
            <img
              src="//moederfiets.nl/cdn/shop/files/download_7.webp?v=1773440433&width=1200"
              alt=""
              loading="lazy"
              width="1066"
              height="466"
            >
          
        </div>

        <div class="ai-contact-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr ai-contact-address-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
          
            <h3 class="ai-contact-address-heading-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">Our address:</h3>
          
          
            <div class="ai-contact-address-content-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
              <p>Fietsaccessoires.nl<br/>'s Gravendamseweg 67 L<br/>2215 TG Voorhout<br/>The Netherlands</p><p>Fietsaccessoires.nl is part of Tormino BV</p><p>Email: support@tormino.com</p><p>Chamber of Commerce number: 84663545<br/>VAT number: NL8633.03.808.B.01</p>
            </div>
          
        </div>
      </div>

      <div class="ai-contact-row-three-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
        <div class="ai-contact-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
          
            <h3 class="ai-contact-section-title-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">Contact details</h3>
          
        </div>

        <div class="ai-contact-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
          
            <h3 class="ai-contact-section-title-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">Newsletter</h3>
          
        </div>
      </div>

      <div class="ai-contact-row-four-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
        <div class="ai-contact-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
          
            <div class="ai-contact-details-content-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
              <p>Tormino BV<br/>'s-Gravendamseweg 67 L<br/>2215 TG Voorhout</p><p>support@tormino.com</p><p>Chamber of Commerce number: 84663545<br/>VAT number: NL8633.03.808.B.01</p>
            </div>
          
        </div>

        <div class="ai-contact-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr ai-contact-newsletter-card-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
          <div class="ai-contact-newsletter-input-wrapper-azljseuj3ttcrthjjdaigenblockb2154a5fheajr">
            <svg class="ai-contact-newsletter-icon-azljseuj3ttcrthjjdaigenblockb2154a5fheajr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
              <polyline points="22,6 12,13 2,6"></polyline>
            </svg>
            <input
              type="email"
              class="ai-contact-newsletter-input-azljseuj3ttcrthjjdaigenblockb2154a5fheajr"
              placeholder="Enter your email address"
              aria-label="Email address"
            >
          </div>
        </div>
      </div>

    </div>
  </div>
</contact-grid-azljseuj3ttcrthjjdaigenblockb2154a5fheajr>

<script>
  (function() {
    class ContactGridazljseuj3ttcrthjjdaigenblockb2154a5fheajr extends HTMLElement {
      constructor() {
        super();
      }

      connectedCallback() {
        const input = this.querySelector('.ai-contact-newsletter-input-azljseuj3ttcrthjjdaigenblockb2154a5fheajr');
        if (input) {
          input.addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
              e.preventDefault();
            }
          });
        }
      }
    }

    customElements.define('contact-grid-azljseuj3ttcrthjjdaigenblockb2154a5fheajr', ContactGridazljseuj3ttcrthjjdaigenblockb2154a5fheajr);
  })();
</script>


</div>


    </div>
  </div>
</div>





</div><div id="shopify-section-sections--26190137098569__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-4"></div>
<div
  class="section section--page-width color-scheme-4"
  
>
  <div
    class="utilities utilities--blocks-3 spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">Moederfiets.nl</a>, Powered by Shopify
</span>
</div>




  <anchored-popover-component
    data-hover-triggered="true"
  >
    <button
      class="policy-list-trigger button-unstyled"
      popovertarget="terms-policies-popover"
      popovertargetaction="toggle"
      ref="trigger"
      style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
      
    >
      Voorwaarden en beleid
    </button>
    <div
      class="terms-policies-popover color-scheme-1"
      id="terms-policies-popover"
      popover="auto"
      ref="popover"
    >
      <ul
        class="
          policy_list list-unstyled
          custom-typography
          custom-font-size
        "
      ><li>
              <a
                href="/policies/contact-information"
                class="footer-utilities__text"
              >Contactgegevens</a>
            </li></ul>
    </div>
  </anchored-popover-component>







<div
  class="social-icons__wrapper"
  
>
  

  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




</div>
<!-- END sections: footer-group -->
    </footer>

    <script
  src="//moederfiets.nl/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021772922370"
  type="module"
></script>

<script
  src="//moederfiets.nl/cdn/shop/t/5/assets/predictive-search.js?v=149240552485540508541772922370"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Zoekopdracht
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-1"
      style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Zoeken"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Zoeken</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Zoekopdracht"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Wissen
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Dialoogvenster sluiten"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </span>
          </button>
        </div>

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            tabindex="-1"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Producten
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Producten"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="9830504530249"
    data-featured-media-url="//moederfiets.nl/cdn/shop/files/3020344a1.jpg?v=1780962525&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/100-spelletjes-voetbal"
  >
    <span class="visually-hidden">
      - 100 Spelletjes Voetbal
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//moederfiets.nl/cdn/shop/files/3020344a1.jpg?v=1780962525&amp;width=500" alt="" srcset="//moederfiets.nl/cdn/shop/files/3020344a1.jpg?v=1780962525&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/3020344a1.jpg?v=1780962525&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//moederfiets.nl/cdn/shop/files/3020344b.jpg?v=1780962525&amp;width=500" alt="- 100 Spelletjes Voetbal" srcset="//moederfiets.nl/cdn/shop/files/3020344b.jpg?v=1780962525&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/3020344b.jpg?v=1780962525&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="58119446298953" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">- 100 Spelletjes Voetbal</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">€25,37</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8693979840841"
    data-featured-media-url="//moederfiets.nl/cdn/shop/files/DOC598331.jpg?v=1765136362&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/11-6-inch-lcd-scherm-1366x768-glans-40pin-edp-25mm-touch-1"
  >
    <span class="visually-hidden">
      - 11.6 inch LCD Scherm 1366x768 Glans 40Pin eDP 25mm Touch
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//moederfiets.nl/cdn/shop/files/DOC598331.jpg?v=1765136362&amp;width=500" alt="" srcset="//moederfiets.nl/cdn/shop/files/DOC598331.jpg?v=1765136362&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/DOC598331.jpg?v=1765136362&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">- 11.6 inch LCD Scherm 1366x768 Glans 40Pin eDP 25mm Touch</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">€66,15</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8844921209161"
    data-featured-media-url=""
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/oem-11-6-inch-lcd-scherm-1366x768-mat-30pin-edp"
  >
    <span class="visually-hidden">
      - 11.6 inch LCD Scherm 1366x768 Mat 30Pin eDP
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      
<div
          aria-hidden="true"
          class="resource-card__image-placeholder"
        >- 11.6 inch LCD Scherm 1366x768 Mat 30Pin eDP</div></div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">- 11.6 inch LCD Scherm 1366x768 Mat 30Pin eDP</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">€89,62</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="9194617471305"
    data-featured-media-url="//moederfiets.nl/cdn/shop/files/1010002b.jpg?v=1781004192&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/112-rescue-racers-ambulance-met-licht-en-geluid"
  >
    <span class="visually-hidden">
      - 112 Rescue Racers Ambulance met Licht en Geluid
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//moederfiets.nl/cdn/shop/files/1010002b.jpg?v=1781004192&amp;width=500" alt="" srcset="//moederfiets.nl/cdn/shop/files/1010002b.jpg?v=1781004192&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/1010002b.jpg?v=1781004192&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//moederfiets.nl/cdn/shop/files/1010002a.jpg?v=1781004192&amp;width=500" alt="- 112 Rescue Racers Ambulance met Licht en Geluid" srcset="//moederfiets.nl/cdn/shop/files/1010002a.jpg?v=1781004192&amp;width=240 240w, //moederfiets.nl/cdn/shop/files/1010002a.jpg?v=1781004192&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="58127193571657" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">- 112 Rescue Racers Ambulance met Licht en Geluid</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">€27,70</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
    </ul>
  
</div>



        
      
    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button predictive-search__search-button"
              ref="viewAllButton"
            >
              Alles bekijken
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>




    
      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Dialoogvenster sluiten"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>

    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>



    
  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
