Outiref

<!doctype html>
<html class="supports-no-js  site-footer--hidden" lang="fr">
<head>
  <meta name="google-site-verification" content="IgWJAIFrYJHJ48mli4XRF-oqbfjrPgK2X9V5OccHNJU" />
  <meta charset="utf-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="theme-color" content="#1990c6">
  <link rel="canonical" href="https://leomi.fr/collections/abonnements">

  
    <link rel="shortcut icon" href="//leomi.fr/cdn/shop/files/icone-ludique-3_4c48eb8c-3d5b-4598-b1a3-7d6b69f58f16_32x32.png?v=1646416819" type="image/png">
  

  <title>
    Nos box maternelles &ndash; Leomi.fr
  </title>

  
    <meta name="description" content="Découvrez nos 3 abonnements de la petite à la grande section">
  

  <!-- /snippets/social-meta-tags.liquid -->




<meta property="og:site_name" content="Leomi.fr">
<meta property="og:url" content="https://leomi.fr/collections/abonnements">
<meta property="og:title" content="Nos box maternelles">
<meta property="og:type" content="product.group">
<meta property="og:description" content="Découvrez nos 3 abonnements de la petite à la grande section">

<meta property="og:image" content="http://leomi.fr/cdn/shop/files/Sans_titre_1_1200x1200.jpg?v=1651410830">
<meta property="og:image:secure_url" content="https://leomi.fr/cdn/shop/files/Sans_titre_1_1200x1200.jpg?v=1651410830">


<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Nos box maternelles">
<meta name="twitter:description" content="Découvrez nos 3 abonnements de la petite à la grande section">

  <style data-shopify>
  :root {
    --color-body-text: #4a4a4a;
    --color-body: #ffffff;
  }
</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="/60779790524/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="e72875865177da8e2f3e97ec841fc21f">
<link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/abonnements.atom" />
<link rel="alternate" type="application/json+oembed" href="https://leomi.fr/collections/abonnements.oembed">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=60779790524" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":60779790524,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/60779790524","merchantName":"Leomi.fr","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Leomi.fr","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":false}</script>
<script id="shopify-features" type="application/json">{"accessToken":"e72875865177da8e2f3e97ec841fc21f","betas":["rich-media-storefront-analytics"],"domain":"leomi.fr","predictiveSearch":true,"shopId":60779790524,"smart_payment_buttons_url":"https:\/\/leomi.fr\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.fr.js","dynamic_checkout_cart_url":"https:\/\/leomi.fr\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.fr.js","locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "leomi-shop.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Narrative-Leomi","id":128312017084,"schema_name":"Narrative","schema_version":"10.6.1","theme_store_id":829,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "leomi.fr/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</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";</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_Cd5Bsk-5.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_kMsAa4ZZ.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js","modules/v2/chunk.modal_BImdNh5m.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_Ces2j65r.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_B6vcLER-.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_B9sZwnOF.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js","modules/v2/chunk.modal_BImdNh5m.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_hw8o2RKz.fr.esm.js","modules/v2/client.shop-login-button_7keu5fx8.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js","modules/v2/chunk.modal_BImdNh5m.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_BsqJS1dy.fr.esm.js","modules/v2/client.shop-login-button_7keu5fx8.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js","modules/v2/chunk.modal_BImdNh5m.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_ColZvrmn.fr.esm.js","modules/v2/client.shop-login-button_7keu5fx8.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js","modules/v2/chunk.modal_BImdNh5m.esm.js"],"pay-button":["modules/v2/client.pay-button_C8Eoorje.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_7keu5fx8.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js","modules/v2/chunk.modal_BImdNh5m.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_DZdOgQlP.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js","modules/v2/chunk.modal_BImdNh5m.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Dewjqe-R.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js","modules/v2/chunk.modal_BImdNh5m.esm.js"],"payment-terms":["modules/v2/client.payment-terms_Cla6jEg8.fr.esm.js","modules/v2/chunk.common_CrGVZbJ-.esm.js","modules/v2/chunk.modal_BImdNh5m.esm.js"]};
</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["https:\/\/geolocation-recommendations.shopifyapps.com\/locale_bar\/script.js?shop=leomi-shop.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":60779790524,"offset":3600,"reqid":"e22b666c-2bbe-49c7-9db8-624be56f6fee-1736917186","pageurl":"leomi.fr\/collections\/abonnements","u":"94a38dc40283","p":"collection","rtyp":"collection","rid":282619904188};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//leomi.fr/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//leomi.fr/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script>
<script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//leomi.fr/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' src='https://leomi.fr/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>

<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 50px;
  }
}

@media screen and (max-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 60px;
  }
}
</style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

  



<style>@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  src: url("//leomi.fr/cdn/fonts/open_sans/opensans_n7.8bfd11295a1edbb769a778900a2afc48b16848e7.woff2?h1=bGVvbWkuZnI&h2=bGVvbWktc2hvcC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=90d9fa16c70c38ecfefa8f905229a85950707c9962da16c4f975643d36a3869a") format("woff2"),
       url("//leomi.fr/cdn/fonts/open_sans/opensans_n7.4e2eb03bfa5cdc209fbd1b7b5ee863b8032f4b36.woff?h1=bGVvbWkuZnI&h2=bGVvbWktc2hvcC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6d7dc0b1fc48cc021a010a6144f142593f90a7f9fb33251a9e26fb0a2fc1bf28") format("woff");
}

  @font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  src: url("//leomi.fr/cdn/fonts/open_sans/opensans_n4.5460e0463a398b1075386f51084d8aa756bafb17.woff2?h1=bGVvbWkuZnI&h2=bGVvbWktc2hvcC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=cb175dc2863bd4da5475b00756011956c40b008f650f3834076d75bad1a7b1e8") format("woff2"),
       url("//leomi.fr/cdn/fonts/open_sans/opensans_n4.8512334118d0e9cf94c4626d298dba1c9f12a294.woff?h1=bGVvbWkuZnI&h2=bGVvbWktc2hvcC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=13ebbddd15484595ef241e50e964014d87b4ba7eba5e667cdcb2ac9b857516d5") format("woff");
}

/* ------------------------ Critical Helper Classes ------------------------- */
.critical-hide {
  display: none;
}

.critical-clear {
  opacity: 0;
  visibility: hidden;
}

.drawer-cover {
  opacity: 0;
}

.main-content .shopify-section {
  display: none;
}

.main-content .shopify-section:first-child {
  display: inherit;
}

body:not(.template-index) .main-content {
  opacity: 0;
}


/* ----------------------------- Global Styles ------------------------------ */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  background-color: #ffffff;
}

body {
  margin: 0;
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 1.625;
}

.page-width {
  max-width: 980px;
  padding: 0 20px;
  margin: 0 auto;
}

/* ---------------------------- Helper Classes ------------------------------ */
.visually-hidden,
.icon__fallback-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

/* ----------------------------- Typography --------------------------------- */
body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

.h4 {
  letter-spacing: inherit;
  text-transform: inherit;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
}


.h4 a {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}

.h4 {
  font-size: 2.2rem;
}

@media only screen and (min-width: 750px) {
  .h4 {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}

/* ------------------------------ Buttons ----------------------------------- */
.btn,
.btn--secondary {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: auto;
  background-color: #1990c6;
  border-radius: 0;
  color: #ffffff;
  border: 2px solid #1990c6;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 30px;
  line-height: 2.2;
  vertical-align: middle;
  cursor: pointer;
  transition: outline 0.1s linear;
  box-sizing: border-box;
}

.btn--square {
  width: 50px;
  height: 50px;
  padding: 0;
  text-align: center;
  line-height: 50px;
}

.btn--clear {
  position: relative;
  background-color: transparent;
  border: 0;
  color: #4a4a4a;
  transition: 0.15s opacity ease-out;
}

.btn--clear:hover::after,
.btn--clear::after {
  outline: 0 !important;
}

.btn::after,
.btn--secondary::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 2px solid #1990c6;
  transition: outline 0.1s linear;
}

/* -------------------------------- Icons ----------------------------------- */
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

/* ----------------------------- Site Header -------------------------------- */
.site-header {
  position: relative;
  transition: transform 0.25s ease-out;
  z-index: 10;
}

.site-header--transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.site-header__wrapper {
  position: relative;
  min-height: 60px;
  width: 100%;
  background-color: #fff;
  z-index: 10;
}

.site-header--transparent .site-header__wrapper {
  background-color: transparent;
}

.site-header__wrapper svg {
  fill: #1990c6;
}

.site-header__wrapper--transitioning {
  transition: background-color 0.25s ease-out, margin-top 0.25s ease-out;
}

.announcement-bar {
  display: none;
  text-align: center;
  position: relative;
  text-decoration: none;
  z-index: 10;
}

.announcement-bar--visible {
  display: block;
}

.announcement-bar__message {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 20px;
  margin-bottom: 0;
}

.announcement-bar__message .icon {
  fill: currentColor;
}

