<!doctype html>
<html
lang="en"
>
<head><link
rel="icon"
type="image/png"
href="//bluemoonfactory.com/cdn/shop/files/BMF_Icone.png?crop=center&height=32&v=1765239786&width=32"
>
<link
rel="expect"
href="#MainContent"
blocking="render"
id="view-transition-render-blocker"
>
<meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="Blue Moon Factory"
>
<meta
property="og:url"
content="https://bluemoonfactory.com/en"
>
<meta
property="og:title"
content="Blue Moon | Bougies & Créations parfumées"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Blue Moon est une marque artisanale française qui imagine des bougies et fondants parfumés inspirés de plaisirs sucrés, pour se plonger dans une petite bulle de douceur réconfortante"
><meta
property="og:image"
content="http://bluemoonfactory.com/cdn/shop/files/Group_196.png?v=1774518654"
>
<meta
property="og:image:secure_url"
content="https://bluemoonfactory.com/cdn/shop/files/Group_196.png?v=1774518654"
>
<meta
property="og:image:width"
content="4096"
>
<meta
property="og:image:height"
content="1951"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Blue Moon | Bougies & Créations parfumées"
>
<meta
name="twitter:description"
content="Blue Moon est une marque artisanale française qui imagine des bougies et fondants parfumés inspirés de plaisirs sucrés, pour se plonger dans une petite bulle de douceur réconfortante"
>
<title>
Blue Moon | Bougies & Créations parfumées
– Blue Moon Factory</title>
<link
rel="canonical"
href="https://bluemoonfactory.com/en"
>
<meta
name="description"
content="Blue Moon est une marque artisanale française qui imagine des bougies et fondants parfumés inspirés de plaisirs sucrés, pour se plonger dans une petite bulle de douceur réconfortante"
>
<link href="//bluemoonfactory.com/cdn/shop/t/4/assets/overflow-list.css?v=101911674359793798601766697342" as="style" rel="preload">
<link href="//bluemoonfactory.com/cdn/shop/t/4/assets/base.css?v=97351088950905143401781354688" rel="stylesheet" type="text/css" media="all" />
<link
rel="preload"
as="font"
href="//bluemoonfactory.com/cdn/fonts/rubik/rubik_n4.c2fb67c90aa34ecf8da34fc1da937ee9c0c27942.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//bluemoonfactory.com/cdn/fonts/rubik/rubik_i3.b05e6185d3b0db0348bd29e75970654320ebece5.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//bluemoonfactory.com/cdn/fonts/rubik/rubik_n7.9ddb1ff19ac4667369e1c444a6663062e115e651.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//bluemoonfactory.com/cdn/fonts/rubik/rubik_n5.46f1bf0063ef6b3840ba0b9b71e86033a15b4466.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/overflow-list": "//bluemoonfactory.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511766697341",
"@theme/product-title": "//bluemoonfactory.com/cdn/shop/t/4/assets/product-title-truncation.js?v=81744426891537421781766697342",
"@theme/component": "//bluemoonfactory.com/cdn/shop/t/4/assets/component.js?v=184240237101443119871766697343",
"@theme/dialog": "//bluemoonfactory.com/cdn/shop/t/4/assets/dialog.js?v=61774032287387761671766697342",
"@theme/events": "//bluemoonfactory.com/cdn/shop/t/4/assets/events.js?v=147926035229139604561766697341",
"@theme/focus": "//bluemoonfactory.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401766697342",
"@theme/morph": "//bluemoonfactory.com/cdn/shop/t/4/assets/morph.js?v=35457747882330740861766697341",
"@theme/paginated-list": "//bluemoonfactory.com/cdn/shop/t/4/assets/paginated-list.js?v=95298315036233333871766697343",
"@theme/performance": "//bluemoonfactory.com/cdn/shop/t/4/assets/performance.js?v=171015751390534793081766697341",
"@theme/product-form": "//bluemoonfactory.com/cdn/shop/t/4/assets/product-form.js?v=37993400097492174081766697341",
"@theme/recently-viewed-products": "//bluemoonfactory.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651766697342",
"@theme/scrolling": "//bluemoonfactory.com/cdn/shop/t/4/assets/scrolling.js?v=118005526288211533611766697343",
"@theme/section-renderer": "//bluemoonfactory.com/cdn/shop/t/4/assets/section-renderer.js?v=117273408521114569061766697343",
"@theme/section-hydration": "//bluemoonfactory.com/cdn/shop/t/4/assets/section-hydration.js?v=177651605160027701221766697342",
"@theme/utilities": "//bluemoonfactory.com/cdn/shop/t/4/assets/utilities.js?v=74252600229394689081766697342",
"@theme/variant-picker": "//bluemoonfactory.com/cdn/shop/t/4/assets/variant-picker.js?v=124079696159966615681766697343",
"@theme/media-gallery": "//bluemoonfactory.com/cdn/shop/t/4/assets/media-gallery.js?v=111441960308641931071766697341",
"@theme/quick-add": "//bluemoonfactory.com/cdn/shop/t/4/assets/quick-add.js?v=148903382353369979481766697342",
"@theme/paginated-list-aspect-ratio": "//bluemoonfactory.com/cdn/shop/t/4/assets/paginated-list-aspect-ratio.js?v=25254270272143792451766697342",
"@theme/popover-polyfill": "//bluemoonfactory.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201766697343",
"@theme/component-quantity-selector": "//bluemoonfactory.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641766697342",
"@theme/comparison-slider": "//bluemoonfactory.com/cdn/shop/t/4/assets/comparison-slider.js?v=106705562947035711941766697343",
"@theme/sticky-add-to-cart": "//bluemoonfactory.com/cdn/shop/t/4/assets/sticky-add-to-cart.js?v=48956925339276737091766697343",
"@theme/fly-to-cart": "//bluemoonfactory.com/cdn/shop/t/4/assets/fly-to-cart.js?v=129971753673458693881766697343"
}
}
</script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/view-transitions.js?v=7106414069516106341766697341"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//bluemoonfactory.com/cdn/shop/t/4/assets/utilities.js?v=74252600229394689081766697342"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bluemoonfactory.com/cdn/shop/t/4/assets/component.js?v=184240237101443119871766697343"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bluemoonfactory.com/cdn/shop/t/4/assets/section-renderer.js?v=117273408521114569061766697343"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bluemoonfactory.com/cdn/shop/t/4/assets/section-hydration.js?v=177651605160027701221766697342"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bluemoonfactory.com/cdn/shop/t/4/assets/morph.js?v=35457747882330740861766697341"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bluemoonfactory.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401766697342"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bluemoonfactory.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651766697342"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bluemoonfactory.com/cdn/shop/t/4/assets/scrolling.js?v=118005526288211533611766697343"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bluemoonfactory.com/cdn/shop/t/4/assets/events.js?v=147926035229139604561766697341"
fetchpriority="low"
>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201766697343"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511766697341"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/quick-add.js?v=148903382353369979481766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/cart-discount.js?v=107077853990124422021766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/dialog.js?v=61774032287387761671766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/variant-picker.js?v=124079696159966615681766697343"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/product-card.js?v=124402285637860180781766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/product-form.js?v=37993400097492174081766697341"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/fly-to-cart.js?v=129971753673458693881766697343"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/accordion-custom.js?v=99000499017714805851766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/disclosure-custom.js?v=168050880623268140331766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/media.js?v=37825095869491791421766697343"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/product-price.js?v=117989390664188536191766697341"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/product-sku.js?v=121804655373531320511766697343"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/product-title-truncation.js?v=81744426891537421781766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/product-inventory.js?v=16343734458933704981766697341"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/show-more.js?v=94563802205717136101766697343"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/slideshow.js?v=40796646405849125981766697343"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/layered-slideshow.js?v=30135417790894624731766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/anchored-popover.js?v=95953304814728754461766697343"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/floating-panel.js?v=128677600744947036551766697343"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/video-background.js?v=25237992823806706551766697341"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/media-gallery.js?v=111441960308641931071766697341"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/rte-formatter.js?v=101420294193111439321766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/volume-pricing.js?v=15442793518842484731766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/price-per-item.js?v=144512917617120124431766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661766697343"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/localization.js?v=15585934801240115691766697341"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/product-card-link.js?v=97122579314620396511766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/auto-close-details.js?v=58350291535404441581766697343"
defer="defer"
></script>
<script>
const Theme = {
translations: {
placeholder_image: `Placeholder image`,
added: `Added`,
recipient_form_fields_visible: `Recipient form fields are now visible`,
recipient_form_fields_hidden: `Recipient form fields are now hidden`,
recipient_form_error: `There was an error with the form submission`,
items_added_to_cart_one: `1 item added to cart`,
items_added_to_cart_other: `{{ count }} items added to cart`,
},
routes: {
cart_add_url: '/en/cart/add.js',
cart_change_url: '/en/cart/change',
cart_update_url: '/en/cart/update',
cart_url: '/en/cart',
predictive_search_url: '/en/search/suggest',
search_url: '/en/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: Rubik;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_n4.c2fb67c90aa34ecf8da34fc1da937ee9c0c27942.woff2") format("woff2"),
url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_n4.d229bd4a6a25ec476a0829a74bf3657a5fd9aa36.woff") format("woff");
}
@font-face {
font-family: Rubik;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_n7.9ddb1ff19ac4667369e1c444a6663062e115e651.woff2") format("woff2"),
url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_n7.2f2815a4763d5118fdb49ad25ccceea3eafcae92.woff") format("woff");
}
@font-face {
font-family: Rubik;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_i4.528fdfa8adf0c2cb49c0f6d132dcaffa910849d6.woff2") format("woff2"),
url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_i4.937396c2106c0db7a4072bbcd373d4e3d0ab306b.woff") format("woff");
}
@font-face {
font-family: Rubik;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_i7.e37585fef76596b7b87ec84ca28db2ef5e3df433.woff2") format("woff2"),
url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_i7.a18d51774424b841c335ca3a15ab66cba9fce8c1.woff") format("woff");
}
@font-face {
font-family: Rubik;
font-weight: 300;
font-style: italic;
font-display: swap;
src: url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_i3.b05e6185d3b0db0348bd29e75970654320ebece5.woff2") format("woff2"),
url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_i3.17e9c9c746422f896724a3d9c732ae33fc2e19fd.woff") format("woff");
}
@font-face {
font-family: Rubik;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_n5.46f1bf0063ef6b3840ba0b9b71e86033a15b4466.woff2") format("woff2"),
url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_n5.c73c6e4dcc7dfb4852265eb6e0e59860278f8b84.woff") format("woff");
}
@font-face {
font-family: Rubik;
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_i5.19a99c8c803a7eb25104a980b664bd43b48a64b8.woff2") format("woff2"),
url("//bluemoonfactory.com/cdn/fonts/rubik/rubik_i5.db4b713e0bbf7f5de357c310adbf9d63fefcef30.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: Rubik, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Rubik, sans-serif;
--font-subheading--style: italic;
--font-subheading--weight: 300;
--font-heading--family: Rubik, sans-serif;
--font-heading--style: normal;
--font-heading--weight: 700;
--font-accent--family: Rubik, sans-serif;
--font-accent--style: normal;
--font-accent--weight: 500;
/* Margin sizes */
--font-h1--spacing: 0.25em;
--font-h2--spacing: 0.25em;
--font-h3--spacing: 0.25em;
--font-h4--spacing: 0.25em;
--font-h5--spacing: 0.25em;
--font-h6--spacing: 0.25em;
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 32.5em;
--max-width--body-narrow: 22.75em;
--max-width--heading-normal: 32.5em;
--max-width--heading-narrow: 19.5em;
--max-width--display-normal: 13em;
--max-width--display-narrow: 9.75em;
--max-width--display-tight: 3.25em;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 1.125rem;--font-size--h1: clamp(4.5rem, 12.0vw, 7.5rem);--font-size--h2: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h3: clamp(1.75rem, 4.8vw, 3.0rem);--font-size--h4: 1.5rem;--font-size--h5: 0.75rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-tight);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-body--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-body--family);--font-h5--style: var(--font-body--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-tight);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-tight);
/* Hardcoded font sizes */
--font-size--3xs: 0.625rem;
--font-size--2xs: 0.75rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 0px;
--style-border-radius-buttons-primary: 20px;
--style-border-radius-buttons-secondary: 0px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 0px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-accent--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case: ;
--button-text-case-primary: uppercase;
--button-text-case-secondary: uppercase;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
--border-radius-sm: 0.25rem;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 18;
--variant-picker-swatch-height-unitless: 18;
--variant-picker-swatch-width: 18px;
--variant-picker-swatch-height: 18px;
--variant-picker-swatch-radius: 0px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 20px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-heading--family);
--cart-secondary-font-style: var(--font-heading--style);
--cart-secondary-font-weight: var(--font-heading--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(102 102 102 / 1.0);
--color-primary-rgb: 102 102 102;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(56 56 56 / 1.0);
--color-primary-button-hover-border: rgb(56 56 56 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(239 239 239 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(255 255 255 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(0 0 0 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(102 102 102 / 1.0);
--color-primary-hover-rgb: 102 102 102;
--color-border: rgb(0 0 0 / 0.11);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(56 56 56 / 1.0);
--color-primary-button-hover-border: rgb(56 56 56 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(56 56 56 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(56 56 56 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 0.92);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(242 242 242 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 242 242 242;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(102 102 102 / 1.0);
--color-primary-rgb: 102 102 102;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(208 208 208 / 1.0);
--color-border-rgb: 208 208 208;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(56 56 56 / 1.0);
--color-primary-button-hover-border: rgb(56 56 56 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(181 233 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 181 233 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 1.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 0.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 0.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
--color-input-background: rgb(56 56 56 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 1.0);
--color-input-hover-background: rgb(92 92 92 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(0 0 0 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(172 172 172 / 1.0);
--color-primary-hover-rgb: 172 172 172;
--color-border: rgb(102 102 102 / 1.0);
--color-border-rgb: 102 102 102;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(0 0 0 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 1.0);
--color-input-hover-background: rgb(24 24 24 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(172 172 172 / 1.0);
--color-primary-hover-rgb: 172 172 172;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-669a2322-92e9-4b9f-a081-fcf8151e7342 {
--color-background: rgb(255 176 186 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 176 186;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(102 102 102 / 1.0);
--color-primary-rgb: 102 102 102;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(56 56 56 / 1.0);
--color-primary-button-hover-border: rgb(56 56 56 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(239 239 239 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(255 255 255 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(0 0 0 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6aae3afe-86a9-4006-9848-e56053f0f7c8 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(102 102 102 / 1.0);
--color-primary-rgb: 102 102 102;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(56 56 56 / 1.0);
--color-primary-button-hover-border: rgb(56 56 56 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(239 239 239 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(255 255 255 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(0 0 0 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-b2453928-bffd-43c2-a86c-a8551e54c515 {
--color-background: rgb(248 238 219 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 248 238 219;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(254 155 77 / 1.0);
--color-foreground-rgb: 254 155 77;
--color-foreground-heading: rgb(254 155 77 / 1.0);
--color-foreground-heading-rgb: 254 155 77;
--color-primary: rgb(102 102 102 / 1.0);
--color-primary-rgb: 102 102 102;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(254 155 77 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 0.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(254 155 77 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 0.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(239 239 239 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(255 255 255 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(0 0 0 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-df2ff0a4-be46-4958-8d8b-e13506f6a795 {
--color-background: rgb(254 155 77 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 254 155 77;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(248 238 219 / 1.0);
--color-foreground-rgb: 248 238 219;
--color-foreground-heading: rgb(248 238 219 / 1.0);
--color-foreground-heading-rgb: 248 238 219;
--color-primary: rgb(102 102 102 / 1.0);
--color-primary-rgb: 102 102 102;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(56 56 56 / 1.0);
--color-primary-button-hover-border: rgb(56 56 56 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(239 239 239 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(255 255 255 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(0 0 0 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-669a2322-92e9-4b9f-a081-fcf8151e7342, .color-scheme-6aae3afe-86a9-4006-9848-e56053f0f7c8, .color-scheme-b2453928-bffd-43c2-a86c-a8551e54c515, .color-scheme-df2ff0a4-be46-4958-8d8b-e13506f6a795 {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/97408319814/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="8b603a79767c6a00e1aebb854d7a032b">
<meta id="in-context-paypal-metadata" data-shop-id="97408319814" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" hreflang="x-default" href="https://bluemoonfactory.com/">
<link rel="alternate" hreflang="fr" href="https://bluemoonfactory.com/">
<link rel="alternate" hreflang="en" href="https://bluemoonfactory.com/en">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-FR&shop_id=97408319814" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":97408319814,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/97408319814","merchantName":"Blue Moon Factory","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Blue Moon Factory","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"8b603a79767c6a00e1aebb854d7a032b","betas":["rich-media-storefront-analytics"],"domain":"bluemoonfactory.com","predictiveSearch":true,"shopId":97408319814,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "ftnw97-kn.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Atelier","id":186537115974,"schema_name":"Atelier","schema_version":"3.2.1","theme_store_id":3621,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "bluemoonfactory.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/en/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//bluemoonfactory.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
await import("//bluemoonfactory.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script id="__st">var __st={"a":97408319814,"offset":7200,"reqid":"918a84cf-9507-40b0-aa6a-c900f2b4cdb8-1783446233","pageurl":"bluemoonfactory.com\/en","u":"26c55bf85d13","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//bluemoonfactory.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//bluemoonfactory.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//bluemoonfactory.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "ftnw97-kn.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/bluemoonfactory.com\/api\/mcp";
window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.0.3.js","");
</script>
<script id='scb4127' type='text/javascript' async='' src='https://bluemoonfactory.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link rel="stylesheet" media="screen" href="//bluemoonfactory.com/cdn/shop/t/4/compiled_assets/styles.css?v=125115522352604652171782070956">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- BEGIN app block: shopify://apps/rimix-product-badges/blocks/rimix-helper/46f9dcab-fec8-4959-8563-b2334479cd94 -->
<script id="rm-product-badges-scripts">
window.RMPB_PLAN ={"name":"Starter","status":"ACTIVE"};
window.RMPB_PRODUCTBADGES =[{"id":"69bf63df72ea02faf97e69b3","status":"active","title":"NOUVEAUTÉ","editorData":{"badgeType":"text_badge","badgePosition":"inside_image","badgeMargin":{"desktop":{"top":"10","bottom":0,"left":"10","right":0},"mobile":{"top":0,"bottom":0,"left":0,"right":0}},"badgeAlignment":{"desktop":"top_left","mobile":"top_left"},"badgePAlignment":{"desktop":"left","mobile":"left"},"badgeAlignmentCustom":{"desktop":{"top":0,"right":"","bottom":"","left":0,"vertical":false,"horizontal":false},"mobile":{"top":0,"right":"","bottom":"","left":0,"vertical":false,"horizontal":false}},"badgeShowOn":["desktop","mobile"],"badgeShowOnPage":["cart","collection","index","list-collections","search"],"animation":{"badgeAnimation":"none","badgeAnimationRepeat":"infinity","badgeAnimationTimes":5},"url":{"badgeUrl":"","badgeUrlTarget":"_blank"},"badgeTooltipText":{"default":""},"schedule":{"badgeScheduleStart":false,"badgeScheduleEnd":false,"badgeScheduleStartDate":"2026-03-22T03:23:48.030Z","badgeScheduleEndDate":"2026-03-22T03:23:48.030Z","badgeScheduleStartTime":"00:00","badgeScheduleEndTime":"00:00","startDateTime":"2026-03-21T23:00:00.000Z","endDateTime":"2026-03-21T23:00:00.000Z"},"condition":{"badgeApplyTo":["manual"],"badgeProductsManual":[{"id":"gid:\/\/shopify\/Product\/15640487493958","handle":"cotton-wool","title":"Cotton Wool","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/BougiesignatureLainedesucre.png?v=1783380935","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/56920466293062"]}],"badgeConditions":{"categories":[],"excludeCategories":[],"tags":[],"excludeTags":[],"inventory":"all","lowStock":1,"stockRange":{"from":0,"to":15},"newStatus":-1,"saleProduct":"none","priceRange":{"from":-1,"to":-1},"productTitle":""}},"cssRender":"BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX \n.rm-pattern-badge-3 {\n --rm-pattern-badge-padding: 8px 20px;\n --rm-pattern-badge-background-color: #222;\n --rm-pattern-badge-label-color: #FFF;\n --rm-pattern-badge-line-height: 150%;\n --rm-pattern-badge-label-size: 14px;\n --rm-pattern-badge-radius: 30px;\n --rm-pattern-badge-label-weight: 400;\n display: inline-flex;\n padding: var(--rm-pattern-badge-padding);\n border-radius: var(--rm-pattern-badge-radius);\n background: var(--rm-pattern-badge-background-color);\n text-align: center;\n font-size: var(--rm-pattern-badge-label-size);\n font-weight: var(--rm-pattern-badge-label-weight);\n line-height: var(--rm-pattern-badge-line-height);\n color: var(--rm-pattern-badge-label-color)\n}BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX{}BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX .rm-pattern-badge-3{--rm-pattern-badge-line-height: 150%;white-space: wrap;--rm-pattern-badge-label-weight: 700;--rm-pattern-badge-background-color: #fff4be;--rm-pattern-badge-label-color: #000000;}BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX{margin: 10px 0px 0px 10px;top: 0px; bottom: auto;left: 0px; right: auto;}BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX .rm-pattern-badge-3{--rm-pattern-badge-padding: 8px 20px 8px 20px;--rm-pattern-badge-padding-left: 20px;--rm-pattern-badge-label-size: 14px;}@media(max-width: 767px){BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX{margin: 0px 0px 0px 0px;top: 0px; bottom: auto;left: 0px; right: auto;}BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX .rm-pattern-badge-3{--rm-pattern-badge-padding: 5px 15px 5px 15px;--rm-pattern-badge-padding-left: 15px;--rm-pattern-badge-label-size: 12px;}}","textBadge":{"__typename":"CustomBadge","id":"666e374cc4ac6013d35a0640","name":"rm-pattern-badge-3","html":"\u003cdiv class=\"rm-pattern-badge-3\"\u003e\u003cdiv class=\"rm-pattern-badge-label\"\u003e{{LABEL}}\u003c\/div\u003e\u003c\/div\u003e\n","defaultLabel":"YOUR TEXT","css":"\n.rm-pattern-badge-3 {\n --rm-pattern-badge-padding: 8px 20px;\n --rm-pattern-badge-background-color: #222;\n --rm-pattern-badge-label-color: #FFF;\n --rm-pattern-badge-line-height: 150%;\n --rm-pattern-badge-label-size: 14px;\n --rm-pattern-badge-radius: 30px;\n --rm-pattern-badge-label-weight: 400;\n display: inline-flex;\n padding: var(--rm-pattern-badge-padding);\n border-radius: var(--rm-pattern-badge-radius);\n background: var(--rm-pattern-badge-background-color);\n text-align: center;\n font-size: var(--rm-pattern-badge-label-size);\n font-weight: var(--rm-pattern-badge-label-weight);\n line-height: var(--rm-pattern-badge-line-height);\n color: var(--rm-pattern-badge-label-color)\n}","order":2,"editor":{"fontWeight":"700","fontSize":{"desktop":14,"mobile":12},"text":{"default":"NOUVEAU"},"padding":{"desktop":{"bottom":"8","left":"20","right":"20","top":"8"},"mobile":{"bottom":"5","left":"15","right":"15","top":"5"}},"backgroundColor":"#fff4be","color":"#000000","lineHeight":"150","textWrap":true,"backgroundEndColor":"#00f2fe","backgroundStartColor":"#4facfe","backgroundType":"solid"},"createdAt":null,"updatedAt":null}},"shopEncode":"ZnRudzk3LWtuLm15c2hvcGlmeS5jb20=","createdAt":"2026-03-22T03:37:03.732Z","updatedAt":"2026-07-07T00:15:28.560Z"},{"id":"69bf621c72ea02faf97e6935","status":"active","title":"COUP DE COEUR","editorData":{"badgeType":"text_badge","badgePosition":"inside_image","badgeMargin":{"desktop":{"top":"10","bottom":0,"left":"10","right":0},"mobile":{"top":0,"bottom":0,"left":0,"right":0}},"badgeAlignment":{"desktop":"top_left","mobile":"top_left"},"badgePAlignment":{"desktop":"left","mobile":"left"},"badgeAlignmentCustom":{"desktop":{"top":0,"right":"","bottom":"","left":0,"vertical":false,"horizontal":false},"mobile":{"top":0,"right":"","bottom":"","left":0,"vertical":false,"horizontal":false}},"badgeShowOn":["desktop","mobile"],"badgeShowOnPage":["cart","collection","index","list-collections","search"],"animation":{"badgeAnimation":"none","badgeAnimationRepeat":"times","badgeAnimationTimes":5},"url":{"badgeUrl":"","badgeUrlTarget":"_blank"},"badgeTooltipText":{"default":""},"schedule":{"badgeScheduleStart":false,"badgeScheduleEnd":false,"badgeScheduleStartDate":"2026-03-22T03:23:48.030Z","badgeScheduleEndDate":"2026-03-22T03:23:48.030Z","badgeScheduleStartTime":"00:00","badgeScheduleEndTime":"00:00","startDateTime":"2026-03-21T23:00:00.000Z","endDateTime":"2026-03-21T23:00:00.000Z"},"condition":{"badgeApplyTo":["manual"],"badgeProductsManual":[{"id":"gid:\/\/shopify\/Product\/15610858340678","handle":"beach-capy","title":"Beach Capy","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/image66.png?v=1781276192","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/56771441131846"]},{"id":"gid:\/\/shopify\/Product\/15464821457222","handle":"beach-monoi","title":"Beach Monoï","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/Bougie_essentielle_-_Perle_de_monoi_1_1_ce26ac77-5b3e-492f-a89b-020602b12a01.png?v=1781257780","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/56134675890502"]},{"id":"gid:\/\/shopify\/Product\/15485603479878","handle":"beach-monoi-1","title":"Beach Monoï","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/ChatGPTImage10juin2026_10_14_12.png?v=1781094627","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/56243479314758"]},{"id":"gid:\/\/shopify\/Product\/15486741774662","handle":"lemon-meringue-pies","title":"Lemon Meringue Pies","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/TartesaucitronDelices-Image11.png?v=1774493441","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/56248681234758"]},{"id":"gid:\/\/shopify\/Product\/15316118405446","handle":"moonrise-crumbs","title":"Buttery Croissant","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/Tablette_Croissant_au_beurre.png?v=1781097081","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/55667413188934"]},{"id":"gid:\/\/shopify\/Product\/15607826907462","handle":"buttery-croissant-2","title":"Buttery Croissant","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/Cremedecire-Croissantaubeurre.png?v=1781161258","totalVariants":2,"variants":["gid:\/\/shopify\/ProductVariant\/56761217712454","gid:\/\/shopify\/ProductVariant\/56761217745222"]},{"id":"gid:\/\/shopify\/Product\/15501077807430","handle":"coffret-trio-bougies","title":"Morning Ritual","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/nano_banana_pro_20260406_080725_11.png?v=1775824243","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/56317151248710"]},{"id":"gid:\/\/shopify\/Product\/15486826938694","handle":"the-gourmet-box","title":"The Gourmet Box","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/Laboxgourmande.png?v=1774510629","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/56249262211398"]},{"id":"gid:\/\/shopify\/Product\/15610575421766","handle":"portofino-beach","title":"Portofino Beach","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/nano_banana_pro_20260612_154846_1.png?v=1781273763","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/56771004956998"]},{"id":"gid:\/\/shopify\/Product\/15310285537606","handle":"sakura-moonbloomu","title":"Cherry Blossom","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/Tablette_Cerisiers_en_fleurs.png?v=1781097538","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/55646708695366"]},{"id":"gid:\/\/shopify\/Product\/15464819589446","handle":"sakura-bloom","title":"Sakura Bloom","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/Bougie_essentielle_-_Cerisiers_en_fleurs_1_1_ba1d8e0f-dd35-4b63-839a-df41f26f6db6.png?v=1781257751","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/56134663504198"]},{"id":"gid:\/\/shopify\/Product\/15310299300166","handle":"moonshore-vibes","title":"Monoï","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/Tablette_Monoi.png?v=1781097128","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/55646844420422"]},{"id":"gid:\/\/shopify\/Product\/15362841772358","handle":"epiphany-french-tradition","title":"Epiphany (French Tradition)","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/0831\/9814\/files\/ChatGPTImage8juin2026_18_59_54.png?v=1780938113","totalVariants":1,"variants":["gid:\/\/shopify\/ProductVariant\/55789397901638"]}],"badgeConditions":{"categories":[],"excludeCategories":[],"tags":[],"excludeTags":[],"inventory":"all","lowStock":1,"stockRange":{"from":0,"to":15},"newStatus":-1,"saleProduct":"none","priceRange":{"from":-1,"to":-1},"productTitle":""}},"cssRender":"BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX \n.rm-pattern-badge-3 {\n --rm-pattern-badge-padding: 8px 20px;\n --rm-pattern-badge-background-color: #222;\n --rm-pattern-badge-label-color: #FFF;\n --rm-pattern-badge-line-height: 150%;\n --rm-pattern-badge-label-size: 14px;\n --rm-pattern-badge-radius: 30px;\n --rm-pattern-badge-label-weight: 400;\n display: inline-flex;\n padding: var(--rm-pattern-badge-padding);\n border-radius: var(--rm-pattern-badge-radius);\n background: var(--rm-pattern-badge-background-color);\n text-align: center;\n font-size: var(--rm-pattern-badge-label-size);\n font-weight: var(--rm-pattern-badge-label-weight);\n line-height: var(--rm-pattern-badge-line-height);\n color: var(--rm-pattern-badge-label-color)\n}BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX{}BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX .rm-pattern-badge-3{--rm-pattern-badge-line-height: 150%;white-space: wrap;--rm-pattern-badge-label-weight: 700;--rm-pattern-badge-background-color: #ffffff;--rm-pattern-badge-label-color: #000000;}BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX{margin: 10px 0px 0px 10px;top: 0px; bottom: auto;left: 0px; right: auto;}BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX .rm-pattern-badge-3{--rm-pattern-badge-padding: 8px 20px 8px 20px;--rm-pattern-badge-padding-left: 20px;--rm-pattern-badge-label-size: 14px;}@media(max-width: 767px){BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX{margin: 0px 0px 0px 0px;top: 0px; bottom: auto;left: 0px; right: auto;}BADGE_PREFIX.rm-product-badge-wrap .rm-product-badgeBADGE_SUFFIX .rm-pattern-badge-3{--rm-pattern-badge-padding: 5px 15px 5px 15px;--rm-pattern-badge-padding-left: 15px;--rm-pattern-badge-label-size: 12px;}}","textBadge":{"__typename":"CustomBadge","id":"666e374cc4ac6013d35a0640","name":"rm-pattern-badge-3","html":"\u003cdiv class=\"rm-pattern-badge-3\"\u003e\u003cdiv class=\"rm-pattern-badge-label\"\u003e{{LABEL}}\u003c\/div\u003e\u003c\/div\u003e\n","defaultLabel":"YOUR TEXT","css":"\n.rm-pattern-badge-3 {\n --rm-pattern-badge-padding: 8px 20px;\n --rm-pattern-badge-background-color: #222;\n --rm-pattern-badge-label-color: #FFF;\n --rm-pattern-badge-line-height: 150%;\n --rm-pattern-badge-label-size: 14px;\n --rm-pattern-badge-radius: 30px;\n --rm-pattern-badge-label-weight: 400;\n display: inline-flex;\n padding: var(--rm-pattern-badge-padding);\n border-radius: var(--rm-pattern-badge-radius);\n background: var(--rm-pattern-badge-background-color);\n text-align: center;\n font-size: var(--rm-pattern-badge-label-size);\n font-weight: var(--rm-pattern-badge-label-weight);\n line-height: var(--rm-pattern-badge-line-height);\n color: var(--rm-pattern-badge-label-color)\n}","order":2,"editor":{"fontWeight":"700","fontSize":{"desktop":14,"mobile":12},"text":{"default":"COUP DE COEUR ❤️"},"padding":{"desktop":{"bottom":"8","left":"20","right":"20","top":"8"},"mobile":{"bottom":"5","left":"15","right":"15","top":"5"}},"backgroundColor":"#ffffff","color":"#000000","lineHeight":"150","textWrap":true,"backgroundEndColor":"#00f2fe","backgroundStartColor":"#4facfe","backgroundType":"solid"},"createdAt":null,"updatedAt":null}},"shopEncode":"ZnRudzk3LWtuLm15c2hvcGlmeS5jb20=","createdAt":"2026-03-22T03:29:32.674Z","updatedAt":"2026-07-07T00:18:35.128Z"}];
window.RMPB_COMPATIBLE_THEME ={"name":"Atelier","selectors":{"loop":{"wrapper":".product-card","image":".card-gallery, .card-media","title":".group-block-content [class*=\"product_title\"],.group-card-content [class*=\"product_title\"]","price":".group-block-content product-price,.group-card-content product-price"},"single":{"image_watch":".product-information__media .media-gallery__grid,.product-information__media .product-media-container","image":".product-information__media .media-gallery__grid .product-media,.product-information__media .product-media-container .product-media","title":".product-details h1","price":".product-details product-price"},"form_selector":"form[action*=\"\/cart\/add\"]:not(.installment):not([id*=\"installment\"])","button_add_to_cart_selector":"[type=\"submit\"]","quantity_wrapper_selector":".product-form__quantity","quantity_input_selector":"input[name=\"quantity\"]","insert_selector":".product-form__buttons"},"id":3621};
window.RMPB_FORCE_INVENTORY ="no";
window.RMQD_TEMPLATES ={"style_1":{"wrapper":"\u003cdiv id=\"[[QUANTITY_DISCOUNT_ID]]\" class=\"rm-quantity-discount-wrapper\"\u003e\n \u003ch2 class=\"rm-quantity-discount-heading\"\u003e[[QUANTITY_DISCOUNT_HEADING]]\u003c\/h2\u003e\n \u003cp class=\"rm-quantity-discount-description\"\u003e[[QUANTITY_DISCOUNT_DESCRIPTION]]\u003c\/p\u003e\n \u003cdiv class=\"rm-quantity-discount-bundles\"\u003e\n [[QUANTITY_DISCOUNT_BUNDLES]]\n \u003c\/div\u003e\n \u003c\/div\u003e","iconBuyNowButton":"\n \u003csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M6 16C4.9 16 4.01 16.9 4.01 18C4.01 19.1 4.9 20 6 20C7.1 20 8 19.1 8 18C8 16.9 7.1 16 6 16ZM0 0V2H2L5.6 9.59L4.25 12.04C4.09 12.32 4 12.65 4 13C4 14.1 4.9 15 6 15H18V13H6.42C6.28 13 6.17 12.89 6.17 12.75L6.2 12.63L7.1 11H14.55C15.3 11 15.96 10.59 16.3 9.97L19.88 3.5C19.96 3.34 20 3.17 20 3C20 2.45 19.55 2 19 2H4.21L3.27 0H0ZM16 16C14.9 16 14.01 16.9 14.01 18C14.01 19.1 14.9 20 16 20C17.1 20 18 19.1 18 18C18 16.9 17.1 16 16 16Z\" fill=\"currentColor\" \/\u003e\n \u003c\/svg\u003e","iconBuyNowLoadingButton":"\n \u003csvg width=\"20\" height=\"20\" viewBox=\"0 0 50 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003ccircle cx=\"25\" cy=\"25\" r=\"20\" stroke=\"currentColor\" stroke-width=\"5\" opacity=\"0.2\" \/\u003e\n \u003cpath d=\"M45 25a20 20 0 1 0-20 20\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\" \/\u003e\n \u003c\/svg\u003e","bundleItem":"\u003cdiv class=\"rm-quantity-discount-item\" data-id=\"[[BUNDLE_ID]]\" data-active=\"[[BUNDLE_DEFAULT]]\"\u003e\n \u003cdiv class=\"rm-quantity-discount-item-label\"\u003e[[BUNDLE_LABEL]]\u003c\/div\u003e\n \u003cdiv class=\"rm-quantity-discount-item-heading\"\u003e\n \u003cdiv class=\"rm-quantity-discount-item-input\"\u003e\n \u003cdiv class=\"rm-quantity-discount-item-input-value\"\u003e\n \u003cinput id=\"rm-input-[[BUNDLE_INPUT_ID]]\" type=\"radio\" name=\"bundle\" form=\"rm-quantity-discount-form-[[BUNDLE_FORM_ID]]\"\n [[BUNDLE_CHECKED]]\n value=\"[[BUNDLE_VALUE]]\" \/\u003e\n \u003clabel for=\"rm-input-[[BUNDLE_INPUT_ID]]\"\u003e[[BUNDLE_TITLE]]\u003c\/label\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-quantity-discount-item-input-save-label\"\u003e[[BUNDLE_SAVE_LABEL]]\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-quantity-discount-item-amount\"\u003e\n \u003cdiv\n class=\"rm-quantity-discount-item-total\"\u003e\u003c\/div\u003e\n \u003cdiv\n class=\"rm-quantity-discount-item-origin\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n [[BUNDLE_PRODUCT_VARIANTS_WRAPPER]]\n \u003c\/div\u003e","bundleItemVariants":"\u003cdiv class=\"rm-quantity-discount-item-variants\" data-show-variant=\"[[SHOW_VARIANT_SELECTION]]\"\u003e\n [[BUNDLE_PRODUCT_VARIANTS]]\n \u003c\/div\u003e","bundleItemVariant":"\u003cdiv class=\"rm-quantity-discount-item-variant-item\"\u003e\n \u003cdiv class=\"rm-quantity-discount-item-variant-label\"\u003e#[[BUNDLE_ITEM_NO]]\u003c\/div\u003e\n \u003cselect class=\"rm-quantity-discount-item-variant-item-option\" name=\"id\" form=\"rm-quantity-discount-form-[[BUNDLE_FORM_ID]]\"\u003e\n [[BUNDLE_ITEM_VARIANT_OPTIONS]]\n \u003c\/select\u003e\n \u003c\/div\u003e"}};
window.RMQD_QUANTITY_DISCOUNTS =[];
window.RMQD_HIDE_QUANTITY =null;
window.RMPB_TIMEZONE ="Europe\/Paris";
window.RMPB_BASEURL ="https:\/\/rmpb.rimixbuilder.dev";
window.RMPB_SHOP_DOMAIN ="https:\/\/bluemoonfactory.com";
window.RMPB_SHOP_LOCALE = "en";
window.RMPB_PRODUCT =null;
window.RMPB_WATCH_SINGLE_GALLERY = parseInt(0);
window.RMPB_PAGE_TYPE = "index";
window.RMPB_FIX_LANGUAGE ="no";
window.RMPB_MAIN_LANGUAGE ="";
window.RMPB_USE_TITLE ="no";
window.RMPB_CUSTOM_HANDLE ="";
window.RMPB_VARIANT_BASED_CONDITION ="no";
window.RMPB_MONEY_FORMAT ="€{{amount_with_comma_separator}}";
window.RMPB_MONEY_FORMAT_CURRENCY ="€{{amount_with_comma_separator}} EUR";
window.RMPB_ROUTES = {
cart_add_url: "\/en\/cart\/add.js",
cart_change_url: "\/en\/cart\/change.js",
cart_update_url: "\/en\/cart\/update.js",
};
const rm_get_shop_cdn = (() => {
let cached = null;
return () => cached || (cached = document.querySelector('link[rel="stylesheet"][href*="' + Shopify.cdnHost + '"][href*="/assets/"]')?.href.split('/assets/')[0] + '/assets/' || null);
})();
window.RMPB_SHOP_CDN = rm_get_shop_cdn()
</script>
<script src="https://cdn.shopify.com/extensions/019f015b-3efd-79fd-bb2a-50a61160c419/rimix-product-badges-243/assets/product-badges.js" defer="defer"></script>
<link href="//cdn.shopify.com/extensions/019f015b-3efd-79fd-bb2a-50a61160c419/rimix-product-badges-243/assets/product-badges.css" rel="stylesheet" type="text/css" media="all" />
<template id="rm-template-product-badge-69bf63df72ea02faf97e69b3">
<div id="rm-product-badge-69bf63df72ea02faf97e69b3" class="rm-product-badge"
data-type="text_badge"
data-position="inside_image"
data-alignment-desktop="top_left"
data-alignment-mobile="top_left"
data-palignment-desktop="left"
data-palignment-mobile="left"
data-show-on="desktop,mobile"
data-animation="none"><div id="rm-pattern-badge-666e374cc4ac6013d35a0640"
class="rm-pattern-badge"><div class="rm-pattern-badge-3"><div class="rm-pattern-badge-label">{{LABEL}}</div></div>
</div><div class="rm-badge-tooltip"></div>
</div>
</template>
<template id="rm-template-product-badge-69bf621c72ea02faf97e6935">
<div id="rm-product-badge-69bf621c72ea02faf97e6935" class="rm-product-badge"
data-type="text_badge"
data-position="inside_image"
data-alignment-desktop="top_left"
data-alignment-mobile="top_left"
data-palignment-desktop="left"
data-palignment-mobile="left"
data-show-on="desktop,mobile"
data-animation="none"><div id="rm-pattern-badge-666e374cc4ac6013d35a0640"
class="rm-pattern-badge"><div class="rm-pattern-badge-3"><div class="rm-pattern-badge-label">{{LABEL}}</div></div>
</div><div class="rm-badge-tooltip"></div>
</div>
</template>
<style id="rm-pattern-badge-styles">
</style>
<style id="rm-badge-styles">
.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf63df72ea02faf97e69b3
.rm-pattern-badge-3 {
--rm-pattern-badge-padding: 8px 20px;
--rm-pattern-badge-background-color: #222;
--rm-pattern-badge-label-color: #FFF;
--rm-pattern-badge-line-height: 150%;
--rm-pattern-badge-label-size: 14px;
--rm-pattern-badge-radius: 30px;
--rm-pattern-badge-label-weight: 400;
display: inline-flex;
padding: var(--rm-pattern-badge-padding);
border-radius: var(--rm-pattern-badge-radius);
background: var(--rm-pattern-badge-background-color);
text-align: center;
font-size: var(--rm-pattern-badge-label-size);
font-weight: var(--rm-pattern-badge-label-weight);
line-height: var(--rm-pattern-badge-line-height);
color: var(--rm-pattern-badge-label-color)
}.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf63df72ea02faf97e69b3{}.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf63df72ea02faf97e69b3 .rm-pattern-badge-3{--rm-pattern-badge-line-height: 150%;white-space: wrap;--rm-pattern-badge-label-weight: 700;--rm-pattern-badge-background-color: #fff4be;--rm-pattern-badge-label-color: #000000;}.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf63df72ea02faf97e69b3{margin: 10px 0px 0px 10px;top: 0px; bottom: auto;left: 0px; right: auto;}.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf63df72ea02faf97e69b3 .rm-pattern-badge-3{--rm-pattern-badge-padding: 8px 20px 8px 20px;--rm-pattern-badge-padding-left: 20px;--rm-pattern-badge-label-size: 14px;}@media(max-width: 767px){.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf63df72ea02faf97e69b3{margin: 0px 0px 0px 0px;top: 0px; bottom: auto;left: 0px; right: auto;}.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf63df72ea02faf97e69b3 .rm-pattern-badge-3{--rm-pattern-badge-padding: 5px 15px 5px 15px;--rm-pattern-badge-padding-left: 15px;--rm-pattern-badge-label-size: 12px;}}
.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf621c72ea02faf97e6935
.rm-pattern-badge-3 {
--rm-pattern-badge-padding: 8px 20px;
--rm-pattern-badge-background-color: #222;
--rm-pattern-badge-label-color: #FFF;
--rm-pattern-badge-line-height: 150%;
--rm-pattern-badge-label-size: 14px;
--rm-pattern-badge-radius: 30px;
--rm-pattern-badge-label-weight: 400;
display: inline-flex;
padding: var(--rm-pattern-badge-padding);
border-radius: var(--rm-pattern-badge-radius);
background: var(--rm-pattern-badge-background-color);
text-align: center;
font-size: var(--rm-pattern-badge-label-size);
font-weight: var(--rm-pattern-badge-label-weight);
line-height: var(--rm-pattern-badge-line-height);
color: var(--rm-pattern-badge-label-color)
}.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf621c72ea02faf97e6935{}.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf621c72ea02faf97e6935 .rm-pattern-badge-3{--rm-pattern-badge-line-height: 150%;white-space: wrap;--rm-pattern-badge-label-weight: 700;--rm-pattern-badge-background-color: #ffffff;--rm-pattern-badge-label-color: #000000;}.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf621c72ea02faf97e6935{margin: 10px 0px 0px 10px;top: 0px; bottom: auto;left: 0px; right: auto;}.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf621c72ea02faf97e6935 .rm-pattern-badge-3{--rm-pattern-badge-padding: 8px 20px 8px 20px;--rm-pattern-badge-padding-left: 20px;--rm-pattern-badge-label-size: 14px;}@media(max-width: 767px){.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf621c72ea02faf97e6935{margin: 0px 0px 0px 0px;top: 0px; bottom: auto;left: 0px; right: auto;}.rm-product-badge-wrap .rm-product-badge#rm-product-badge-69bf621c72ea02faf97e6935 .rm-pattern-badge-3{--rm-pattern-badge-padding: 5px 15px 5px 15px;--rm-pattern-badge-padding-left: 15px;--rm-pattern-badge-label-size: 12px;}}
</style>
<script src="https://cdn.shopify.com/extensions/019f015b-3efd-79fd-bb2a-50a61160c419/rimix-product-badges-243/assets/quantity-discount.js" defer="defer"></script>
<link href="//cdn.shopify.com/extensions/019f015b-3efd-79fd-bb2a-50a61160c419/rimix-product-badges-243/assets/quantity-discount.css" rel="stylesheet" type="text/css" media="all" />
<style id="rm-badge-custom-styles"></style><!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
<script async src="https://static.klaviyo.com/onsite/js/WitEYw/klaviyo.js?company_id=WitEYw"></script>
<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
<script>
window.klaviyoReviewsProductDesignMode = false
</script>
<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 97408319814,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,r=/bytedance/i;function o(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var r=0,o=e.split(";");r<o.length;r++){var d=o[r],n=d.indexOf("=");if(-1!==n){var t=d.slice(0,n).trim();if(t){var i=void 0;try{i=decodeURIComponent(t)}catch(e){i=t}if("_shopify_s"===i){var a=d.slice(n+1).trim();try{return decodeURIComponent(a)}catch(e){return a}}}}}return}catch(e){return}}return function(d,n,t,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(l=null==(s=window.Shopify)?void 0:s.analytics)?void 0:l.replayQueue)){var s,l;window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(e,r,o){return u.replayQueue.push([e,r,o]),!0};try{self.performance.mark("wpm:start")}catch(e){}var p,h,f,m,g,y,v,w=(h=(p={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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,f=p.legacy,(m=navigator.userAgent).match(e)?"bot":m.match(h)?"modern":m.match(f)?"legacy":m.match(r)?"bot":"unknown"),b="modern"===w?"modern":"legacy",P=(null!=i?i:{modern:"",legacy:""})[b],S=[(g={baseUrl:n,hashVersion:t,buildTarget:b}).baseUrl,"/wpm","/b",g.hashVersion,"modern"===g.buildTarget?"m":"l",".js"].join(""),C=function(e){var r=e.version,d=e.browserTarget,n=e.surface,t=e.shopId,i=e.monorailEndpoint,a=window.location.href;return{emit:function(e){var s=e.status,l=e.errorMsg,c=(new Date).getTime(),u=JSON.stringify({metadata:{event_sent_at_ms:c},events:[{schema_id:"web_pixels_manager_load/3.2",payload:{version:r,bundle_target:d,page_url:a,status:s,surface:n,error_msg:l,shop_id:t,visit_token:o()},metadata:{event_created_at_ms:c}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,u)}catch(e){}var p=new XMLHttpRequest;try{return p.open("POST",i,!0),p.setRequestHeader("Content-Type","text/plain"),p.send(u),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:t,browserTarget:w,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});try{a.browserTarget=w,function(e){var r=e.src,o=e.async,d=void 0===o||o,n=e.onload,t=e.onerror,i=e.sri,a=e.scriptDataAttributes,s=void 0===a?{}:a,l=document.createElement("script"),c=document.querySelector("head"),u=document.querySelector("body");if(l.async=d,l.src=r,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{l.dataset[p]=s[p]}catch(e){}if(n&&l.addEventListener("load",n),t&&l.addEventListener("error",t),c)c.appendChild(l);else{if(!u)throw new Error("Did not find a head or body element to append the script");u.appendChild(l)}}({src:S,async:!0,onload:function(){if(!function(){var e,r;return Boolean(null==(r=null==(e=window.Shopify)?void 0:e.analytics)?void 0:r.initialized)}()){var e=window.webPixelsManager.init(d)||void 0;if(e){var r=window.Shopify.analytics;r.replayQueue.forEach(function(r){var o=r[0],d=r[1],n=r[2];e.publishCustomEvent(o,d,n)}),r.replayQueue=[],r.publish=e.publishCustomEvent,r.visitor=e.visitor,r.initialized=!0}}},onerror:function(){return C.emit({status:"failed",errorMsg:"".concat(S," has failed to load")})},sri:(y=P,v=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof y&&v.test(y)?P:""),scriptDataAttributes:a}),C.emit({status:"loading"})}catch(e){C.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 97408319814,storefrontBaseUrl: "https://bluemoonfactory.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0"],webPixelsConfigList: [{"id":"3570237766","configuration":"{\"accountID\":\"WitEYw\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0490","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0490","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Blue Moon Factory","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"ftnw97-kn.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/bluemoonfactory.com\/en"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"15443351404870","handle":"chocolate-chip-cookies","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56043466064198","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15362841772358","handle":"epiphany-french-tradition","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55789397901638","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15464582185286","handle":"croissants-au-beurre","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56133157847366","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15486814617926","handle":"afternoon-treats-bundle","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56249189302598","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15310301167942","handle":"banana-moonshake","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55646871880006","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15608114676038","handle":"banana-candy","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56762473152838","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15610858340678","handle":"beach-capy","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56771441131846","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://bluemoonfactory.com/cdn","884e51e7w4ac0e82ap522bb270m20c07008",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","themeId":"186537115974","themeStoreId":"3621","themePublished":"true","pageType":"home","shopId":"97408319814","storefrontBaseUrl":"https:\/\/bluemoonfactory.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\"]","isMerchantRequest":"false","hashVersion":"884e51e7w4ac0e82ap522bb270m20c07008","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"918a84cf-9507-40b0-aa6a-c900f2b4cdb8-1783446233"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
try {
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1)
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 97408319814,
theme_id: 186537115974,
app_name: "storefront",
context_url: window.location.href,
source_url: "//bluemoonfactory.com/cdn/s/trekkie.storefront.67561e0d5e9c96760de930de52078bf367e9d8e6.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//bluemoonfactory.com/cdn/s/trekkie.storefront.67561e0d5e9c96760de930de52078bf367e9d8e6.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//bluemoonfactory.com/cdn/s/trekkie.storefront.67561e0d5e9c96760de930de52078bf367e9d8e6.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":97408319814,"isMerchantRequest":null,"themeId":186537115974,"themeCityHash":"4839900772001746937","contentLanguage":"en","currency":"EUR","eventMetadataId":"66c0e9ab-6429-4be6-a3ba-7e1f057d6614"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"918a84cf-9507-40b0-aa6a-c900f2b4cdb8-1783446233","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//bluemoonfactory.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://bluemoonfactory.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.6.1.min.js"
data-application="storefront-renderer"
data-shop-id="97408319814"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="186537115974"
data-theme-name="Atelier"
data-theme-version="3.2.1"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://bluemoonfactory.com/api/collect"
></script>
</head>
<body class="page-width-narrow card-hover-effect-subtle-zoom">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Skip to content
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--26604815581510__header_announcements_G4jtjn" class="shopify-section shopify-section-group-header-group">
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/announcement-bar.js?v=34024675399582161451766697343"
type="module"
fetchpriority="low"
></script>
<div class="section-background color-scheme-1"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-scheme-1"
style="--padding-block-start: 15px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; ; --border-bottom-width: 0px;"
>
<announcement-bar-component
class="announcement-bar__slider"
autoplay="5" aria-live="polite"
>
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-chevron button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-chevron button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</slideshow-arrows>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AMWR0MktGWUJkeG9TU__announcement_JaLMj3 text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --color: ;--font-size: 1rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="false"
>
<p class="announcement-bar__text">
BIENVENUE10 - 10% sur votre 1ère commande
</p>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AK3hSOXQxNlFnS3RDQ__announcement_Cg8miW text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --color: ;--font-size: 1rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="true"
>
<p class="announcement-bar__text">
Livraison en point relais offerte à partir de 50€
</p>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--26604815581510__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Blue Moon Factory",
"logo": "https:\/\/bluemoonfactory.com\/cdn\/shop\/files\/Frame_5.png?v=1773730192\u0026width=500",
"url": "https:\/\/bluemoonfactory.com"
}
</script>
<header-component
id="header-component"
class="header color-scheme-4"
data-theme-color="rgb(181 233 255)"
transparent="not-sticky"
sticky="always"
data-skip-node-update
data-scroll-direction="none"
><h1 class="visually-hidden">Blue Moon Factory</h1>
<div
class="header__row header__row--top color-scheme-4 section section--full-width-margin section--page-width"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer desktop:hidden"
ref="headerDrawerContainer"
>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/header-drawer.js?v=44357639294953783801766697342"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer header__drawer--mobile"
style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
data-header-drawer
class="menu-drawer motion-reduce color-scheme-1"
>
<button
class="button button-unstyled close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-body--family);--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
><a
id="HeaderDrawer-home"
href="/en"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
aria-current="page"
>
<span class="menu-drawer__menu-item-text wrap-text">Home</span>
</a></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
><details
id="Details-menu-drawer-menu-item-2"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-shop"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text wrap-text">Shop</span>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-shop"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 2;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Back"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu-drawer__menu-item-text wrap-text">Shop</span>
</button>
<button
class="button button-unstyled close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<accordion-custom >
<details
id="Details-menu-drawer-shop-candles"
>
<summary
id="HeaderDrawer-shop-candles"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Candles</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-shop-candles-signature-candles"
href="/en/collections/signature-candles"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Signature Candles</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-shop-candles-classic-candles"
href="/en/collections/essentials-candles"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Classic Candles</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-shop-candles-mini-trios"
href="/en/collections/mini-trios"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Mini trios</span>
</a>
</li></ul>
</details>
</accordion-custom>
</li><li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<accordion-custom >
<details
id="Details-menu-drawer-shop-wax-melts"
>
<summary
id="HeaderDrawer-shop-wax-melts"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Wax Melts</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-shop-wax-melts-snap-bars"
href="/en/collections/snap-bars"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Snap Bars</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-shop-wax-melts-classic-melts"
href="/en/collections/classic-melts"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Classic Melts</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-shop-wax-melts-creamy-melts"
href="/en/collections/creamy-melts"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Creamy Melts</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
id="HeaderDrawer-shop-wax-melts-bakery"
href="/en/collections/bakery"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Bakery</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
>
<a
id="HeaderDrawer-shop-wax-melts-pops"
href="/en/collections/pops"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Pops</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 6;"
>
<a
id="HeaderDrawer-shop-wax-melts-bouquets"
href="/en/collections/bouquets"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Bouquets</span>
</a>
</li></ul>
</details>
</accordion-custom>
</li><li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<accordion-custom >
<details
id="Details-menu-drawer-shop-boxes-and-bundles"
>
<summary
id="HeaderDrawer-shop-boxes-and-bundles"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Boxes and bundles</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-shop-boxes-and-bundles-box-gourmandes"
href="/en/collections/box-gourmandes"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Box gourmandes</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-shop-boxes-and-bundles-coffrets-de-cremes"
href="/en/collections/creamy-bundles"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Coffrets de crèmes</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-shop-boxes-and-bundles-mini-trios"
href="/en/collections/mini-trios"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Mini trios</span>
</a>
</li></ul>
</details>
</accordion-custom>
</li><li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<accordion-custom >
<details
id="Details-menu-drawer-shop-accessories"
>
<summary
id="HeaderDrawer-shop-accessories"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Accessories</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-shop-accessories-brule-parfums"
href="/en/collections/brule-parfums"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Brûle parfums</span>
</a>
</li></ul>
</details>
</accordion-custom>
</li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-shop-summer-collection-dolce-vita"
href="/en/collections/summer-collection-dolce-vita"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Summer Collection - Dolce Vita</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
><a
id="HeaderDrawer-about"
href="/en/pages/about-us"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">About</span>
</a></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
><a
id="HeaderDrawer-faq"
href="/en/pages/faq"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">FAQ</span>
</a></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
><a
id="HeaderDrawer-contact"
href="/en/pages/contact"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Contact</span>
</a></li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 5;"
>
<drawer-localization-component class="menu-drawer__localization">
<details
id="drawer-localization"
class="drawer-localization"
on:toggle="/toggle"
>
<summary
id="HeaderDrawer-localization"
class="drawer-localization__button h3 link link--text focus-inset"
aria-expanded="false"
on:click="header-drawer/open"
style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span
class="icon-flag"
style=" background-image: url(//cdn.shopify.com/static/images/flags/fr.svg?width=32); --size-shadow: 2px; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60)); "
></span><span class="currency-code">EUR</span>
</div><span>/</span><div class="mobile-localization mobile-localization--country link link--text">
<span>
EN
</span>
</div></div>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
style=""
>
<div
class="menu-drawer__nav-buttons"
ref="navButtons"
>
<button
class="button menu-drawer__back-button link link--text focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
Region and language
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] results"
data-show-filter="true"
style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/en/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Search"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Find country"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Search</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Reset"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="drawer-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-AM2tWWmNDUGVaSk9MN__header-menu-1"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>No results found</span>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Austria"
aria-label="Austria"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Austria</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="Belgium"
aria-label="Belgium"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Belgium</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgaria"
aria-label="Bulgaria"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bulgaria</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Croatia"
aria-label="Croatia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Croatia</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CY"
data-aliases=""
id="Cyprus"
aria-label="Cyprus"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Cyprus</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Czechia"
aria-label="Czechia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Czechia</span>
<span
class="localization-form__currency motion-reduce"
>
CZK
Kč</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Denmark"
aria-label="Denmark"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Denmark</span>
<span
class="localization-form__currency motion-reduce"
>
DKK
kr.</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estonia"
aria-label="Estonia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Estonia</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finland"
aria-label="Finland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Finland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="France"
aria-label="France"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">France</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GF"
data-aliases=""
id="French Guiana"
aria-label="French Guiana"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GF"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">French Guiana</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Germany"
aria-label="Germany"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Germany</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Greece"
aria-label="Greece"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Greece</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GP"
data-aliases=""
id="Guadeloupe"
aria-label="Guadeloupe"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GP"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Guadeloupe</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Hungary"
aria-label="Hungary"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Hungary</span>
<span
class="localization-form__currency motion-reduce"
>
HUF
Ft</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Ireland"
aria-label="Ireland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Ireland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italy"
aria-label="Italy"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Italy</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Latvia"
aria-label="Latvia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LV"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Latvia</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Lithuania"
aria-label="Lithuania"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lithuania</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxembourg"
aria-label="Luxembourg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Luxembourg</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malta"
aria-label="Malta"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malta</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MQ"
data-aliases=""
id="Martinique"
aria-label="Martinique"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MQ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Martinique</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="YT"
data-aliases=""
id="Mayotte"
aria-label="Mayotte"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/YT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Mayotte</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Netherlands"
aria-label="Netherlands"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Netherlands</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Poland"
aria-label="Poland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Poland</span>
<span
class="localization-form__currency motion-reduce"
>
PLN
zł</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Portugal</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RE"
data-aliases=""
id="Réunion"
aria-label="Réunion"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Réunion</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Romania"
aria-label="Romania"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Romania</span>
<span
class="localization-form__currency motion-reduce"
>
RON
Lei</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slovakia"
aria-label="Slovakia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovakia</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slovenia"
aria-label="Slovenia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovenia</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Spain"
aria-label="Spain"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/ES"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Spain</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Sweden"
aria-label="Sweden"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Sweden</span>
<span
class="localization-form__currency motion-reduce"
>
SEK
kr</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Switzerland"
aria-label="Switzerland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Switzerland</span>
<span
class="localization-form__currency motion-reduce"
>
CHF
CHF</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
<div class="language-selector top-shadow">
<h2
class="visually-hidden"
id="drawer-LanguageLabel"
>
Language
</h2>
<span class="language-selector__label">Language</span>
<select
id="drawerSelect"
class="localization-form__select"
name="language_code"
aria-label="Language"
ref="languageInput"
on:change="/changeLanguage"
><option
value="fr"
lang="fr"
>
Français
</option><option
value="en"
lang="en"
selected
>
English
</option></select>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div>
</form></localization-form-component>
</div>
</details>
</drawer-localization-component>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<search-button class="search-action desktop:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Search"
aria-haspopup="dialog"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<header-menu
ref="headerMenu"
class="header-menu mobile:hidden"
data-animation-delay="200"
style="--submenu-animation-speed: 200ms;"
>
<div class="header-menu__inner">
<nav header-menu>
<div
class="menu-list"
style="--menu-top-level-font-family: var(--font-body--family);--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-1"
minimum-items="2"
data-testid="header-menu-overflow-list"
data-skip-node-update
>
<template shadowrootmode="open">
<link href="//bluemoonfactory.com/cdn/shop/t/4/assets/overflow-list.css?v=101911674359793798601766697342" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
More
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en"
data-skip-node-update="true"
class="menu-list__link menu-list__link--active">
<span class="menu-list__link-title">Home</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Shop</span>
</a><div class="menu-list__submenu color-scheme-1" ref="submenu[]">
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-2"
>
<ul
data-menu-list-id="MegaMenuList-2"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/en/pages/bougies"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>Candles</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/en/collections/signature-candles"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Signature Candles</span>
</a>
</li>
<li
>
<a
href="/en/collections/essentials-candles"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Classic Candles</span>
</a>
</li>
<li
>
<a
href="/en/collections/mini-trios"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Mini trios</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/en/pages/fondants"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>Wax Melts</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/en/collections/snap-bars"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Snap Bars</span>
</a>
</li>
<li
>
<a
href="/en/collections/classic-melts"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Classic Melts</span>
</a>
</li>
<li
>
<a
href="/en/collections/creamy-melts"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Creamy Melts</span>
</a>
</li>
<li
>
<a
href="/en/collections/bakery"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Bakery</span>
</a>
</li>
<li
>
<a
href="/en/collections/pops"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Pops</span>
</a>
</li>
<li
>
<a
href="/en/collections/bouquets"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Bouquets</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/en/pages/coffrets-et-assortiments"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>Boxes and bundles</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/en/collections/box-gourmandes"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Box gourmandes</span>
</a>
</li>
<li
>
<a
href="/en/collections/creamy-bundles"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Coffrets de crèmes</span>
</a>
</li>
<li
>
<a
href="/en/collections/mini-trios"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Mini trios</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/en/pages/accessoires"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>Accessories</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/en/collections/brule-parfums"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Brûle parfums</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/en/collections/summer-collection-dolce-vita"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Summer Collection - Dolce Vita</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/pages/about-us"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">About</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/pages/faq"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">FAQ</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/pages/contact"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Contact</span>
</a></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="menuitem" class="button menu-list__link button-unstyled">
<span class="menu-list__link-title">More</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/header-menu.js?v=32392277473258403531766697342"
type="module"
fetchpriority="low"
></script>
</header-menu>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<a
href="/en"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --font-family: var(--font-body--family); --font-style: var(--font-body--style); --font-weight: 600; "
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<img src="//bluemoonfactory.com/cdn/shop/files/Frame_5.png?height=40&v=1773730192" alt="" width="125" height="40" class="header-logo__image" srcset="//bluemoonfactory.com/cdn/shop/files/Frame_5.png?height=40&v=1773730192 1x, //bluemoonfactory.com/cdn/shop/files/Frame_5.png?height=80&v=1773730192 2x, //bluemoonfactory.com/cdn/shop/files/Frame_5.png?height=120&v=1773730192 3x" style="--header-logo-image-width: 125px;--header-logo-image-width-mobile: 88px; --header-logo-image-height: 40px; --header-logo-image-height-mobile: 28px;">
</span>
</a>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector link link--text"
aria-expanded="false"
aria-controls="dropdown-localization-results"
ref="button"
on:click="/toggleSelector"
style="--menu-localization-font: var(--font-body--family); --menu-localization-font-size: 0.875rem; "
>
<span
class="icon-flag"
style=" background-image: url(//cdn.shopify.com/static/images/flags/fr.svg?width=32); --size-shadow: 2px; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60)); "
></span>
<span
class="currency-code"
data-testid="localization-currency-code"
>EUR</span>
<span
class="visually-hidden"
data-testid="localization-visually-hidden"
>Region and language selector</span><span>/</span><span>
EN
</span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div
class="localization-wrapper right-bound color-scheme-1"
hidden
ref="panel"
>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] results"
data-show-filter="true"
style="--menu-localization-font: var(--font-body--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/en/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Search"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Find country"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Search</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Reset"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="dropdown-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="dropdown-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>No results found</span>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Austria"
aria-label="Austria"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Austria</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="Belgium"
aria-label="Belgium"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Belgium</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgaria"
aria-label="Bulgaria"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bulgaria</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Croatia"
aria-label="Croatia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Croatia</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CY"
data-aliases=""
id="Cyprus"
aria-label="Cyprus"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Cyprus</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Czechia"
aria-label="Czechia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Czechia</span>
<span
class="localization-form__currency motion-reduce"
>
CZK
Kč</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Denmark"
aria-label="Denmark"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Denmark</span>
<span
class="localization-form__currency motion-reduce"
>
DKK
kr.</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estonia"
aria-label="Estonia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Estonia</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finland"
aria-label="Finland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Finland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="France"
aria-label="France"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">France</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GF"
data-aliases=""
id="French Guiana"
aria-label="French Guiana"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GF"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">French Guiana</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Germany"
aria-label="Germany"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Germany</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Greece"
aria-label="Greece"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Greece</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GP"
data-aliases=""
id="Guadeloupe"
aria-label="Guadeloupe"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GP"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Guadeloupe</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Hungary"
aria-label="Hungary"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Hungary</span>
<span
class="localization-form__currency motion-reduce"
>
HUF
Ft</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Ireland"
aria-label="Ireland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Ireland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italy"
aria-label="Italy"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Italy</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Latvia"
aria-label="Latvia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LV"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Latvia</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Lithuania"
aria-label="Lithuania"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lithuania</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxembourg"
aria-label="Luxembourg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Luxembourg</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malta"
aria-label="Malta"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malta</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MQ"
data-aliases=""
id="Martinique"
aria-label="Martinique"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MQ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Martinique</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="YT"
data-aliases=""
id="Mayotte"
aria-label="Mayotte"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/YT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Mayotte</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Netherlands"
aria-label="Netherlands"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Netherlands</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Poland"
aria-label="Poland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Poland</span>
<span
class="localization-form__currency motion-reduce"
>
PLN
zł</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Portugal</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RE"
data-aliases=""
id="Réunion"
aria-label="Réunion"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Réunion</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Romania"
aria-label="Romania"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Romania</span>
<span
class="localization-form__currency motion-reduce"
>
RON
Lei</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slovakia"
aria-label="Slovakia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovakia</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slovenia"
aria-label="Slovenia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovenia</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Spain"
aria-label="Spain"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/ES"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Spain</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Sweden"
aria-label="Sweden"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Sweden</span>
<span
class="localization-form__currency motion-reduce"
>
SEK
kr</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Switzerland"
aria-label="Switzerland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Switzerland</span>
<span
class="localization-form__currency motion-reduce"
>
CHF
CHF</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
<div class="language-selector top-shadow">
<h2
class="visually-hidden"
id="dropdown-LanguageLabel"
>
Language
</h2>
<span class="language-selector__label">Language</span>
<select
id="dropdownSelect"
class="localization-form__select"
name="language_code"
aria-label="Language"
ref="languageInput"
on:change="/changeLanguage"
><option
value="fr"
lang="fr"
>
Français
</option><option
value="en"
lang="en"
selected
>
English
</option></select>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div>
</form></localization-form-component>
</div>
</dropdown-localization-component>
<search-button class="search-action mobile:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Search"
aria-haspopup="dialog"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<script
type="module"
src="//bluemoonfactory.com/cdn/shop/t/4/assets/cart-icon.js?v=157241182139685326961766697343"
fetchpriority="low"
></script>
<header-actions>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/dialog.js?v=61774032287387761671766697342"
type="module"
></script>
<anchored-popover-component
data-close-on-resize="true"
class="account-popover mobile:hidden"
>
<button
class="account-button header-actions__action"
aria-label="Account"
aria-haspopup="dialog"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<div
class="account-popover__panel details-content color-scheme-1"
id="account-popover"
popover="auto"
ref="popover"
>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<h2
id="account-drawer-heading"
class="account-actions__title h5"
>
Account
</h2>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/account-login-actions.js?v=132624473766457443991766697341"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//bluemoonfactory.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
await import("//bluemoonfactory.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://bluemoonfactory.com/en/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2Fen&locale=en&ui_hint=full"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
Other sign in options
</span>
<span class="account-actions__fallback-text">
Sign in
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/en/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Orders
</a>
</li>
<li class="account-actions__list-item">
<a
href="/en/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profile
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</anchored-popover-component>
<dialog-component
class="account-drawer"
>
<button
class="account-button header-actions__action"
aria-label="Account"
aria-haspopup="dialog"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<dialog
ref="dialog"
class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
scroll-lock
aria-labelledby="account-drawer-heading"
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button account-drawer__close-button"
aria-label="Close dialog"
autofocus
>
<span
class="svg-wrapper"
aria-hidden="true"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<h2
id="account-drawer-heading"
class="account-actions__title h5"
>
Account
</h2>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/account-login-actions.js?v=132624473766457443991766697341"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//bluemoonfactory.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
await import("//bluemoonfactory.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://bluemoonfactory.com/en/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2Fen&locale=en&ui_hint=full"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
Other sign in options
</span>
<span class="account-actions__fallback-text">
Sign in
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/en/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Orders
</a>
</li>
<li class="account-actions__list-item">
<a
href="/en/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profile
</a>
</li>
</ul>
</nav>
</div>
</div>
</dialog>
</dialog-component>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/cart-drawer.js?v=60516533948368149871766774365"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
>
<button
class="button header-actions__action button-unstyled"
on:click="/open"
aria-haspopup="dialog"
aria-label="Cart"
aria-describedby="cart-bubble-text"
data-testid="cart-drawer-trigger"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
id="cart-bubble-text"
class="cart-bubble__text"
role="status"
>
<span class="visually-hidden">Total items in cart: 0
</span>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<dialog
ref="dialog"
class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
aria-labelledby="cart-drawer-heading-empty"
scroll-lock
cart-summary-sticky="true"
>
<div class="cart-drawer__inner">
<cart-items-component
class="cart-items-component"
data-section-id="sections--26604815581510__header_section"
><div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="Close dialog"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content motion-reduce"
aria-label="Cart"
>
<h2
class="cart-drawer__heading h4 cart-drawer__heading--empty"
id="cart-drawer-heading-empty"
>
Your cart is empty
</h2>
<div class="cart-drawer__items">
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/component-cart-items.js?v=47090504063697747641766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=105130809908858639751766697342"
type="module"
fetchpriority="low"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661766697343"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<p>
Have an account? <a href="https://bluemoonfactory.com/customer_authentication/redirect?locale=en®ion_country=FR">Log in</a> to check out faster.
</p><a
class="button cart-items__empty-button"
href="/en/collections/all"
>
Continue shopping
</a></div>
</div>
</div></cart-items-component>
</div>
</dialog>
</cart-drawer-component>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/header.js?v=155792906110242140481766697342"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--26604815581510__header_section', url);
</script>
</header><div id="shopify-section-sections--26604815581510__1766776170a4e1292c" class="shopify-section shopify-section-group-header-group section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
</div>
</div>
</div>
</div>
<!-- END sections: header-group -->
</div>
<script>
// Inline header height calculation to prevent layout shift
// Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function
(function setHeaderHeighCustomProperties() {
/*
* Header calculation functions for maintaining CSS variables
* Mimic calculateHeaderGroupHeight() in utilities.js
*/
const header = document.querySelector('header-component');
const headerGroup = document.querySelector('#header-group');
const hasHeaderSection = headerGroup?.querySelector('.header-section');
if (!header || !headerGroup) return;
const headerHeight = header.offsetHeight;
// Calculate the total height of the header group
let headerGroupHeight = 0;
const children = headerGroup.children;
for (let i = 0; i < children.length; i++) {
const element = children[i];
if (element === header || !(element instanceof HTMLElement)) continue;
headerGroupHeight += element.offsetHeight;
}
// Check for transparent header special case
if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
headerGroupHeight += headerHeight;
}
// Set CSS variables
document.body.style.setProperty('--header-height', `${headerHeight}px`);
document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
/**
* Updates CSS custom properties for transparent header offset calculation
* Mimic updateTransparentHeaderOffset() in utilities.js
*/
if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
document.body.style.setProperty('--transparent-header-offset-boolean', '0');
return;
}
const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
})();
</script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="true"
data-product-transition="true"
data-template="index"
>
<section id="shopify-section-template--26604815417670__hero_Hcq7Vh" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--26604815417670__hero_Hcq7Vh"
class="hero color-scheme-b2453928-bffd-43c2-a86c-a8551e54c515 hero--stack-mobile"
style=" --hero-border-style: ; --hero-border-width: px; --hero-border-opacity: %; --blur-opacity: 0.75; --hero-min-height: 100svh; "
>
<div
class="hero__container spacing-style section section--full-width"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px));"
><div
class="hero__media-wrapper"
style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.8040685224839401;"
data-testid="hero-media-wrapper"
>
<picture
data-testid="hero-picture-1"
class="hero__image"
>
<source
media="(max-width: 749px)"
srcset="//bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_55_45.png?v=1781287123&width=416 416w,//bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_55_45.png?v=1781287123&width=600 600w,//bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_55_45.png?v=1781287123&width=800 800w,//bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_55_45.png?v=1781287123&width=1200 1200w,//bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_55_45.png?v=1781287123&width=1600 1600w"
sizes="100vw"
width="941"
height="1672"
>
<img src="//bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_52_25.png?v=1781286835&width=3840" srcset="//bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_52_25.png?v=1781286835&width=832 832w, //bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_52_25.png?v=1781286835&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_52_25.png?v=1781286835&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_52_25.png?v=1781286835&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_52_25.png?v=1781286835&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/ChatGPT_Image_12_juin_2026_19_52_25.png?v=1781286835&width=3840 3840w" width="1685" height="934" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">
</picture>
</div>
<div
class="hero__content-wrapper layout-panel-flex layout-panel-flex--column mobile-column section-content-wrapper page-width"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 0px;--horizontal-alignment: center; --vertical-alignment: flex-end;--vertical-alignment-mobile: flex-end;"
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 10px;--horizontal-alignment: flex-start; --vertical-alignment: last baseline;--vertical-alignment-mobile: flex-end;"
>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--ASDBtTjdJa3hhU2xPb__text_8BwR9g custom text-block--align-left custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.125rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<h2><strong>SUMMER COLLECTION</strong></h2>
</div>
<div class="spacing-style text-block text-block--AVzQ5cm54WEdYSERlR__text_c9HpQc custom text-block--align-left custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: clamp(3.2083333333333335rem, 6.285714285714286vw, 5.5rem); --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--display-tight); --letter-spacing: var(--letter-spacing--display-tight); --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: left; ">
<h1>DOLCE</h1>
</div>
<div class="spacing-style text-block text-block--Ad0ZJdUN5eXkyZEVTY__text_caxNrD custom text-block--align-left custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: clamp(3.2083333333333335rem, 6.285714285714286vw, 5.5rem); --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--display-tight); --letter-spacing: var(--letter-spacing--display-tight); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<h1>VITA</h1>
</div>
<div class="spacing-style text-block text-block--AQlU4ZHFLMG1hYlVFO__text_xzRPfA custom text-block--align-left custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:26px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.125rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: left; ">
<p><strong>A sun-soaked escape inspired by the colors, scents, and simple pleasures of an Italian summer</strong></p>
</div>
<a
href="/en/collections/summer-collection-dolce-vita"
class="size-style button button--AbjB4UmdJTzhxUkNGV__button_YGPHG7"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;">
See collection
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><div id="shopify-section-template--26604815417670__marquee_PR9Yem" class="shopify-section">
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/marquee.js?v=131793217881894452351766697343"
type="module"
fetchpriority="low"
></script>
<div class="section-background color-scheme-df2ff0a4-be46-4958-8d8b-e13506f6a795"></div>
<marquee-component
class="section spacing-style gap-style color-scheme-df2ff0a4-be46-4958-8d8b-e13506f6a795"
style="--padding-block-start: 16px;--padding-block-end: 16px;; --marquee-gap: max(24px, calc(var(--gap-scale, 1.0) * 47px)); --marquee-direction: normal; "
data-speed-factor="25"
data-movement-direction="normal"
>
<div
class="marquee__wrapper"
ref="wrapper"
>
<div
class="marquee__content"
ref="content"
>
<div
class="marquee__repeated-items"
ref="marqueeItems[]"
>
<div id="shopify-block-AR2ZDR2hPQUpoU2ZHM__icon_9CwpGw" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AR2ZDR2hPQUpoU2ZHM__icon_9CwpGw icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewbox="0 0 20 20"
>
<path
d="M10 5.2393L8.5149 3.77392C6.79996 2.08174 4.01945 2.08174 2.30451 3.77392C0.589562 5.4661 0.589563 8.2097 2.30451 9.90188L10 17.4952L17.6955 9.90188C19.4104 8.2097 19.4104 5.4661 17.6955 3.77392C15.9805 2.08174 13.2 2.08174 11.4851 3.77392L10 5.2393ZM10.765 3.06343C12.8777 0.978857 16.3029 0.978856 18.4155 3.06343C20.5282 5.148 20.5282 8.52779 18.4155 10.6124L10.72 18.2057C10.3224 18.5981 9.67763 18.5981 9.27996 18.2057L1.58446 10.6124C-0.528154 8.52779 -0.528154 5.14801 1.58446 3.06343C3.69708 0.978859 7.12233 0.978858 9.23495 3.06343L10 3.81832L10.765 3.06343Z"
fill-rule="evenodd"
/></svg>
</div>
<rte-formatter class="spacing-style text-block text-block--AWlVjdUhwYVQ1bzJLR__text_U8qXTp rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Unique editions to discover</p>
</rte-formatter>
<div id="shopify-block-AT3lReW1RQ1g3Q0hvd__icon_DE8NnD" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AT3lReW1RQ1g3Q0hvd__icon_DE8NnD icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewbox="0 0 20 20"
>
<path
d="M10 5.2393L8.5149 3.77392C6.79996 2.08174 4.01945 2.08174 2.30451 3.77392C0.589562 5.4661 0.589563 8.2097 2.30451 9.90188L10 17.4952L17.6955 9.90188C19.4104 8.2097 19.4104 5.4661 17.6955 3.77392C15.9805 2.08174 13.2 2.08174 11.4851 3.77392L10 5.2393ZM10.765 3.06343C12.8777 0.978857 16.3029 0.978856 18.4155 3.06343C20.5282 5.148 20.5282 8.52779 18.4155 10.6124L10.72 18.2057C10.3224 18.5981 9.67763 18.5981 9.27996 18.2057L1.58446 10.6124C-0.528154 8.52779 -0.528154 5.14801 1.58446 3.06343C3.69708 0.978859 7.12233 0.978858 9.23495 3.06343L10 3.81832L10.765 3.06343Z"
fill-rule="evenodd"
/></svg>
</div>
<rte-formatter class="spacing-style text-block text-block--AS2pRaVRKSENBSU1lb__text_Nhae8Y rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Made in France with love and care</p>
</rte-formatter>
</div>
</div>
</div>
</marquee-component>
</div><div id="shopify-section-template--26604815417670__section_iwcfE7" class="shopify-section section-wrapper">
<div class="section-background color-scheme-b2453928-bffd-43c2-a86c-a8551e54c515"></div>
<div
class="section section--page-width color-scheme-b2453928-bffd-43c2-a86c-a8551e54c515"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--row section-content-wrapper mobile-column"
style=" --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 12px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px)); "
data-testid="section-content"
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-Ac0I0UWllZ2ppcTc5S__icon_yUqTKN" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-Ac0I0UWllZ2ppcTc5S__icon_yUqTKN icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path
d="M10 5.2393L8.5149 3.77392C6.79996 2.08174 4.01945 2.08174 2.30451 3.77392C0.589562 5.4661 0.589563 8.2097 2.30451 9.90188L10 17.4952L17.6955 9.90188C19.4104 8.2097 19.4104 5.4661 17.6955 3.77392C15.9805 2.08174 13.2 2.08174 11.4851 3.77392L10 5.2393ZM10.765 3.06343C12.8777 0.978857 16.3029 0.978856 18.4155 3.06343C20.5282 5.148 20.5282 8.52779 18.4155 10.6124L10.72 18.2057C10.3224 18.5981 9.67763 18.5981 9.27996 18.2057L1.58446 10.6124C-0.528154 8.52779 -0.528154 5.14801 1.58446 3.06343C3.69708 0.978859 7.12233 0.978858 9.23495 3.06343L10 3.81832L10.765 3.06343Z"
fill-rule="evenodd"
/></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 4px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AREpROUhYT3dhQ21TN__text_UrPYg8 custom text-block--align-center custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.5rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h2>Handmade</h2>
</div>
<div class="spacing-style text-block text-block--AcnJiOEQwWGc2TDlLW__text_3zDizK custom text-block--align-center custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.125rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>All creations are carefully designed and handmade in France</p>
</div>
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-AaWsyL2xmUUs3WW4zb__icon_gJrtmQ" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AaWsyL2xmUUs3WW4zb__icon_gJrtmQ icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path d="M15.9633 5.16568C16.1818 5.33464 16.2219 5.64867 16.0529 5.86709L11.2315 12.1C10.7573 12.7132 10.5 13.4664 10.5 14.2415L10.5 17.728C10.5 18.0041 10.2761 18.228 9.99998 18.228C9.72384 18.228 9.49998 18.0041 9.49998 17.728L9.49997 14.2415C9.49997 13.2449 9.8308 12.2765 10.4406 11.4882L15.2619 5.25525C15.4309 5.03683 15.7449 4.99673 15.9633 5.16568Z" />
<path d="M4.13656 9.11047C3.94637 9.31067 3.95448 9.62715 4.15469 9.81735L8.41061 13.8605C9.10616 14.5213 9.49997 15.4386 9.49997 16.398V19.5C9.49997 19.7761 9.72383 20 9.99997 20C10.2761 20 10.5 19.7761 10.5 19.5V16.398C10.5 15.1645 9.99364 13.9851 9.09936 13.1355L4.84344 9.09235C4.64324 8.90216 4.32676 8.91027 4.13656 9.11047Z" />
<path
d="M18.3779 1.53927C18.4327 2.29021 18.4725 3.32703 18.4047 4.40738C18.3125 5.87411 18.0299 7.25745 17.4545 8.14562C16.7167 9.28439 15.6883 9.90008 14.7112 10.1459C13.6919 10.4023 12.8474 10.2333 12.4595 9.98203C11.6151 9.43502 10.6657 7.26257 12.1639 4.95007C12.7171 4.09609 13.9498 3.29603 15.4075 2.63437C16.4929 2.1417 17.5917 1.77412 18.3779 1.53927ZM18.7295 0.399095C19.0125 0.322287 19.2884 0.513872 19.3179 0.805582C19.4683 2.2906 19.735 6.46465 18.2937 8.68934C16.5205 11.4265 13.2903 11.7118 11.9158 10.8213C10.5413 9.93084 9.57124 7.11282 11.3246 4.40636C12.7665 2.18066 17.2 0.814295 18.7295 0.399095Z"
fill-rule="evenodd"
/>
<path
d="M1.16197 6.23639C1.24915 6.80305 1.38541 7.51404 1.5922 8.22877C1.89834 9.28691 2.31835 10.2055 2.84189 10.729C3.54804 11.4352 4.37904 11.7175 5.11404 11.7439C5.89258 11.7719 6.44282 11.5154 6.64245 11.3158C7.09947 10.8588 7.49486 9.18578 6.0474 7.73833C5.55144 7.24237 4.58274 6.85006 3.40831 6.58298C2.60103 6.3994 1.79173 6.29511 1.16197 6.23639ZM0.569611 5.18777C0.276949 5.16998 0.0467941 5.41364 0.080866 5.70486C0.226586 6.95034 0.719124 10.0205 2.13478 11.4362C3.93434 13.2357 6.44588 12.9266 7.34955 12.0229C8.25323 11.1193 8.53389 8.8106 6.75451 7.03122C5.33581 5.61253 1.90298 5.26882 0.569611 5.18777Z"
fill-rule="evenodd"
/></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 4px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AN3BydU1aTjFkMUQ0c__text_PCeGRd custom text-block--align-center custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.5rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h2>Natural ingredients</h2>
</div>
<div class="spacing-style text-block text-block--AU2dLZGF3ZVVFcWRkU__text_tgknYH custom text-block--align-center custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.125rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>We select natural and non toxic ingredients for all creations</p>
</div>
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-AUElJbXhyQmdiZVFMQ__icon_4KWktj" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AUElJbXhyQmdiZVFMQ__icon_4KWktj icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path
d="M9.69502 0.6786C9.91338 0.601796 10.1516 0.603123 10.3691 0.682353L18.2151 3.54058C18.61 3.68445 18.8728 4.05988 18.8728 4.48018V14.4287C18.8728 14.8074 18.6588 15.1537 18.32 15.3231L10.4731 19.2465C10.196 19.385 9.87022 19.3873 9.59117 19.2526L1.45405 15.3244C1.10843 15.1576 0.888794 14.8076 0.888794 14.4239V4.48434C0.888794 4.05997 1.15665 3.68181 1.55699 3.541L9.69502 0.6786ZM6.07999 3.01017L2.5346 4.25719L10.149 7.63545L13.5692 6.118L6.07999 3.01017ZM6.78606 2.76183L14.1997 5.83828L17.5367 4.35774L10.0268 1.62195L6.78606 2.76183ZM1.88879 14.4239L1.88879 5.06467L9.64898 8.50762V18.1701L1.88879 14.4239ZM17.8728 14.4287L10.649 18.0405V8.50762L17.8728 5.30263V14.4287Z"
fill-rule="evenodd"
/></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 4px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AeGxFeUpKQnp0aGJ2c__text_rCV8K7 custom text-block--align-center custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.5rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h3>Created on demand</h3>
</div>
<div class="spacing-style text-block text-block--AM0hrR3dlZjJmbGxrT__text_gTCdcW custom text-block--align-center custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.125rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>Orders are typically shipped within 15-20 business days</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26604815417670__divider_GVXH6i" class="shopify-section">
<div class="section-background color-scheme-1"></div>
<div
class="section section--full-width color-scheme-1"
data-testid="divider-template--26604815417670__divider_GVXH6i"
>
<div
class="divider divider-template--26604815417670__divider_GVXH6i spacing-style"
style=" --divider-justify-content: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); "
>
<span
class="divider__line"
style=" --divider-border-thickness: 1px; --divider-border-rounded: 0; --divider-flex-basis: 30%; "
></span>
</div>
</div>
</div><div id="shopify-section-template--26604815417670__section_pnY6hA" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" --section-min-height: 30svh; --section-preview-height: 600px; "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 25px));--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<div class="spacing-style text-block text-block--AbmIzU3RZbnJSY2FSb__text_wwqkMk custom custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: clamp(3.0rem, 3.428571428571429vw, 3rem); --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h2>My creations</h2>
</div>
<div class="spacing-style text-block text-block--Aa3FIaGJHV3NyeXRjc__text_WwUDA3 custom custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-normal); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p><strong>Immerse yourself in a soothing, fragrant world with Blue Moon candles and wax melts. Carefully selected scents designed to bring a touch of comfort to your everyday moments.</strong></p>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26604815417670__section_wPzpLU" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--full-width color-scheme-1"
data-testid="ui-test-section"
style=" --section-min-height: var(--section-height-large); --section-preview-height: 600px; "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--row section-content-wrapper mobile-column"
style=" --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 0px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<div
class="group-block group-block--height-fill group-block--width-fill border-style spacing-style size-style color-scheme-5"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px)); --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><a
href="/en/pages/bougies"
class="group-block__link"
></a><div class="group-block__media-wrapper">
<div
class="background-image-container"
>
<img src="//bluemoonfactory.com/cdn/shop/files/Calque_1_copie.png?v=1775822680&width=3840" alt="" srcset="//bluemoonfactory.com/cdn/shop/files/Calque_1_copie.png?v=1775822680&width=832 832w, //bluemoonfactory.com/cdn/shop/files/Calque_1_copie.png?v=1775822680&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/Calque_1_copie.png?v=1775822680&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/Calque_1_copie.png?v=1775822680&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/Calque_1_copie.png?v=1775822680&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/Calque_1_copie.png?v=1775822680&width=3840 3840w" width="3840" height="1629" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>
<div
class="overlay overlay--gradient"
style=" --overlay-layer: 0; --overlay-color: #00000045; --overlay-color--end: rgba(0, 0, 0, 0); --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --vertical-alignment: space-between;--vertical-alignment-mobile: space-between;"
>
<div
class="spacer-block spacer-block--size-pixel"
style=" --spacer-size: 16px; "
data-testid="spacer-block"
></div>
<div class="spacing-style text-block text-block--AMWJQb3JkVHRrQnlPY__text_C7wTHQ h3" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h3>Candles</h3>
</div>
</div>
</div>
<div
class="group-block group-block--height-fill group-block--width-fill border-style spacing-style size-style color-scheme-5"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px)); --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><a
href="/en/pages/fondants"
class="group-block__link"
></a><div class="group-block__media-wrapper">
<div
class="background-image-container"
>
<img src="//bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_123518_1.png?v=1775818456&width=3840" alt="" srcset="//bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_123518_1.png?v=1775818456&width=832 832w, //bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_123518_1.png?v=1775818456&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_123518_1.png?v=1775818456&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_123518_1.png?v=1775818456&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_123518_1.png?v=1775818456&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_123518_1.png?v=1775818456&width=3840 3840w" width="3840" height="1629" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>
<div
class="overlay overlay--gradient"
style=" --overlay-layer: 0; --overlay-color: #00000045; --overlay-color--end: rgba(0, 0, 0, 0); --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --vertical-alignment: space-between;--vertical-alignment-mobile: space-between;"
>
<div
class="spacer-block spacer-block--size-pixel"
style=" --spacer-size: 16px; "
data-testid="spacer-block"
></div>
<div class="spacing-style text-block text-block--AN2tQNENFLzVpbFcyU__text_aAnadk h3" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h3>Melts</h3>
</div>
</div>
</div>
<div
class="group-block group-block--height-fill group-block--width-fill border-style spacing-style size-style color-scheme-5"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px)); --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><a
href="/en/pages/coffrets-et-assortiments"
class="group-block__link"
></a><div class="group-block__media-wrapper">
<div
class="background-image-container"
>
<img src="//bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_130902_1.png?v=1775819454&width=3840" alt="" srcset="//bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_130902_1.png?v=1775819454&width=832 832w, //bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_130902_1.png?v=1775819454&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_130902_1.png?v=1775819454&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_130902_1.png?v=1775819454&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_130902_1.png?v=1775819454&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/nano_banana_pro_20260410_130902_1.png?v=1775819454&width=3840 3840w" width="3840" height="1629" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>
<div
class="overlay overlay--gradient"
style=" --overlay-layer: 0; --overlay-color: #00000045; --overlay-color--end: rgba(0, 0, 0, 0); --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --vertical-alignment: space-between;--vertical-alignment-mobile: space-between;"
>
<div
class="spacer-block spacer-block--size-pixel"
style=" --spacer-size: 16px; "
data-testid="spacer-block"
></div>
<div class="spacing-style text-block text-block--Ad0ZYZSt1RVRmWFMwY__text_peL7qW h3" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h3>Bundles</h3>
</div>
</div>
</div>
<div
class="group-block group-block--height-fill group-block--width-fill border-style spacing-style size-style color-scheme-5"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px)); --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><a
href="/en/pages/accessoires"
class="group-block__link"
></a><div class="group-block__media-wrapper">
<div
class="background-image-container"
>
<img src="//bluemoonfactory.com/cdn/shop/files/20260311_1839_Bruleurs_et_Bougies_Pastel_remix_01kkezp26rfpgry3sxjs1vdymq.png?v=1773252523&width=3840" alt="" srcset="//bluemoonfactory.com/cdn/shop/files/20260311_1839_Bruleurs_et_Bougies_Pastel_remix_01kkezp26rfpgry3sxjs1vdymq.png?v=1773252523&width=832 832w, //bluemoonfactory.com/cdn/shop/files/20260311_1839_Bruleurs_et_Bougies_Pastel_remix_01kkezp26rfpgry3sxjs1vdymq.png?v=1773252523&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/20260311_1839_Bruleurs_et_Bougies_Pastel_remix_01kkezp26rfpgry3sxjs1vdymq.png?v=1773252523&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/20260311_1839_Bruleurs_et_Bougies_Pastel_remix_01kkezp26rfpgry3sxjs1vdymq.png?v=1773252523&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/20260311_1839_Bruleurs_et_Bougies_Pastel_remix_01kkezp26rfpgry3sxjs1vdymq.png?v=1773252523&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/20260311_1839_Bruleurs_et_Bougies_Pastel_remix_01kkezp26rfpgry3sxjs1vdymq.png?v=1773252523&width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>
<div
class="overlay overlay--gradient"
style=" --overlay-layer: 0; --overlay-color: #00000045; --overlay-color--end: rgba(0, 0, 0, 0); --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --vertical-alignment: space-between;--vertical-alignment-mobile: space-between;"
>
<div
class="spacer-block spacer-block--size-pixel"
style=" --spacer-size: 16px; "
data-testid="spacer-block"
></div>
<div class="spacing-style text-block text-block--AMkhESUFFaWZGMFI3d__text_jBhhKq h3" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h3>Accessories</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26604815417670__section_bgHdjL" class="shopify-section section-wrapper">
<div class="section-background color-scheme-4"></div>
<div
class="section section--page-width color-scheme-4"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--row section-content-wrapper mobile-column"
style=" --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); "
data-testid="section-content"
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 8px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div class="spacing-style text-block text-block--AOGhtYmVsQXRQMVRkV__text_QbKiyh custom text-block--align-center custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 2rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h2>Best design</h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AZGxUZ2F1UWJvY2pyQ__text_GmUPLy rte text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>We always strive to get our customers the best possible design for their products</p>
</rte-formatter>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 8px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div class="spacing-style text-block text-block--ARm1tbzFmTmtnTEQ2c__text_zLNkBi custom text-block--align-center custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 2rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h2>Quality first</h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AQ0E2NTFUakI1NHBiT__text_meJjgw rte text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>We obsess over the details and strive to deliver the best products at the best prices, every time.</p>
</rte-formatter>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 8px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div class="spacing-style text-block text-block--AVWFLZDd1eDhaU2p2K__text_Vjy7rg custom text-block--align-center custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 2rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h2>Customer care</h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AMENqdTRWcXRwbDJXb__text_TQqngn paragraph text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>We're always on your side: keeping our loyal customers happy is our top priority and number one goal.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26604815417670__product_list_WxpgGU" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
data-testid="product-list"
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 70px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: space-between; --vertical-alignment: last baseline;--vertical-alignment-mobile: flex-end;"
>
<div class="spacing-style text-block text-block--AaVlITkhQaWFUNXplS__product_list_text_gGmWjt custom custom-typography custom-font-size custom-color" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 2.5rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h3>My best sellers</h3>
</div>
</div>
</div>
</div>
<div
class="resource-list force-full-width resource-list__carousel"
style="--resource-list-column-gap-desktop: 8px;--column-count: 4;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="resource-list-grid"
>
<div
class="resource-list__carousel"
style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;"
>
<slideshow-component
ref="resourceListCarousel"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--large slideshow-control--shape-circle slideshow-control--style-chevron_large button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--large slideshow-control--shape-circle slideshow-control--style-chevron_large button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="15443351404870"
data-featured-media-url="//bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15443351404870"
id="product-card-AM05vckJSYUx3OE5Zc__static-product-card"
data-product-transition="true"
>
<a
id="35d614e98bb266b3d569dce08727c90a"
href="/en/products/chocolate-chip-cookies?variant=56043466064198"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Chocolate Chip Cookies
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; --quick-add-mobile-opacity: 1; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ANW96ZUpvZTVZT3c5c__product_card_gallery_jEXAHr spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:24px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15443351404870"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/en/products/chocolate-chip-cookies?variant=56043466064198"
aria-label="Chocolate Chip Cookies"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="71997045113158"
>
<div
class="product-media"
style="--ratio: 0.6666666666666666"
data-media-id="71997045113158"
>
<img src="//bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=3840" alt="Chocolate Chip Cookies" srcset="//bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=240 240w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=352 352w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=832 832w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="72019097780550"
>
<div
class="product-media"
style="--ratio: 0.6666666666666666"
data-media-id="72019097780550"
>
<img src="//bluemoonfactory.com/cdn/shop/files/20260319_0839_Image_Generation_remix_01km2gg7ymffhv64xt8kzvc5rc.png?v=1773906046&width=3840" alt="Chocolate Chip Cookies" srcset="//bluemoonfactory.com/cdn/shop/files/20260319_0839_Image_Generation_remix_01km2gg7ymffhv64xt8kzvc5rc.png?v=1773906046&width=240 240w, //bluemoonfactory.com/cdn/shop/files/20260319_0839_Image_Generation_remix_01km2gg7ymffhv64xt8kzvc5rc.png?v=1773906046&width=352 352w, //bluemoonfactory.com/cdn/shop/files/20260319_0839_Image_Generation_remix_01km2gg7ymffhv64xt8kzvc5rc.png?v=1773906046&width=832 832w, //bluemoonfactory.com/cdn/shop/files/20260319_0839_Image_Generation_remix_01km2gg7ymffhv64xt8kzvc5rc.png?v=1773906046&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/20260319_0839_Image_Generation_remix_01km2gg7ymffhv64xt8kzvc5rc.png?v=1773906046&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/20260319_0839_Image_Generation_remix_01km2gg7ymffhv64xt8kzvc5rc.png?v=1773906046&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/20260319_0839_Image_Generation_remix_01km2gg7ymffhv64xt8kzvc5rc.png?v=1773906046&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/20260319_0839_Image_Generation_remix_01km2gg7ymffhv64xt8kzvc5rc.png?v=1773906046&width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//bluemoonfactory.com/cdn/shop/files/20260319_0839_Image_Generation_remix_01km2gg7ymffhv64xt8kzvc5rc.png?v=1773906046&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 10px; --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-5"
ref="quickAdd"
data-product-title="Chocolate Chip Cookies"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--26604815417670__product_list_WxpgGU"
data-product-id="15443351404870"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-15443351404870-ANW96ZUpvZTVZT3c5c__product_card_gallery_jEXAHr" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="56043466064198"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Cookies_au_chocolat_1.png?v=1773844601&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text quick-add__button-content"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon quick-add__button-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="15443351404870" /><input type="hidden" name="section-id" value="template--26604815417670__product_list_WxpgGU" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Chocolate Chip Cookies</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/en/products/chocolate-chip-cookies?variant=56043466064198"
>
<div class="spacing-style text-block text-block--ANFZ6NVlESXlXekc2Y__product_title_nB9h99 custom custom-typography custom-font-size custom-color" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.25rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-tight); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Chocolate Chip Cookies</p>
</div>
</a>
<product-price
class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
data-block-id="AT1pJd0pQdTAwVW4wR__price_zPTLt6"
data-product-id="15443351404870"
style=" --color: var(--color-foreground);--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-normal); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€9,90</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="15362841772358"
data-featured-media-url="//bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15362841772358"
id="product-card-AM05vckJSYUx3OE5Zc__static-product-card-1"
data-product-transition="true"
>
<a
id="e62239f231abb73cb6d041750853c1e0"
href="/en/products/epiphany-french-tradition?variant=55789397901638"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Epiphany (French Tradition)
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; --quick-add-mobile-opacity: 1; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ANW96ZUpvZTVZT3c5c__product_card_gallery_jEXAHr-1 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:24px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15362841772358"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/en/products/epiphany-french-tradition?variant=55789397901638"
aria-label="Epiphany (French Tradition)"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="1"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="74074616430918"
>
<div
class="product-media"
style="--ratio: 0.6666666666666666"
data-media-id="74074616430918"
>
<img src="//bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=3840" alt="Epiphany (French Tradition)" srcset="//bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=240 240w, //bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=352 352w, //bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=832 832w, //bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 10px; --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-5"
ref="quickAdd"
data-product-title="Epiphany (French Tradition)"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--26604815417670__product_list_WxpgGU"
data-product-id="15362841772358"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-15362841772358-ANW96ZUpvZTVZT3c5c__product_card_gallery_jEXAHr-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="55789397901638"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//bluemoonfactory.com/cdn/shop/files/ChatGPTImage8juin2026_18_59_54.png?v=1780938113&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text quick-add__button-content"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon quick-add__button-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="15362841772358" /><input type="hidden" name="section-id" value="template--26604815417670__product_list_WxpgGU" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Epiphany (French Tradition)</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/en/products/epiphany-french-tradition?variant=55789397901638"
>
<div class="spacing-style text-block text-block--ANFZ6NVlESXlXekc2Y__product_title_nB9h99-1 custom custom-typography custom-font-size custom-color" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.25rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-tight); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Epiphany (French Tradition)</p>
</div>
</a>
<product-price
class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
data-block-id="AT1pJd0pQdTAwVW4wR__price_zPTLt6-1"
data-product-id="15362841772358"
style=" --color: var(--color-foreground);--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-normal); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€12,90</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="15464582185286"
data-featured-media-url="//bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15464582185286"
id="product-card-AM05vckJSYUx3OE5Zc__static-product-card-2"
data-product-transition="true"
>
<a
id="fccb832e3ab93ea8fd4facfb2276004e"
href="/en/products/croissants-au-beurre?variant=56133157847366"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Buttery Croissants
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; --quick-add-mobile-opacity: 1; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ANW96ZUpvZTVZT3c5c__product_card_gallery_jEXAHr-2 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:24px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15464582185286"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/en/products/croissants-au-beurre?variant=56133157847366"
aria-label="Buttery Croissants"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="71997025222982"
>
<div
class="product-media"
style="--ratio: 0.6666666666666666"
data-media-id="71997025222982"
>
<img src="//bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=3840" alt="Buttery Croissants" srcset="//bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=240 240w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=352 352w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=832 832w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="71997024403782"
>
<div
class="product-media"
style="--ratio: 0.6666666666666666"
data-media-id="71997024403782"
>
<img src="//bluemoonfactory.com/cdn/shop/files/20260318_1315_Croissants_dans_Bruleur_remix_01km0dx4vmfr2rc8ax8fge0hn9_1.png?v=1773844471&width=3840" alt="Buttery Croissants" srcset="//bluemoonfactory.com/cdn/shop/files/20260318_1315_Croissants_dans_Bruleur_remix_01km0dx4vmfr2rc8ax8fge0hn9_1.png?v=1773844471&width=240 240w, //bluemoonfactory.com/cdn/shop/files/20260318_1315_Croissants_dans_Bruleur_remix_01km0dx4vmfr2rc8ax8fge0hn9_1.png?v=1773844471&width=352 352w, //bluemoonfactory.com/cdn/shop/files/20260318_1315_Croissants_dans_Bruleur_remix_01km0dx4vmfr2rc8ax8fge0hn9_1.png?v=1773844471&width=832 832w, //bluemoonfactory.com/cdn/shop/files/20260318_1315_Croissants_dans_Bruleur_remix_01km0dx4vmfr2rc8ax8fge0hn9_1.png?v=1773844471&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/20260318_1315_Croissants_dans_Bruleur_remix_01km0dx4vmfr2rc8ax8fge0hn9_1.png?v=1773844471&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/20260318_1315_Croissants_dans_Bruleur_remix_01km0dx4vmfr2rc8ax8fge0hn9_1.png?v=1773844471&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/20260318_1315_Croissants_dans_Bruleur_remix_01km0dx4vmfr2rc8ax8fge0hn9_1.png?v=1773844471&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/20260318_1315_Croissants_dans_Bruleur_remix_01km0dx4vmfr2rc8ax8fge0hn9_1.png?v=1773844471&width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//bluemoonfactory.com/cdn/shop/files/20260318_1315_Croissants_dans_Bruleur_remix_01km0dx4vmfr2rc8ax8fge0hn9_1.png?v=1773844471&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 10px; --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-5"
ref="quickAdd"
data-product-title="Buttery Croissants"
data-quick-add-button="add"
data-product-options-count="1"
>
<product-form-component
data-section-id="template--26604815417670__product_list_WxpgGU"
data-product-id="15464582185286"
on:submit="/handleSubmit"
class="quick-add__product-form-component"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-15464582185286-ANW96ZUpvZTVZT3c5c__product_card_gallery_jEXAHr-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="56133157847366"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//bluemoonfactory.com/cdn/shop/files/Delices_de_cire_-_Croissants_au_beurre_1.png?v=1773844471&width=100"
data-add-to-cart-animation="true"
>
<button
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add add-to-cart-button"
>
<span
class="add-to-cart-text"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
<span>
<span>Add</span>
</span>
</span>
</span>
<span class="add-to-cart__added">
<span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g class="check">
<circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g class="burst">
<g style="--index: 0;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 1;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 2;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 3;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 4;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 5;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 6;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
<g style="--index: 7;">
<line class="line" stroke-linecap="round" pathlength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
</g>
</g>
</svg>
</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose add-to-cart-button"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text quick-add__button-content"
>
<span
aria-hidden="true"
class="svg-wrapper add-to-cart-icon quick-add__button-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
<span>
<span>
Choose
</span>
</span>
</span>
</span>
</button><input type="hidden" name="product-id" value="15464582185286" /><input type="hidden" name="section-id" value="template--26604815417670__product_list_WxpgGU" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Buttery Croissants</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/en/products/croissants-au-beurre?variant=56133157847366"
>
<div class="spacing-style text-block text-block--ANFZ6NVlESXlXekc2Y__product_title_nB9h99-2 custom custom-typography custom-font-size custom-color" style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.25rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-tight); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Buttery Croissants</p>
</div>
</a>
<product-price
class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
data-block-id="AT1pJd0pQdTAwVW4wR__price_zPTLt6-2"
data-product-id="15464582185286"
style=" --color: var(--color-foreground);--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-normal); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€9,90</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start;"
></div>
</div>
</div><div id="shopify-section-template--26604815417670__section_ptecCp" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" --section-min-height: var(--section-height-small); --section-preview-height: 600px; "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 25px));--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); "
data-testid="section-content"
>
<div class="spacing-style text-block text-block--AZ2h1Zno5aEU3MnB4V__text_YGCzWr h3" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h2>Want to see more ?</h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AbDZTK0VxTzU1SWNkc__text_inNU8m rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>From cozy scents to playful creations, explore all our collections. New fragrances and designs released every month.</p>
</rte-formatter>
<a
href="/en/collections"
class="size-style button button--AaWgzNnFVSTh5VkoyM__button_9QVK6j"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
See all collections
</a>
</div>
</div>
</div>
</div><div id="shopify-section-template--26604815417670__section_cKWePn" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--row section-content-wrapper mobile-column"
style=" --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); "
data-testid="section-content"
>
<div
class="image-block image-block--AU09jNTZQYWZwUFNzW__image_KQFWwM image-block--height-fit spacing-style size-style"
style=" --ratio: 1; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<img src="//bluemoonfactory.com/cdn/shop/files/20260317_0652_Fabrication_de_Bougies_et_Jeu_remix_01kkx5kg74ew883mksmfkkwbx3.png?v=1773726818&width=3840" alt="" srcset="//bluemoonfactory.com/cdn/shop/files/20260317_0652_Fabrication_de_Bougies_et_Jeu_remix_01kkx5kg74ew883mksmfkkwbx3.png?v=1773726818&width=240 240w, //bluemoonfactory.com/cdn/shop/files/20260317_0652_Fabrication_de_Bougies_et_Jeu_remix_01kkx5kg74ew883mksmfkkwbx3.png?v=1773726818&width=352 352w, //bluemoonfactory.com/cdn/shop/files/20260317_0652_Fabrication_de_Bougies_et_Jeu_remix_01kkx5kg74ew883mksmfkkwbx3.png?v=1773726818&width=832 832w, //bluemoonfactory.com/cdn/shop/files/20260317_0652_Fabrication_de_Bougies_et_Jeu_remix_01kkx5kg74ew883mksmfkkwbx3.png?v=1773726818&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/20260317_0652_Fabrication_de_Bougies_et_Jeu_remix_01kkx5kg74ew883mksmfkkwbx3.png?v=1773726818&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/20260317_0652_Fabrication_de_Bougies_et_Jeu_remix_01kkx5kg74ew883mksmfkkwbx3.png?v=1773726818&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/20260317_0652_Fabrication_de_Bougies_et_Jeu_remix_01kkx5kg74ew883mksmfkkwbx3.png?v=1773726818&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/20260317_0652_Fabrication_de_Bougies_et_Jeu_remix_01kkx5kg74ew883mksmfkkwbx3.png?v=1773726818&width=3840 3840w" width="1024" height="1024" loading="lazy" class="image-block__image border-style" style=" --ratio: 1; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; " sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AR2xjNUlCSkRXN3NUM__text_P8DVCJ h3" style=" --padding-block-start: 0px; --padding-block-end:20px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h2>A small heart-driven business</h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AWlhJMW1aWkhEZHVXV__text_gJbVQd rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-narrow); ">
<p>I make all creations myself, with heart and passion, hoping to share a spark of joy and comfort with my customers</p>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26604815417670__section_tpcdLp" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px)); "
data-testid="section-content"
>
<div class="spacing-style text-block text-block--AYm1PemlmZEYvMWJ6W__text_DY8zVq h3 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: center; ">
<p>At the heart of every product lies a unique story, driven by our passion for quality and innovation. Each item enhances your everyday life and sparks joy.</p>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26604815417670__1766760038f74b0264" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<div id="shopify-block-AczRRRlc5Y05lWmpUc__klaviyo_reviews_featured_reviews_carousel_FNjwCA" class="shopify-block shopify-app-block">
<div id="klaviyo-featured-reviews-carousel" style="margin: 0 auto; padding: 1em 0em;">
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--26604815548742__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-4"></div>
<div
class="section section--page-width color-scheme-4"
>
<div
class="footer-content spacing-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); --footer-gap: 0px; --grid-columns: 1; --last-row-count: 1; --tablet-last-row-count: 1; "
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: space-between; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div
class="logo-block spacing-style"
style=" --logo-width: 25%; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: max(20px, calc(var(--spacing-scale) * 70px)); "
>
<div class="logo-block__image-wrapper">
<img src="//bluemoonfactory.com/cdn/shop/files/Frame_5.png?v=1773730192&width=3840" alt="Blue Moon Factory" srcset="//bluemoonfactory.com/cdn/shop/files/Frame_5.png?v=1773730192&width=240 240w, //bluemoonfactory.com/cdn/shop/files/Frame_5.png?v=1773730192&width=352 352w, //bluemoonfactory.com/cdn/shop/files/Frame_5.png?v=1773730192&width=832 832w, //bluemoonfactory.com/cdn/shop/files/Frame_5.png?v=1773730192&width=1200 1200w, //bluemoonfactory.com/cdn/shop/files/Frame_5.png?v=1773730192&width=1600 1600w, //bluemoonfactory.com/cdn/shop/files/Frame_5.png?v=1773730192&width=1920 1920w, //bluemoonfactory.com/cdn/shop/files/Frame_5.png?v=1773730192&width=2560 2560w, //bluemoonfactory.com/cdn/shop/files/Frame_5.png?v=1773730192&width=3840 3840w" width="411" height="132" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
</div>
</div>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
open
>
<summary class="menu__heading h4">
<span class="menu__heading__default">Quick links</span>
<span class="menu__heading__accordion">
Quick links
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item">
<a href="/en/blogs/infos">
Blog & Articles
</a>
</li>
<li class="menu__item">
<a href="/en/policies/privacy-policy">
Privacy Policy
</a>
</li>
<li class="menu__item">
<a href="/en/pages/mentions-legales">
Legal Notice
</a>
</li>
<li class="menu__item">
<a href="/en/apps/parcelpanel">
Track Your Order
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:30%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AREtuajl2TGYwclYrN__text_jXqmE4 h4" style=" --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h3>Sign up for our newsletter</h3>
</div>
<div
class="email-signup-block size-style spacing-style"
style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<form method="post" action="/en/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div
class="email-signup__input-group email-signup__input-group--underline email-signup__input-group--arrow color-scheme-1"
style="--border-width: 1px; --border-radius: 100px;"
>
<label
for="EmailInput-AZFJyTXVnUytLTkszZ__email_signup_XgpLx7"
class="visually-hidden"
>
Email
</label>
<input
id="EmailInput-AZFJyTXVnUytLTkszZ__email_signup_XgpLx7"
class="email-signup__input email-signup__input--underline paragraph"
type="email"
name="contact[email]"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Email address"
required
>
<button
class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AZFJyTXVnUytLTkszZ__email_signup_XgpLx7 color-scheme-1"
aria-label="Sign up"
>
<svg
viewbox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
focusable="false"
aria-hidden="true"
class="email-signup__button-icon"
>
<path
clip-rule="evenodd"
d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</button>
</div></form>
</div>
<div id="shopify-block-AcllDTzltazRxanN4T__eu_withdrawal_button_form_withdrawal_button_XDEwmq" class="shopify-block shopify-app-block"><div
class="eu-withdrawal-inline eu-withdrawal-inline--solid"
data-eu-withdrawal-gate
data-country="FR"
style="text-align: center; padding: 8px 0; visibility: hidden;"
>
<a
class="eu-withdrawal-inline__link"
href="https://bluemoonfactory.com/a/withdrawal?locale=en&country=FR"
style="--eu-wd-color: #000000; --eu-wd-text: #ffffff; --eu-wd-radius: 18px; --eu-wd-size: 16px;"
>Formulaire de rétractation</a>
</div><style>
.eu-withdrawal-inline__link {
display: inline-block;
font-size: var(--eu-wd-size, 16px);
font-weight: 600;
line-height: 1.4;
text-decoration: none;
cursor: pointer;
transition: opacity .15s ease, background-color .15s ease, color .15s ease;
}
/* Text link — quiet, footer-native (default) */
.eu-withdrawal-inline--link .eu-withdrawal-inline__link {
color: var(--eu-wd-color, #000);
text-decoration: underline;
text-underline-offset: 3px;
padding: 2px 0;
}
.eu-withdrawal-inline--link .eu-withdrawal-inline__link:hover { opacity: .65; }
/* Outline — bordered, transparent fill */
.eu-withdrawal-inline--outline .eu-withdrawal-inline__link {
color: var(--eu-wd-color, #000);
border: 1.5px solid var(--eu-wd-color, #000);
border-radius: var(--eu-wd-radius, 8px);
padding: 10px 20px;
}
.eu-withdrawal-inline--outline .eu-withdrawal-inline__link:hover {
background-color: var(--eu-wd-color, #000);
color: var(--eu-wd-text, #fff);
}
/* Solid — filled button (closest to the floating button) */
.eu-withdrawal-inline--solid .eu-withdrawal-inline__link {
color: var(--eu-wd-text, #fff);
background-color: var(--eu-wd-color, #000);
border-radius: var(--eu-wd-radius, 8px);
padding: 12px 22px;
}
.eu-withdrawal-inline--solid .eu-withdrawal-inline__link:hover { opacity: .85; }
</style><noscript><style>[data-eu-withdrawal-gate]{visibility:visible!important}</style></noscript>
<script>
(function(){
var nodes = document.querySelectorAll('[data-eu-withdrawal-gate]:not([data-eu-withdrawal-gated])');
if (!nodes.length) return;
nodes.forEach(function(n){ n.setAttribute('data-eu-withdrawal-gated', '1'); });
// Theme editor preview: always reveal so merchants can see what they're
// configuring. The country gate only runs on the real storefront.
// Shopify.designMode is true inside the theme editor and undefined on the
// live storefront.
if (window.Shopify && window.Shopify.designMode) {
document.querySelectorAll('[data-eu-withdrawal-gate]').forEach(function(node){
node.style.visibility = 'visible';
});
return;
}
if (window.__euWithdrawalGatePromise) {
window.__euWithdrawalGatePromise.then(apply);
return;
}
// Default credentials ('same-origin') are required: Shopify's app proxy needs
// the storefront session cookies to route /a/withdrawal/* to this app.
// With credentials:'omit' the proxy falls through to the theme catch-all and
// returns the homepage HTML, which the gate (correctly) treats as failure.
window.__euWithdrawalGatePromise = fetch("https:\/\/bluemoonfactory.com" + '/a/withdrawal/config')
.then(function(r){
// Treat non-JSON responses (e.g. dev-store password page, HTML error
// pages) as a fetch failure (cfg === null); apply() then fails OPEN.
if (!r.ok) return null;
var ct = (r.headers.get('content-type') || '').toLowerCase();
if (ct.indexOf('application/json') === -1) return null;
return r.json();
})
.catch(function(){ return null; });
window.__euWithdrawalGatePromise.then(apply);
// Fail-OPEN: see floating-button.liquid for the full rationale. The button
// stays hidden ONLY on a successful check that says the visitor is outside
// the allowed region; if the config fetch fails (cfg === null) we reveal,
// so an outage never hides a legally required CTA from a real EU shopper.
// The server's allowedHere boolean is the only source of truth — we DON'T
// fall back to data-country because that holds Shopify's localization
// country (the storefront's selected market), not the visitor's real geo.
function apply(cfg){
if (!cfg) { revealAll(); return; }
if (cfg.restrict === false) { revealAll(); return; }
if (cfg.allowedHere === true) { revealAll(); return; }
}
function revealAll(){
document.querySelectorAll('[data-eu-withdrawal-gate]').forEach(function(node){
node.style.visibility = 'visible';
});
}
})();
</script><script>
(function(){
if (window.__euWithdrawalModalInit) return;
window.__euWithdrawalModalInit = true;
var SEL = '[data-eu-withdrawal-gate] a[href*="/a/withdrawal"], a[data-eu-withdrawal-gate][href*="/a/withdrawal"]';
function ensureModal(){
if (window.__euWithdrawalModalEl) return window.__euWithdrawalModalEl;
var backdrop = document.createElement('div');
backdrop.style.cssText = 'position:fixed;inset:0;z-index:2147483600;background:rgba(15,18,20,0.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .2s ease;';
var panel = document.createElement('div');
panel.style.cssText = 'position:relative;width:100%;max-width:600px;height:min(88vh,780px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,0.28);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1);';
var closeBtn = document.createElement('button');
closeBtn.setAttribute('type','button');
closeBtn.setAttribute('aria-label','Close');
closeBtn.innerHTML = '✕';
closeBtn.style.cssText = 'position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border:1px solid #e3e3e3;border-radius:50%;background:#fff;color:#5c5f62;font-size:14px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.12);display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease;';
closeBtn.onmouseenter = function(){ closeBtn.style.background='#f6f6f7'; closeBtn.style.color='#1a1a1a'; };
closeBtn.onmouseleave = function(){ closeBtn.style.background='#fff'; closeBtn.style.color='#5c5f62'; };
var iframe = document.createElement('iframe');
iframe.setAttribute('title','Withdrawal form');
iframe.style.cssText = 'width:100%;height:100%;border:none;display:block;';
panel.appendChild(closeBtn); panel.appendChild(iframe); backdrop.appendChild(panel);
document.body.appendChild(backdrop);
function close(){
backdrop.style.opacity='0';
panel.style.opacity='0'; panel.style.transform='translateY(14px) scale(.985)';
document.documentElement.style.overflow='';
setTimeout(function(){ backdrop.style.display='none'; iframe.src='about:blank'; }, 200);
}
function open(url){
iframe.src = url;
backdrop.style.display='flex';
document.documentElement.style.overflow='hidden';
requestAnimationFrame(function(){ requestAnimationFrame(function(){
backdrop.style.opacity='1'; panel.style.opacity='1'; panel.style.transform='none';
}); });
}
backdrop.addEventListener('click', function(e){ if (e.target === backdrop) close(); });
closeBtn.addEventListener('click', close);
document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && backdrop.style.display !== 'none') close(); });
window.addEventListener('message', function(e){ if (e.data === 'wd:close') close(); });
window.__euWithdrawalModalEl = { open: open, close: close };
return window.__euWithdrawalModalEl;
}
function popoverUrl(href){ return href + (href.indexOf('?') === -1 ? '?' : '&') + 'display=popover'; }
function wire(){
document.querySelectorAll(SEL).forEach(function(a){
if (a.getAttribute('data-eu-wd-popover')) return;
a.setAttribute('data-eu-wd-popover','1');
a.addEventListener('click', function(e){
e.preventDefault();
ensureModal().open(popoverUrl(a.getAttribute('href')));
});
});
}
function maybeWire(cfg){
if (cfg && cfg.layout && cfg.layout.presentation === 'popover') wire();
}
if (window.Shopify && window.Shopify.designMode) {
fetch("https:\/\/bluemoonfactory.com" + '/a/withdrawal/config')
.then(function(r){ return r.ok ? r.json() : null; }).then(maybeWire).catch(function(){});
return;
}
if (window.__euWithdrawalGatePromise && window.__euWithdrawalGatePromise.then) {
window.__euWithdrawalGatePromise.then(maybeWire);
}
})();
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer><div id="shopify-section-sections--26604815548742__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
<div class="section-background color-scheme-4"></div>
<div
class="section section--page-width color-scheme-4"
>
<div
class="utilities utilities--blocks-3 spacing-style"
style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 1px; --gap: 24px;"
data-testid="footer-utilities"
>
<div
class="footer-utilities__group-copyright custom-typography footer-utilities__text custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2026
<a href="/en" title="">Blue Moon Factory</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a>
</span>
</div>
<anchored-popover-component
class="footer-utilities__policy-list footer-utilities__text"
data-hover-triggered="true"
>
<button
class="policy-list-trigger button-unstyled"
popovertarget="terms-policies-popover"
popovertargetaction="toggle"
ref="trigger"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
Terms and Policies
</button>
<div
class="terms-policies-popover color-scheme-1"
id="terms-policies-popover"
popover="auto"
ref="popover"
>
<ul
class="policy_list list-unstyled custom-typography custom-font-size"
><li>
<a
href="/en/policies/privacy-policy"
class="footer-utilities__text"
>Privacy policy</a>
</li><li>
<a
href="/en/policies/#shopifyReshowConsentBanner"
class="footer-utilities__text"
>Cookie preferences</a>
</li></ul>
</div>
</anchored-popover-component>
<div
class="social-icons__wrapper footer-utilities__icons"
>
<div
class="social-icons__icon-wrapper"
>
<a
href="https://www.facebook.com/profile.php?id=61585993212759"
target="_blank"
rel="noopener noreferrer"
aria-label="Facebook"
>
<span class="social-icons__icon-label">Facebook</span>
<svg
class="social-icons__icon icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 20 20"
>
<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
</a>
</div>
<div
class="social-icons__icon-wrapper"
>
<a
href="https://www.instagram.com/bluemoonfactory/"
target="_blank"
rel="noopener noreferrer"
aria-label="Instagram"
>
<span class="social-icons__icon-label">Instagram</span>
<svg
class="social-icons__icon icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 20 20"
>
<path
fill-rule="evenodd"
d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
clip-rule="evenodd"
/></svg>
</a>
</div>
<div
class="social-icons__icon-wrapper"
>
<a
href="https://www.tiktok.com/@blue.moon.factory"
target="_blank"
rel="noopener noreferrer"
aria-label="Tiktok"
>
<span class="social-icons__icon-label">Tiktok</span>
<svg
class="social-icons__icon icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 20 20"
>
<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- END sections: footer-group -->
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/dialog.js?v=61774032287387761671766697342"
type="module"
></script>
<script
src="//bluemoonfactory.com/cdn/shop/t/4/assets/predictive-search.js?v=149240552485540508541766697342"
type="module"
fetchpriority="low"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
aria-labelledby="search-modal-heading"
>
<h2
id="search-modal-heading"
class="visually-hidden"
>
Search
</h2>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Search"
>
<form
action="/en/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Search</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Search"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
ref="resetButton"
hidden
on:click="/resetSearch"
>
Clear
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Close dialog"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
tabindex="-1"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
<div class="predictive-search-results__inner">
<div
id="predictive-search-products"
class="predictive-search-results__products"
data-testid="products-list-default--modal"
>
<h4 class="predictive-search-results__title">
Products
</h4>
<ul
class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
role="listbox"
aria-label="Products"
>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="15486814617926"
data-featured-media-url="//bluemoonfactory.com/cdn/shop/files/Coffret_Gouter.png?v=1774513719&width=500"
data-product-transition="true"
><div
class="resource-card"
href="/en/products/afternoon-treats-bundle"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/en/products/afternoon-treats-bundle"
>
<span class="visually-hidden">
Afternoon Treats Bundle
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
data-view-transition-to-main-product
>
<img src="//bluemoonfactory.com/cdn/shop/files/Coffret_Gouter.png?v=1774513719&width=500" alt="" srcset="//bluemoonfactory.com/cdn/shop/files/Coffret_Gouter.png?v=1774513719&width=240 240w, //bluemoonfactory.com/cdn/shop/files/Coffret_Gouter.png?v=1774513719&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="true" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Afternoon Treats Bundle</p>
<div ref="priceContainer">
<span class="price">€14,90</span>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="15310301167942"
data-featured-media-url="//bluemoonfactory.com/cdn/shop/files/Tablette_Bonbon_banane.png?v=1781097989&width=500"
data-product-transition="true"
><div
class="resource-card"
href="/en/products/banana-moonshake"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/en/products/banana-moonshake"
>
<span class="visually-hidden">
Banana Candy
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
data-view-transition-to-main-product
>
<img src="//bluemoonfactory.com/cdn/shop/files/Tablette_Bonbon_banane.png?v=1781097989&width=500" alt="" srcset="//bluemoonfactory.com/cdn/shop/files/Tablette_Bonbon_banane.png?v=1781097989&width=240 240w, //bluemoonfactory.com/cdn/shop/files/Tablette_Bonbon_banane.png?v=1781097989&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="true" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Banana Candy</p>
<div ref="priceContainer">
<span class="price">€6,90</span>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="15608114676038"
data-featured-media-url="//bluemoonfactory.com/cdn/shop/files/Cremedecire-Bonbonbanane.png?v=1781179120&width=500"
data-product-transition="true"
><div
class="resource-card"
href="/en/products/banana-candy"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/en/products/banana-candy"
>
<span class="visually-hidden">
Banana Candy
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
data-view-transition-to-main-product
>
<img src="//bluemoonfactory.com/cdn/shop/files/Cremedecire-Bonbonbanane.png?v=1781179120&width=500" alt="" srcset="//bluemoonfactory.com/cdn/shop/files/Cremedecire-Bonbonbanane.png?v=1781179120&width=240 240w, //bluemoonfactory.com/cdn/shop/files/Cremedecire-Bonbonbanane.png?v=1781179120&width=352 352w" width="500" height="745" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="true" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Banana Candy</p>
<div ref="priceContainer">
<span class="price">€8,90</span>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="15610858340678"
data-featured-media-url="//bluemoonfactory.com/cdn/shop/files/image66.png?v=1781276192&width=500"
data-product-transition="true"
><div
class="resource-card"
href="/en/products/beach-capy"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/en/products/beach-capy"
>
<span class="visually-hidden">
Beach Capy
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
data-view-transition-to-main-product
>
<img src="//bluemoonfactory.com/cdn/shop/files/image66.png?v=1781276192&width=500" alt="" srcset="//bluemoonfactory.com/cdn/shop/files/image66.png?v=1781276192&width=240 240w, //bluemoonfactory.com/cdn/shop/files/image66.png?v=1781276192&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="true" style="object-position: 50.0% 50.0%;">
<img src="//bluemoonfactory.com/cdn/shop/files/image65.png?v=1781276192&width=500" alt="Beach Capy" srcset="//bluemoonfactory.com/cdn/shop/files/image65.png?v=1781276192&width=240 240w, //bluemoonfactory.com/cdn/shop/files/image65.png?v=1781276192&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="true" data-media-id="74134002762054" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Beach Capy</p>
<div ref="priceContainer">
<span class="price">€34,90</span>
</div>
</div>
</div></product-card-link>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button button-primary predictive-search__search-button"
ref="viewAllButton"
>
View all
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-scheme-1"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Close dialog"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
<div id="shopify-block-Ad0MxbEhwWVJ4QXZuR__15891388892413262111" class="shopify-block shopify-app-block"><script>(function(){var n=window.fetch;try{var i=document.createElement('iframe');i.style.display='none';i.setAttribute('aria-hidden','true');(document.documentElement||document.body).appendChild(i);var w=i.contentWindow;if(w&&typeof w.fetch==='function'){n=function(){return w.fetch.apply(w,arguments)}}}catch(e){}window.honeyFetch=n})()</script>
<div id="honeypop-localization" data-language="en"></div>
<div id="honeypop-customer" data-id=""></div>
<div id="honeypop-app" class="notranslate" translate="no"></div>
<script
src="https://cdn.shopify.com/extensions/019f3a07-a6a3-7d73-83f7-83a5e94f7578/essential-loyalty-rewards-1284/assets/main-DQq3_DL-.js"
defer="defer"
type="module"
crossorigin="anonymous"
></script><!-- BEGIN app snippet: honeypop-pp -->
<!-- END app snippet --><!-- BEGIN app snippet: honeypop-cp --><!-- END app snippet --></div><div id="shopify-block-AcVNFMzZ6c2NvTGpQT__15079184273603081885" class="shopify-block shopify-app-block">
<script>
window.essentialOrderValueBoosterConfigs = [];
window.essentialOrderValueBoosterProductsData = [];
window.essentialOrderValueBoosterPageTemplate = "index"
window.essentialOrderValueBoosterMeta = {
productData: "null",
cartItems: [],
cartProducts: [],
mainCurrency: "EUR",
productCollections: null,
};
window.essentialOrderValueBoosterTranslations = {
previousSlide: "Previous slide",
nextSlide: "Next slide",
regularPrice: "Regular price",
salePrice: "Sale price",
slide: "Slide"
};
</script>
<script src="https://cdn.shopify.com/extensions/019f3c24-7d59-706a-bc39-5251be2f63c3/order-value-booster-282/assets/free_shipping_bar_essential_apps.min.js" defer></script>
<script>
</script>
</div><div id="shopify-block-ARVdzY1dCTU5OUnJ5c__8670728856252544919" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: vite-tag -->
<script src="https://cdn.shopify.com/extensions/019f1f46-26ee-7ea6-9c47-d9e6bbef1206/essentials-estimated-delivery-92/assets/app-embed-Bq1792iF.js" type="module" crossorigin="anonymous"></script>
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019f1f46-26ee-7ea6-9c47-d9e6bbef1206/essentials-estimated-delivery-92/assets/modulepreload-polyfill-B5Qt9EMX.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019f1f46-26ee-7ea6-9c47-d9e6bbef1206/essentials-estimated-delivery-92/assets/delivery-preview-widget-BCmWn28K.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019f1f46-26ee-7ea6-9c47-d9e6bbef1206/essentials-estimated-delivery-92/assets/deliveries-types-Bzmp0wQz.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019f1f46-26ee-7ea6-9c47-d9e6bbef1206/essentials-estimated-delivery-92/assets/collections-widget-base-DPmaWpTE.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019f1f46-26ee-7ea6-9c47-d9e6bbef1206/essentials-estimated-delivery-92/assets/widget-base-CSLtaH0w.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019f1f46-26ee-7ea6-9c47-d9e6bbef1206/essentials-estimated-delivery-92/assets/track-impression-ClEZJt22.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019f1f46-26ee-7ea6-9c47-d9e6bbef1206/essentials-estimated-delivery-92/assets/cart-widget-base-BYOGrZYw.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019f1f46-26ee-7ea6-9c47-d9e6bbef1206/essentials-estimated-delivery-92/assets/themes-5RI3JyWJ.js" crossorigin="anonymous">
<!-- END app snippet -->
<essential-estimated-delivery-app-embed
shop-url="ftnw97-kn.myshopify.com"
product-id=""
variant-id=""
product-name=""
product-stock-left=""
market-handle="fr"
collection-ids-json="[]"
s3-url="https://estimated-delivery-s3-prod.devbroth.com"
widgets-version="1782252293023"
storefront-access-token="9c229809d749ae5afb982718d55406b0"
cart-items=' [] '
></essential-estimated-delivery-app-embed>
</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