.announcement-bar__close {
  position: absolute;
  right: 20px;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.announcement-bar__close .icon {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.site-header-sections {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  min-height: 60px;
}

.site-header__section--title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.site-header__logo-wrapper {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
}

.site-header__logo {
  display: block;
}

.site-header__logo-image {
  display: block;
  margin: 0 auto;
}

.site-header--transparent .site-header__logo-image {
  display: none;
}

@media only screen and (max-width: 749px) {
  .site-header__logo-image {
    max-height: 30px;
  }
}

.site-header__logo-image--transparent {
  display: none;
}

.site-header--transparent .site-header__logo-image--transparent {
  display: block;
}

.navigation-open .site-header__logo-image--transparent,
html.supports-no-js .site-header__logo-image--transparent {
  display: none;
}

.site-header__cart svg {
  width: 22px;
  height: 30px;
  margin: -2px 0 0 -2px;
}

@media only screen and (min-width: 750px) {
  .site-header__cart svg {
    width: 26px;
  }
}

.site-header__cart::after {
  border-color: #4a4a4a;
}

.site-header__cart-bubble {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #ea5484;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.25s ease-out;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

@media only screen and (min-width: 750px) {
  .site-header__cart-bubble {
    top:15px;
    right: 9px;
  }
}

.site-header__cart .site-header__cart-bubble {
  top: 13px;
}

@media only screen and (min-width: 750px) {
  .site-header__cart .site-header__cart-bubble {
    top: 12px;
  }
}

.site-header__cart-bubble--visible {
  opacity: 1;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.burger-icon {
  display: block;
  height: 2px;
  width: 16px;
  left: 50%;
  margin-left: -8px;
  background: #1990c6;
  position: absolute;
  transition: all 0.25s ease-out;
}

@media only screen and (min-width: 750px) {
  .burger-icon {
    height:2px;
    width: 24px;
    left: 50%;
    margin-left: -12px;
  }
}

.burger-icon--top {
  top: 18px;
}

@media only screen and (min-width: 750px) {
  .burger-icon--top {
    top: 16px;
  }
}

.site-header__navigation--active .burger-icon--top {
  top: 25px;
  transform: rotate(45deg);
}

.burger-icon--mid {
  top: 24px;
}

@media only screen and (min-width: 750px) {
  .burger-icon--mid {
    top: 24px;
  }
}

.site-header__navigation--active .burger-icon--mid {
  opacity: 0;
}

.burger-icon--bottom {
  top: 30px;
}

@media only screen and (min-width: 750px) {
  .burger-icon--bottom {
    top: 32px;
  }
}

.site-header__navigation--active .burger-icon--bottom {
  top: 25px;
  transform: rotate(-45deg);
}

.site-header__navigation {
  position: relative;
}

.site-header__navigation svg {
  width: 20px;
  height: 30px;
}

.site-header__navigation::after {
  border-color: #4a4a4a;
}

/* ----------------------------- Slideshow --------------------------------- */
.slideshow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 300px;
  max-height: calc(100vh - 35px);
  background-color: #d9d9d9;
}

.slideshow--full .slideshow {
  height: calc(100vh - 35px);
}

@media only screen and (max-width: 749px) {
  .slideshow--adapt .slideshow {
    max-height: 125vw;
    min-height: 75vw;
  }
}

.slideshow__slides {
  margin: 0;
  padding: 0;
  list-style: none;
}

.slideshow__slide {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 0;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}

.slideshow__slide--active {
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  opacity: 1;
  z-index: 2;
}

.slideshow__overlay::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.slideshow__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 1;
  transition: opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87),filter 400ms,-webkit-filter 400ms;
  font-family: "object-fit: cover";
}

.slideshow__image .placeholder-svg {
  display: block;
  fill: rgba(74,74,74,0.35);
  background-color: #f1eee6;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  max-height: none;
  max-width: none;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slideshow__image .placeholder-background {
  background-color: #faf9f6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.slideshow__navigation {
  margin: 0;
  padding: 0;
  list-style: none;
}

.slideshow__text-content-mobile,
.slideshow__button-cta-single {
  display: none;
}

.slideshow__indicators {
  margin: 0;
  padding: 0;
  list-style: none;
}
</style>

  


<link title="theme" rel="preload" href="//leomi.fr/cdn/shop/t/3/assets/theme.scss.css?v=153789102341319750481713801991" as="style">
<noscript><link rel="stylesheet" href="//leomi.fr/cdn/shop/t/3/assets/theme.scss.css?v=153789102341319750481713801991"></noscript>

<script>
/*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
!function(a){"use strict";var b=function(b,c,d){function e(a){return h.body?a():void setTimeout(function(){e(a)})}function f(){i.addEventListener&&i.removeEventListener("load",f);if(!Shopify.designMode)i.media=d||"all"}var g,h=a.document,i=h.createElement("link");if(c)g=c;else{var j=(h.body||h.getElementsByTagName("head")[0]).childNodes;g=j[j.length-1]}var k=h.styleSheets;i.rel="stylesheet",i.href=b,i.media=Shopify.designMode?d||"all":"only x",e(function(){g.parentNode.insertBefore(i,c?g:g.nextSibling)});var l=function(a){for(var b=i.href,c=k.length;c--;)if(k[c].href===b)return a();setTimeout(function(){l(a)})};return i.addEventListener&&i.addEventListener("load",f),i.onloadcssdefined=l,l(f),i};"undefined"!=typeof exports?exports.loadCSS=b:a.loadCSS=b}("undefined"!=typeof global?global:this);
/*! onloadCSS. (onload callback for loadCSS) [c]2017 Filament Group, Inc. MIT License */
function onloadCSS(a,b){function c(){!d&&b&&(d=!0,b.call(a))}var d;a.addEventListener&&a.addEventListener("load",c),a.attachEvent&&a.attachEvent("onload",c),"isApplicationInstalled"in navigator&&"onloadcssdefined"in a&&a.onloadcssdefined(c)}

// Insert our stylesheet before our preload <link> tag
var preload = document.querySelector('link[href="//leomi.fr/cdn/shop/t/3/assets/theme.scss.css?v=153789102341319750481713801991"]');
var stylesheet = loadCSS('//leomi.fr/cdn/shop/t/3/assets/theme.scss.css?v=153789102341319750481713801991', preload);
// Create a property to easily detect if the stylesheet is done loading
onloadCSS(stylesheet, function() { stylesheet.loaded = true; });
</script>

  <script>
    var theme = {
      stylesheet: "//leomi.fr/cdn/shop/t/3/assets/theme.scss.css?v=153789102341319750481713801991",
      modelViewerUiSprite: "//leomi.fr/cdn/shop/t/3/assets/model-viewer-ui-sprite.svg?v=51012726060321609211644419998",
      plyrSprite: "//leomi.fr/cdn/shop/t/3/assets/plyr-sprite.svg?v=50389300931231853141644419999",
      strings: {
        addToCart: "Ajouter au panier",
        soldOut: "Prochainement disponible",
        unavailable: "Non disponible",
        addItemSuccess: "Article ajouté au panier.",
        viewCart: "Voir le panier",
        external: "Ouvre un site web externe.",
        newWindow: "S\u0026#39;ouvre dans une nouvelle fenêtre.",
        newWindowExternal: "Ouvre un site web externe dans une nouvelle fenêtre.",
        cartError: "Une erreur est survenue lors de l’actualisation de votre panier. Essayez de nouveau s’il vous plaît.",
        cartQuantityError: "Vous ne pouvez ajouter que [quantity] [title] à votre panier.",
        regularPrice: "Prix régulier",
        salePrice: "Prix réduit",
        unitPrice: "Prix unitaire",
        unitPriceSeparator: "par",
        newsletter: {
          blankError: "L\u0026#39;e-mail ne peut pas être vide.",
          invalidError: "Veuillez entrer une adresse e-mail valide."
        },
        map: {
          zeroResults: "Aucun résultat pour cette adresse",
          overQueryLimit: "Vous avez dépassé la limite de Google utilisation de l'API. Envisager la mise à niveau à un \u003ca href=\"https:\/\/developers.google.com\/maps\/premium\/usage-limits\"\u003erégime spécial\u003c\/a\u003e.",
          authError: "Il y avait un problème authentifier votre compte Google Maps API.",
          addressError: "Vous ne trouvez pas cette adresse"
        },
        slideshow: {
          loadSlideA11yString: "Charger la diapositive [slide_number]",
          activeSlideA11yString: "Faire glisser [slide_number], en cours"
        }
      },
      isOnline: true,
      moneyFormat: "€{{amount_with_comma_separator}}",
      mediaQuerySmall: 750,
      mediaQueryMedium: 990
    };

    

    document.documentElement.className = document.documentElement.className.replace('supports-no-js', '');
  </script>

  <script src="//leomi.fr/cdn/shop/t/3/assets/lazysizes.min.js?v=41644173127543473891644419997" async="async"></script>
  <script src="//leomi.fr/cdn/shop/t/3/assets/vendor.min.js?v=85821191610609335681644420001" defer="defer"></script>
  <script src="//leomi.fr/cdn/shop/t/3/assets/theme.min.js?v=77739246956753742531655905566" defer="defer"></script>
  <script src="//leomi.fr/cdn/shop/t/3/assets/custom.js?v=181347219768723609631684751884" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 60779790524,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};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 id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 60779790524,storefrontBaseUrl: "https://leomi.fr",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"1548124504","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-2GE1W44Z6Q\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-2GE1W44Z6Q\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-2GE1W44Z6Q\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-2GE1W44Z6Q\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-2GE1W44Z6Q\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-2GE1W44Z6Q\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-2GE1W44Z6Q\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-2GE1W44Z6Q\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Leomi.fr","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"leomi-shop.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/leomi.fr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"282619904188","title":"Nos box maternelles","productVariants":[{"price":{"amount":19.9,"currencyCode":"EUR"},"product":{"title":"Toute Petite section ( avant l'\u00e9cole)","vendor":"Leomi.fr","id":"8654245953880","untranslatedTitle":"Toute Petite section ( avant l'\u00e9cole)","url":"\/products\/toute-petite-section","type":"Box d'apprentissage"},"id":"46862825161048","image":{"src":"\/\/leomi.fr\/cdn\/shop\/files\/tps_ca3d5c8b-b23f-45a4-a1cb-0585b84a9a86.webp?v=1700221814"},"sku":"0","title":"Box super","untranslatedTitle":"Box super"},{"price":{"amount":19.9,"currencyCode":"EUR"},"product":{"title":"Petite section","vendor":"Leomi.fr","id":"7425058275516","untranslatedTitle":"Petite section","url":"\/products\/abonnement-petite-section","type":"Box d'apprentissage"},"id":"41582841397436","image":{"src":"\/\/leomi.fr\/cdn\/shop\/products\/box-petits.jpg?v=1647447994"},"sku":"","title":"Box super","untranslatedTitle":"Box super"},{"price":{"amount":19.9,"currencyCode":"EUR"},"product":{"title":"Moyenne section","vendor":"Leomi.fr","id":"7425058537660","untranslatedTitle":"Moyenne section","url":"\/products\/abonnement-moyenne-section","type":"Box d'apprentissage"},"id":"41580744081596","image":{"src":"\/\/leomi.fr\/cdn\/shop\/products\/box-moyens.jpg?v=1647447980"},"sku":"","title":"Box super","untranslatedTitle":"Box super"},{"price":{"amount":19.9,"currencyCode":"EUR"},"product":{"title":"Grande section","vendor":"Leomi.fr","id":"7425058668732","untranslatedTitle":"Grande section","url":"\/products\/abonnement-grande-section","type":"Box d'apprentissage"},"id":"41580748996796","image":{"src":"\/\/leomi.fr\/cdn\/shop\/products\/box-grand.jpg?v=1647447943"},"sku":"","title":"Box super","untranslatedTitle":"Box super"}]}});},"https://leomi.fr/cdn","684b8cf904d0e57fafa86f386463aa1b280f6e55","ac78c151w8bf023f7pfbfb601fmf9d3fb59",);</script>  <script>window['GoogleAnalyticsObject'] = 'ga';
window['ga'] = window['ga'] || function() {
  (window['ga'].q = window['ga'].q || []).push(arguments);
};
window['ga'].l = 1 * new Date();</script>
<script>var _gaUTrackerOptions = {'allowLinker': true};ga('create', 'UA-223315955-1', 'auto', _gaUTrackerOptions);ga('send', 'pageview');
      (function(){
        ga('require', 'linker');
        function addListener(element, type, callback) {
          if (element.addEventListener) {
            element.addEventListener(type, callback);
          }
          else if (element.attachEvent) {
            element.attachEvent('on' + type, callback);
          }
        }
        function decorate(event) {
          event = event || window.event;
          var target = event.target || event.srcElement;
          if (target && (target.action || target.href)) {
            ga(function (tracker) {
              var linkerParam = tracker.get('linkerParam');
              document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/';
            });
          }
        }
        addListener(window, 'load', function(){
          for (var i=0; i<document.forms.length; i++) {
            if(document.forms[i].action && document.forms[i].action.indexOf('/cart') >= 0) {
              addListener(document.forms[i], 'submit', decorate);
            }
          }
          for (var i=0; i<document.links.length; i++) {
            if(document.links[i].href && document.links[i].href.indexOf('/checkout') >= 0) {
              addListener(document.links[i], 'click', decorate);
            }
          }
        })
      }());
    </script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"products":[{"id":8654245953880,"gid":"gid:\/\/shopify\/Product\/8654245953880","vendor":"Leomi.fr","type":"Box d'apprentissage","variants":[{"id":46862825161048,"price":1990,"name":"Toute Petite section ( avant l'école) - Box super","public_title":"Box super","sku":"0"},{"id":46862825193816,"price":1090,"name":"Toute Petite section ( avant l'école) - Box basic","public_title":"Box basic","sku":null}]},{"id":7425058275516,"gid":"gid:\/\/shopify\/Product\/7425058275516","vendor":"Leomi.fr","type":"Box d'apprentissage","variants":[{"id":41582841397436,"price":1990,"name":"Petite section - Box super","public_title":"Box super","sku":""},{"id":41582841430204,"price":1090,"name":"Petite section - Box basic","public_title":"Box basic","sku":""}]},{"id":7425058537660,"gid":"gid:\/\/shopify\/Product\/7425058537660","vendor":"Leomi.fr","type":"Box d'apprentissage","variants":[{"id":41580744081596,"price":1990,"name":"Moyenne section - Box super","public_title":"Box super","sku":""},{"id":41580740247740,"price":1090,"name":"Moyenne section - Box basic","public_title":"Box basic","sku":""}]},{"id":7425058668732,"gid":"gid:\/\/shopify\/Product\/7425058668732","vendor":"Leomi.fr","type":"Box d'apprentissage","variants":[{"id":41580748996796,"price":1990,"name":"Grande section - Box super","public_title":"Box super","sku":""},{"id":41580748964028,"price":1090,"name":"Grande section - Box basic","public_title":"Box basic","sku":""}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":282619904188}};
for (var attr in meta) {
  window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
  
};
</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 || [];
    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);
        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: 60779790524,
      theme_id: 128312017084,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//leomi.fr/cdn/s/trekkie.storefront.b004b8439e365cda50b40471636997447684bbe3.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//leomi.fr/cdn/s/trekkie.storefront.b004b8439e365cda50b40471636997447684bbe3.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//leomi.fr/cdn/s/trekkie.storefront.b004b8439e365cda50b40471636997447684bbe3.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":60779790524,"isMerchantRequest":null,"themeId":128312017084,"themeCityHash":"5739157301676717750","contentLanguage":"fr","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"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":"collection","resourceType":"collection","resourceId":282619904188});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"EUR","category":"Collection: abonnements","collectionName":"abonnements","collectionId":282619904188,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//leomi.fr/cdn/shopifycloud/shopify/assets/shop_events_listener-20905db421adb60b04582abab58b285362bc2e1011d17cd3eabb3bfe05798c59.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script class="boomerang">
(function () {
  window.BOOMR = window.BOOMR || {};
  window.BOOMR.themeName = "Narrative";
  window.BOOMR.themeVersion = "10.6.1";
  window.BOOMR.shopId = 60779790524;
  window.BOOMR.themeId = 128312017084;
})();</script>
<script
  defer
 src="https://leomi.fr/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.1.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="60779790524"
  data-render-region="gcp-europe-west4"
  data-page-type="collection"
  data-theme-instance-id="128312017084"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
></script>
<script async="async" src="https://www.google-analytics.com/analytics.js"></script>
</head>

<body id="nos-box-maternelles" class="template-collection data-animations">

  <a class="visually-hidden skip-link" href="#MainContent">Passer au contenu</a>

  <div id="shopify-section-header" class="shopify-section">
<div class="site-header" data-section-id="header" data-section-type="header-section" data-drawer-push>
  <header class="site-header__wrapper" role="banner">
    

    <div class="site-header-sections page-width">
      <nav class="site-header__section site-header__section--button"
        data-site-navigation role="navigation"
      >
        <button class="site-header__navigation btn btn--clear btn--square"
          aria-expanded="false"
          data-navigation-button
>
          <span class="burger-icon burger-icon--top"></span>
          <span class="burger-icon burger-icon--mid"></span>
          <span class="burger-icon burger-icon--bottom"></span>
          <span class="icon__fallback-text">Menu</span>
        </button>
        <div class="navigation supports-no-js critical-hide" data-section-id="header" data-section-type="navigation" aria-hidden=true>
          <div class="navigation__container">
            <ul class="navigation__links">
              
                
                
                  <li class="navigation__link navigation__entrance-animation">
                    <a href="/">Accueil</a>
                  </li>
                
              
                
                
                  <li class="navigation__link navigation__entrance-animation">
                    <a href="/pages/le-concept-leomi">Le concept</a>
                  </li>
                
              
                
                
                  <li class="navigation__link navigation__entrance-animation navigation__link--active">
                    <a href="/collections/abonnements" aria-current="page">Maternelle</a>
                  </li>
                
              
                
                
                  <li class="navigation__link navigation__entrance-animation">
                    <a href="/collections/nos-box-elementaires">Elémentaire</a>
                  </li>
                
              
                
                
                  <li class="navigation__link navigation__entrance-animation">
                    <a href="/products/offrir-une-box">Offrir une box</a>
                  </li>
                
              
                
                
                  <li class="navigation__link navigation__entrance-animation">
                    <a href="/pages/nos-produits-a-lunite">Nos produits à l'unité</a>
                  </li>
                
              
                
                
                  <li class="navigation__link navigation__entrance-animation">
                    <a href="/blogs/leomi">Le blog</a>
                  </li>
                
              
                
                
                  <li class="navigation__link navigation__entrance-animation">
                    <a href="/pages/contact">Contact</a>
                  </li>
                
              
            </ul>

            <ul class="navigation__links">
              
                
                  <li class="navigation__link navigation__link--secondary navigation__entrance-animation">
                    <a href="/account/login">Se connecter</a>
                  </li>
                  <li class="navigation__link navigation__link--secondary navigation__entrance-animation">
                    <a href="/account/register">Créer un compte</a>
                  </li>
                
              
              
                <li class="navigation__link navigation__link--secondary navigation__entrance-animation">
                  <a href="https://cdn.shopify.com/s/files/1/0607/7979/0524/files/CGV-LEOMI.pdf">Conditions générales de ventes</a>
                </li>
              
                <li class="navigation__link navigation__link--secondary navigation__entrance-animation">
                  <a href="/pages/politique-de-confidentialite">Politique de Confidentialité</a>
                </li>
              
                <li class="navigation__link navigation__link--secondary navigation__entrance-animation">
                  <a href="/pages/mentions-legales">Mentions légales</a>
                </li>
              
            </ul>

            
              <div class="navigation__social-sharing navigation__entrance-animation">
                <div class="social-links social-links--large"><ul class="list--inline">
    

      

      
        <li class="social-links__icon">
          <a target="_blank" href="https://www.facebook.com/leomibox" title="Leomi.fr sur Facebook" tabindex="-1">
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewbox="0 0 8.4 20.6"><path fill="#444" d="M8.4 6H5.6V4.1c0-.7.5-.9.8-.9h2V0H5.6C2.5 0 1.8 2.4 1.8 3.9V6H0v3.3h1.8v9.3h3.8V9.3h2.5L8.4 6z"/></svg>
            <span class="icon__fallback-text">Facebook</span>
          </a>
        </li>
      

    

      

      

    

      

      

    

      

      
        <li class="social-links__icon">
          <a target="_blank" href="https://www.instagram.com/leomibox/" title="Leomi.fr sur Instagram" tabindex="-1">
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewbox="0 0 512 512"><path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"/><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"/><circle cx="390.5" cy="121.5" r="30.2"/></svg>
            <span class="icon__fallback-text">Instagram</span>
          </a>
        </li>
      

    

      

      

    

      

      

    

      

      

    

      

      

    
  </ul>
</div>

              </div>
            

            <div class="navigation__search navigation__entrance-animation">
  <form action="/search" method="get" role="search">
    <div class="input-group--underline">
      <input class="input-group__field" type="search" name="q" value="" placeholder="Recherche" aria-label="Recherche" tabindex="-1">
      <div class="input-group__btn">
        <button type="submit" class="btn btn--clear btn--square" tabindex="-1">
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewbox="0 0 21.4 21.4"><path fill="#444" d="M13.4 0c-4.4 0-8 3.6-8 8 0 1.8.6 3.5 1.7 4.9L0 20l1.4 1.4 7.1-7.1c1.4 1.1 3.1 1.7 4.9 1.7 4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z"/></svg>
          <span class="icon__fallback-text">Recherche</span>
        </button>
      </div>
    </div>
  </form>
</div>

          </div>
        </div>
      </nav>
      <div class="site-header__section site-header__section--title">
        
        
          <div class="site-header__logo-wrapper h4" itemscope itemtype="http://schema.org/Organization">
        

        <a href="/" itemprop="url" class="site-header__logo">
            <style>
              .site-header__logo-image {
                height: 60px;
              }
            </style>

            <img class="site-header__logo-image" src="//leomi.fr/cdn/shop/files/Logo-simple-fond-L_x60.png?v=1645527546" srcset="//leomi.fr/cdn/shop/files/Logo-simple-fond-L_x60.png?v=1645527546 1x, //leomi.fr/cdn/shop/files/Logo-simple-fond-L_x60@2x.png?v=1645527546 2x" alt="Leomi.fr" itemprop="logo">

            
          
        </a>

        
          </div>
        
      </div>
      <div class="site-header__section site-header__section--button">
        <a href="/cart" class="btn btn--clear btn--square btn--hover-scale site-header__cart ajax-cart__toggle" aria-expanded="false">
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-header-bag" viewbox="0 0 27.2 27"><path d="M19.6 9c-.2-5.1-2.7-9-6-9s-5.8 3.9-6 9h-4v18h20V9h-4zm-6-7c2.1 0 3.8 3.2 4 7h-8c.2-3.8 1.9-7 4-7zm-8 23V11h11v14h-11zm16 0h-3V11h3v14z"/></svg>
          <span class="icon__fallback-text">Voir le panier</span>
          <span class="site-header__cart-bubble"></span>
        </a>
      </div>
    </div>
  </header>
</div>


</div>

  <div class="main-content" data-drawer-push>
    <div class="main-content__wrapper">
      <main class="content-for-layout" id="MainContent" role="main">
        <div id="shopify-section-collection-template" class="shopify-section"><div class="collection-template" data-section-id="collection-template" data-section-type="collection-template">
  

  

  <div class="page-width">
    <div class="grid text-center">
      <div class="grid__item medium-up--ten-twelfths medium-up--push-one-twelfth">
        <header class="section-header">
          <h1 class="section-header__title h2">Nos box maternelles</h1>
          
            <div class="section-header__description rte">
              Découvrez nos 3 abonnements de la petite à la grande section
            </div>
          
</header>
      </div>
    </div><div class="card-list grid" data-desktop-columns="3" data-mobile-columns="1" data-grid-style="collage">
      <div class="card-list__column grid grid__item medium-up--one-third">
        
          <div class="card critical-clear" id="Card-8654245953880" data-animate>
  <a href="/products/toute-petite-section" class="card__wrapper text-center">

    
      


  <div class="card__image-wrapper" style="padding-top:66.6875%">
    <img class="card__image lazyload fade-in"
      data-src="//leomi.fr/cdn/shop/files/tps_ca3d5c8b-b23f-45a4-a1cb-0585b84a9a86_{width}x.webp?v=1700221814"
      data-widths="[180, 220, 300, 360, 460, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
      data-aspectratio="1.499531396438613"
      data-sizes="auto"
      alt="">

    <div class="card__preloader"></div>

    <noscript>
      
      <img src="//leomi.fr/cdn/shop/files/tps_ca3d5c8b-b23f-45a4-a1cb-0585b84a9a86_1024x1024.webp?v=1700221814" alt="" class="card__image">
    </noscript>
  </div>


    

    <div class="card__info">
      

      <h3 class="card__name h4">Toute Petite section ( avant l'école)</h3>

      
        <div class="card__price">
          
            
            
              
              À partir de €10,90
            
          
        </div>
      
    </div>
    
  </a>
</div>

        
          <div class="card critical-clear" id="Card-7425058275516" data-animate>
  <a href="/products/abonnement-petite-section" class="card__wrapper text-center">

    
      


  <div class="card__image-wrapper" style="padding-top:66.6875%">
    <img class="card__image lazyload fade-in"
      data-src="//leomi.fr/cdn/shop/products/box-petits_{width}x.jpg?v=1647447994"
      data-widths="[180, 220, 300, 360, 460, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
      data-aspectratio="1.499531396438613"
      data-sizes="auto"
      alt="">

    <div class="card__preloader"></div>

    <noscript>
      
      <img src="//leomi.fr/cdn/shop/products/box-petits_1024x1024.jpg?v=1647447994" alt="" class="card__image">
    </noscript>
  </div>


    

    <div class="card__info">
      

      <h3 class="card__name h4">Petite section</h3>

      
        <div class="card__price">
          
            
            
              
              À partir de €10,90
            
          
        </div>
      
    </div>
    
  </a>
</div>

        
          <div class="card critical-clear" id="Card-7425058537660" data-animate>
  <a href="/products/abonnement-moyenne-section" class="card__wrapper text-center">

    
      


  <div class="card__image-wrapper" style="padding-top:66.6875%">
    <img class="card__image lazyload fade-in"
      data-src="//leomi.fr/cdn/shop/products/box-moyens_{width}x.jpg?v=1647447980"
      data-widths="[180, 220, 300, 360, 460, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
      data-aspectratio="1.499531396438613"
      data-sizes="auto"
      alt="">

    <div class="card__preloader"></div>

    <noscript>
      
      <img src="//leomi.fr/cdn/shop/products/box-moyens_1024x1024.jpg?v=1647447980" alt="" class="card__image">
    </noscript>
  </div>


    

    <div class="card__info">
      

      <h3 class="card__name h4">Moyenne section</h3>

      
        <div class="card__price">
          
            
            
              
              À partir de €10,90
            
          
        </div>
      
    </div>
    
  </a>
</div>

        
          <div class="card critical-clear" id="Card-7425058668732" data-animate>
  <a href="/products/abonnement-grande-section" class="card__wrapper text-center">

    
      


  <div class="card__image-wrapper" style="padding-top:66.6875%">
    <img class="card__image lazyload fade-in"
      data-src="//leomi.fr/cdn/shop/products/box-grand_{width}x.jpg?v=1647447943"
      data-widths="[180, 220, 300, 360, 460, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
      data-aspectratio="1.499531396438613"
      data-sizes="auto"
      alt="">

    <div class="card__preloader"></div>

    <noscript>
      
      <img src="//leomi.fr/cdn/shop/products/box-grand_1024x1024.jpg?v=1647447943" alt="" class="card__image">
    </noscript>
  </div>


    

    <div class="card__info">
      

      <h3 class="card__name h4">Grande section</h3>

      
        <div class="card__price">
          
            
            
              
              À partir de €10,90
            
          
        </div>
      
    </div>
    
  </a>
</div>

        
      </div>
    </div>

    

    
    
  </div>

  
</div>


</div>

      </main>

      <div id="shopify-section-footer" class="shopify-section">
<footer class="site-footer" role="contentinfo" data-section-type="footer" data-section-id="footer" data-footer-parallax>
  <div class="page-width">
    
      <div class="flex-footer">
        
          <div class="flex-footer__item flex-footer__item--menu" >
            
<ul class="site-footer__linklist">
                
                  <li class="site-footer__linklist-item h6">
                    <a href="https://cdn.shopify.com/s/files/1/0607/7979/0524/files/CGV-LEOMI.pdf">Conditions générales de ventes</a>
                  </li>
                
                  <li class="site-footer__linklist-item h6">
                    <a href="/pages/politique-de-confidentialite">Politique de Confidentialité</a>
                  </li>
                
                  <li class="site-footer__linklist-item h6">
                    <a href="/pages/mentions-legales">Mentions légales</a>
                  </li>
                
              </ul>
            
          </div>
        

        
          <div class="flex-footer__item flex-footer__item--newsletter">
            <div class="site-footer__newsletter">
              <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
                <input type="hidden" name="contact[tags]" value="newsletter">
                <label for="NewsletterEmail" class="site-footer__newsletter-label">Newsletter</label>
                <div class="site-footer__newsletter-subheading"><p>Promotions, nouveaux produits et soldes. Directement dans votre boîte de réception.</p></div>
                <div class="input-group--underline">
                  <input type="email" value="" placeholder="Mon adresse e-mail" name="contact[email]" id="NewsletterEmail" class="input-group__field site-footer__newsletter-input" aria-label="Mon adresse e-mail" autocorrect="off" autocapitalize="off">
                  <div class="input-group__btn input-group__btn--newsletter">
                    <button type="submit" class="btn--newsletter__submit">
                      S&#39;inscrire
                      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewbox="0 0 4 7"><path fill="#444" d="M4 3.5L0 7V0z"/></svg>
                    </button>
                  </div>
                </div>
                <div class="site-footer__newsletter-message" aria-role="alert">
                  
                  </div>
              </form>
            </div>
          </div>
        
      </div>
    

    <div class="site-footer__bottom">
      
        <div class="site-footer__social-icons flex-footer__item--one-third">
          <div class="social-links"><ul class="list--inline">
    

      

      
        <li class="social-links__icon">
          <a target="_blank" href="https://www.facebook.com/leomibox" title="Leomi.fr sur Facebook" tabindex="-1">
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewbox="0 0 8.4 20.6"><path fill="#444" d="M8.4 6H5.6V4.1c0-.7.5-.9.8-.9h2V0H5.6C2.5 0 1.8 2.4 1.8 3.9V6H0v3.3h1.8v9.3h3.8V9.3h2.5L8.4 6z"/></svg>
            <span class="icon__fallback-text">Facebook</span>
          </a>
        </li>
      

    

      

      

    

      

      

    

      

      
        <li class="social-links__icon">
          <a target="_blank" href="https://www.instagram.com/leomibox/" title="Leomi.fr sur Instagram" tabindex="-1">
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewbox="0 0 512 512"><path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"/><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"/><circle cx="390.5" cy="121.5" r="30.2"/></svg>
            <span class="icon__fallback-text">Instagram</span>
          </a>
        </li>
      

    

      

      

    

      

      

    

      

      

    

      

      

    
  </ul>
</div>

        </div>
      

      <div class="site-footer__copyright flex-footer__item--one-third">
        <small>Droit d&#39;auteur &copy; 2025, <a href="/" title="">Leomi.fr</a>.</small>
        <small class="site-footer__powered-by"><a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore"> </a></small>
      </div><div class="site-footer__payment-icons flex-footer__item--one-third"><span class="visually-hidden">Icônes Paiement</span>
            <ul class="payment-icons list--inline">
              
			  
                <li class="payment-icon">
                  <svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
                </li>
                <li class="payment-icon">
                  <svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
                </li>
                <li class="payment-icon">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewbox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

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

  
    <div class="site-footer__drawer-cover"></div>
  
</footer>


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

  
<div class="drawer-cover"></div>
<div class="drawer critical-hide" tabindex="-1" data-section-id="cart-drawer" data-section-type="cart-drawer" data-cart-token="" data-drawer-push aria-hidden="true">

  <form action="/cart" method="post" id="cart-drawer" novalidate class="cart-drawer cart-drawer--empty">

    <div class="cart-drawer__header">
      <div class="cart-drawer__header-container">
        <button type="button" class="cart-drawer__close-button btn btn--clear btn--square">
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewbox="0 0 16.8 16.8"><path fill="#444" d="M16.8 1.5L15.4.1 8.4 7l-7-7L0 1.4l7 7-7 7 1.4 1.4 7-7 7 7 1.4-1.4-7-7z"/></svg>
          <span class="icon__fallback-text">Fermer le panier</span>
        </button>
        <p class="cart-drawer__header-title text-title text-center">Panier</p>
      </div>
    </div>

    <div class="cart-drawer__content">
      <div class="cart-drawer__content-container">

        
        <div class="cart-drawer__empty-text">
          <p class="text-center">Votre panier est vide.</p>
        </div>

        
        <div class="cart-drawer__no-cookies">
          <p class="text-center">Activer les cookies pour utiliser le panier</p>
        </div>

        <div class="cart-drawer__item-list" data-cart-item-list>
          


          
            <div class="cart-drawer__item ajax-cart__template" data-cart-item data-cart-item-id="" data-cart-item-line-number="1" aria-live="polite">

              
              
              <a href="" class="cart-drawer__item-image" style="background-image: none;" data-cart-item-background-image data-cart-item-href></a>

              <div class="cart-drawer__item-content">
                <a href="" class="h4 cart-drawer__item-title" data-cart-item-href data-cart-item-title></a>
                <p class="cart-drawer__item-subtitle" data-cart-item-variant-title>
                  
                    
                  
                </p>

                <ul class="cart-drawer__item-properties" data-cart-item-details-list>

                  <li
                    class="cart-drawer__item-property                     visually-hidden"
                    data-cart-item-selling-plan-name
>
                    
                  </li>

                  


                  
                    
                    
                      <li class="cart-drawer__item-property ajax-cart__template" data-cart-item-property>
                        t:

                        
                        
                          e
                        
                      </li>
                    
                  
                </ul>

                <p class="cart-drawer__item-price-container" data-cart-item-price-container><span class="cart-item__original-price cart-item__price"></span></p>

                


                <ul class="order-discount order-discount--list order-discount--title order-discount--cart" aria-label="Rabais appliqué" data-cart-item-discount-list><li class="order-discount__item ajax-cart__template" data-cart-item-discount><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-saletag"><path d="M10 3a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0-3H7a1 1 0 0 0-.71.29l-6 6a1 1 0 0 0 0 1.42l4 4a1 1 0 0 0 1.42 0c.19-.2 5.8-5.81 6-6A1 1 0 0 0 12 5V2a2 2 0 0 0-2-2z" fill="#231F20"/></svg><span data-cart-item-discount-title></span> (-<span data-cart-item-discount-amount></span>)
                    </li></ul>

                <button class="cart-drawer__item-delete btn-link" type="button" data-cart-item-delete>Supprimer</button>

                <label for="quantity_" class="label--hidden" data-cart-item-label-quantity>Quantité pour cet article</label>
                <input id="quantity_" class="cart-drawer__item-quantity" value="" type="number" pattern="\d*" min="1" aria-label="Quantité pour cet article" data-cart-item-input-quantity>

              </div>
              <p class="cart-item__message text-center" aria-hidden="true" data-item-message></p>
            </div>
          

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


    <div class="cart-drawer__footer">
      <div class="cart-drawer__footer-container">
        <div class="cart-drawer__message-container">
          <div class="cart-drawer__message" data-cart-message></div>
        </div>

        


        <div data-cart-discount-container><div class="order-discount-cart-drawer-wrapper ajax-cart__template" data-cart-discount>
              <span class="order-discount order-discount--title order-discount--cart-title"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-saletag"><path d="M10 3a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0-3H7a1 1 0 0 0-.71.29l-6 6a1 1 0 0 0 0 1.42l4 4a1 1 0 0 0 1.42 0c.19-.2 5.8-5.81 6-6A1 1 0 0 0 12 5V2a2 2 0 0 0-2-2z" fill="#231F20"/></svg><span class="visually-hidden">Rabais appliqué:</span><span data-cart-discount-title></span>
              </span>
              <span class="order-discount order-discount--cart-price">-<span data-cart-discount-amount></span></span>
            </div></div>

        <div class="cart-drawer__subtotal" aria-live="polite">
          <div class="cart-drawer__subtotal-label">
            <span class="h4">Sous-total</span>
          </div>
          <div class="cart-drawer__subtotal-price">
            <span class="cart-drawer__subtotal-number" data-cart-subtotal>€0,00</span>
          </div>
        </div><p class="cart-drawer__disclaimer rte">Taxes incluses et frais de port calculés à l&#39;étape de paiement
</p>

        
        <p style="float: none; text-align: right; clear: both; margin: 10px 0;">
          <input style="float:none; vertical-align: middle;" type="checkbox" id="agreecgv" />
          <label style="display:inline; float:none" for="agreecgv">
            J'accepte les <a href="https://cdn.shopify.com/s/files/1/0607/7979/0524/files/CGV-LEOMI.pdf" target="_blank">Conditions Générales de Ventes</a>.
          </label>
        </p>
        
        <button type="submit" class="btn btn--loader cart-drawer__checkout" name="checkout" data-cart-submit disabled>
          Procéder au paiement
          <span class="btn--loader-balls"></span>
        </button>
      </div>
    </div>

  </form>
</div>


  <ul hidden>
    <li id="a11y-refresh-page-message">Le choix d&#39;une sélection entraîne l&#39;actualisation d&#39;une page entière.</li>
    <li id="a11y-selection-message">Appuyez sur la touche espace puis sur les touches fléchées pour faire une sélection.</li>
  </ul>
<div id="shopify-block-AY3pVa3ZJR0E3aHF6e__10436698916776057164" class="shopify-block shopify-app-block"><script id="subscription-helper">

        if (!window.AppstleIncluded) {
          window.AppstleIncluded = true;
          window.RS = Window.RS || {};
          RS.Config = {
            "selectors": {
                "payment_button_selectors": "form[action$='/cart/add'] .shopify-payment-button",
                "subscriptionLinkSelector": "#MainContent > div > div > div.grid__item.medium-up--four-fifths",
                "atcButtonPlacement": "BEFORE",
                "subscriptionLinkPlacement": "BEFORE",
                "cartRowSelector": "",
                "cartLineItemSelector": "",
                "cartLineItemPerQuantityPriceSelector": "",
                "cartLineItemTotalPriceSelector": "",
                "cartLineItemSellingPlanNameSelector": "",
                "cartSubTotalSelector" : "",
                "cartLineItemPriceSelector": "",
                "cartLineItemPlacement": "",
                "cartHiddenAttributesSelector": "",
                "buildABoxDiscountSelector": "",
            },
            "enableCartWidgetFeature": "false",
            "useUrlWithCustomerId": "false",
            "atcButtonSelector": ".product__add-to-cart-button",
            "moneyFormat": "\u20AC{{amount_with_comma_separator}}",
            "oneTimePurchaseText": "Paiement unique",
            "tapToSelectText": "",
            "atcButtonTextSelector": "",
            "disableCartWidgetOnVariants": "",
            "shop": "leomi-shop.myshopify.com",
            "deliveryText": "delivery",
            "purchaseOptionsText": "Options d'achat",
            "manageSubscriptionButtonText": "G\u00E9rer l'abonnement",
            "subscriptionOptionText": "Type de paiement",
            "sellingPlanSelectTitle": "Fr\u00E9quence",
            "subscriptionPriceDisplayText": "",
            "tooltipTitle": "D\u00E9tail de la souscription",
            "showTooltipOnClick": "false",
            "tooltipDesctiption": "<strong>Ayez le contr\u00F4le total de vos abonnements<\/strong><br\/><br\/>Ignorez, reprogrammez, modifiez ou annulez des livraisons \u00E0 tout moment, en fonction de vos besoins, depuis votre compte.",
            "tooltipDescriptionOnPrepaidPlan": "<b>D\u00E9tails du forfait pr\u00E9pay\u00E9<\/b><\/br> Prix total\u00A0: {{totalPrice}} (Prix pour chaque livraison\u00A0: {{pricePerDelivery}})",
            "tooltipDescriptionOnMultipleDiscount": "<b>D\u00E9tails de la remise<\/b><\/br> La remise initiale est de {{discountOne}} soit {{discountTwo}}",
            "tooltipDescriptionCustomization": "{{{defaultTooltipDescription}}} <\/br>  {{{prepaidDetails}}} <\/br> {{{discountDetails}}}",
            "orderStatusManageSubscriptionTitle": "Souscription",
            "orderStatusManageSubscriptionDescription": "Accédez à votre compte pour afficher et gérer vos abonnements. Veuillez utiliser la même adresse e-mail que celle que vous avez utilisée pour acheter l'abonnement.",
            "orderStatusManageSubscriptionButtonText": "G\u00E9rez votre Abonnement",
            "subscriptionOptionSelectedByDefault" : true,
            "totalPricePerDeliveryText" : "{{prepaidPerDeliveryPrice}}\/box + livraisons",
            "memberOnlySellingPlansJson": {},
            "nonMemberOnlySellingPlansJson": {},
            "sellingPlansJson": [{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Prélèvement automatique mensuel","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/860389564","frequencyType":"ON_SPECIFIC_DAY","specificDayValue":2,"specificDayEnabled":true,"minCycles":1,"cutOff":10,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/860389564","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Prélèvement mensuel ","groupId":258867388,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":3,"billingFrequencyInterval":"MONTH","frequencyName":"3mois","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/690460197208","frequencyType":"ON_SPECIFIC_DAY","specificDayValue":2,"specificDayEnabled":true,"maxCycles":1,"cutOff":22,"prepaidFlag":"true","idNew":"gid://shopify/SellingPlan/690460197208","planType":"PREPAID","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"frequencySequence":0,"groupName":"Box prépayée 3 mois","groupId":77294862680,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":6,"billingFrequencyInterval":"MONTH","frequencyName":"6mois","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/690460229976","frequencyType":"ON_SPECIFIC_DAY","specificDayValue":2,"specificDayEnabled":true,"maxCycles":1,"cutOff":22,"prepaidFlag":"true","idNew":"gid://shopify/SellingPlan/690460229976","planType":"PREPAID","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"frequencySequence":0,"groupName":"Box prépayée 6 mois","groupId":77294895448,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":12,"billingFrequencyInterval":"MONTH","frequencyName":"12mois","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/690460262744","frequencyType":"ON_SPECIFIC_DAY","specificDayValue":2,"specificDayEnabled":true,"maxCycles":1,"cutOff":22,"prepaidFlag":"true","idNew":"gid://shopify/SellingPlan/690460262744","planType":"PREPAID","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"frequencySequence":0,"groupName":"Box prépayées 12 mois","groupId":77294928216,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Prélèvement automatique mensuel","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/690489426264","frequencyType":"ON_SPECIFIC_DAY","specificDayValue":2,"specificDayEnabled":true,"minCycles":1,"cutOff":10,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/690489426264","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"frequencySequence":0,"groupName":"Subscribe and Save","groupId":77309870424,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Prélèvement automatique mensuel","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/690489459032","frequencyType":"ON_SPECIFIC_DAY","specificDayValue":2,"specificDayEnabled":true,"minCycles":1,"cutOff":10,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/690489459032","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"frequencySequence":0,"groupName":"Subscribe and Save","groupId":77309903192,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]}],
            "widgetEnabled": true,
            "showTooltip" : false,
            "showCartWidgetOnBundleItems" : false,
            "disablePassingSellingPlanAsLineProperties" : false,
            "sortByDefaultSequence": false,
            "showSubOptionBeforeOneTime": false,
            "detectVariantFromURLParams": false,
            "disableQueryParamsUpdate": false,
            "showStaticTooltip": false,
            "showAppstleLink": false,
            "sellingPlanTitleText" : "{{sellingPlanName}} ({{sellingPlanPrice}}\/box + livraisons)",
            "oneTimePriceText" : "{{price}}",
            "selectedPayAsYouGoSellingPlanPriceText" : "{{price}}",
            "selectedPrepaidSellingPlanPriceText" : " {{totalPrice}}",
            "selectedDiscountFormat" : "SAVE {{selectedDiscountPercentage}}",
            "manageSubscriptionBtnFormat" : "<a href='apps\/subscriptions' class='appstle_manageSubBtn' ><button class='btn' style='padding: 2px 20px'>Gérez votre Abonnement<\/button><a><br><br>",
            "manageSubscriptionUrl" : "apps\/subscriptions",
            "appstlePlanId": 162,
            "showCheckoutSubscriptionBtn": true,
            "priceSelector": ".product__current-price",
            "reloadPriceSelector": "",
            "landingPagePriceSelector": "",
            "quickViewClickSelector": "",
            "badgeTop": "-2px",
            "pricePlacement": "BEFORE",
            "disableLoadingJquery": false,
            "widgetEnabledOnSoldVariant": "false",
            "switchRadioButtonWidget": true,
            "appstlePlanName": "STARTER",
            "appstlePlanFeatures": {"accessSplitContract":false,"enableExternalApi":false,"accessMechanicsIntegration":true,"enableQuickActions":false,"enableDunningManagement":true,"enableAutoSync":false,"webhookAccess":false,"accessSubscriptionActivityLogs":true,"accessBundling":false,"analytics":true,"enableCustomEmailHtml":false,"accessAppstleMenu":false,"enableShippingProfiles":true,"accessKlaviyoContactSync":false,"accessAdvancedCustomerPortalSettings":true,"accessMechanicIntegration":true,"accessAdvanceSubscriptionPlanOptions":false,"enableSmsAlert":false,"accessOneTimeProductUpsells":false,"enableExportActivityLog":true,"accessQuickCheckout":false,"enableCustomEmailDomain":false,"enableSummaryReports":true,"accessZapierIntegration":true,"accessManualSubscriptionCreation":true,"subscriptionOrderAmount":5000,"enableSubscriptionManagement":true,"enableAutomation":false,"accessShopifyFlowIntegration":true,"enableAddToExistingSubscription":false,"enableBundling":true,"accessGorgiasIntegration":true,"accessResendEmail":false,"enableTrackInventoryInSingleBAB":true,"enableCartWidget":false,"accessDiscountOnCancellationAttempt":false,"accessWidgetDesignOptions":false,"enableCancellationManagement":false,"accessSubscriberLoyaltyFeatures":true,"enableWidgetPlacement":false,"enableIntegrations":true,"enableAdminNotificationAccess":true,"enableCustomerPortalSettings":true,"enableProductSwapAutomation":false,"enableAdvancedSellingPlans":false,"accessBuildABox":false,"accessKlaviyoEmailIntegration":true},
            "formMappingAttributeName": "",
            "formMappingAttributeSelector": "",
            "quickViewModalPollingSelector": "",
            "scriptLoadDelay": "0",
            "formatMoneyOverride": "false",
            "enableAddToExistingSubscriptionFeature": "false",
            "displayAddToExistingSubscriptionButtonForNotLoggedInV2": "",
            "showAddToSubscriptionButtonOnlyOnSubscriptionProducts": "false",
            "appstle_app_proxy_path_prefix": "apps\/subscriptions",
            "updatePriceOnQuantityChange": "",
            "widgetParentSelector": "",
            "quantitySelector": "",
            "enableAddJSInterceptor": "false",
            "isDevEnabled": false,
            "forceReloadWidgetSelector": "",
            "forceReloadOnFreqChange": false,
            "showPrepaidPlanSeparately": false,
            "debugLogsEnabled": false,
            "isUseStorefrontAPI": false,
            "storeFrontAccessToken": "",
            "reBuyEnabled": "false",
            "loyaltyDetailsLabelText": "",
            "loyaltyPerkDescriptionText": "",
            "widgetType": "",
            "showOneTimeComparePrice": false,
            "showCombinedSellingPlanCartWidget": false,
            "combinedCartWidgetSelector": "",
            "removeUnsubscribeOption": false,
            "widgetTemplateHtml": ``,
            
              "allWidgetTemplateHtml": "{\"WIDGET_TYPE_1\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_6\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n  <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n      <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper\\\">\\n            {{oneTimePuchaseText}}\\n<div class=\\\"appstle-plan-text\\\">{{{oneTimeFrequencyText}}}</div>\\n<div class=\\\"appstle-cancel-text\\\">{{{noSubscriptionLabelTextV2}}}</div>\\n</div>\\n      <div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n\\n<span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}</span></div>\\n</div>\\n          </label>\\n          \\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper\\\">\\n    \\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper appstle-selling-plan-label-name\\\">\\n                {{{name}}}\\n<div class=\\\"appstle-plan-text\\\">{{{sellingPlanFrequencyType}}}</div>\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n       <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n\\n\\n</div>   \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\"></span>\\n{{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}}    \\n</div>\\n     </div>\\n </label>\\n{{#showFormattedDiscountText}}\\n  <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide  appstle-frequency-description\\\">{{{frequencyDescription}}} </div>     \\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper appstle-selling-plan-label-name\\\">\\n                {{{name}}}\\n<div class=\\\"appstle-plan-text\\\">{{{sellingPlanFrequencyType}}}</div>\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n       <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n\\n</div>  \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n       {{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"\\\">\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}}    \\n</div>\\n</div>\\n</div>\\n</label>\\n{{#showFormattedDiscountText}}\\n  <span class=\\\"appstle_sellingPlan_discountText\\\">{{formattedDiscountText}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide  appstle-frequency-description\\\">{{{frequencyDescription}}} </div>     \\n\\n{{/prepaidFlag}}\\n      \\n           </div>\\n        {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div  class=\\\"appstle-selling-plan-name-wrapper\\\">\\n            {{oneTimePuchaseText}}\\n<div class=\\\"appstle-plan-text\\\">{{{oneTimeFrequencyText}}}</div>\\n<div class=\\\"appstle-cancel-text\\\">{{{noSubscriptionLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">{{{oneTimePuchaseComparePriceAmount}}}</span>\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}</span>\\n\\n</div>\\n          </label>\\n          \\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n    </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\"> {{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n<div class=\\\"appstle_tooltip\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n    {{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE      </a>\\n    </div>\\n    {{/showAppstleLink}}\\n    </div>\\n{{/showTooltip}}\\n<style>\\n.widgetSellingPlanWrapper {\\n    display: grid;\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n    gap: 1.5rem;\\n    grid-auto-rows: 1fr;\\n    margin-bottom: 6px;\\nmargin-top: 10px;\\n}\\n\\n.widgetSellingPlanWrapper input {\\n    display: none;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    border-radius: 10px;\\n    border: 1px solid #ff609d;\\n    padding: 0.5rem;\\n    display: flex;\\n    justify-content: center;\\n    align-items: center;\\n    font-size: 13px;\\n    font-family: monospace;\\n    display: block;\\n    height: 100%;\\n    width: 100%;\\n    font-weight: bolder;\\n    text-align: center;\\ncursor: pointer;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color:#Fef58f !important;\\ncolor: #E53D29;\\n}\\n.appstle_lowercase {\\n    text-transform: lowercase;\\n}\\n\\n\\n.appstle_input_wrapper {\\n    position: relative;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n    position: absolute;\\n    font-size: 8px;\\n    background: linear-gradient(to right,#Fef58f,#7A3900);\\n    color: white;\\n    border-radius: 3px;\\n    padding: 1px 18px;\\n    left: 50%;\\n    display: block;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n}\\n\\nspan.appstle_sellingPlan_discountText:empty {\\n    display: none !important;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price {\\n    font-size: 10px;\\n    font-weight: normal;\\n}\\ndiv.appstle_span_wrapper{\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n}\\n\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n\\tfont-family: monospace;\\n    font-size: 13px;\\n}\\n\\n</style>\\n<style>\\n.widgetSellingPlanWrapper {\\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\\n   gap: 0.8rem !important;\\n}\\n\\n.appstle_sub_widget {\\n    max-width: 100%!important;\\n} \\n\\n.widgetSellingPlanWrapper label {\\n    height: auto !important;\\n    border: none !important;\\n    font-family: 'Open Sans' !important;\\n    padding: 14px 5px !important;\\n    display: flex !important;\\n    justify-content: center !important;\\n    align-items: center !important;\\n    flex-direction: column;\\n    max-width: 100% !important;\\n    width: unset !important;\\nline-height: 20px;\\n}\\n\\n.appstle_how_does_it_work {\\n    font-size: 10px;\\n    font-weight: bold;\\n    line-height: 16px !important;\\n    margin: 6px 0px;\\n    color: #121212;\\n}\\n@media screen and (max-width: 800px) {\\n    .appstle_how_does_it_work {\\n        text-align: right;\\n    }\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_formattext_block {\\n    font-size: 10px !important;\\ntext-align: right !important;\\n    display: block;\\n}\\n\\n.appstle_span_wrapper {\\n    align-items: baseline;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_discount_block.appstle_formattedPrepaidPerDeliveryPriceText {\\n    font-size: 10px !important;\\n    display: block;\\n    text-align: right;\\n}\\n\\n.appstle_input_wrapper {\\n    display: flex;\\n    height: 100% !important;\\nflex-direction: column;\\n}\\n\\n.appstle_sub_widget input[type=radio]+label:before {\\n    content: \\\"\\\";\\n    position: absolute;\\n    inset: 0;\\n    border-radius: 12px;\\n    padding: 2px;\\n    background: #121212;\\n    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\\n    -webkit-mask-composite: xor;\\n    mask-composite: exclude;\\n    pointer-events: none;\\n    z-index: 0;\\n    transition: all 0.2s;\\n}\\n\\n.appstle_sub_widget input[type=radio]:checked+label:before {\\n    content: \\\"\\\";\\n    position: absolute;\\n    inset: 0;\\n    border-radius: 12px;\\n //   padding: 4px;\\n// background: linear-gradient(to right,#Fef58f,#7A3900);\\n//background: #E53D29;\\n  border: 2px transparent;\\n    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\\n    -webkit-mask-composite: xor;\\n    mask-composite: exclude;\\n    pointer-events: none;\\n    z-index: 0;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n    font-weight: 900;\\n    background: linear-gradient(to right,#Fef58f,#7A3900);\\n    border-radius: 100px !important;\\n    padding: 0px 8px !important;\\n    height: 20px;\\n    display: flex !important;\\n    justify-content: center;\\n    align-items: center;\\n    font-size: 10px !important;\\n    letter-spacing: 1px;\\nz-index: 2;\\n}\\n\\n.appstle_lowercase.appstle_sellingPlan_price.appstle_price_block {\\n font-size: 14px !important;\\nfont-weight: 900 !important;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount {\\n    font-size: 14px !important;\\n    font-weight: 900;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n font-size: 14px !important;\\n    font-weight: 900;\\ntext-decoration: line-through;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_text {\\n    font-size: 10px !important;\\n}\\n\\nspan.appstle-popular {\\n    position: absolute;\\n    top: -40px;\\n    background: black;\\n    color: #fff;\\n    z-index: -3;\\n    border-radius: 10px;\\n    font-size: 11px;\\n    padding: 0px 10px 29px 10px;\\nleft: 0;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n  \\n    border-radius: 14px;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n  \\n    overflow: hidden;\\n}\\n\\n.appstle-cancel-text {\\n    font-size: 10px;\\n}\\n\\n.appstle-perday-price {\\n    font-size: 10px;\\n    font-weight: 600;\\ndisplay: none;\\n}\\n\\n.appstle-plan-text {\\n    font-size: 10px;\\n    font-weight: 400;\\n}\\n\\n\\n    .widgetSellingPlanWrapper {\\n    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    flex-direction: row;\\n    justify-content: space-between !important;\\n    align-items: flex-start !important;\\nwidth: 100% !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    font-size: 18px;\\n    text-align: left;\\n    padding: 16px !important;\\nflex-basis: unset;\\n}\\n\\n.appstle_span_wrapper {\\n    justify-content: flex-end !important;\\n}\\n\\n.appstle-perday-price {\\n    text-align: right;\\n}\\n\\n.widgetSellingPlanWrapper {\\n    gap: 0.8rem !important;\\n}\\n\\nspan.appstle-popular {\\n    width: calc(100% - 20px);\\n    text-align: center;\\n    font-weight: 900;\\n    letter-spacing: 2px;\\n    font-size: 12px;\\n    top: -30px;\\nleft: 0;\\n}\\n\\nspan.appstle_sellingPlan_discountText {    \\nleft: unset !important;\\n    right: 15px;\\n    transform: translate(0, -50%) !important;\\n}\\n.appstle-cancel-text {\\n    text-align: left;\\nfont-weight: 400;\\n}\\n\\n.appstle_input_wrapper label {\\n    text-align: left !important;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n    width: 100% !important;\\n    margin: 0 !important;\\n}\\n.appstle_input_wrapper {\\n    width: 100% !important;\\nflex-direction: row;\\n}\\n.appstle_input_wrapper label {\\n    font-size: 14px !important;\\n}\\n.appstle-plan-text {\\n    font-size: 10px;\\n    font-weight: 400;\\n}\\n.widgetSellingPlanWrapper input:checked+label+span {\\n    background: linear-gradient(to right,#F5DEB3,#F5DEB3) !important;\\n}\\n.appstle_onetime_block .appstle_span_wrapper {\\n    grid-column: 2;\\n}\\n.appstle-frequency-description {\\n  text-align: right !important;\\n}\\n\\n\\n.appstle-sm-hide {\\n  display: none;\\n}\\n\\n@media screen and (min-width: 800px) {\\n.appstle-lg-show {\\n  display: block;\\n}\\n.appstle-lg-hide {\\n  display: none;\\n}\\n\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_formattedCompareAtPrice.appstle_price_block {\\n    text-decoration: line-through;\\n    display: block;\\n    margin-right: 3px;\\n    font-size: 12px !important;\\n    color: #121212;\\n}\\n\\n.appstle_span_wrapper > * {\\nflex-shrink: 0\\n}\\n\\n\\n</style>\\n</div>\\n{% endraw %}\",\"WIDGET_TYPE_2\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_3\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n  <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n      <div class=\\\"widgetSellingPlanWrapper appstle_subscription_wrapper\\\">\\n{{#showSubOptionBeforeOneTime}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n             {{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n                 {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n        {{#prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n               {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n        </div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n      \\n           </div>\\n        {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n       {{^requires_selling_plan}}\\n        <div class=\\\"appstle_input_wrapper appstle_onetime\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"{{sellingPlanId}}\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" class=\\\"appstle_widget_three\\\">\\n            {{oneTimePuchaseText}}\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n{{{oneTimePuchaseAmount}}}</span>\\n          </label>\\n          \\n        </div>\\n        {{/requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n             {{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n                 {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n        {{#prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n               {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n        </div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n      \\n           </div>\\n        {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n    </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n<div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n   {{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE\\n      </a>\\n    </div>\\n{{/showAppstleLink}}\\n    </div>\\n{{/showTooltip}}\\n<style>.widgetSellingPlanWrapper {\\n    display: grid;\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n    gap: 0.5rem;\\n    grid-auto-rows: 1fr;\\n    margin-bottom: 6px;\\n}\\n.widgetSellingPlanWrapper input {\\n    display: none;\\n}\\n.widgetSellingPlanWrapper label {\\n    border-radius: 8px;\\n    border: 1px solid #E60000;\\n    padding: 0.5rem;\\n    display: flex;\\n    justify-content: center;\\n    align-items: center;\\n    font-size: 13px;\\n    display: block;\\n    height: 100%;\\n    width: 100%;\\n    text-align: center;\\ncursor: pointer;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color: #ffffff;\\n    color: #000000;\\n    border: 2px solid black !important;\\n}\\n.appstle_lowercase {\\n    text-transform: lowercase;\\n}\\n.appstle_input_wrapper {\\n    position: relative;\\n}\\nspan.appstle_sellingPlan_discountText {\\n    position: absolute;\\n    background-color: black;\\n    color: white;\\n    border-radius: 3px;\\n    padding: 1px 18px;\\n    left: 50%;\\n    display: block;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n}\\nspan.appstle_sellingPlan_discountText:empty {\\n    display: none !important;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price {\\n    font-size: 13px;\\n    font-weight: normal;\\n    color: red;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n    font-size: 13px;\\n    font-weight: normal;\\n    color: red;\\n    text-decoration: line-through;\\n    padding: 0 3px;\\n}\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n    font-size: 13px;\\n   margin-top: 8px;\\n    margin-bottom: 16px;\\n}\\n.appstle_subscription_wrapper {\\n    border: none !important;\\n}\\nlabel.appstle_widget_three {\\n    display: flex;\\n    flex-direction: column;\\n}\\n.widgetSellingPlanWrapper input:checked+label span {\\n    color: black !important;\\n}\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_4\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n  <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n      <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n            {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n          </label>\\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper\\\">\\n      <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\">\\n                {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}<span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\">/{{{sellingPlanFrequencyText}}}{{#isFrequencySubsequent}}{{/isFrequencySubsequent}}</span>\\n</div>\\n </label>\\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n                {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n</div>\\n</label>\\n{{/prepaidFlag}}\\n           </div>\\n        {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n            {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n          </label>\\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n    </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\"> {{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n    <div class=\\\"appstle_tooltip\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n{{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE\\n      </a>\\n    </div>\\n{{/showAppstleLink}}\\n    </div>\\n{{/showTooltip}}\\n<style>\\n.widgetSellingPlanWrapper {\\n    display: grid;\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n    gap: 16px;\\n    grid-auto-rows: 1fr;\\n    margin-bottom: 6px;\\nmargin-top: 10px\\n}\\n.widgetSellingPlanWrapper input {\\n    display: none;\\n}\\n.widgetSellingPlanWrapper label {\\n    border-radius: 10px;\\n    border: 1px solid #FF609D;\\n    padding: 0.5rem;\\n    display: flex !important;\\n    flex-direction: column;\\n    justify-content: center;\\n    align-items: center;\\n    font-size: 11px;\\n    font-family: monospace;\\n    display: block;\\n    height: 100%;\\n    width: 100%;\\n    font-weight: bolder;\\n    text-align: center;\\ncursor: pointer;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color: #FFF4F8;\\n}\\n.appstle_lowercase {\\n    text-transform: lowercase;\\n}\\n.appstle_input_wrapper {\\n    position: relative;\\n}\\nspan.appstle_sellingPlan_discountText {\\n    position: absolute;\\n    font-size: 8px;\\n    background-color: #724CF9;\\n    color: white;\\n    border-radius: 3px;\\n    padding: 1px 18px;\\n    left: 50%;\\n    display: block;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n}\\nspan.appstle_sellingPlan_discountText:empty {\\n    display: none !important;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price {\\n    font-size: 10px;\\n    font-weight: normal;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n    font-size: 10px;\\n    font-weight: normal;\\ntext-decoration: line-through;\\n}\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n\\tfont-family: monospace;\\n    font-size: 13px;\\n}\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_5\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n    <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n        <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^showSubOptionBeforeOneTime}}\\n{{^requires_selling_plan}}\\n          <div class=\\\"appstle_input_wrapper\\\">\\n            <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}/>\\n            <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n              {{{oneTimePuchaseText}}}\\n            </label>\\n            \\n          </div>\\n{{/requires_selling_plan}}\\n{{/showSubOptionBeforeOneTime}}\\n          {{#sellingPlanVariants}}\\n             <div class=\\\"appstle_input_wrapper\\\">\\n               <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\"  {{#isChecked}}checked{{/isChecked}} />\\n               <label for=\\\"{{sellingPlanId}}\\\">\\n                  {{{name}}}\\n               </label>\\n        \\n             </div>\\n          {{/sellingPlanVariants}}\\n{{#showSubOptionBeforeOneTime}}\\n{{^requires_selling_plan}}\\n          <div class=\\\"appstle_input_wrapper\\\">\\n            <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}/>\\n            <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n              {{{oneTimePuchaseText}}}\\n            </label>\\n            \\n          </div>\\n{{/requires_selling_plan}}\\n{{/showSubOptionBeforeOneTime}}\\n      </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n<div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n  {{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE\\n      </a>\\n    </div>\\n  {{/showAppstleLink}}\\n    </div>\\n{{/showTooltip}}\\n  <style>\\n  .widgetSellingPlanWrapper {\\n      display: grid;\\n      grid-template-columns: repeat(2, minmax(0, 1fr));\\n      gap: 8px;\\n      grid-auto-rows: 1fr;\\n      margin-bottom: 6px;\\n      margin-top: 10px;\\n  }\\n  \\n  .widgetSellingPlanWrapper input {\\n      display: none;\\n  }\\n  \\n  .widgetSellingPlanWrapper label {\\n      border-radius: 4px;\\n      border: 1px solid #012935;\\n      padding: 0.5rem;\\n      display: flex;\\n      justify-content: center;\\n      align-items: center;\\n      font-size: 11px;\\n      font-family: sans-serif;\\n      display: block;\\n      height: 100%;\\n      width: 100%;\\n      font-weight: bolder;\\n      text-align: center;\\n \\t color: #012935;\\ncursor: pointer;\\n  }\\n  \\n  .widgetSellingPlanWrapper input:checked+label {\\n      background-color: #012935;\\n \\t color: white;\\n  }\\n  .appstle_lowercase {\\n      text-transform: lowercase;\\n  }\\n  \\n  \\n  .appstle_input_wrapper {\\n      position: relative;\\n  }\\n  \\n  span.appstle_sellingPlan_discountText {\\n      position: absolute;\\n      font-size: 8px;\\n      background-color: #724cf9;\\n      color: white;\\n      border-radius: 3px;\\n      padding: 1px 18px;\\n      left: 50%;\\n      display: block;\\n      transform: translate(-50%, -50%);\\n      white-space: nowrap;\\n  }\\n  \\n  span.appstle_sellingPlan_discountText:empty {\\n      display: none !important;\\n  }\\n  \\n  span.appstle_lowercase.appstle_sellingPlan_price {\\n      font-size: 10px;\\n      font-weight: normal;\\n  }\\n  \\n  #appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n  \\tfont-family: sans-serif;\\n      font-size: 13px;\\n  }\\n  </style>\\n  </div>{% endraw %}\"}",
            
            
              "bundle": {},
            
            
              "labels": `{\"appstle.subscription.wg.noSubscriptionLabelTextV2\":\"No Subscription\",\"appstle.subscription.wg.cancelAnytimeLabelTextV2\":\"Cancel Anytime\",\"appstle.subscription.wg.addToShipmentErrorTextV2\":\"Error\",\"appstle.subscription.wg.weeksFrequencyTextV2\":\"Weeks\",\"appstle.subscription.wg.weeklyLabelTextV2\":\"Weekly\",\"appstle.subscription.wg.displayAddToExistingSubscriptionButtonForNotLoggedInV2\":\"false\",\"appstle.subscription.wg.addToShipmentProcessingV2\":\"Processing...\",\"appstle.subscription.wg.subscribeAndSaveInitalV2\":\"Subscribe & save\",\"appstle.subscription.wg.deliveryEveryFrequencyTextV2\":\"Delivery Every\",\"appstle.subscription.wg.prepaidLabelTextV2\":\"Prepaid\",\"appstle.subscription.wg.daysFrequencyTextV2\":\"Days\",\"appstle.subscription.wg.monthlyLabelTextV2\":\"Monthly\",\"appstle.subscription.wg.subscribeAndSaveSuccessV2\":\"Subscribe success\",\"appstle.subscription.wg.addToShipmentSuccessTextV2\":\"Success\",\"appstle.subscription.wg.monthFrequencyTextV2\":\"Month\",\"appstle.subscription.wg.addToShipmentButtonTextV2\":\"Add to Shipment\",\"appstle.subscription.wg.displayAddToExistingSubscriptionButtonToSubscribersOnlyV2\":\"false\",\"appstle.subscription.wg.yearsFrequencyTextV2\":\"Years\",\"appstle.subscription.wg.addToShipmentTooltipTextV2\":\"Please avoid double delivery charges! Login to add this product to an upcoming delivery.\",\"appstle.subscription.wg.weekFrequencyTextV2\":\"Week\",\"appstle.subscription.wg.oneTimePurchaseTextV2\":\"Paiement unique\",\"appstle.subscription.wg.loyaltyPerkDescriptionTextV2\":\"{{#isDiscountTypeFreeProduct}}<div style='display: flex;'><div style='height: 60px; width: 60px; flex-shrink: 0; margin-right: 10px;'><img style='width: 100%' src={{{featured_image}}}><\/img><\/div><div>After {{{billingCycleBlock}}} orders,<span style='color: #ffc000;font-weight: 700;';> get a FREE {{freeProductName}} <\/span><\/div><div>{{\/isDiscountTypeFreeProduct}}{{#isDiscountTypePercentage}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{discount}}}% OFF your entire order<\/span><\/span>.{{\/isDiscountTypePercentage}}{{#isDiscountTypeShipping}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>shipping at {{{formatDiscountedPrice}}}<\/span><\/span>.{{\/isDiscountTypeShipping}}{{#isDiscountTypeFixed}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{formatDiscountedPrice}}} OFF your entire order<\/span><\/span>.{{\/isDiscountTypeFixed}}\",\"appstle.subscription.wg.unsubscribeFrequencyTextV2\":\"unsubscribe\",\"appstle.subscription.wg.oneTimeFrequencyTextV2\":\"One Time\",\"appstle.subscription.wg.dayFrequencyTextV2\":\"day\",\"appstle.subscription.wg.allowFulfilmentCountViaPropertiesV2\":\"true\",\"appstle.subscription.wg.monthsFrequencyTextV2\":\"Months\",\"appstle.subscription.wg.prepaidSaveBadgeTextV2\":\"SAVE {{selectedDiscountPercentage}}\",\"appstle.subscription.wg.manageSubscriptionButtonTextV2\":\"Manage Subscription\",\"appstle.subscription.wg.offFrequencyTextV2\":\"Off\",\"appstle.subscription.wg.yearFrequencyTextV2\":\"Year\",\"appstle.subscription.wg.prepayLabelTextV2\":\"Prepay\",\"appstle.subscription.wg.sellingPlanTitleTextNonPrepaid\":\"{{sellingPlanName}}\",\"appstle.subscription.wg.selectDeliverOptionV2\":\"select deliver option\",\"appstle.subscription.wg.yearlyLabelTextV2\":\"Yearly\"}`,
            
            "css": {
                "appstle_subscription_widget": {
                    "margin-top": "" ,
                    "margin-bottom": "",
                },

                "appstle_subscription_wrapper": {
                    "border-width": "",
                    "border-color": "",
                },

                "appstle_circle": {
                    "border-color": "",
                },

                "appstle_dot": {
                    "background-color": "",
                },

                "appstle_select": {
                    "padding-top": "",
                    "padding-bottom": "",
                    "padding-left": "",
                    "padding-right": "",
                    "border-width": "",
                    "border-style": "",
                    "border-color": "",
                    "border-radius": "",
                },

                "tooltip_subscription_svg": {
                    "fill": "",
                },

                "appstle_tooltip": {
                    "color": "",
                    "background-color": "",
                },

                "appstle_tooltip_border_top_color": {
                    "border-top-color": "",
                },

                "appstle_subscription_final_price": {
                    "color": "",
                },
                "appstle_widget_text_color": {
                    "color": "",
                },
                "appstle_selected_background": {
                    "background": "transparent",
                },
                "elementCSS": "[]",
                "customCSS": "",
                "customerPortalCss": "",
                "externalStyleTag": "",
                "themeCss": "",
            }
          };

          window.AppstleSubscription = window.AppstleSubscription || JSON.parse(JSON.stringify(RS));

          sessionStorage['appstleSubscriptionConfig'] = JSON.stringify(RS.Config);

          var _RSConfig = _RSConfig || {};

          _RSConfig.shop = 'leomi-shop.myshopify.com';

          

          

            
            _RSConfig.shopMoneyFormat = '€{{amount_with_comma_separator}}';
            _RSConfig.shopMoneyFormatWithCurrencyFormat = '€{{amount_with_comma_separator}} EUR';
            

            

        }

</script>
<style>

</style>
<script>
    function pollAppstleInit() {
        if (window?.appstleInit) {
        window?.appstleInit()
        } else {
        setTimeout(pollAppstleInit, 30);
        }
    }
</script>















    <script src="https://subscription-admin.appstle.com/assets/js/appstle-subscription.min.js?shop=leomi-shop.myshopify.com&v=1732785934139" defer></script>

    



</div></body>
</html>