<!doctype html>
<html
class="no-js"
lang="fr"
>
<head>
<meta name="facebook-domain-verification" content="8abstrcxssmmue7jrcnqg8ct170izf" /><link
rel="icon"
type="image/png"
href="//www.handmadebymella.com/cdn/shop/files/mella_flower_512x512_a616a865-e8e2-4ed4-a755-73b1e959dfe8.png?crop=center&height=32&v=1746521349&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="Handmade by Mella"
>
<meta
property="og:url"
content="https://www.handmadebymella.com/fr"
>
<meta
property="og:title"
content="Handmade Gemstone Jewelry with Meaning & Energy | Mella"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Handmade gemstone jewelry created with intention, energy, and emotion. Unique pieces designed to be felt, not just worn."
><meta
property="og:image"
content="http://www.handmadebymella.com/cdn/shop/files/mella_blush_cropped_1200x628_d7ac661c-2fbf-4513-873a-3c22b8422ac1.png?v=1746521145"
>
<meta
property="og:image:secure_url"
content="https://www.handmadebymella.com/cdn/shop/files/mella_blush_cropped_1200x628_d7ac661c-2fbf-4513-873a-3c22b8422ac1.png?v=1746521145"
>
<meta
property="og:image:width"
content="1200"
>
<meta
property="og:image:height"
content="628"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Handmade Gemstone Jewelry with Meaning & Energy | Mella"
>
<meta
name="twitter:description"
content="Handmade gemstone jewelry created with intention, energy, and emotion. Unique pieces designed to be felt, not just worn."
>
<title>
Handmade Gemstone Jewelry with Meaning & Energy | Mella
– Handmade by Mella</title>
<link
rel="canonical"
href="https://www.handmadebymella.com/fr"
>
<meta
name="description"
content="Handmade gemstone jewelry created with intention, energy, and emotion. Unique pieces designed to be felt, not just worn."
>
<link href="//www.handmadebymella.com/cdn/shop/t/4/assets/overflow-list.css?v=168694168152117541881760166899" as="style" rel="preload">
<link href="//www.handmadebymella.com/cdn/shop/t/4/assets/base.css?v=178490360867571358871761115801" rel="stylesheet" type="text/css" media="all" />
<link
rel="preload"
as="font"
href="//www.handmadebymella.com/cdn/fonts/abel/abel_n4.0254805ccf79872a96d53996a984f2b9039f9995.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.handmadebymella.com/cdn/fonts/abel/abel_n4.0254805ccf79872a96d53996a984f2b9039f9995.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.handmadebymella.com/cdn/fonts/abel/abel_n4.0254805ccf79872a96d53996a984f2b9039f9995.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.handmadebymella.com/cdn/fonts/abel/abel_n4.0254805ccf79872a96d53996a984f2b9039f9995.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/critical": "//www.handmadebymella.com/cdn/shop/t/4/assets/critical.js?v=169402557219780209121760166899",
"@theme/product-title": "//www.handmadebymella.com/cdn/shop/t/4/assets/product-title-truncation.js?v=81744426891537421781760166899",
"@theme/component": "//www.handmadebymella.com/cdn/shop/t/4/assets/component.js?v=74239122572524296041760166900",
"@theme/dialog": "//www.handmadebymella.com/cdn/shop/t/4/assets/dialog.js?v=94382931671780430451760166899",
"@theme/events": "//www.handmadebymella.com/cdn/shop/t/4/assets/events.js?v=59172389608566392641760166899",
"@theme/focus": "//www.handmadebymella.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401760166899",
"@theme/morph": "//www.handmadebymella.com/cdn/shop/t/4/assets/morph.js?v=175376767362814376631760166899",
"@theme/paginated-list": "//www.handmadebymella.com/cdn/shop/t/4/assets/paginated-list.js?v=95298315036233333871760166900",
"@theme/performance": "//www.handmadebymella.com/cdn/shop/t/4/assets/performance.js?v=171015751390534793081760166899",
"@theme/product-form": "//www.handmadebymella.com/cdn/shop/t/4/assets/product-form.js?v=127515301325557712001760166899",
"@theme/recently-viewed-products": "//www.handmadebymella.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651760166899",
"@theme/scrolling": "//www.handmadebymella.com/cdn/shop/t/4/assets/scrolling.js?v=10957690925586738441760166900",
"@theme/section-renderer": "//www.handmadebymella.com/cdn/shop/t/4/assets/section-renderer.js?v=117273408521114569061760166900",
"@theme/section-hydration": "//www.handmadebymella.com/cdn/shop/t/4/assets/section-hydration.js?v=177651605160027701221760166899",
"@theme/utilities": "//www.handmadebymella.com/cdn/shop/t/4/assets/utilities.js?v=2628875420026591481760166899",
"@theme/variant-picker": "//www.handmadebymella.com/cdn/shop/t/4/assets/variant-picker.js?v=113536721324242252251760166900",
"@theme/media-gallery": "//www.handmadebymella.com/cdn/shop/t/4/assets/media-gallery.js?v=111441960308641931071760166899",
"@theme/quick-add": "//www.handmadebymella.com/cdn/shop/t/4/assets/quick-add.js?v=74531385036627369001760166899",
"@theme/paginated-list-aspect-ratio": "//www.handmadebymella.com/cdn/shop/t/4/assets/paginated-list-aspect-ratio.js?v=25254270272143792451760166899",
"@theme/popover-polyfill": "//www.handmadebymella.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201760166899"
}
}
</script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/view-transitions.js?v=84877080446900032951760166899"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//www.handmadebymella.com/cdn/shop/t/4/assets/critical.js?v=169402557219780209121760166899"
>
<link
rel="modulepreload"
href="//www.handmadebymella.com/cdn/shop/t/4/assets/utilities.js?v=2628875420026591481760166899"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.handmadebymella.com/cdn/shop/t/4/assets/component.js?v=74239122572524296041760166900"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.handmadebymella.com/cdn/shop/t/4/assets/section-renderer.js?v=117273408521114569061760166900"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.handmadebymella.com/cdn/shop/t/4/assets/section-hydration.js?v=177651605160027701221760166899"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.handmadebymella.com/cdn/shop/t/4/assets/morph.js?v=175376767362814376631760166899"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.handmadebymella.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401760166899"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.handmadebymella.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651760166899"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.handmadebymella.com/cdn/shop/t/4/assets/scrolling.js?v=10957690925586738441760166900"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.handmadebymella.com/cdn/shop/t/4/assets/events.js?v=59172389608566392641760166899"
fetchpriority="low"
>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/quick-add.js?v=74531385036627369001760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/dialog.js?v=94382931671780430451760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/variant-picker.js?v=113536721324242252251760166900"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/product-card.js?v=174129639976667491711760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/product-form.js?v=127515301325557712001760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/accordion-custom.js?v=99000499017714805851760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/disclosure-custom.js?v=168050880623268140331760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/media.js?v=37825095869491791421760166900"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/product-price.js?v=30079423257668675401760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/product-title-truncation.js?v=81744426891537421781760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/product-inventory.js?v=16343734458933704981760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/show-more.js?v=94563802205717136101760166900"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/slideshow.js?v=106062376210414582281760166900"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/anchored-popover.js?v=95953304814728754461760166900"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/floating-panel.js?v=128677600744947036551760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/video-background.js?v=25237992823806706551760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=56330027151833116691760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/media-gallery.js?v=111441960308641931071760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/rte-formatter.js?v=101420294193111439321760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/gift-card-recipient-form.js?v=129634859299628245901760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/localization.js?v=87759161307859666401760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/product-card-link.js?v=97122579314620396511760166899"
type="module"
fetchpriority="low"
></script>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/auto-close-details.js?v=58350291535404441581760166900"
defer="defer"
></script>
<script>
const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
const Theme = {
placeholders: {
general: [
`${basePath}/general-1.png`,
`${basePath}/general-2.png`,
`${basePath}/general-3.png`,
`${basePath}/general-4.png`,
`${basePath}/general-5.png`,
`${basePath}/general-6.png`,
`${basePath}/general-7.png`,
],
product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
},
translations: {
placeholder_image: `Image du paramètre fictif`,
added: `Ajouté`,
recipient_form_fields_visible: `Les champs du formulaire de destinataire sont désormais visibles`,
recipient_form_fields_hidden: `Les champs du formulaire de destinataire sont désormais masqués`,
recipient_form_error: `La soumission du formulaire présentait une erreur`,
},
routes: {
cart_add_url: '/fr/cart/add.js',
cart_change_url: '/fr/cart/change',
cart_update_url: '/fr/cart/update',
cart_url: '/fr/cart',
predictive_search_url: '/fr/search/suggest',
search_url: '/fr/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: Abel;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.handmadebymella.com/cdn/fonts/abel/abel_n4.0254805ccf79872a96d53996a984f2b9039f9995.woff2") format("woff2"),
url("//www.handmadebymella.com/cdn/fonts/abel/abel_n4.635ebaebd760542724b79271de73bae7c2091173.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: Abel, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Abel, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 400;
--font-heading--family: Abel, sans-serif;
--font-heading--style: normal;
--font-heading--weight: 400;
--font-accent--family: Abel, sans-serif;
--font-accent--style: normal;
--font-accent--weight: 400;
/* 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: 50ch;
--max-width--body-narrow: 35ch;
--max-width--heading-normal: 50ch;
--max-width--heading-narrow: 30ch;
--max-width--display-normal: 20ch;
--max-width--display-narrow: 15ch;
--max-width--display-tight: 5ch;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 1.0rem;--font-size--h1: clamp(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-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-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-normal);--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-normal);--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-loose);--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-loose);
/* Hardcoded font sizes */
--font-size--2xs: 0.625rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 0px;
--style-border-radius-buttons-primary: 0px;
--style-border-radius-buttons-secondary: 0px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 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-body--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;
/* 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: 0px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
/* 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-primary--family);
--cart-secondary-font-style: var(--font-primary--style);
--cart-secondary-font-weight: var(--font-primary--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(62 58 54 / 1.0);
--color-foreground-heading-rgb: 62 58 54;
--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(62 58 54 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(244 239 233 / 1.0);
--color-secondary-button-hover-text: rgb(215 122 140 / 1.0);
--color-secondary-button-hover-background: rgb(169 182 160 / 1.0);
--color-secondary-button-hover-border: rgb(201 184 168 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(62 58 54 / 1.0);
--color-input-text-rgb: 62 58 54;
--color-input-border: rgb(244 239 233 / 1.0);
--color-input-hover-background: rgb(169 182 160 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(244 239 233 / 1.0);
--color-variant-text: rgb(62 58 54 / 1.0);
--color-variant-text-rgb: 62 58 54;
--color-variant-hover-background: rgb(169 182 160 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(201 184 168 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(244 239 233 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(169 182 160 / 1.0);
--color-selected-variant-hover-text: rgb(215 122 140 / 1.0);
--color-selected-variant-hover-border: rgb(201 184 168 / 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(56 56 56 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 56 56 56;
--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(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(56 56 56 / 1.0);
--color-border-rgb: 56 56 56;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(56 56 56 / 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(230 230 230 / 1.0);
--color-primary-button-hover-border: rgb(230 230 230 / 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(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(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(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-24cde705-0bd0-4ca8-9e10-9fd60658b5f0 {
--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-d5c79a57-bd48-49e3-a2b3-df479de72226 {
--color-background: rgb(244 239 233 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 244 239 233;
--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(62 58 54 / 1.0);
--color-foreground-rgb: 62 58 54;
--color-foreground-heading: rgb(62 58 54 / 1.0);
--color-foreground-heading-rgb: 62 58 54;
--color-primary: rgb(169 182 160 / 1.0);
--color-primary-rgb: 169 182 160;
--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(62 58 54 / 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(215 122 140 / 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(62 58 54 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(244 239 233 / 1.0);
--color-secondary-button-hover-text: rgb(215 122 140 / 1.0);
--color-secondary-button-hover-background: rgb(169 182 160 / 1.0);
--color-secondary-button-hover-border: rgb(201 184 168 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(62 58 54 / 1.0);
--color-input-text-rgb: 62 58 54;
--color-input-border: rgb(244 239 233 / 1.0);
--color-input-hover-background: rgb(169 182 160 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(244 239 233 / 1.0);
--color-variant-text: rgb(62 58 54 / 1.0);
--color-variant-text-rgb: 62 58 54;
--color-variant-hover-background: rgb(169 182 160 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(201 184 168 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(244 239 233 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(169 182 160 / 1.0);
--color-selected-variant-hover-text: rgb(215 122 140 / 1.0);
--color-selected-variant-hover-border: rgb(201 184 168 / 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-24cde705-0bd0-4ca8-9e10-9fd60658b5f0, .color-scheme-d5c79a57-bd48-49e3-a2b3-df479de72226 {
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 name="google-site-verification" content="CqiLCZp4lUD1fgbF3-C9NyYwD4X_D3-HJb_KaYq5tdM">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/93854564626/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="a39dd041fd2e9e641697cffba82dbd20">
<meta id="in-context-paypal-metadata" data-shop-id="93854564626" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="ILS">
<link rel="alternate" hreflang="x-default" href="https://www.handmadebymella.com/">
<link rel="alternate" hreflang="en" href="https://www.handmadebymella.com/">
<link rel="alternate" hreflang="he" href="https://www.handmadebymella.com/he">
<link rel="alternate" hreflang="es" href="https://www.handmadebymella.com/es">
<link rel="alternate" hreflang="ru" href="https://www.handmadebymella.com/ru">
<link rel="alternate" hreflang="fr" href="https://www.handmadebymella.com/fr">
<link rel="alternate" hreflang="it" href="https://www.handmadebymella.com/it">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<script id="shopify-features" type="application/json">{"accessToken":"a39dd041fd2e9e641697cffba82dbd20","betas":["rich-media-storefront-analytics"],"domain":"www.handmadebymella.com","predictiveSearch":true,"shopId":93854564626,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "f80puj-0g.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"ILS","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Atelier","id":179763609874,"schema_name":"Atelier","schema_version":"3.0.0","theme_store_id":3621,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.handmadebymella.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/fr/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.handmadebymella.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("//www.handmadebymella.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.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.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/sdks.automizely.com\/conversions\/v1\/conversions.js?app_connection_id=b4893e85a1f645379d7d1b3b94b2b866\u0026mapped_org_id=c180df96c6a7818cc5c500659a3b4098_v1\u0026shop=f80puj-0g.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-6299252a747892d6c5bda8620efa886c.js?shop=f80puj-0g.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":93854564626,"offset":10800,"reqid":"82ccbc6d-87d9-4aa2-aa7b-1b23f35c3aeb-1775682289","pageurl":"www.handmadebymella.com\/fr","u":"000944db921c","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:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(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-Rd0I1U3I5BUKM/ZklNQ9ssBhyhvFP+5roZEEsW2MGUw=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.handmadebymella.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-496de5fe.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' src='https://www.handmadebymella.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link rel="stylesheet" media="screen" href="//www.handmadebymella.com/cdn/shop/t/4/compiled_assets/styles.css?v=10065434656904240601768328452">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- Google Webmaster Tools Site Verification -->
<meta name="google-site-verification" content="CqiLCZp4lUD1fgbF3-C9NyYwD4X_D3-HJb_KaYq5tdM" />
<!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
<link rel="dns-prefetch" href="https://cdn.judge.me">
<link rel="dns-prefetch" href="https://cdn1.judge.me">
<link rel="dns-prefetch" href="https://api.judge.me">
<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank you! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":false,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subtitle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#A9B6A0","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":false,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":true,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":{},"review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":{},"review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":true,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_store_review_label_text":"Review about the store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural":"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Handmade by Mella","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":false,"show_review_title_input":false,"review_verification_email_status":"always","require_verification_before_submit":false,"can_be_branded":false,"reply_name_text":"Handmade by Mella"};</script> <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #A9B6A0;--jdgm-secondary-color: rgba(169,182,160,0.1);--jdgm-star-color: #A9B6A0;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #A9B6A0;--jdgm-paginate-color: #A9B6A0;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #A9B6A0}.jdgm-histogram__bar-content{background-color:#A9B6A0}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#A9B6A0}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Handmade by Mella'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
</style> <style class='jdgm-settings-style'></style>
<style class='jdgm-miracle-styles'>
@-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}
</style>
<script data-cfasync='false' class='jdgm-script'>
!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/019d6df0-1ddf-750c-9304-d0535ee8159d/judgeme-447/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
t.onreadystatechange=function(){4===t.readyState&&(Function(t.response)(),d&&d(t.response))},
t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
)}))}(document);
</script>
<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/019d6df0-1ddf-750c-9304-d0535ee8159d/judgeme-447/assets/shopify_v2.css"></noscript>
<!-- BEGIN app snippet: theme_fix_tags --><script>
(function() {
var jdgmThemeFixes = null;
if (!jdgmThemeFixes) return;
var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
if (!thisThemeFix) return;
if (thisThemeFix.html) {
document.addEventListener("DOMContentLoaded", function() {
var htmlDiv = document.createElement('div');
htmlDiv.classList.add('jdgm-theme-fix-html');
htmlDiv.innerHTML = thisThemeFix.html;
document.body.append(htmlDiv);
});
};
if (thisThemeFix.css) {
var styleTag = document.createElement('style');
styleTag.classList.add('jdgm-theme-fix-style');
styleTag.innerHTML = thisThemeFix.css;
document.head.append(styleTag);
};
if (thisThemeFix.js) {
var scriptTag = document.createElement('script');
scriptTag.classList.add('jdgm-theme-fix-script');
scriptTag.innerHTML = thisThemeFix.js;
document.head.append(scriptTag);
};
})();
</script>
<!-- END app snippet -->
<!-- End of Judge.me Core -->
<!-- END app block --><!-- BEGIN app block: shopify://apps/smart-seo/blocks/smartseo/7b0a6064-ca2e-4392-9a1d-8c43c942357b --><meta name="smart-seo-integrated" content="true" /><!-- metatagsSavedToSEOFields: true --><!-- END app block --><!-- BEGIN app block: shopify://apps/beast-currency-converter/blocks/doubly/267afa86-a419-4d5b-a61b-556038e7294d -->
<script>
var DoublyGlobalCurrency, catchXHR = true, bccAppVersion = 1;
var DoublyGlobal = {
theme : 'flags_theme',
spanClass : 'money',
cookieName : '_g1760856147',
ratesUrl : 'https://init.grizzlyapps.com/9e32c84f0db4f7b1eb40c32bdb0bdea9',
geoUrl : 'https://currency.grizzlyapps.com/83d400c612f9a099fab8f76dcab73a48',
shopCurrency : 'ILS',
allowedCurrencies : '["ILS","USD","EUR","GBP","AUD"]',
countriesJSON : '[]',
currencyMessage : 'All orders are processed in ILS. While the content of your cart is currently displayed in <span class="selected-currency"></span>, you will checkout using ILS at the most current exchange rate.',
currencyFormat : 'money_with_currency_format',
euroFormat : 'amount',
removeDecimals : 0,
roundDecimals : 0,
roundTo : '99',
autoSwitch : 0,
showPriceOnHover : 0,
showCurrencyMessage : false,
hideConverter : '0',
forceJqueryLoad : false,
beeketing : true,
themeScript : '',
customerScriptBefore : '',
customerScriptAfter : '',
debug: false
};
<!-- inline script: fixes + various plugin js functions -->
DoublyGlobal.themeScript = "if(DoublyGlobal.debug) debugger;dbGenericFixes=true; \/* hide generic *\/ if(window.location.href.indexOf('\/checkouts') != -1 || window.location.href.indexOf('\/password') != -1 || window.location.href.indexOf('\/orders') != -1) { const doublyStylesHide = document.createElement('style'); doublyStylesHide.textContent = ` .doubly-float, .doubly-wrapper { display:none !important; } `; document.head.appendChild(doublyStylesHide); } \/* generic code to add money, message, convert with retry *\/ function genericConvert(){ if (typeof doublyAddMessage !== 'undefined') doublyAddMessage(); if (typeof doublyAddMoney !== 'undefined') doublyAddMoney(); if (typeof doublyResetMoney !== 'undefined') doublyResetMoney(); DoublyCurrency.convertAll(); initExtraFeatures(); } window.doublyChangeEvent = function(e) { var numRetries = (typeof doublyIntervalTries !== 'undefined' ? doublyIntervalTries : 6); var timeout = (typeof doublyIntervalTime !== 'undefined' ? doublyIntervalTime : 400); clearInterval(window.doublyInterval); \/* quick convert *\/ setTimeout(genericConvert, 50); \/* retry *\/ window.doublyInterval = setInterval(function() { try{ genericConvert(); } catch (e) { clearInterval(window.doublyInterval); } if (numRetries-- <= 0) clearInterval(window.doublyInterval); }, timeout); }; \/* bind events *\/ ['mouseup', 'change', 'input', 'scroll'].forEach(function(event) { document.removeEventListener(event, doublyChangeEvent); document.addEventListener(event, doublyChangeEvent); }); \/* for ajax cart *\/ jQueryGrizzly(document).unbind('ajaxComplete.doublyGenericFix'); jQueryGrizzly(document).bind('ajaxComplete.doublyGenericFix', doublyChangeEvent);";
DoublyGlobal.initNiceSelect = function(){
!function(e) {
e.fn.niceSelect = function() {
this.each(function() {
var s = e(this);
var t = s.next()
, n = s.find('option')
, a = s.find('option:selected');
t.find('.current').html('<span class="flags flags-' + a.data('country') + '"></span> ' + a.data('display') || a.text());
}),
e(document).off('.nice_select'),
e(document).on('click.nice_select', '.doubly-nice-select.doubly-nice-select', function(s) {
var t = e(this);
e('.doubly-nice-select').not(t).removeClass('open'),
t.toggleClass('open'),
t.hasClass('open') ? (t.find('.option'),
t.find('.focus').removeClass('focus'),
t.find('.selected').addClass('focus')) : t.focus()
}),
e(document).on('click.nice_select', function(s) {
0 === e(s.target).closest('.doubly-nice-select').length && e('.doubly-nice-select').removeClass('open').find('.option')
}),
e(document).on('click.nice_select', '.doubly-nice-select .option', function(s) {
var t = e(this);
e('.doubly-nice-select').each(function() {
var s = e(this).find('.option[data-value="' + t.data('value') + '"]')
, n = s.closest('.doubly-nice-select');
n.find('.selected').removeClass('selected'),
s.addClass('selected');
var a = '<span class="flags flags-' + s.data('country') + '"></span> ' + s.data('display') || s.text();
n.find('.current').html(a),
n.prev('select').val(s.data('value')).trigger('change')
})
}),
e(document).on('keydown.nice_select', '.doubly-nice-select', function(s) {
var t = e(this)
, n = e(t.find('.focus') || t.find('.list .option.selected'));
if (32 == s.keyCode || 13 == s.keyCode)
return t.hasClass('open') ? n.trigger('click') : t.trigger('click'),
!1;
if (40 == s.keyCode)
return t.hasClass('open') ? n.next().length > 0 && (t.find('.focus').removeClass('focus'),
n.next().addClass('focus')) : t.trigger('click'),
!1;
if (38 == s.keyCode)
return t.hasClass('open') ? n.prev().length > 0 && (t.find('.focus').removeClass('focus'),
n.prev().addClass('focus')) : t.trigger('click'),
!1;
if (27 == s.keyCode)
t.hasClass('open') && t.trigger('click');
else if (9 == s.keyCode && t.hasClass('open'))
return !1
})
}
}(jQueryGrizzly);
};
DoublyGlobal.addSelect = function(){
/* add select in select wrapper or body */
if (jQueryGrizzly('.doubly-wrapper').length>0) {
var doublyWrapper = '.doubly-wrapper';
} else if (jQueryGrizzly('.doubly-float').length==0) {
var doublyWrapper = '.doubly-float';
jQueryGrizzly('body').append('<div class="doubly-float"></div>');
}
document.querySelectorAll(doublyWrapper).forEach(function(el) {
el.insertAdjacentHTML('afterbegin', '<select class="currency-switcher right noreplace" name="doubly-currencies"><option value="ILS" data-country="Israel" data-currency-symbol="₪" data-display="ILS">Israeli New Shekel</option><option value="USD" data-country="United-States" data-currency-symbol="$" data-display="USD">US Dollar</option><option value="EUR" data-country="European-Union" data-currency-symbol="€" data-display="EUR">Euro</option><option value="GBP" data-country="United-Kingdom" data-currency-symbol="£" data-display="GBP">British Pound Sterling</option><option value="AUD" data-country="Australia" data-currency-symbol="$" data-display="AUD">Australian Dollar</option></select> <div class="doubly-nice-select currency-switcher right" data-nosnippet> <span class="current notranslate"></span> <ul class="list"> <li class="option notranslate" data-value="ILS" data-country="Israel" data-currency-symbol="₪" data-display="ILS"><span class="flags flags-Israel"></span> Israeli New Shekel</li><li class="option notranslate" data-value="USD" data-country="United-States" data-currency-symbol="$" data-display="USD"><span class="flags flags-United-States"></span> US Dollar</li><li class="option notranslate" data-value="EUR" data-country="European-Union" data-currency-symbol="€" data-display="EUR"><span class="flags flags-European-Union"></span> Euro</li><li class="option notranslate" data-value="GBP" data-country="United-Kingdom" data-currency-symbol="£" data-display="GBP"><span class="flags flags-United-Kingdom"></span> British Pound Sterling</li><li class="option notranslate" data-value="AUD" data-country="Australia" data-currency-symbol="$" data-display="AUD"><span class="flags flags-Australia"></span> Australian Dollar</li> </ul> </div>');
});
}
var bbb = "0";
</script>
<!-- inline styles -->
<style>
.flags{background-image:url("https://cdn.shopify.com/extensions/019cb30e-2f7c-751f-99b6-f7188a10d57f/beast-currency-converter-57/assets/currency-flags.png")}
.flags-small{background-image:url("https://cdn.shopify.com/extensions/019cb30e-2f7c-751f-99b6-f7188a10d57f/beast-currency-converter-57/assets/currency-flags-small.png")}
select.currency-switcher{display:none}.doubly-nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:1px solid #e8e8e8;box-sizing:border-box;cursor:pointer;display:block;float:left;font-family:"Helvetica Neue",Arial;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:0;padding-left:12px;padding-right:30px;position:relative;text-align:left!important;transition:none;/*transition:all .2s ease-in-out;*/-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.doubly-nice-select:hover{border-color:#dbdbdb}.doubly-nice-select.open,.doubly-nice-select:active,.doubly-nice-select:focus{border-color:#88bfff}.doubly-nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;box-sizing:content-box;pointer-events:none;position:absolute;right:14px;top:16px;-webkit-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:transform .15s ease-in-out;width:5px}.doubly-nice-select.open:after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.doubly-nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0); z-index:1000000 !important;}.doubly-nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.doubly-nice-select.disabled:after{border-color:#ccc}.doubly-nice-select.wide{width:100%}.doubly-nice-select.wide .list{left:0!important;right:0!important}.doubly-nice-select.right{float:right}.doubly-nice-select.right .list{left:auto;right:0}.doubly-nice-select.small{font-size:12px;height:36px;line-height:34px}.doubly-nice-select.small:after{height:4px;width:4px}.flags-Afghanistan,.flags-Albania,.flags-Algeria,.flags-Andorra,.flags-Angola,.flags-Antigua-and-Barbuda,.flags-Argentina,.flags-Armenia,.flags-Aruba,.flags-Australia,.flags-Austria,.flags-Azerbaijan,.flags-Bahamas,.flags-Bahrain,.flags-Bangladesh,.flags-Barbados,.flags-Belarus,.flags-Belgium,.flags-Belize,.flags-Benin,.flags-Bermuda,.flags-Bhutan,.flags-Bitcoin,.flags-Bolivia,.flags-Bosnia-and-Herzegovina,.flags-Botswana,.flags-Brazil,.flags-Brunei,.flags-Bulgaria,.flags-Burkina-Faso,.flags-Burundi,.flags-Cambodia,.flags-Cameroon,.flags-Canada,.flags-Cape-Verde,.flags-Cayman-Islands,.flags-Central-African-Republic,.flags-Chad,.flags-Chile,.flags-China,.flags-Colombia,.flags-Comoros,.flags-Congo-Democratic,.flags-Congo-Republic,.flags-Costa-Rica,.flags-Cote-d_Ivoire,.flags-Croatia,.flags-Cuba,.flags-Curacao,.flags-Cyprus,.flags-Czech-Republic,.flags-Denmark,.flags-Djibouti,.flags-Dominica,.flags-Dominican-Republic,.flags-East-Timor,.flags-Ecuador,.flags-Egypt,.flags-El-Salvador,.flags-Equatorial-Guinea,.flags-Eritrea,.flags-Estonia,.flags-Ethiopia,.flags-European-Union,.flags-Falkland-Islands,.flags-Fiji,.flags-Finland,.flags-France,.flags-Gabon,.flags-Gambia,.flags-Georgia,.flags-Germany,.flags-Ghana,.flags-Gibraltar,.flags-Grecee,.flags-Grenada,.flags-Guatemala,.flags-Guernsey,.flags-Guinea,.flags-Guinea-Bissau,.flags-Guyana,.flags-Haiti,.flags-Honduras,.flags-Hong-Kong,.flags-Hungary,.flags-IMF,.flags-Iceland,.flags-India,.flags-Indonesia,.flags-Iran,.flags-Iraq,.flags-Ireland,.flags-Isle-of-Man,.flags-Israel,.flags-Italy,.flags-Jamaica,.flags-Japan,.flags-Jersey,.flags-Jordan,.flags-Kazakhstan,.flags-Kenya,.flags-Korea-North,.flags-Korea-South,.flags-Kosovo,.flags-Kuwait,.flags-Kyrgyzstan,.flags-Laos,.flags-Latvia,.flags-Lebanon,.flags-Lesotho,.flags-Liberia,.flags-Libya,.flags-Liechtenstein,.flags-Lithuania,.flags-Luxembourg,.flags-Macao,.flags-Macedonia,.flags-Madagascar,.flags-Malawi,.flags-Malaysia,.flags-Maldives,.flags-Mali,.flags-Malta,.flags-Marshall-Islands,.flags-Mauritania,.flags-Mauritius,.flags-Mexico,.flags-Micronesia-_Federated_,.flags-Moldova,.flags-Monaco,.flags-Mongolia,.flags-Montenegro,.flags-Morocco,.flags-Mozambique,.flags-Myanmar,.flags-Namibia,.flags-Nauru,.flags-Nepal,.flags-Netherlands,.flags-New-Zealand,.flags-Nicaragua,.flags-Niger,.flags-Nigeria,.flags-Norway,.flags-Oman,.flags-Pakistan,.flags-Palau,.flags-Panama,.flags-Papua-New-Guinea,.flags-Paraguay,.flags-Peru,.flags-Philippines,.flags-Poland,.flags-Portugal,.flags-Qatar,.flags-Romania,.flags-Russia,.flags-Rwanda,.flags-Saint-Helena,.flags-Saint-Kitts-and-Nevis,.flags-Saint-Lucia,.flags-Saint-Vincent-and-the-Grenadines,.flags-Samoa,.flags-San-Marino,.flags-Sao-Tome-and-Principe,.flags-Saudi-Arabia,.flags-Seborga,.flags-Senegal,.flags-Serbia,.flags-Seychelles,.flags-Sierra-Leone,.flags-Singapore,.flags-Slovakia,.flags-Slovenia,.flags-Solomon-Islands,.flags-Somalia,.flags-South-Africa,.flags-South-Sudan,.flags-Spain,.flags-Sri-Lanka,.flags-Sudan,.flags-Suriname,.flags-Swaziland,.flags-Sweden,.flags-Switzerland,.flags-Syria,.flags-Taiwan,.flags-Tajikistan,.flags-Tanzania,.flags-Thailand,.flags-Togo,.flags-Tonga,.flags-Trinidad-and-Tobago,.flags-Tunisia,.flags-Turkey,.flags-Turkmenistan,.flags-Tuvalu,.flags-Uganda,.flags-Ukraine,.flags-United-Arab-Emirates,.flags-United-Kingdom,.flags-United-States,.flags-Uruguay,.flags-Uzbekistan,.flags-Vanuatu,.flags-Vatican-City,.flags-Venezuela,.flags-Vietnam,.flags-Wallis-and-Futuna,.flags-XAG,.flags-XAU,.flags-XPT,.flags-Yemen,.flags-Zambia,.flags-Zimbabwe{width:30px;height:20px}.doubly-nice-select.small .option{line-height:34px;min-height:34px}.doubly-nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin:4px 0 0!important;opacity:0;overflow:scroll;overflow-x:hidden;padding:0;pointer-events:none;position:absolute;top:100%;max-height:260px;left:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:100000}.doubly-nice-select .current img,.doubly-nice-select .option img{vertical-align:top;padding-top:10px}.doubly-nice-select .list:hover .option:not(:hover){background-color:transparent!important}.doubly-nice-select .option{font-size:13px !important;float:none!important;text-align:left !important;margin:0px !important;font-family:Helvetica Neue,Arial !important;letter-spacing:normal;text-transform:none;display:block!important;cursor:pointer;font-weight:400;line-height:40px!important;list-style:none;min-height:40px;min-width:55px;margin-bottom:0;outline:0;padding-left:18px!important;padding-right:52px!important;text-align:left;transition:all .2s}.doubly-nice-select .option.focus,.doubly-nice-select .option.selected.focus,.doubly-nice-select .option:hover{background-color:#f6f6f6}.doubly-nice-select .option.selected{font-weight:700}.doubly-nice-select .current img{line-height:45px}.doubly-nice-select.slim{padding:0 18px 0 0;height:20px;line-height:20px;border:0;background:0 0!important}.doubly-nice-select.slim .current .flags{margin-top:0 !important}.doubly-nice-select.slim:after{right:4px;top:6px}.flags{background-repeat:no-repeat;display:block;margin:10px 4px 0 0 !important;float:left}.flags-Zimbabwe{background-position:-5px -5px}.flags-Zambia{background-position:-45px -5px}.flags-Yemen{background-position:-85px -5px}.flags-Vietnam{background-position:-125px -5px}.flags-Venezuela{background-position:-165px -5px}.flags-Vatican-City{background-position:-205px -5px}.flags-Vanuatu{background-position:-245px -5px}.flags-Uzbekistan{background-position:-285px -5px}.flags-Uruguay{background-position:-325px -5px}.flags-United-States{background-position:-365px -5px}.flags-United-Kingdom{background-position:-405px -5px}.flags-United-Arab-Emirates{background-position:-445px -5px}.flags-Ukraine{background-position:-5px -35px}.flags-Uganda{background-position:-45px -35px}.flags-Tuvalu{background-position:-85px -35px}.flags-Turkmenistan{background-position:-125px -35px}.flags-Turkey{background-position:-165px -35px}.flags-Tunisia{background-position:-205px -35px}.flags-Trinidad-and-Tobago{background-position:-245px -35px}.flags-Tonga{background-position:-285px -35px}.flags-Togo{background-position:-325px -35px}.flags-Thailand{background-position:-365px -35px}.flags-Tanzania{background-position:-405px -35px}.flags-Tajikistan{background-position:-445px -35px}.flags-Taiwan{background-position:-5px -65px}.flags-Syria{background-position:-45px -65px}.flags-Switzerland{background-position:-85px -65px}.flags-Sweden{background-position:-125px -65px}.flags-Swaziland{background-position:-165px -65px}.flags-Suriname{background-position:-205px -65px}.flags-Sudan{background-position:-245px -65px}.flags-Sri-Lanka{background-position:-285px -65px}.flags-Spain{background-position:-325px -65px}.flags-South-Sudan{background-position:-365px -65px}.flags-South-Africa{background-position:-405px -65px}.flags-Somalia{background-position:-445px -65px}.flags-Solomon-Islands{background-position:-5px -95px}.flags-Slovenia{background-position:-45px -95px}.flags-Slovakia{background-position:-85px -95px}.flags-Singapore{background-position:-125px -95px}.flags-Sierra-Leone{background-position:-165px -95px}.flags-Seychelles{background-position:-205px -95px}.flags-Serbia{background-position:-245px -95px}.flags-Senegal{background-position:-285px -95px}.flags-Saudi-Arabia{background-position:-325px -95px}.flags-Sao-Tome-and-Principe{background-position:-365px -95px}.flags-San-Marino{background-position:-405px -95px}.flags-Samoa{background-position:-445px -95px}.flags-Saint-Vincent-and-the-Grenadines{background-position:-5px -125px}.flags-Saint-Lucia{background-position:-45px -125px}.flags-Saint-Kitts-and-Nevis{background-position:-85px -125px}.flags-Rwanda{background-position:-125px -125px}.flags-Russia{background-position:-165px -125px}.flags-Romania{background-position:-205px -125px}.flags-Qatar{background-position:-245px -125px}.flags-Portugal{background-position:-285px -125px}.flags-Poland{background-position:-325px -125px}.flags-Philippines{background-position:-365px -125px}.flags-Peru{background-position:-405px -125px}.flags-Paraguay{background-position:-445px -125px}.flags-Papua-New-Guinea{background-position:-5px -155px}.flags-Panama{background-position:-45px -155px}.flags-Palau{background-position:-85px -155px}.flags-Pakistan{background-position:-125px -155px}.flags-Oman{background-position:-165px -155px}.flags-Norway{background-position:-205px -155px}.flags-Nigeria{background-position:-245px -155px}.flags-Niger{background-position:-285px -155px}.flags-Nicaragua{background-position:-325px -155px}.flags-New-Zealand{background-position:-365px -155px}.flags-Netherlands{background-position:-405px -155px}.flags-Nepal{background-position:-445px -155px}.flags-Nauru{background-position:-5px -185px}.flags-Namibia{background-position:-45px -185px}.flags-Myanmar{background-position:-85px -185px}.flags-Mozambique{background-position:-125px -185px}.flags-Morocco{background-position:-165px -185px}.flags-Montenegro{background-position:-205px -185px}.flags-Mongolia{background-position:-245px -185px}.flags-Monaco{background-position:-285px -185px}.flags-Moldova{background-position:-325px -185px}.flags-Micronesia-_Federated_{background-position:-365px -185px}.flags-Mexico{background-position:-405px -185px}.flags-Mauritius{background-position:-445px -185px}.flags-Mauritania{background-position:-5px -215px}.flags-Marshall-Islands{background-position:-45px -215px}.flags-Malta{background-position:-85px -215px}.flags-Mali{background-position:-125px -215px}.flags-Maldives{background-position:-165px -215px}.flags-Malaysia{background-position:-205px -215px}.flags-Malawi{background-position:-245px -215px}.flags-Madagascar{background-position:-285px -215px}.flags-Macedonia{background-position:-325px -215px}.flags-Luxembourg{background-position:-365px -215px}.flags-Lithuania{background-position:-405px -215px}.flags-Liechtenstein{background-position:-445px -215px}.flags-Libya{background-position:-5px -245px}.flags-Liberia{background-position:-45px -245px}.flags-Lesotho{background-position:-85px -245px}.flags-Lebanon{background-position:-125px -245px}.flags-Latvia{background-position:-165px -245px}.flags-Laos{background-position:-205px -245px}.flags-Kyrgyzstan{background-position:-245px -245px}.flags-Kuwait{background-position:-285px -245px}.flags-Kosovo{background-position:-325px -245px}.flags-Korea-South{background-position:-365px -245px}.flags-Korea-North{background-position:-405px -245px}.flags-Kiribati{width:30px;height:20px;background-position:-445px -245px}.flags-Kenya{background-position:-5px -275px}.flags-Kazakhstan{background-position:-45px -275px}.flags-Jordan{background-position:-85px -275px}.flags-Japan{background-position:-125px -275px}.flags-Jamaica{background-position:-165px -275px}.flags-Italy{background-position:-205px -275px}.flags-Israel{background-position:-245px -275px}.flags-Ireland{background-position:-285px -275px}.flags-Iraq{background-position:-325px -275px}.flags-Iran{background-position:-365px -275px}.flags-Indonesia{background-position:-405px -275px}.flags-India{background-position:-445px -275px}.flags-Iceland{background-position:-5px -305px}.flags-Hungary{background-position:-45px -305px}.flags-Honduras{background-position:-85px -305px}.flags-Haiti{background-position:-125px -305px}.flags-Guyana{background-position:-165px -305px}.flags-Guinea{background-position:-205px -305px}.flags-Guinea-Bissau{background-position:-245px -305px}.flags-Guatemala{background-position:-285px -305px}.flags-Grenada{background-position:-325px -305px}.flags-Grecee{background-position:-365px -305px}.flags-Ghana{background-position:-405px -305px}.flags-Germany{background-position:-445px -305px}.flags-Georgia{background-position:-5px -335px}.flags-Gambia{background-position:-45px -335px}.flags-Gabon{background-position:-85px -335px}.flags-France{background-position:-125px -335px}.flags-Finland{background-position:-165px -335px}.flags-Fiji{background-position:-205px -335px}.flags-Ethiopia{background-position:-245px -335px}.flags-Estonia{background-position:-285px -335px}.flags-Eritrea{background-position:-325px -335px}.flags-Equatorial-Guinea{background-position:-365px -335px}.flags-El-Salvador{background-position:-405px -335px}.flags-Egypt{background-position:-445px -335px}.flags-Ecuador{background-position:-5px -365px}.flags-East-Timor{background-position:-45px -365px}.flags-Dominican-Republic{background-position:-85px -365px}.flags-Dominica{background-position:-125px -365px}.flags-Djibouti{background-position:-165px -365px}.flags-Denmark{background-position:-205px -365px}.flags-Czech-Republic{background-position:-245px -365px}.flags-Cyprus{background-position:-285px -365px}.flags-Cuba{background-position:-325px -365px}.flags-Croatia{background-position:-365px -365px}.flags-Cote-d_Ivoire{background-position:-405px -365px}.flags-Costa-Rica{background-position:-445px -365px}.flags-Congo-Republic{background-position:-5px -395px}.flags-Congo-Democratic{background-position:-45px -395px}.flags-Comoros{background-position:-85px -395px}.flags-Colombia{background-position:-125px -395px}.flags-China{background-position:-165px -395px}.flags-Chile{background-position:-205px -395px}.flags-Chad{background-position:-245px -395px}.flags-Central-African-Republic{background-position:-285px -395px}.flags-Cape-Verde{background-position:-325px -395px}.flags-Canada{background-position:-365px -395px}.flags-Cameroon{background-position:-405px -395px}.flags-Cambodia{background-position:-445px -395px}.flags-Burundi{background-position:-5px -425px}.flags-Burkina-Faso{background-position:-45px -425px}.flags-Bulgaria{background-position:-85px -425px}.flags-Brunei{background-position:-125px -425px}.flags-Brazil{background-position:-165px -425px}.flags-Botswana{background-position:-205px -425px}.flags-Bosnia-and-Herzegovina{background-position:-245px -425px}.flags-Bolivia{background-position:-285px -425px}.flags-Bhutan{background-position:-325px -425px}.flags-Benin{background-position:-365px -425px}.flags-Belize{background-position:-405px -425px}.flags-Belgium{background-position:-445px -425px}.flags-Belarus{background-position:-5px -455px}.flags-Barbados{background-position:-45px -455px}.flags-Bangladesh{background-position:-85px -455px}.flags-Bahrain{background-position:-125px -455px}.flags-Bahamas{background-position:-165px -455px}.flags-Azerbaijan{background-position:-205px -455px}.flags-Austria{background-position:-245px -455px}.flags-Australia{background-position:-285px -455px}.flags-Armenia{background-position:-325px -455px}.flags-Argentina{background-position:-365px -455px}.flags-Antigua-and-Barbuda{background-position:-405px -455px}.flags-Andorra{background-position:-445px -455px}.flags-Algeria{background-position:-5px -485px}.flags-Albania{background-position:-45px -485px}.flags-Afghanistan{background-position:-85px -485px}.flags-Bermuda{background-position:-125px -485px}.flags-European-Union{background-position:-165px -485px}.flags-XPT{background-position:-205px -485px}.flags-XAU{background-position:-245px -485px}.flags-XAG{background-position:-285px -485px}.flags-Wallis-and-Futuna{background-position:-325px -485px}.flags-Seborga{background-position:-365px -485px}.flags-Aruba{background-position:-405px -485px}.flags-Angola{background-position:-445px -485px}.flags-Saint-Helena{background-position:-485px -5px}.flags-Macao{background-position:-485px -35px}.flags-Jersey{background-position:-485px -65px}.flags-Isle-of-Man{background-position:-485px -95px}.flags-IMF{background-position:-485px -125px}.flags-Hong-Kong{background-position:-485px -155px}.flags-Guernsey{background-position:-485px -185px}.flags-Gibraltar{background-position:-485px -215px}.flags-Falkland-Islands{background-position:-485px -245px}.flags-Curacao{background-position:-485px -275px}.flags-Cayman-Islands{background-position:-485px -305px}.flags-Bitcoin{background-position:-485px -335px}.flags-small{background-repeat:no-repeat;display:block;margin:5px 3px 0 0 !important;border:1px solid #fff;box-sizing:content-box;float:left}.doubly-nice-select.open .list .flags-small{margin-top:15px !important}.flags-small.flags-Zimbabwe{width:15px;height:10px;background-position:0 0}.flags-small.flags-Zambia{width:15px;height:10px;background-position:-15px 0}.flags-small.flags-Yemen{width:15px;height:10px;background-position:-30px 0}.flags-small.flags-Vietnam{width:15px;height:10px;background-position:-45px 0}.flags-small.flags-Venezuela{width:15px;height:10px;background-position:-60px 0}.flags-small.flags-Vatican-City{width:15px;height:10px;background-position:-75px 0}.flags-small.flags-Vanuatu{width:15px;height:10px;background-position:-90px 0}.flags-small.flags-Uzbekistan{width:15px;height:10px;background-position:-105px 0}.flags-small.flags-Uruguay{width:15px;height:10px;background-position:-120px 0}.flags-small.flags-United-Kingdom{width:15px;height:10px;background-position:-150px 0}.flags-small.flags-United-Arab-Emirates{width:15px;height:10px;background-position:-165px 0}.flags-small.flags-Ukraine{width:15px;height:10px;background-position:0 -10px}.flags-small.flags-Uganda{width:15px;height:10px;background-position:-15px -10px}.flags-small.flags-Tuvalu{width:15px;height:10px;background-position:-30px -10px}.flags-small.flags-Turkmenistan{width:15px;height:10px;background-position:-45px -10px}.flags-small.flags-Turkey{width:15px;height:10px;background-position:-60px -10px}.flags-small.flags-Tunisia{width:15px;height:10px;background-position:-75px -10px}.flags-small.flags-Trinidad-and-Tobago{width:15px;height:10px;background-position:-90px -10px}.flags-small.flags-Tonga{width:15px;height:10px;background-position:-105px -10px}.flags-small.flags-Togo{width:15px;height:10px;background-position:-120px -10px}.flags-small.flags-Thailand{width:15px;height:10px;background-position:-135px -10px}.flags-small.flags-Tanzania{width:15px;height:10px;background-position:-150px -10px}.flags-small.flags-Tajikistan{width:15px;height:10px;background-position:-165px -10px}.flags-small.flags-Taiwan{width:15px;height:10px;background-position:0 -20px}.flags-small.flags-Syria{width:15px;height:10px;background-position:-15px -20px}.flags-small.flags-Switzerland{width:15px;height:10px;background-position:-30px -20px}.flags-small.flags-Sweden{width:15px;height:10px;background-position:-45px -20px}.flags-small.flags-Swaziland{width:15px;height:10px;background-position:-60px -20px}.flags-small.flags-Suriname{width:15px;height:10px;background-position:-75px -20px}.flags-small.flags-Sudan{width:15px;height:10px;background-position:-90px -20px}.flags-small.flags-Sri-Lanka{width:15px;height:10px;background-position:-105px -20px}.flags-small.flags-Spain{width:15px;height:10px;background-position:-120px -20px}.flags-small.flags-South-Sudan{width:15px;height:10px;background-position:-135px -20px}.flags-small.flags-South-Africa{width:15px;height:10px;background-position:-150px -20px}.flags-small.flags-Somalia{width:15px;height:10px;background-position:-165px -20px}.flags-small.flags-Solomon-Islands{width:15px;height:10px;background-position:0 -30px}.flags-small.flags-Slovenia{width:15px;height:10px;background-position:-15px -30px}.flags-small.flags-Slovakia{width:15px;height:10px;background-position:-30px -30px}.flags-small.flags-Singapore{width:15px;height:10px;background-position:-45px -30px}.flags-small.flags-Sierra-Leone{width:15px;height:10px;background-position:-60px -30px}.flags-small.flags-Seychelles{width:15px;height:10px;background-position:-75px -30px}.flags-small.flags-Serbia{width:15px;height:10px;background-position:-90px -30px}.flags-small.flags-Senegal{width:15px;height:10px;background-position:-105px -30px}.flags-small.flags-Saudi-Arabia{width:15px;height:10px;background-position:-120px -30px}.flags-small.flags-Sao-Tome-and-Principe{width:15px;height:10px;background-position:-135px -30px}.flags-small.flags-San-Marino{width:15px;height:10px;background-position:-150px -30px}.flags-small.flags-Samoa{width:15px;height:10px;background-position:-165px -30px}.flags-small.flags-Saint-Vincent-and-the-Grenadines{width:15px;height:10px;background-position:0 -40px}.flags-small.flags-Saint-Lucia{width:15px;height:10px;background-position:-15px -40px}.flags-small.flags-Saint-Kitts-and-Nevis{width:15px;height:10px;background-position:-30px -40px}.flags-small.flags-Rwanda{width:15px;height:10px;background-position:-45px -40px}.flags-small.flags-Russia{width:15px;height:10px;background-position:-60px -40px}.flags-small.flags-Romania{width:15px;height:10px;background-position:-75px -40px}.flags-small.flags-Qatar{width:15px;height:10px;background-position:-90px -40px}.flags-small.flags-Portugal{width:15px;height:10px;background-position:-105px -40px}.flags-small.flags-Poland{width:15px;height:10px;background-position:-120px -40px}.flags-small.flags-Philippines{width:15px;height:10px;background-position:-135px -40px}.flags-small.flags-Peru{width:15px;height:10px;background-position:-150px -40px}.flags-small.flags-Paraguay{width:15px;height:10px;background-position:-165px -40px}.flags-small.flags-Papua-New-Guinea{width:15px;height:10px;background-position:0 -50px}.flags-small.flags-Panama{width:15px;height:10px;background-position:-15px -50px}.flags-small.flags-Palau{width:15px;height:10px;background-position:-30px -50px}.flags-small.flags-Pakistan{width:15px;height:10px;background-position:-45px -50px}.flags-small.flags-Oman{width:15px;height:10px;background-position:-60px -50px}.flags-small.flags-Norway{width:15px;height:10px;background-position:-75px -50px}.flags-small.flags-Nigeria{width:15px;height:10px;background-position:-90px -50px}.flags-small.flags-Niger{width:15px;height:10px;background-position:-105px -50px}.flags-small.flags-Nicaragua{width:15px;height:10px;background-position:-120px -50px}.flags-small.flags-New-Zealand{width:15px;height:10px;background-position:-135px -50px}.flags-small.flags-Netherlands{width:15px;height:10px;background-position:-150px -50px}.flags-small.flags-Nepal{width:15px;height:10px;background-position:-165px -50px}.flags-small.flags-Nauru{width:15px;height:10px;background-position:0 -60px}.flags-small.flags-Namibia{width:15px;height:10px;background-position:-15px -60px}.flags-small.flags-Myanmar{width:15px;height:10px;background-position:-30px -60px}.flags-small.flags-Mozambique{width:15px;height:10px;background-position:-45px -60px}.flags-small.flags-Morocco{width:15px;height:10px;background-position:-60px -60px}.flags-small.flags-Montenegro{width:15px;height:10px;background-position:-75px -60px}.flags-small.flags-Mongolia{width:15px;height:10px;background-position:-90px -60px}.flags-small.flags-Monaco{width:15px;height:10px;background-position:-105px -60px}.flags-small.flags-Moldova{width:15px;height:10px;background-position:-120px -60px}.flags-small.flags-Micronesia-_Federated_{width:15px;height:10px;background-position:-135px -60px}.flags-small.flags-Mexico{width:15px;height:10px;background-position:-150px -60px}.flags-small.flags-Mauritius{width:15px;height:10px;background-position:-165px -60px}.flags-small.flags-Mauritania{width:15px;height:10px;background-position:0 -70px}.flags-small.flags-Marshall-Islands{width:15px;height:10px;background-position:-15px -70px}.flags-small.flags-Malta{width:15px;height:10px;background-position:-30px -70px}.flags-small.flags-Mali{width:15px;height:10px;background-position:-45px -70px}.flags-small.flags-Maldives{width:15px;height:10px;background-position:-60px -70px}.flags-small.flags-Malaysia{width:15px;height:10px;background-position:-75px -70px}.flags-small.flags-Malawi{width:15px;height:10px;background-position:-90px -70px}.flags-small.flags-Madagascar{width:15px;height:10px;background-position:-105px -70px}.flags-small.flags-Macedonia{width:15px;height:10px;background-position:-120px -70px}.flags-small.flags-Luxembourg{width:15px;height:10px;background-position:-135px -70px}.flags-small.flags-Lithuania{width:15px;height:10px;background-position:-150px -70px}.flags-small.flags-Liechtenstein{width:15px;height:10px;background-position:-165px -70px}.flags-small.flags-Libya{width:15px;height:10px;background-position:0 -80px}.flags-small.flags-Liberia{width:15px;height:10px;background-position:-15px -80px}.flags-small.flags-Lesotho{width:15px;height:10px;background-position:-30px -80px}.flags-small.flags-Lebanon{width:15px;height:10px;background-position:-45px -80px}.flags-small.flags-Latvia{width:15px;height:10px;background-position:-60px -80px}.flags-small.flags-Laos{width:15px;height:10px;background-position:-75px -80px}.flags-small.flags-Kyrgyzstan{width:15px;height:10px;background-position:-90px -80px}.flags-small.flags-Kuwait{width:15px;height:10px;background-position:-105px -80px}.flags-small.flags-Kosovo{width:15px;height:10px;background-position:-120px -80px}.flags-small.flags-Korea-South{width:15px;height:10px;background-position:-135px -80px}.flags-small.flags-Korea-North{width:15px;height:10px;background-position:-150px -80px}.flags-small.flags-Kiribati{width:15px;height:10px;background-position:-165px -80px}.flags-small.flags-Kenya{width:15px;height:10px;background-position:0 -90px}.flags-small.flags-Kazakhstan{width:15px;height:10px;background-position:-15px -90px}.flags-small.flags-Jordan{width:15px;height:10px;background-position:-30px -90px}.flags-small.flags-Japan{width:15px;height:10px;background-position:-45px -90px}.flags-small.flags-Jamaica{width:15px;height:10px;background-position:-60px -90px}.flags-small.flags-Italy{width:15px;height:10px;background-position:-75px -90px}.flags-small.flags-Israel{width:15px;height:10px;background-position:-90px -90px}.flags-small.flags-Ireland{width:15px;height:10px;background-position:-105px -90px}.flags-small.flags-Iraq{width:15px;height:10px;background-position:-120px -90px}.flags-small.flags-Iran{width:15px;height:10px;background-position:-135px -90px}.flags-small.flags-Indonesia{width:15px;height:10px;background-position:-150px -90px}.flags-small.flags-India{width:15px;height:10px;background-position:-165px -90px}.flags-small.flags-Iceland{width:15px;height:10px;background-position:0 -100px}.flags-small.flags-Hungary{width:15px;height:10px;background-position:-15px -100px}.flags-small.flags-Honduras{width:15px;height:10px;background-position:-30px -100px}.flags-small.flags-Haiti{width:15px;height:10px;background-position:-45px -100px}.flags-small.flags-Guyana{width:15px;height:10px;background-position:-60px -100px}.flags-small.flags-Guinea{width:15px;height:10px;background-position:-75px -100px}.flags-small.flags-Guinea-Bissau{width:15px;height:10px;background-position:-90px -100px}.flags-small.flags-Guatemala{width:15px;height:10px;background-position:-105px -100px}.flags-small.flags-Grenada{width:15px;height:10px;background-position:-120px -100px}.flags-small.flags-Grecee{width:15px;height:10px;background-position:-135px -100px}.flags-small.flags-Ghana{width:15px;height:10px;background-position:-150px -100px}.flags-small.flags-Germany{width:15px;height:10px;background-position:-165px -100px}.flags-small.flags-Georgia{width:15px;height:10px;background-position:0 -110px}.flags-small.flags-Gambia{width:15px;height:10px;background-position:-15px -110px}.flags-small.flags-Gabon{width:15px;height:10px;background-position:-30px -110px}.flags-small.flags-France{width:15px;height:10px;background-position:-45px -110px}.flags-small.flags-Finland{width:15px;height:10px;background-position:-60px -110px}.flags-small.flags-Fiji{width:15px;height:10px;background-position:-75px -110px}.flags-small.flags-Ethiopia{width:15px;height:10px;background-position:-90px -110px}.flags-small.flags-Estonia{width:15px;height:10px;background-position:-105px -110px}.flags-small.flags-Eritrea{width:15px;height:10px;background-position:-120px -110px}.flags-small.flags-Equatorial-Guinea{width:15px;height:10px;background-position:-135px -110px}.flags-small.flags-El-Salvador{width:15px;height:10px;background-position:-150px -110px}.flags-small.flags-Egypt{width:15px;height:10px;background-position:-165px -110px}.flags-small.flags-Ecuador{width:15px;height:10px;background-position:0 -120px}.flags-small.flags-East-Timor{width:15px;height:10px;background-position:-15px -120px}.flags-small.flags-Dominican-Republic{width:15px;height:10px;background-position:-30px -120px}.flags-small.flags-Dominica{width:15px;height:10px;background-position:-45px -120px}.flags-small.flags-Djibouti{width:15px;height:10px;background-position:-60px -120px}.flags-small.flags-Denmark{width:15px;height:10px;background-position:-75px -120px}.flags-small.flags-Czech-Republic{width:15px;height:10px;background-position:-90px -120px}.flags-small.flags-Cyprus{width:15px;height:10px;background-position:-105px -120px}.flags-small.flags-Cuba{width:15px;height:10px;background-position:-120px -120px}.flags-small.flags-Croatia{width:15px;height:10px;background-position:-135px -120px}.flags-small.flags-Cote-d_Ivoire{width:15px;height:10px;background-position:-150px -120px}.flags-small.flags-Costa-Rica{width:15px;height:10px;background-position:-165px -120px}.flags-small.flags-Congo-Republic{width:15px;height:10px;background-position:0 -130px}.flags-small.flags-Congo-Democratic{width:15px;height:10px;background-position:-15px -130px}.flags-small.flags-Comoros{width:15px;height:10px;background-position:-30px -130px}.flags-small.flags-Colombia{width:15px;height:10px;background-position:-45px -130px}.flags-small.flags-China{width:15px;height:10px;background-position:-60px -130px}.flags-small.flags-Chile{width:15px;height:10px;background-position:-75px -130px}.flags-small.flags-Chad{width:15px;height:10px;background-position:-90px -130px}.flags-small.flags-Central-African-Republic{width:15px;height:10px;background-position:-105px -130px}.flags-small.flags-Cape-Verde{width:15px;height:10px;background-position:-120px -130px}.flags-small.flags-Canada{width:15px;height:10px;background-position:-135px -130px}.flags-small.flags-Cameroon{width:15px;height:10px;background-position:-150px -130px}.flags-small.flags-Cambodia{width:15px;height:10px;background-position:-165px -130px}.flags-small.flags-Burundi{width:15px;height:10px;background-position:0 -140px}.flags-small.flags-Burkina-Faso{width:15px;height:10px;background-position:-15px -140px}.flags-small.flags-Bulgaria{width:15px;height:10px;background-position:-30px -140px}.flags-small.flags-Brunei{width:15px;height:10px;background-position:-45px -140px}.flags-small.flags-Brazil{width:15px;height:10px;background-position:-60px -140px}.flags-small.flags-Botswana{width:15px;height:10px;background-position:-75px -140px}.flags-small.flags-Bosnia-and-Herzegovina{width:15px;height:10px;background-position:-90px -140px}.flags-small.flags-Bolivia{width:15px;height:10px;background-position:-105px -140px}.flags-small.flags-Bhutan{width:15px;height:10px;background-position:-120px -140px}.flags-small.flags-Benin{width:15px;height:10px;background-position:-135px -140px}.flags-small.flags-Belize{width:15px;height:10px;background-position:-150px -140px}.flags-small.flags-Belgium{width:15px;height:10px;background-position:-165px -140px}.flags-small.flags-Belarus{width:15px;height:10px;background-position:0 -150px}.flags-small.flags-Barbados{width:15px;height:10px;background-position:-15px -150px}.flags-small.flags-Bangladesh{width:15px;height:10px;background-position:-30px -150px}.flags-small.flags-Bahrain{width:15px;height:10px;background-position:-45px -150px}.flags-small.flags-Bahamas{width:15px;height:10px;background-position:-60px -150px}.flags-small.flags-Azerbaijan{width:15px;height:10px;background-position:-75px -150px}.flags-small.flags-Austria{width:15px;height:10px;background-position:-90px -150px}.flags-small.flags-Australia{width:15px;height:10px;background-position:-105px -150px}.flags-small.flags-Armenia{width:15px;height:10px;background-position:-120px -150px}.flags-small.flags-Argentina{width:15px;height:10px;background-position:-135px -150px}.flags-small.flags-Antigua-and-Barbuda{width:15px;height:10px;background-position:-150px -150px}.flags-small.flags-Andorra{width:15px;height:10px;background-position:-165px -150px}.flags-small.flags-Algeria{width:15px;height:10px;background-position:0 -160px}.flags-small.flags-Albania{width:15px;height:10px;background-position:-15px -160px}.flags-small.flags-Afghanistan{width:15px;height:10px;background-position:-30px -160px}.flags-small.flags-Bermuda{width:15px;height:10px;background-position:-45px -160px}.flags-small.flags-European-Union{width:15px;height:10px;background-position:-60px -160px}.flags-small.flags-United-States{width:15px;height:9px;background-position:-75px -160px}.flags-small.flags-XPT{width:15px;height:10px;background-position:-90px -160px}.flags-small.flags-XAU{width:15px;height:10px;background-position:-105px -160px}.flags-small.flags-XAG{width:15px;height:10px;background-position:-120px -160px}.flags-small.flags-Wallis-and-Futuna{width:15px;height:10px;background-position:-135px -160px}.flags-small.flags-Seborga{width:15px;height:10px;background-position:-150px -160px}.flags-small.flags-Aruba{width:15px;height:10px;background-position:-165px -160px}.flags-small.flags-Angola{width:15px;height:10px;background-position:0 -170px}.flags-small.flags-Saint-Helena{width:15px;height:10px;background-position:-15px -170px}.flags-small.flags-Macao{width:15px;height:10px;background-position:-30px -170px}.flags-small.flags-Jersey{width:15px;height:10px;background-position:-45px -170px}.flags-small.flags-Isle-of-Man{width:15px;height:10px;background-position:-60px -170px}.flags-small.flags-IMF{width:15px;height:10px;background-position:-75px -170px}.flags-small.flags-Hong-Kong{width:15px;height:10px;background-position:-90px -170px}.flags-small.flags-Guernsey{width:15px;height:10px;background-position:-105px -170px}.flags-small.flags-Gibraltar{width:15px;height:10px;background-position:-120px -170px}.flags-small.flags-Falkland-Islands{width:15px;height:10px;background-position:-135px -170px}.flags-small.flags-Curacao{width:15px;height:10px;background-position:-150px -170px}.flags-small.flags-Cayman-Islands{width:15px;height:10px;background-position:-165px -170px}.flags-small.flags-Bitcoin{width:15px;height:10px;background-position:-180px 0}.doubly-float .doubly-nice-select .list{left:0;right:auto}
.layered-currency-switcher{width:auto;float:right;padding:0 0 0 50px;margin:0px;}.layered-currency-switcher li{display:block;float:left;font-size:15px;margin:0px;}.layered-currency-switcher li button.currency-switcher-btn{width:auto;height:auto;margin-bottom:0px;background:#fff;font-family:Arial!important;line-height:18px;border:1px solid #dadada;border-radius:25px;color:#9a9a9a;float:left;font-weight:700;margin-left:-46px;min-width:90px;position:relative;text-align:center;text-decoration:none;padding:10px 11px 10px 49px}.price-on-hover,.price-on-hover-wrapper{font-size:15px!important;line-height:25px!important}.layered-currency-switcher li button.currency-switcher-btn:focus{outline:0;-webkit-outline:none;-moz-outline:none;-o-outline:none}.layered-currency-switcher li button.currency-switcher-btn:hover{background:#ddf6cf;border-color:#a9d092;color:#89b171}.layered-currency-switcher li button.currency-switcher-btn span{display:none}.layered-currency-switcher li button.currency-switcher-btn:first-child{border-radius:25px}.layered-currency-switcher li button.currency-switcher-btn.selected{background:#de4c39;border-color:#de4c39;color:#fff;z-index:99;padding-left:23px!important;padding-right:23px!important}.layered-currency-switcher li button.currency-switcher-btn.selected span{display:inline-block}.doubly,.money{position:relative; font-weight:inherit !important; font-size:inherit !important;text-decoration:inherit !important;}.price-on-hover-wrapper{position:absolute;left:-50%;text-align:center;width:200%;top:110%;z-index:100000000}.price-on-hover{background:#333;border-color:#FFF!important;padding:2px 5px 3px;font-weight:400;border-radius:5px;font-family:Helvetica Neue,Arial;color:#fff;border:0}.price-on-hover:after{content:\"\";position:absolute;left:50%;margin-left:-4px;margin-top:-2px;width:0;height:0;border-bottom:solid 4px #333;border-left:solid 4px transparent;border-right:solid 4px transparent}.doubly-message{margin:5px 0}.doubly-wrapper{float:right}.doubly-float{position:fixed;bottom:10px;left:10px;right:auto;z-index:100000;}select.currency-switcher{margin:0px; position:relative; top:auto;}.doubly-nice-select, .doubly-nice-select .list { background: #FFFFFF; } .doubly-nice-select .current, .doubly-nice-select .list .option { color: #403F3F; } .doubly-nice-select .option:hover, .doubly-nice-select .option.focus, .doubly-nice-select .option.selected.focus { background-color: #F6F6F6; } .price-on-hover { background-color: #333333 !important; color: #FFFFFF !important; } .price-on-hover:after { border-bottom-color: #333333 !important;} .doubly-float .doubly-nice-select .list{top:-210px;left:0;right:auto}
</style>
<script src="https://cdn.shopify.com/extensions/019cb30e-2f7c-751f-99b6-f7188a10d57f/beast-currency-converter-57/assets/doubly.js" async data-no-instant></script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019d6df0-1ddf-750c-9304-d0535ee8159d/judgeme-447/assets/loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/18a7d5e6-6910-4d26-9be2-fb87caf93606/forms-2370/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/aeb61bea-dfdd-41b5-9ccc-da025818f0a6/inbox-1260/assets/inbox-chat-loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019c79bc-23cc-7edc-8692-2111eda29234/sp-recovery-monkey-168/assets/main.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019c79bc-23cc-7edc-8692-2111eda29234/sp-recovery-monkey-168/assets/main.css" rel="stylesheet" type="text/css" media="all">
<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: 93854564626,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});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,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 93854564626,storefrontBaseUrl: "https://www.handmadebymella.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","5476ea20","ed8389fc"],webPixelsConfigList: [{"id":"1757315346","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"34ad157958823915625854214640f0bf","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["3b5414a6"]},{"id":"1716846866","configuration":"{\"hashed_organization_id\":\"c180df96c6a7818cc5c500659a3b4098_v1\",\"app_key\":\"f80puj-0g\",\"allow_collect_personal_data\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"157ed43b9391d46b60258842c8487fbe","type":"APP","apiClientId":2814809,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"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":["3b5414a6"]},{"id":"1504608530","configuration":"{\"pixelCode\":\"D18046RC77U5RAI2HJJ0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"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":["3b5414a6"]},{"id":"1366819090","configuration":"{\"pixel_id\":\"1778928386156052\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"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","3b5414a6"]},{"id":"1357775122","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-TWCGZRMZ49\\\",\\\"GT-T5MG2VHD\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-TWCGZRMZ49\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-TWCGZRMZ49\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-TWCGZRMZ49\\\",\\\"MC-XQJXT2SP4M\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-TWCGZRMZ49\\\",\\\"MC-XQJXT2SP4M\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-TWCGZRMZ49\\\",\\\"MC-XQJXT2SP4M\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-TWCGZRMZ49\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-TWCGZRMZ49\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ac521efa9cd6866459cd0b40264a3f38","type":"APP","apiClientId":1780363,"privacyPurposes":[],"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","3b5414a6"]},{"id":"190284050","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Tag Manager"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Handmade by Mella","paymentSettings":{"currencyCode":"ILS"},"myshopifyDomain":"f80puj-0g.myshopify.com","countryCode":"IL","storefrontUrl":"https:\/\/www.handmadebymella.com\/fr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://www.handmadebymella.com/cdn","0e8c7c7aw41bd75a1p837d7fd4m8b145375",{"modern":"","legacy":""},{"trekkieShim":true,"shopId":"93854564626","storefrontBaseUrl":"https:\/\/www.handmadebymella.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"5476ea20\", \"ed8389fc\"]","isMerchantRequest":"false","hashVersion":"0e8c7c7aw41bd75a1p837d7fd4m8b145375","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'ILS';
var meta = {"page":{"pageType":"home","requestId":"82ccbc6d-87d9-4aa2-aa7b-1b23f35c3aeb-1775682289"}};
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: 93854564626,
theme_id: 179763609874,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.handmadebymella.com/cdn/s/trekkie.storefront.bbaaac304bec97f24b147db39a78dee845470dc6.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.handmadebymella.com/cdn/s/trekkie.storefront.bbaaac304bec97f24b147db39a78dee845470dc6.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.handmadebymella.com/cdn/s/trekkie.storefront.bbaaac304bec97f24b147db39a78dee845470dc6.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":93854564626,"isMerchantRequest":null,"themeId":179763609874,"themeCityHash":"79132491575005762","contentLanguage":"fr","currency":"ILS","eventMetadataId":"545e8174-a0e2-41f2-bbb6-6fcde3eb8258"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"82ccbc6d-87d9-4aa2-aa7b-1b23f35c3aeb-1775682289","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 = "//www.handmadebymella.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://www.handmadebymella.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.1.min.js"
data-application="storefront-renderer"
data-shop-id="93854564626"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="179763609874"
data-theme-name="Atelier"
data-theme-version="3.0.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://www.handmadebymella.com/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const 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 (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script></head>
<body class="page-width-narrow card-hover-effect-lift">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Ignorer et passer au contenu
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--24936765456658__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Handmade by Mella",
"logo": "https:\/\/www.handmadebymella.com\/cdn\/shop\/files\/mella_logo_clear_black_pink_1_769f84c5-8ac6-452c-9096-c593abc7ab73.png?v=1766308951\u0026width=500",
"url": "https:\/\/www.handmadebymella.com"
}
</script>
<header-component
id="header-component"
class="header color-scheme-6"
transparent="not-sticky"
sticky="always"
data-skip-node-update
data-scroll-direction="none"
>
<div
class="header__row header__row--top color-scheme-1 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="//www.handmadebymella.com/cdn/shop/t/4/assets/header-drawer.js?v=38290796699993510201760166899"
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-d5c79a57-bd48-49e3-a2b3-df479de72226"
>
<button
class="button button-unstyled close-button menu-drawer__close-button"
type="button"
aria-label="Fermer"
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-primary--family);--menu-top-level-font-size-desktop: var(--font-size--body-sm); --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--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-primary--family); --menu-parent-font-style:var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--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-primary--family); --menu-child-font-style:var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--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
style="--menu-drawer-animation-index: 1;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-home"
href="/fr"
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
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-shop-the-magic"
href="/fr/collections"
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">Shop The Magic</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/fr/collections/necklaces"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Necklaces</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/fr/collections/bracelets"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Bracelets</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/fr/collections/earrings"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Earrings</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/fr/collections/rings"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Rings</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 3;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-the-stones-of-mella"
href="/fr/pages/the-stones-of-mella"
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">The Stones of Mella </span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/fr/collections/amazonite"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Amazonite</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/fr/collections/amethyst"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Amethyst</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/fr/collections/jasper"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Dalmatian Jasper</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/fr/collections/agat"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Indian Agat</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/fr/collections/labradorite"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Labradorite</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/fr/collections/red-coral"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Red Coral</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/fr/collections/quartz"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Rose Quartz</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/fr/collections/shoushan"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Shoushan </span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/fr/collections/sodalite"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Sodalite</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/fr/collections/tiger-eye"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Tiger Eye</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 4;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-about-mella"
href="/fr/pages/about-mella"
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 Mella</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
href="/fr/collections/calm-emotional-balance"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Calm & Emotional Balance</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
href="/fr/collections/clarity-intuition"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Clarity & Intuition</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
href="/fr/collections/confidence-inner-strength"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Confidence & Inner Strength</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
href="/fr/collections/grounding-stability"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Grounding & Stability</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
href="/fr/collections/love-emotional-healing"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Love & Emotional Healing</span>
</a>
</li></ul>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 4;"
>
<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="currency-code">ILS</span>
</div><span>/</span><div class="mobile-localization mobile-localization--country link link--text">
<span>
FR
</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>
Région et langue
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Fermer"
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] résultats"
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="/fr/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Région et langue"><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="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Trouver un pays"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Rechercher</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Réinitialiser"
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-ASjlwREFXZC9wRmhzT__header-menu-1"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Aucun résultat trouvé</span>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Allemagne"
aria-label="Allemagne"
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">Allemagne</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="Australie"
aria-label="Australie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<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">Australie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Autriche"
aria-label="Autriche"
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">Autriche</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="Belgique"
aria-label="Belgique"
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">Belgique</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgarie"
aria-label="Bulgarie"
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">Bulgarie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Canada"
aria-label="Canada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<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">Canada</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="CY"
data-aliases=""
id="Chypre"
aria-label="Chypre"
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">Chypre</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Croatie"
aria-label="Croatie"
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">Croatie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Danemark"
aria-label="Danemark"
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">Danemark</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Espagne"
aria-label="Espagne"
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">Espagne</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estonie"
aria-label="Estonie"
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">Estonie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="États-Unis"
aria-label="États-Unis"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<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">États-Unis</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finlande"
aria-label="Finlande"
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">Finlande</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</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"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Grèce"
aria-label="Grèce"
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">Grèce</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Hongrie"
aria-label="Hongrie"
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">Hongrie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Irlande"
aria-label="Irlande"
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">Irlande</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="IL"
data-aliases=""
id="Israël"
aria-label="Israël"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IL"
>
<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">Israël</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italie"
aria-label="Italie"
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">Italie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Lettonie"
aria-label="Lettonie"
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">Lettonie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Lituanie"
aria-label="Lituanie"
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">Lituanie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</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"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malte"
aria-label="Malte"
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">Malte</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="Nouvelle-Zélande"
aria-label="Nouvelle-Zélande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<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">Nouvelle-Zélande</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Pays-Bas"
aria-label="Pays-Bas"
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">Pays-Bas</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Pologne"
aria-label="Pologne"
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">Pologne</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</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"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Roumanie"
aria-label="Roumanie"
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">Roumanie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Royaume-Uni"
aria-label="Royaume-Uni"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<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">Royaume-Uni</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slovaquie"
aria-label="Slovaquie"
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">Slovaquie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slovénie"
aria-label="Slovénie"
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">Slovénie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Suède"
aria-label="Suède"
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">Suède</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Tchéquie"
aria-label="Tchéquie"
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">Tchéquie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</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"
>
Langue
</h2>
<span class="language-selector__label">Langue</span>
<select
id="drawerSelect"
class="localization-form__select"
name="language_code"
aria-label="Langue"
ref="languageInput"
on:change="/changeLanguage"
><option
value="en"
lang="en"
>
English
</option><option
value="he"
lang="he"
>
עברית
</option><option
value="es"
lang="es"
>
Español
</option><option
value="ru"
lang="ru"
>
Русский
</option><option
value="fr"
lang="fr"
selected
>
Français
</option><option
value="it"
lang="it"
>
Italiano
</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>
<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-primary--family);--menu-top-level-font-size-desktop: var(--font-size--body-sm); --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--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-d5c79a57-bd48-49e3-a2b3-df479de72226"
minimum-items="2"
defer
>
<template shadowrootmode="open">
<link href="//www.handmadebymella.com/cdn/shop/t/4/assets/overflow-list.css?v=168694168152117541881760166899" 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"
>
Plus
</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="/fr"
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="/fr/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Shop The Magic</span>
</a><div class="menu-list__submenu color-scheme-d5c79a57-bd48-49e3-a2b3-df479de72226" ref="submenu[]">
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--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-primary--family); --menu-child-font-style:var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--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="/fr/collections/necklaces"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Necklaces</span>
</a>
</div>
<div>
<a
href="/fr/collections/bracelets"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Bracelets</span>
</a>
</div>
<div>
<a
href="/fr/collections/earrings"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Earrings</span>
</a>
</div>
<div>
<a
href="/fr/collections/rings"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Rings</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>
<span
class="mega-menu__content"
style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
>
<ul
class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
>
</ul>
</span>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/fr/pages/the-stones-of-mella"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">The Stones of Mella </span>
</a><div class="menu-list__submenu color-scheme-d5c79a57-bd48-49e3-a2b3-df479de72226" ref="submenu[]">
<div
id="submenu-3"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--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-primary--family); --menu-child-font-style:var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--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-3"
>
<ul
data-menu-list-id="MegaMenuList-3"
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="/fr/collections/amazonite"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Amazonite</span>
</a>
</div>
<div>
<a
href="/fr/collections/amethyst"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Amethyst</span>
</a>
</div>
<div>
<a
href="/fr/collections/jasper"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Dalmatian Jasper</span>
</a>
</div>
<div>
<a
href="/fr/collections/agat"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Indian Agat</span>
</a>
</div>
<div>
<a
href="/fr/collections/labradorite"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Labradorite</span>
</a>
</div>
<div>
<a
href="/fr/collections/red-coral"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Red Coral</span>
</a>
</div>
<div>
<a
href="/fr/collections/quartz"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Rose Quartz</span>
</a>
</div>
<div>
<a
href="/fr/collections/shoushan"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Shoushan </span>
</a>
</div>
<div>
<a
href="/fr/collections/sodalite"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Sodalite</span>
</a>
</div>
<div>
<a
href="/fr/collections/tiger-eye"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Tiger Eye</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-3"] {
--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="/fr/pages/about-mella"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">About Mella</span>
</a><div class="menu-list__submenu color-scheme-d5c79a57-bd48-49e3-a2b3-df479de72226" ref="submenu[]">
<div
id="submenu-4"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--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-primary--family); --menu-child-font-style:var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--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-4"
>
<ul
data-menu-list-id="MegaMenuList-4"
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="/fr/collections/calm-emotional-balance"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Calm & Emotional Balance</span>
</a>
</div>
<div>
<a
href="/fr/collections/clarity-intuition"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Clarity & Intuition</span>
</a>
</div>
<div>
<a
href="/fr/collections/confidence-inner-strength"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Confidence & Inner Strength</span>
</a>
</div>
<div>
<a
href="/fr/collections/grounding-stability"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Grounding & Stability</span>
</a>
</div>
<div>
<a
href="/fr/collections/love-emotional-healing"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Love & Emotional Healing</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></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">Plus</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/header-menu.js?v=98986771878453457241760166899"
type="module"
fetchpriority="low"
></script>
</header-menu>
<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="Ouvrir la recherche"
>
<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>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<a
href="/fr"
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="//www.handmadebymella.com/cdn/shop/files/mella_logo_clear_black_pink_1_769f84c5-8ac6-452c-9096-c593abc7ab73.png?height=36&v=1766308951" alt="Mella logo with a pink tulip on a white background" width="170" height="36" class="header-logo__image" srcset="//www.handmadebymella.com/cdn/shop/files/mella_logo_clear_black_pink_1_769f84c5-8ac6-452c-9096-c593abc7ab73.png?height=36&v=1766308951 1x, //www.handmadebymella.com/cdn/shop/files/mella_logo_clear_black_pink_1_769f84c5-8ac6-452c-9096-c593abc7ab73.png?height=72&v=1766308951 2x, //www.handmadebymella.com/cdn/shop/files/mella_logo_clear_black_pink_1_769f84c5-8ac6-452c-9096-c593abc7ab73.png?height=108&v=1766308951 3x" style="--header-logo-image-width: 171px;--header-logo-image-width-mobile: 133px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
</span>
<span
class="header-logo__image-container header-logo__image-container--inverse"
data-testid="header-logo-inverse"
>
<img src="//www.handmadebymella.com/cdn/shop/files/mella_logo_clear_black_pink_1_769f84c5-8ac6-452c-9096-c593abc7ab73.png?height=36&v=1766308951" alt="Mella logo with a pink tulip on a white background" width="170" height="36" class="header-logo__image" srcset="//www.handmadebymella.com/cdn/shop/files/mella_logo_clear_black_pink_1_769f84c5-8ac6-452c-9096-c593abc7ab73.png?height=36&v=1766308951 1x, //www.handmadebymella.com/cdn/shop/files/mella_logo_clear_black_pink_1_769f84c5-8ac6-452c-9096-c593abc7ab73.png?height=72&v=1766308951 2x, //www.handmadebymella.com/cdn/shop/files/mella_logo_clear_black_pink_1_769f84c5-8ac6-452c-9096-c593abc7ab73.png?height=108&v=1766308951 3x" style="--header-logo-image-width: 171px;--header-logo-image-width-mobile: 133px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
</span>
</a>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector 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="visually-hidden">Ouvrir le sélecteur de région et de langue</span>
<span class="currency-code">ILS</span>
<span>/</span><span>
FR
</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] résultats"
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="/fr/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Région et langue"><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="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Trouver un pays"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Rechercher</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Réinitialiser"
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"
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
>Aucun résultat trouvé</span>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Allemagne"
aria-label="Allemagne"
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">Allemagne</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="Australie"
aria-label="Australie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<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">Australie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Autriche"
aria-label="Autriche"
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">Autriche</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="Belgique"
aria-label="Belgique"
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">Belgique</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgarie"
aria-label="Bulgarie"
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">Bulgarie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Canada"
aria-label="Canada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<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">Canada</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="CY"
data-aliases=""
id="Chypre"
aria-label="Chypre"
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">Chypre</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Croatie"
aria-label="Croatie"
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">Croatie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Danemark"
aria-label="Danemark"
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">Danemark</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Espagne"
aria-label="Espagne"
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">Espagne</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estonie"
aria-label="Estonie"
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">Estonie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="États-Unis"
aria-label="États-Unis"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<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">États-Unis</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finlande"
aria-label="Finlande"
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">Finlande</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</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"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Grèce"
aria-label="Grèce"
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">Grèce</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Hongrie"
aria-label="Hongrie"
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">Hongrie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Irlande"
aria-label="Irlande"
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">Irlande</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="IL"
data-aliases=""
id="Israël"
aria-label="Israël"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IL"
>
<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">Israël</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italie"
aria-label="Italie"
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">Italie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Lettonie"
aria-label="Lettonie"
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">Lettonie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Lituanie"
aria-label="Lituanie"
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">Lituanie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</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"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malte"
aria-label="Malte"
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">Malte</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="Nouvelle-Zélande"
aria-label="Nouvelle-Zélande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<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">Nouvelle-Zélande</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Pays-Bas"
aria-label="Pays-Bas"
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">Pays-Bas</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Pologne"
aria-label="Pologne"
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">Pologne</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</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"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Roumanie"
aria-label="Roumanie"
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">Roumanie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Royaume-Uni"
aria-label="Royaume-Uni"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<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">Royaume-Uni</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slovaquie"
aria-label="Slovaquie"
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">Slovaquie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slovénie"
aria-label="Slovénie"
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">Slovénie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Suède"
aria-label="Suède"
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">Suède</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Tchéquie"
aria-label="Tchéquie"
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">Tchéquie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
ILS
₪</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"
>
Langue
</h2>
<span class="language-selector__label">Langue</span>
<select
id="dropdownSelect"
class="localization-form__select"
name="language_code"
aria-label="Langue"
ref="languageInput"
on:change="/changeLanguage"
><option
value="en"
lang="en"
>
English
</option><option
value="he"
lang="he"
>
עברית
</option><option
value="es"
lang="es"
>
Español
</option><option
value="ru"
lang="ru"
>
Русский
</option><option
value="fr"
lang="fr"
selected
>
Français
</option><option
value="it"
lang="it"
>
Italiano
</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">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Ouvrir la recherche"
>
<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="//www.handmadebymella.com/cdn/shop/t/4/assets/cart-icon.js?v=14733679814066288171760166900"
fetchpriority="low"
></script>
<header-actions>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/cart-drawer.js?v=92290163633888904321760166900"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
>
<button
class="button header-actions__action button-unstyled"
on:click="/open"
aria-label="Ouvrir le panier Nombre total d’articles dans le panier: 0"
>
<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"
class="cart-bubble__text"
role="status"
>
<span class="visually-hidden">Nombre total d’articles dans le panier: 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"
scroll-lock
>
<div class="cart-drawer__inner">
<cart-items-component
class="cart-items-component"
data-section-id="sections--24936765456658__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="Fermer la boîte de dialogue"
>
<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="Panier"
>
<span class="cart-drawer__heading h3 cart-drawer__heading--empty">
Votre panier est vide
</span>
<div class="cart-drawer__items">
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/component-cart-items.js?v=95720873921622680421760166899"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<a
class="button cart-items__empty-button"
href="/fr/collections/all"
>
Continuer les achats
</a></div>
</div>
</div></cart-items-component>
</div>
</dialog>
</cart-drawer-component>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/header.js?v=78043468934677320351760166899"
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--24936765456658__header_section', url);
</script>
</header><div id="shopify-section-sections--24936765456658__custom_liquid_p7hntY" class="shopify-section shopify-section-group-header-group">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width spacing-style color-scheme-1"
style="--padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
<div class="beast-currency-switcher"></div>
</div>
</div>
<!-- END sections: header-group -->
</div>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/critical.js?v=169402557219780209121760166899"
type="module"
async
blocking="render"
></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--24936765292818__hero_TR3Qtr" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--24936765292818__hero_TR3Qtr"
class="hero color-scheme-5"
style=" --hero-border-style: ; --hero-border-width: px; --hero-border-opacity: %; --blur-opacity: 0.75; --hero-min-height: var(--section-height-medium); "
>
<div
class="hero__container spacing-style section section--full-width"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 50px));"
><a
href="/fr/collections"
class="hero__link"
></a><div
class="hero__media-wrapper"
style="--hero-media-count: 1;--hero-media-aspect-ratio: 1.5;"
>
<div
class="overlay overlay--gradient"
style=" --overlay-layer: var(--layer-flat); --overlay-color: #00000026; --overlay-color--end: rgba(0, 0, 0, 0); --overlay-direction: to top;"
></div>
<div class="hero__video-wrapper">
<img src="//www.handmadebymella.com/cdn/shop/files/preview_images/73ddd4d4cf11465cba0ff53e39a326c1.thumbnail.0000000000.jpg?v=1775317802&width=3840" srcset="//www.handmadebymella.com/cdn/shop/files/preview_images/73ddd4d4cf11465cba0ff53e39a326c1.thumbnail.0000000000.jpg?v=1775317802&width=832 832w, //www.handmadebymella.com/cdn/shop/files/preview_images/73ddd4d4cf11465cba0ff53e39a326c1.thumbnail.0000000000.jpg?v=1775317802&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/preview_images/73ddd4d4cf11465cba0ff53e39a326c1.thumbnail.0000000000.jpg?v=1775317802&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/preview_images/73ddd4d4cf11465cba0ff53e39a326c1.thumbnail.0000000000.jpg?v=1775317802&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/preview_images/73ddd4d4cf11465cba0ff53e39a326c1.thumbnail.0000000000.jpg?v=1775317802&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/preview_images/73ddd4d4cf11465cba0ff53e39a326c1.thumbnail.0000000000.jpg?v=1775317802&width=3840 3840w" width="1920" height="1080" class="hero__video-poster" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high">
<video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="hero__video" preload="metadata"><source src="//www.handmadebymella.com/cdn/shop/videos/c/vp/73ddd4d4cf11465cba0ff53e39a326c1/73ddd4d4cf11465cba0ff53e39a326c1.HD-1080p-7.2Mbps-80273345.mp4?v=0" type="video/mp4"><img src="//www.handmadebymella.com/cdn/shop/files/preview_images/73ddd4d4cf11465cba0ff53e39a326c1.thumbnail.0000000000_small.jpg?v=1775317802"></video>
</div>
</div>
<div
class="hero__content-wrapper layout-panel-flex layout-panel-flex--column mobile-column section-content-wrapper full-width"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<rte-formatter
class="spacing-style text-block text-block--AdDcwNkY2dVEweUo2b__text_HQaNym 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); "
>
<h4>Handmade gemstone jewelry made with intention</h4>
</rte-formatter>
<rte-formatter
class="spacing-style text-block text-block--AV2xVdlVyQUtXVW5xd__text_Hq8JRB 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); "
>
<h5>Designed to support emotion, energy & inner strength</h5>
</rte-formatter>
</div>
</div>
</div>
</section><div id="shopify-section-template--24936765292818__marquee_D9qAVh" class="shopify-section">
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/marquee.js?v=74946541691193139871760166900"
type="module"
fetchpriority="low"
></script>
<div class="section-background color-scheme-1"></div>
<marquee-component
class="section spacing-style gap-style color-scheme-1"
style="--padding-block-start: 0px;--padding-block-end: 0px;; --marquee-gap: 24px; --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
class="spacing-style text-block text-block--AOHNUUlplQTByclBiU__text_ECJtwj 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.25rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: balance; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-tight); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<h4>Free Delivery over 400 ₪</h4>
</div>
</div>
</div>
</div>
</marquee-component>
</div><div id="shopify-section-template--24936765292818__collection_list_VYeFNJ" class="shopify-section ui-test-collection-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: 0px;--padding-block-end: 0px; --gap: 0px; "
>
<div class="section-resource-list__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: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<rte-formatter
class="spacing-style text-block text-block--Aam1QdmlOZ2Z1aGxBb__text_wNkxtB rte rte"
style=" --padding-block-start: 0px; --padding-block-end:16px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h3>Shop by</h3>
</rte-formatter>
</div>
</div>
</div>
<div
class="resource-list resource-list--grid"
style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 8px;--resource-list-columns: repeat(3, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
data-testid="collections-list-grid"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg"
data-block-id="AYWhCdVJ3NHR5RVZQO__static-collection-card"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/fr/collections/necklaces"
>
<span class="visually-hidden">Necklaces</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AYWhCdVJ3NHR5RVZQO__static-collection-card"] {
--ratio: 0.666875;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//www.handmadebymella.com/cdn/shop/collections/necklaces-3859679.jpg?v=1762503459&width=3840" alt="Necklaces - Handmade by Mella" srcset="//www.handmadebymella.com/cdn/shop/collections/necklaces-3859679.jpg?v=1762503459&width=240 240w, //www.handmadebymella.com/cdn/shop/collections/necklaces-3859679.jpg?v=1762503459&width=352 352w, //www.handmadebymella.com/cdn/shop/collections/necklaces-3859679.jpg?v=1762503459&width=832 832w, //www.handmadebymella.com/cdn/shop/collections/necklaces-3859679.jpg?v=1762503459&width=1200 1200w, //www.handmadebymella.com/cdn/shop/collections/necklaces-3859679.jpg?v=1762503459&width=1600 1600w, //www.handmadebymella.com/cdn/shop/collections/necklaces-3859679.jpg?v=1762503459&width=1920 1920w, //www.handmadebymella.com/cdn/shop/collections/necklaces-3859679.jpg?v=1762503459&width=2560 2560w, //www.handmadebymella.com/cdn/shop/collections/necklaces-3859679.jpg?v=1762503459&width=3840 3840w" width="3840" height="5758" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--Aa3hIZm9GVFJXaklMQ__collection_title_pUVqyH rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Necklaces</p>
</div>
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg"
data-block-id="AYWhCdVJ3NHR5RVZQO__static-collection-card-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/fr/collections/bracelets"
>
<span class="visually-hidden">Bracelets</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AYWhCdVJ3NHR5RVZQO__static-collection-card-1"] {
--ratio: 0.6666666666666666;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//www.handmadebymella.com/cdn/shop/collections/bracelets-2489653.jpg?v=1772532177&width=3840" alt="Bracelets - Handmade by Mella" srcset="//www.handmadebymella.com/cdn/shop/collections/bracelets-2489653.jpg?v=1772532177&width=240 240w, //www.handmadebymella.com/cdn/shop/collections/bracelets-2489653.jpg?v=1772532177&width=352 352w, //www.handmadebymella.com/cdn/shop/collections/bracelets-2489653.jpg?v=1772532177&width=832 832w, //www.handmadebymella.com/cdn/shop/collections/bracelets-2489653.jpg?v=1772532177&width=1200 1200w, //www.handmadebymella.com/cdn/shop/collections/bracelets-2489653.jpg?v=1772532177&width=1600 1600w, //www.handmadebymella.com/cdn/shop/collections/bracelets-2489653.jpg?v=1772532177&width=1920 1920w, //www.handmadebymella.com/cdn/shop/collections/bracelets-2489653.jpg?v=1772532177&width=2560 2560w, //www.handmadebymella.com/cdn/shop/collections/bracelets-2489653.jpg?v=1772532177&width=3840 3840w" width="3840" height="5760" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--Aa3hIZm9GVFJXaklMQ__collection_title_pUVqyH-1 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Bracelets</p>
</div>
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg"
data-block-id="AYWhCdVJ3NHR5RVZQO__static-collection-card-2"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/fr/collections/earrings"
>
<span class="visually-hidden">Earrings</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AYWhCdVJ3NHR5RVZQO__static-collection-card-2"] {
--ratio: 0.66650390625;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//www.handmadebymella.com/cdn/shop/collections/earrings-3027830.jpg?v=1771555807&width=3840" alt="Earrings - Handmade by Mella" srcset="//www.handmadebymella.com/cdn/shop/collections/earrings-3027830.jpg?v=1771555807&width=240 240w, //www.handmadebymella.com/cdn/shop/collections/earrings-3027830.jpg?v=1771555807&width=352 352w, //www.handmadebymella.com/cdn/shop/collections/earrings-3027830.jpg?v=1771555807&width=832 832w, //www.handmadebymella.com/cdn/shop/collections/earrings-3027830.jpg?v=1771555807&width=1200 1200w, //www.handmadebymella.com/cdn/shop/collections/earrings-3027830.jpg?v=1771555807&width=1600 1600w, //www.handmadebymella.com/cdn/shop/collections/earrings-3027830.jpg?v=1771555807&width=1920 1920w, //www.handmadebymella.com/cdn/shop/collections/earrings-3027830.jpg?v=1771555807&width=2560 2560w, //www.handmadebymella.com/cdn/shop/collections/earrings-3027830.jpg?v=1771555807&width=3840 3840w" width="3840" height="5761" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--Aa3hIZm9GVFJXaklMQ__collection_title_pUVqyH-2 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Earrings</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--24936765292818__product_list_UaBm9U" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
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) * 48px));--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-fill 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: 100%;--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"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<rte-formatter
class="spacing-style text-block text-block--AZDloREpxdXZ1SXZTe__product_list_text_7ygXji 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); "
>
<h3>Best Sellers</h3>
</rte-formatter>
<a
href="/fr/collections/best-sellers"
class="size-style link link--AUDBHK0tiNEt3Zmh5T__product_list_button_NGtFeA"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
View all
</a>
</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-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15, --slide-16;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--shape-circle slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--shape-circle slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240041255186"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240041255186"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card"
data-product-transition="true"
>
<a
id="a9ab2e438da06d6ddf7545ff26feea9c"
href="/fr/products/royal-amethyst-necklace?variant=51686175375634"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Royal Amethyst Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240041255186"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/royal-amethyst-necklace?variant=51686175375634"
aria-label="Royal Amethyst Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45650282742034"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45650282742034"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=3840" alt="Royal Amethyst Necklace - Regal Calm, Inner Power - Handmade by Mella - Royal - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45022083219730"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45022083219730"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-5285357.jpg?v=1772443715&width=3840" alt="Royal Amethyst Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-5285357.jpg?v=1772443715&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-5285357.jpg?v=1772443715&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-5285357.jpg?v=1772443715&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-5285357.jpg?v=1772443715&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-5285357.jpg?v=1772443715&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-5285357.jpg?v=1772443715&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-5285357.jpg?v=1772443715&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-5285357.jpg?v=1772443715&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-5285357.jpg?v=1772443715&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45022083252498"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45022083252498"
>
<img src="//www.handmadebymella.com/cdn/shop/files/fishbone-amethyst-necklace-3975992.jpg?v=1772443715&width=3840" alt="Fishbone Amethyst Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/fishbone-amethyst-necklace-3975992.jpg?v=1772443715&width=240 240w, //www.handmadebymella.com/cdn/shop/files/fishbone-amethyst-necklace-3975992.jpg?v=1772443715&width=352 352w, //www.handmadebymella.com/cdn/shop/files/fishbone-amethyst-necklace-3975992.jpg?v=1772443715&width=832 832w, //www.handmadebymella.com/cdn/shop/files/fishbone-amethyst-necklace-3975992.jpg?v=1772443715&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/fishbone-amethyst-necklace-3975992.jpg?v=1772443715&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/fishbone-amethyst-necklace-3975992.jpg?v=1772443715&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/fishbone-amethyst-necklace-3975992.jpg?v=1772443715&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/fishbone-amethyst-necklace-3975992.jpg?v=1772443715&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/fishbone-amethyst-necklace-3975992.jpg?v=1772443715&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45053357654290"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45053357654290"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7719816.png?v=1772443715&width=3840" alt="Royal Amethyst Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7719816.png?v=1772443715&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7719816.png?v=1772443715&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7719816.png?v=1772443715&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7719816.png?v=1772443715&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7719816.png?v=1772443715&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7719816.png?v=1772443715&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7719816.png?v=1772443715&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7719816.png?v=1772443715&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7719816.png?v=1772443715&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45053362995474"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45053362995474"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7271813.png?v=1772443715&width=3840" alt="Royal Amethyst Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7271813.png?v=1772443715&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7271813.png?v=1772443715&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7271813.png?v=1772443715&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7271813.png?v=1772443715&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7271813.png?v=1772443715&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7271813.png?v=1772443715&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7271813.png?v=1772443715&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7271813.png?v=1772443715&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-7271813.png?v=1772443715&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Royal Amethyst Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240041255186"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240041255186-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC" 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="51686175375634"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/royal-amethyst-necklace-regal-calm-inner-power-3579404.jpg?v=1772498947&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240041255186" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Royal Amethyst Necklace</h3>
<div class="h6">
<product-price data-product-id="10240041255186">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/royal-amethyst-necklace?variant=51686175375634"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Royal Amethyst Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm"
data-product-id="10240041255186"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10310203867410"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10310203867410"
data-product-variants-size="2"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-1"
data-product-transition="true"
>
<a
id="3fc363815fee39688e412f2b3a3d9873"
href="/fr/products/royal-turquoise-earrings?variant=52043129487634"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Royal Turquoise Earrings
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-1 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10310203867410"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/royal-turquoise-earrings?variant=52043129487634"
aria-label="Royal Turquoise Earrings"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="45562476953874">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45562476953874"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=3840" alt="Royal Turquoise Earrings - Handmade by Mella - Royal - 18k Gold Plated - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45562477412626"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45562477412626"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-8015708.jpg?v=1771556048&width=3840" alt="Royal Turquoise Earrings - Handmade by Mella - Royal - 18k Gold Plated - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-8015708.jpg?v=1771556048&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-8015708.jpg?v=1771556048&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-8015708.jpg?v=1771556048&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-8015708.jpg?v=1771556048&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-8015708.jpg?v=1771556048&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-8015708.jpg?v=1771556048&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-8015708.jpg?v=1771556048&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-8015708.jpg?v=1771556048&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-8015708.jpg?v=1771556048&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45562477642002"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45562477642002"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-6499753.jpg?v=1771556049&width=3840" alt="Royal Turquoise Earrings - Handmade by Mella - Royal - 18k Gold Plated - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-6499753.jpg?v=1771556049&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-6499753.jpg?v=1771556049&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-6499753.jpg?v=1771556049&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-6499753.jpg?v=1771556049&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-6499753.jpg?v=1771556049&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-6499753.jpg?v=1771556049&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-6499753.jpg?v=1771556049&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-6499753.jpg?v=1771556049&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-6499753.jpg?v=1771556049&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="45562477674770"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45562477674770"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-2473179.jpg?v=1771556048&width=3840" alt="Royal Turquoise Earrings - Handmade by Mella - Royal - Silver - plated - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-2473179.jpg?v=1771556048&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-2473179.jpg?v=1771556048&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-2473179.jpg?v=1771556048&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-2473179.jpg?v=1771556048&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-2473179.jpg?v=1771556048&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-2473179.jpg?v=1771556048&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-2473179.jpg?v=1771556048&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-2473179.jpg?v=1771556048&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-2473179.jpg?v=1771556048&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Royal Turquoise Earrings"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10310203867410"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10310203867410-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-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="52043129487634"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-earrings-1593904.jpg?v=1771556048&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
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">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10310203867410" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Royal Turquoise Earrings</h3>
<div class="h6">
<product-price data-product-id="10310203867410">
<div ref="priceContainer">
<span class="price">210.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/royal-turquoise-earrings?variant=52043129487634"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-1 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Royal Turquoise Earrings</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-1"
data-product-id="10310203867410"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">210.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240146669842"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240146669842"
data-product-variants-size="6"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-2"
data-product-transition="true"
>
<a
id="324319d20da917e05b8a2a2aae55574d"
href="/fr/products/royal-turquoise-bracelet?variant=52075622727954"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Royal Turquoise Bracelet
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-2 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240146669842"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/royal-turquoise-bracelet?variant=52075622727954"
aria-label="Royal Turquoise Bracelet"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44748575179026"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44748575179026"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=3840" alt="Royal Turquoise Bracelet - Handmade by Mella - Bracelet - Sterling Silver - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-4424448.jpg?v=1762006233&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44748575211794"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44748575211794"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-2872580.jpg?v=1762006233&width=3840" alt="Royal Turquoise Bracelet - Handmade by Mella - Bracelet - Sterling Silver - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-2872580.jpg?v=1762006233&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-2872580.jpg?v=1762006233&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-2872580.jpg?v=1762006233&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-2872580.jpg?v=1762006233&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-2872580.jpg?v=1762006233&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-2872580.jpg?v=1762006233&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-2872580.jpg?v=1762006233&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-2872580.jpg?v=1762006233&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-2872580.jpg?v=1762006233&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44748575244562"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44748575244562"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-3019432.jpg?v=1762006233&width=3840" alt="Royal Turquoise Bracelet - Handmade by Mella - Bracelet - Sterling Silver - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-3019432.jpg?v=1762006233&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-3019432.jpg?v=1762006233&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-3019432.jpg?v=1762006233&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-3019432.jpg?v=1762006233&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-3019432.jpg?v=1762006233&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-3019432.jpg?v=1762006233&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-3019432.jpg?v=1762006233&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-3019432.jpg?v=1762006233&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-turquoise-bracelet-3019432.jpg?v=1762006233&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Royal Turquoise Bracelet"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240146669842"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--multi-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240146669842-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-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="52075622727954"
>
<input
type="hidden"
name="quantity"
value="1"
>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
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">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10240146669842" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Royal Turquoise Bracelet</h3>
<div class="h6">
<product-price data-product-id="10240146669842">
<div ref="priceContainer">
<span class="price">240.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/royal-turquoise-bracelet?variant=52075622727954"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-2 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Royal Turquoise Bracelet</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-2"
data-product-id="10240146669842"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">240.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240115736850"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240115736850"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-3"
data-product-transition="true"
>
<a
id="7146e9752d4d103305204a82ee219cfc"
href="/fr/products/royal-sodalite-necklace?variant=51686290161938"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Royal Sodalite Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-3 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240115736850"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/royal-sodalite-necklace?variant=51686290161938"
aria-label="Royal Sodalite Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45026943402258"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45026943402258"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=3840" alt="Royal Sodalite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44744187805970"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44744187805970"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6366400.jpg?v=1765114048&width=3840" alt="Royal Sodalite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6366400.jpg?v=1765114048&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6366400.jpg?v=1765114048&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6366400.jpg?v=1765114048&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6366400.jpg?v=1765114048&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6366400.jpg?v=1765114048&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6366400.jpg?v=1765114048&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6366400.jpg?v=1765114048&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6366400.jpg?v=1765114048&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6366400.jpg?v=1765114048&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44794024526098"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44794024526098"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Royal_Sodalite_Necklace5.jpg?v=1765114048&width=3840" alt="Necklace with blue and white beads worn by a person outdoors" srcset="//www.handmadebymella.com/cdn/shop/files/Royal_Sodalite_Necklace5.jpg?v=1765114048&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Royal_Sodalite_Necklace5.jpg?v=1765114048&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Royal_Sodalite_Necklace5.jpg?v=1765114048&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Royal_Sodalite_Necklace5.jpg?v=1765114048&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Royal_Sodalite_Necklace5.jpg?v=1765114048&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Royal_Sodalite_Necklace5.jpg?v=1765114048&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Royal_Sodalite_Necklace5.jpg?v=1765114048&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Royal_Sodalite_Necklace5.jpg?v=1765114048&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Royal_Sodalite_Necklace5.jpg?v=1765114048&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44744188395794"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44744188395794"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6850043.jpg?v=1765114048&width=3840" alt="Royal Sodalite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6850043.jpg?v=1765114048&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6850043.jpg?v=1765114048&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6850043.jpg?v=1765114048&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6850043.jpg?v=1765114048&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6850043.jpg?v=1765114048&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6850043.jpg?v=1765114048&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6850043.jpg?v=1765114048&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6850043.jpg?v=1765114048&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-6850043.jpg?v=1765114048&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44744188559634"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44744188559634"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-7184738.jpg?v=1765114048&width=3840" alt="Royal Sodalite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-7184738.jpg?v=1765114048&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-7184738.jpg?v=1765114048&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-7184738.jpg?v=1765114048&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-7184738.jpg?v=1765114048&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-7184738.jpg?v=1765114048&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-7184738.jpg?v=1765114048&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-7184738.jpg?v=1765114048&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-7184738.jpg?v=1765114048&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-7184738.jpg?v=1765114048&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Royal Sodalite Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240115736850"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240115736850-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51686290161938"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/royal-sodalite-necklace-4800597.jpg?v=1765157406&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240115736850" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Royal Sodalite Necklace</h3>
<div class="h6">
<product-price data-product-id="10240115736850">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/royal-sodalite-necklace?variant=51686290161938"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-3 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Royal Sodalite Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-3"
data-product-id="10240115736850"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240105513234"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240105513234"
data-product-variants-size="6"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-4"
data-product-transition="true"
>
<a
id="d4f70e1602fb8755fdb71df32885531a"
href="/fr/products/royal-rose-quartz-bracelet?variant=52075617779986"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Royal Rose Quartz Bracelet - Soft Power, Open Heart
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-4 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240105513234"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/royal-rose-quartz-bracelet?variant=52075617779986"
aria-label="Royal Rose Quartz Bracelet - Soft Power, Open Heart"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45650797953298"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45650797953298"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=3840" alt="Woman standing in a field of flowers with a scenic background" srcset="//www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Royal_Rose_Quartz_Bracelet.jpg?v=1772450197&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743650836754"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743650836754"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-3303750.jpg?v=1772450197&width=3840" alt="Royal Rose Quartz Bracelet - Handmade by Mella - Bracelet - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-3303750.jpg?v=1772450197&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-3303750.jpg?v=1772450197&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-3303750.jpg?v=1772450197&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-3303750.jpg?v=1772450197&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-3303750.jpg?v=1772450197&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-3303750.jpg?v=1772450197&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-3303750.jpg?v=1772450197&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-3303750.jpg?v=1772450197&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-3303750.jpg?v=1772450197&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743650869522"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743650869522"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-6315645.jpg?v=1772450197&width=3840" alt="Royal Rose Quartz Bracelet - Handmade by Mella - Bracelet - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-6315645.jpg?v=1772450197&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-6315645.jpg?v=1772450197&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-6315645.jpg?v=1772450197&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-6315645.jpg?v=1772450197&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-6315645.jpg?v=1772450197&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-6315645.jpg?v=1772450197&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-6315645.jpg?v=1772450197&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-6315645.jpg?v=1772450197&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-6315645.jpg?v=1772450197&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743650902290"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743650902290"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-7698104.jpg?v=1772450197&width=3840" alt="Royal Rose Quartz Bracelet - Handmade by Mella - Bracelet - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-7698104.jpg?v=1772450197&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-7698104.jpg?v=1772450197&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-7698104.jpg?v=1772450197&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-7698104.jpg?v=1772450197&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-7698104.jpg?v=1772450197&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-7698104.jpg?v=1772450197&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-7698104.jpg?v=1772450197&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-7698104.jpg?v=1772450197&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-rose-quartz-bracelet-7698104.jpg?v=1772450197&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Royal Rose Quartz Bracelet - Soft Power, Open Heart"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240105513234"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--multi-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240105513234-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="52075617779986"
>
<input
type="hidden"
name="quantity"
value="1"
>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
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">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10240105513234" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Royal Rose Quartz Bracelet - Soft Power, Open Heart</h3>
<div class="h6">
<product-price data-product-id="10240105513234">
<div ref="priceContainer">
<span class="price">240.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/royal-rose-quartz-bracelet?variant=52075617779986"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-4 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Royal Rose Quartz Bracelet - Soft Power, Open Heart</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-4"
data-product-id="10240105513234"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">240.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240029524242"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240029524242"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-5"
data-product-transition="true"
>
<a
id="5b8b4bce79fbec68a429d18665454f98"
href="/fr/products/royal-indian-agate-necklace?variant=51686160335122"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Royal Indian Agate Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-5 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240029524242"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/royal-indian-agate-necklace?variant=51686160335122"
aria-label="Royal Indian Agate Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45022083776786"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45022083776786"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=3840" alt="Royal Indian Agate Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44744304754962"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44744304754962"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2797476.jpg?v=1765030464&width=3840" alt="Royal Indian Agate Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2797476.jpg?v=1765030464&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2797476.jpg?v=1765030464&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2797476.jpg?v=1765030464&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2797476.jpg?v=1765030464&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2797476.jpg?v=1765030464&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2797476.jpg?v=1765030464&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2797476.jpg?v=1765030464&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2797476.jpg?v=1765030464&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2797476.jpg?v=1765030464&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44744304787730"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44744304787730"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-4004157.jpg?v=1765030464&width=3840" alt="Royal Indian Agate Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-4004157.jpg?v=1765030464&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-4004157.jpg?v=1765030464&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-4004157.jpg?v=1765030464&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-4004157.jpg?v=1765030464&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-4004157.jpg?v=1765030464&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-4004157.jpg?v=1765030464&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-4004157.jpg?v=1765030464&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-4004157.jpg?v=1765030464&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-4004157.jpg?v=1765030464&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44744304820498"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44744304820498"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-9046199.jpg?v=1765030464&width=3840" alt="Royal Indian Agate Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-9046199.jpg?v=1765030464&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-9046199.jpg?v=1765030464&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-9046199.jpg?v=1765030464&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-9046199.jpg?v=1765030464&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-9046199.jpg?v=1765030464&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-9046199.jpg?v=1765030464&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-9046199.jpg?v=1765030464&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-9046199.jpg?v=1765030464&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-9046199.jpg?v=1765030464&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44744304853266"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44744304853266"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2591658.jpg?v=1765030464&width=3840" alt="Royal Indian Agate Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2591658.jpg?v=1765030464&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2591658.jpg?v=1765030464&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2591658.jpg?v=1765030464&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2591658.jpg?v=1765030464&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2591658.jpg?v=1765030464&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2591658.jpg?v=1765030464&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2591658.jpg?v=1765030464&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2591658.jpg?v=1765030464&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-2591658.jpg?v=1765030464&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Royal Indian Agate Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240029524242"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240029524242-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51686160335122"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/royal-indian-agate-necklace-5342149.jpg?v=1765074488&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240029524242" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Royal Indian Agate Necklace</h3>
<div class="h6">
<product-price data-product-id="10240029524242">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/royal-indian-agate-necklace?variant=51686160335122"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-5 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Royal Indian Agate Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-5"
data-product-id="10240029524242"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240064028946"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240064028946"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-6"
data-product-transition="true"
>
<a
id="0fc80bf71943b5c07678633bf7c5ae12"
href="/fr/products/royal-dalmatian-jasper-necklace?variant=51686213878034"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Royal Dalmatian Jasper Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-6 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240064028946"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/royal-dalmatian-jasper-necklace?variant=51686213878034"
aria-label="Royal Dalmatian Jasper Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45650339266834"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45650339266834"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=3840" alt="Royal Dalmatian Jasper Necklace - Grounded Confidence, Light Spirit - Handmade by Mella - Royal - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45027040002322"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45027040002322"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Royal_Dalmatian_Jasper_Necklace.jpg?v=1772445632&width=3840" alt="Woman wearing a white sleeveless top and jewelry, smiling against a plain background" srcset="//www.handmadebymella.com/cdn/shop/files/Royal_Dalmatian_Jasper_Necklace.jpg?v=1772445632&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Royal_Dalmatian_Jasper_Necklace.jpg?v=1772445632&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Royal_Dalmatian_Jasper_Necklace.jpg?v=1772445632&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Royal_Dalmatian_Jasper_Necklace.jpg?v=1772445632&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Royal_Dalmatian_Jasper_Necklace.jpg?v=1772445632&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Royal_Dalmatian_Jasper_Necklace.jpg?v=1772445632&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Royal_Dalmatian_Jasper_Necklace.jpg?v=1772445632&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Royal_Dalmatian_Jasper_Necklace.jpg?v=1772445632&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Royal_Dalmatian_Jasper_Necklace.jpg?v=1772445632&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44744254521618"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44744254521618"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-6350235.jpg?v=1772445632&width=3840" alt="Royal Dalmatian Jasper Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-6350235.jpg?v=1772445632&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-6350235.jpg?v=1772445632&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-6350235.jpg?v=1772445632&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-6350235.jpg?v=1772445632&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-6350235.jpg?v=1772445632&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-6350235.jpg?v=1772445632&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-6350235.jpg?v=1772445632&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-6350235.jpg?v=1772445632&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-6350235.jpg?v=1772445632&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44744254554386"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44744254554386"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-3567673.jpg?v=1772445632&width=3840" alt="Royal Dalmatian Jasper Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-3567673.jpg?v=1772445632&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-3567673.jpg?v=1772445632&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-3567673.jpg?v=1772445632&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-3567673.jpg?v=1772445632&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-3567673.jpg?v=1772445632&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-3567673.jpg?v=1772445632&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-3567673.jpg?v=1772445632&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-3567673.jpg?v=1772445632&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-3567673.jpg?v=1772445632&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44744254587154"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44744254587154"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-2252789.jpg?v=1772445632&width=3840" alt="Royal Dalmatian Jasper Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-2252789.jpg?v=1772445632&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-2252789.jpg?v=1772445632&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-2252789.jpg?v=1772445632&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-2252789.jpg?v=1772445632&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-2252789.jpg?v=1772445632&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-2252789.jpg?v=1772445632&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-2252789.jpg?v=1772445632&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-2252789.jpg?v=1772445632&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-2252789.jpg?v=1772445632&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Royal Dalmatian Jasper Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240064028946"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240064028946-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51686213878034"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/royal-dalmatian-jasper-necklace-grounded-confidence-light-spirit-5698135.png?v=1772498949&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240064028946" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Royal Dalmatian Jasper Necklace</h3>
<div class="h6">
<product-price data-product-id="10240064028946">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/royal-dalmatian-jasper-necklace?variant=51686213878034"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-6 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Royal Dalmatian Jasper Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-6"
data-product-id="10240064028946"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-7; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240023757074"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240023757074"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-7"
data-product-transition="true"
>
<a
id="f05fab9ec0bd7f15bd195ccc09fc22bd"
href="/fr/products/royal-amazonite-bracelet?variant=51686152405266"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Royal Amazonite Bracelet - Calm Authority, Clear Voice
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-7 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240023757074"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/royal-amazonite-bracelet?variant=51686152405266"
aria-label="Royal Amazonite Bracelet - Calm Authority, Clear Voice"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45027293004050"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45027293004050"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=3840" alt="Close-up of a person wearing a turquoise beaded necklace and earring set." srcset="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743641858322"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743641858322"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet1.jpg?v=1765125231&width=3840" alt="Green beaded bracelet with a silver clasp on a white background" srcset="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet1.jpg?v=1765125231&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet1.jpg?v=1765125231&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet1.jpg?v=1765125231&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet1.jpg?v=1765125231&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet1.jpg?v=1765125231&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet1.jpg?v=1765125231&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet1.jpg?v=1765125231&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet1.jpg?v=1765125231&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet1.jpg?v=1765125231&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743641891090"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743641891090"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet2.jpg?v=1765125231&width=3840" alt="Green beaded bracelet with silver accents on a white background" srcset="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet2.jpg?v=1765125231&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet2.jpg?v=1765125231&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet2.jpg?v=1765125231&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet2.jpg?v=1765125231&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet2.jpg?v=1765125231&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet2.jpg?v=1765125231&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet2.jpg?v=1765125231&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet2.jpg?v=1765125231&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet2.jpg?v=1765125231&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743641923858"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743641923858"
>
<img src="//www.handmadebymella.com/cdn/shop/files/royal-amazonite-bracelet-4484728.jpg?v=1765125231&width=3840" alt="Royal Amazonite Bracelet - Handmade by Mella - Bracelet - " srcset="//www.handmadebymella.com/cdn/shop/files/royal-amazonite-bracelet-4484728.jpg?v=1765125231&width=240 240w, //www.handmadebymella.com/cdn/shop/files/royal-amazonite-bracelet-4484728.jpg?v=1765125231&width=352 352w, //www.handmadebymella.com/cdn/shop/files/royal-amazonite-bracelet-4484728.jpg?v=1765125231&width=832 832w, //www.handmadebymella.com/cdn/shop/files/royal-amazonite-bracelet-4484728.jpg?v=1765125231&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/royal-amazonite-bracelet-4484728.jpg?v=1765125231&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/royal-amazonite-bracelet-4484728.jpg?v=1765125231&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/royal-amazonite-bracelet-4484728.jpg?v=1765125231&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/royal-amazonite-bracelet-4484728.jpg?v=1765125231&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/royal-amazonite-bracelet-4484728.jpg?v=1765125231&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Royal Amazonite Bracelet - Calm Authority, Clear Voice"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240023757074"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240023757074-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51686152405266"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/Royal_Amazonite_Bracelet.jpg?v=1765125231&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240023757074" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Royal Amazonite Bracelet - Calm Authority, Clear Voice</h3>
<div class="h6">
<product-price data-product-id="10240023757074">
<div ref="priceContainer">
<span class="price">240.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/royal-amazonite-bracelet?variant=51686152405266"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-7 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Royal Amazonite Bracelet - Calm Authority, Clear Voice</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-7"
data-product-id="10240023757074"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">240.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-8; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10261637693714"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10261637693714"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-8"
data-product-transition="true"
>
<a
id="c55065f107e390a698fcfb7bd70fe182"
href="/fr/products/green-jade-amethyst-necklace?variant=51758474461458"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Princess Green Jade & Amethyst Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-8 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10261637693714"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/green-jade-amethyst-necklace?variant=51758474461458"
aria-label="Princess Green Jade & Amethyst Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45650250563858"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45650250563858"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=3840" alt="Princess Green Jade & Amethyst Necklace - Balance, Intuitive Strength - Handmade by Mella - Princess - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44979985056018"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44979985056018"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-1869652.jpg?v=1772442433&width=3840" alt="Princess Green Jade & Amethyst Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-1869652.jpg?v=1772442433&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-1869652.jpg?v=1772442433&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-1869652.jpg?v=1772442433&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-1869652.jpg?v=1772442433&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-1869652.jpg?v=1772442433&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-1869652.jpg?v=1772442433&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-1869652.jpg?v=1772442433&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-1869652.jpg?v=1772442433&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-1869652.jpg?v=1772442433&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44979984957714"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44979984957714"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-2197100.jpg?v=1772442433&width=3840" alt="Princess Green Jade & Amethyst Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-2197100.jpg?v=1772442433&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-2197100.jpg?v=1772442433&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-2197100.jpg?v=1772442433&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-2197100.jpg?v=1772442433&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-2197100.jpg?v=1772442433&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-2197100.jpg?v=1772442433&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-2197100.jpg?v=1772442433&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-2197100.jpg?v=1772442433&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-2197100.jpg?v=1772442433&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44979984990482"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44979984990482"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-9690170.jpg?v=1772442433&width=3840" alt="Princess Green Jade & Amethyst Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-9690170.jpg?v=1772442433&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-9690170.jpg?v=1772442433&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-9690170.jpg?v=1772442433&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-9690170.jpg?v=1772442433&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-9690170.jpg?v=1772442433&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-9690170.jpg?v=1772442433&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-9690170.jpg?v=1772442433&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-9690170.jpg?v=1772442433&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-9690170.jpg?v=1772442433&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44979985023250"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44979985023250"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-6623433.jpg?v=1772442433&width=3840" alt="Princess Green Jade & Amethyst Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-6623433.jpg?v=1772442433&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-6623433.jpg?v=1772442433&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-6623433.jpg?v=1772442433&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-6623433.jpg?v=1772442433&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-6623433.jpg?v=1772442433&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-6623433.jpg?v=1772442433&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-6623433.jpg?v=1772442433&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-6623433.jpg?v=1772442433&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-6623433.jpg?v=1772442433&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Princess Green Jade & Amethyst Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10261637693714"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10261637693714-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-8" 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="51758474461458"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/princess-green-jade-amethyst-necklace-balance-intuitive-strength-4179645.jpg?v=1772498947&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10261637693714" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Princess Green Jade & Amethyst Necklace</h3>
<div class="h6">
<product-price data-product-id="10261637693714">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/green-jade-amethyst-necklace?variant=51758474461458"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-8 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Princess Green Jade & Amethyst Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-8"
data-product-id="10261637693714"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-9; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240067698962"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240067698962"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-9"
data-product-transition="true"
>
<a
id="0083b130274ca5276a34128eefa167d0"
href="/fr/products/princess-dalmatian-jasper-necklace?variant=51686220333330"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Princess Dalmatian Jasper Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-9 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240067698962"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/princess-dalmatian-jasper-necklace?variant=51686220333330"
aria-label="Princess Dalmatian Jasper Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45650270814482"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45650270814482"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=3840" alt="Woman wearing a pink top with lace details and layered necklaces outdoors." srcset="//www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45027034857746"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45027034857746"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7647387.jpg?v=1772443353&width=3840" alt="Princess Dalmatian Jasper Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7647387.jpg?v=1772443353&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7647387.jpg?v=1772443353&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7647387.jpg?v=1772443353&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7647387.jpg?v=1772443353&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7647387.jpg?v=1772443353&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7647387.jpg?v=1772443353&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7647387.jpg?v=1772443353&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7647387.jpg?v=1772443353&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7647387.jpg?v=1772443353&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743417823506"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743417823506"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-4699842.jpg?v=1772443353&width=3840" alt="Princess Dalmatian Jasper Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-4699842.jpg?v=1772443353&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-4699842.jpg?v=1772443353&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-4699842.jpg?v=1772443353&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-4699842.jpg?v=1772443353&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-4699842.jpg?v=1772443353&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-4699842.jpg?v=1772443353&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-4699842.jpg?v=1772443353&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-4699842.jpg?v=1772443353&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-4699842.jpg?v=1772443353&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45027035119890"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45027035119890"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace4.jpg?v=1772443353&width=3840" alt="Necklace with black and gold beads worn by a person on a neutral background" srcset="//www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace4.jpg?v=1772443353&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace4.jpg?v=1772443353&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace4.jpg?v=1772443353&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace4.jpg?v=1772443353&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace4.jpg?v=1772443353&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace4.jpg?v=1772443353&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace4.jpg?v=1772443353&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace4.jpg?v=1772443353&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace4.jpg?v=1772443353&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743417790738"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743417790738"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7858149.jpg?v=1772443353&width=3840" alt="Princess Dalmatian Jasper Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7858149.jpg?v=1772443353&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7858149.jpg?v=1772443353&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7858149.jpg?v=1772443353&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7858149.jpg?v=1772443353&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7858149.jpg?v=1772443353&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7858149.jpg?v=1772443353&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7858149.jpg?v=1772443353&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7858149.jpg?v=1772443353&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-dalmatian-jasper-necklace-7858149.jpg?v=1772443353&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Princess Dalmatian Jasper Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240067698962"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240067698962-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-9" 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="51686220333330"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/Princess_Dalmatian_Jasper_Necklace1.jpg?v=1772443353&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240067698962" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Princess Dalmatian Jasper Necklace</h3>
<div class="h6">
<product-price data-product-id="10240067698962">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/princess-dalmatian-jasper-necklace?variant=51686220333330"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-9 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Princess Dalmatian Jasper Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-9"
data-product-id="10240067698962"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-10; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10239906775314"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10239906775314"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-10"
data-product-transition="true"
>
<a
id="30a4d925e5fe661fb2ca265c9b276af4"
href="/fr/products/princess-amazonite-necklace?variant=51685978865938"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Princess Amazonite Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-10 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10239906775314"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/princess-amazonite-necklace?variant=51685978865938"
aria-label="Princess Amazonite Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45650210390290"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45650210390290"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=3840" alt="Princess Amazonite Necklace - Calm Confidence, Clear Voice - Handmade by Mella - Princess - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45027266134290"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45027266134290"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Princess_Amazonite_Necklace.jpg?v=1772440510&width=3840" alt="Woman wearing a beaded necklace with a neutral background" srcset="//www.handmadebymella.com/cdn/shop/files/Princess_Amazonite_Necklace.jpg?v=1772440510&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Princess_Amazonite_Necklace.jpg?v=1772440510&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Princess_Amazonite_Necklace.jpg?v=1772440510&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Princess_Amazonite_Necklace.jpg?v=1772440510&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Princess_Amazonite_Necklace.jpg?v=1772440510&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Princess_Amazonite_Necklace.jpg?v=1772440510&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Princess_Amazonite_Necklace.jpg?v=1772440510&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Princess_Amazonite_Necklace.jpg?v=1772440510&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Princess_Amazonite_Necklace.jpg?v=1772440510&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743554892050"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743554892050"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-2033794.jpg?v=1772440510&width=3840" alt="Princess Amazonite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-2033794.jpg?v=1772440510&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-2033794.jpg?v=1772440510&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-2033794.jpg?v=1772440510&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-2033794.jpg?v=1772440510&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-2033794.jpg?v=1772440510&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-2033794.jpg?v=1772440510&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-2033794.jpg?v=1772440510&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-2033794.jpg?v=1772440510&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-2033794.jpg?v=1772440510&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743554924818"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743554924818"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4273361.jpg?v=1772440510&width=3840" alt="Princess Amazonite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4273361.jpg?v=1772440510&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4273361.jpg?v=1772440510&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4273361.jpg?v=1772440510&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4273361.jpg?v=1772440510&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4273361.jpg?v=1772440510&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4273361.jpg?v=1772440510&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4273361.jpg?v=1772440510&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4273361.jpg?v=1772440510&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4273361.jpg?v=1772440510&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44743554990354"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44743554990354"
>
<img src="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4086927.jpg?v=1772440510&width=3840" alt="Princess Amazonite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4086927.jpg?v=1772440510&width=240 240w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4086927.jpg?v=1772440510&width=352 352w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4086927.jpg?v=1772440510&width=832 832w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4086927.jpg?v=1772440510&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4086927.jpg?v=1772440510&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4086927.jpg?v=1772440510&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4086927.jpg?v=1772440510&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4086927.jpg?v=1772440510&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-4086927.jpg?v=1772440510&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Princess Amazonite Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10239906775314"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10239906775314-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-10" 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="51685978865938"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/princess-amazonite-necklace-calm-confidence-clear-voice-7877036.jpg?v=1772499006&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10239906775314" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Princess Amazonite Necklace</h3>
<div class="h6">
<product-price data-product-id="10239906775314">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/princess-amazonite-necklace?variant=51685978865938"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-10 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Princess Amazonite Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-10"
data-product-id="10239906775314"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-11; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240118980882"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240118980882"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-11"
data-product-transition="true"
>
<a
id="d1c34bd4b6ef87b2603f7ed62c604770"
href="/fr/products/oracle-sodalite-bracelet?variant=51686295077138"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Oracle Sodalite Bracelet - Clear Mind, Honest Expression
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-11 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240118980882"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/oracle-sodalite-bracelet?variant=51686295077138"
aria-label="Oracle Sodalite Bracelet - Clear Mind, Honest Expression"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45026934063378"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45026934063378"
>
<img src="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=3840" alt="Oracle Sodalite Bracelet - Handmade by Mella - Bracelet - " srcset="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=240 240w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=352 352w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=832 832w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45651548176658"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45651548176658"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Oracle_Sodalite_Bracelet.jpg?v=1772459661&width=3840" alt="Woman sitting in a grassy field braiding her hair" srcset="//www.handmadebymella.com/cdn/shop/files/Oracle_Sodalite_Bracelet.jpg?v=1772459661&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Oracle_Sodalite_Bracelet.jpg?v=1772459661&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Oracle_Sodalite_Bracelet.jpg?v=1772459661&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Oracle_Sodalite_Bracelet.jpg?v=1772459661&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Oracle_Sodalite_Bracelet.jpg?v=1772459661&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Oracle_Sodalite_Bracelet.jpg?v=1772459661&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Oracle_Sodalite_Bracelet.jpg?v=1772459661&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Oracle_Sodalite_Bracelet.jpg?v=1772459661&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Oracle_Sodalite_Bracelet.jpg?v=1772459661&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44747029119250"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44747029119250"
>
<img src="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-4993339.jpg?v=1772459661&width=3840" alt="Oracle Sodalite Bracelet - Handmade by Mella - Bracelet - " srcset="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-4993339.jpg?v=1772459661&width=240 240w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-4993339.jpg?v=1772459661&width=352 352w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-4993339.jpg?v=1772459661&width=832 832w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-4993339.jpg?v=1772459661&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-4993339.jpg?v=1772459661&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-4993339.jpg?v=1772459661&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-4993339.jpg?v=1772459661&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-4993339.jpg?v=1772459661&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-4993339.jpg?v=1772459661&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44747029152018"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44747029152018"
>
<img src="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-2481531.jpg?v=1772459661&width=3840" alt="Oracle Sodalite Bracelet - Handmade by Mella - Bracelet - " srcset="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-2481531.jpg?v=1772459661&width=240 240w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-2481531.jpg?v=1772459661&width=352 352w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-2481531.jpg?v=1772459661&width=832 832w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-2481531.jpg?v=1772459661&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-2481531.jpg?v=1772459661&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-2481531.jpg?v=1772459661&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-2481531.jpg?v=1772459661&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-2481531.jpg?v=1772459661&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-2481531.jpg?v=1772459661&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Oracle Sodalite Bracelet - Clear Mind, Honest Expression"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240118980882"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240118980882-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-11" 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="51686295077138"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/oracle-sodalite-bracelet-9404723.jpg?v=1765157406&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240118980882" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Oracle Sodalite Bracelet - Clear Mind, Honest Expression</h3>
<div class="h6">
<product-price data-product-id="10240118980882">
<div ref="priceContainer">
<span class="price">140.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/oracle-sodalite-bracelet?variant=51686295077138"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-11 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Oracle Sodalite Bracelet - Clear Mind, Honest Expression</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-11"
data-product-id="10240118980882"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">140.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-12; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240130973970"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240130973970"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-12"
data-product-transition="true"
>
<a
id="ae5692d4ae131c05c511084c83a34c96"
href="/fr/products/oracle-red-coral-necklace?variant=51686354452754"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Oracle Red Coral Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-12 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240130973970"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/oracle-red-coral-necklace?variant=51686354452754"
aria-label="Oracle Red Coral Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45026103394578"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45026103394578"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=3840" alt="Man wearing a white shirt with open collar and red beads around his neck against a plain background" srcset="//www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45026119024914"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45026119024914"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace3.jpg?v=1772437991&width=3840" alt="Person wearing a red beaded necklace and a white shirt against a neutral background" srcset="//www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace3.jpg?v=1772437991&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace3.jpg?v=1772437991&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace3.jpg?v=1772437991&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace3.jpg?v=1772437991&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace3.jpg?v=1772437991&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace3.jpg?v=1772437991&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace3.jpg?v=1772437991&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace3.jpg?v=1772437991&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace3.jpg?v=1772437991&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44745622487314"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44745622487314"
>
<img src="//www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-1770454.jpg?v=1765095139&width=3840" alt="Red beaded necklace on a white background" srcset="//www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-1770454.jpg?v=1765095139&width=240 240w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-1770454.jpg?v=1765095139&width=352 352w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-1770454.jpg?v=1765095139&width=832 832w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-1770454.jpg?v=1765095139&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-1770454.jpg?v=1765095139&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-1770454.jpg?v=1765095139&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-1770454.jpg?v=1765095139&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-1770454.jpg?v=1765095139&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-1770454.jpg?v=1765095139&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44745622520082"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44745622520082"
>
<img src="//www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-5388518.jpg?v=1765095139&width=3840" alt="Oracle Red Coral Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-5388518.jpg?v=1765095139&width=240 240w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-5388518.jpg?v=1765095139&width=352 352w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-5388518.jpg?v=1765095139&width=832 832w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-5388518.jpg?v=1765095139&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-5388518.jpg?v=1765095139&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-5388518.jpg?v=1765095139&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-5388518.jpg?v=1765095139&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-5388518.jpg?v=1765095139&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-5388518.jpg?v=1765095139&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44745622552850"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44745622552850"
>
<img src="//www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-2814377.jpg?v=1765095139&width=3840" alt="Oracle Red Coral Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-2814377.jpg?v=1765095139&width=240 240w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-2814377.jpg?v=1765095139&width=352 352w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-2814377.jpg?v=1765095139&width=832 832w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-2814377.jpg?v=1765095139&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-2814377.jpg?v=1765095139&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-2814377.jpg?v=1765095139&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-2814377.jpg?v=1765095139&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-2814377.jpg?v=1765095139&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/oracle-red-coral-necklace-2814377.jpg?v=1765095139&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Oracle Red Coral Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240130973970"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240130973970-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-12" 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="51686354452754"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/Oracle_Red_Coral_Necklace4.jpg?v=1772437991&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240130973970" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Oracle Red Coral Necklace</h3>
<div class="h6">
<product-price data-product-id="10240130973970">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/oracle-red-coral-necklace?variant=51686354452754"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-12 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Oracle Red Coral Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-12"
data-product-id="10240130973970"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-13; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240072450322"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240072450322"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-13"
data-product-transition="true"
>
<a
id="f922cf82a6e36e6e2b0bc996834cc3a4"
href="/fr/products/oracle-dalmatian-jasper-necklace?variant=51686228001042"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Oracle Dalmatian Jasper Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-13 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240072450322"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/oracle-dalmatian-jasper-necklace?variant=51686228001042"
aria-label="Oracle Dalmatian Jasper Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45027011723538"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45027011723538"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=3840" alt="Man wearing a necklace and bracelet, looking down." srcset="//www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44746738729234"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44746738729234"
>
<img src="//www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-5281633.jpg?v=1765122266&width=3840" alt="Oracle Dalmatian Jasper Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-5281633.jpg?v=1765122266&width=240 240w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-5281633.jpg?v=1765122266&width=352 352w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-5281633.jpg?v=1765122266&width=832 832w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-5281633.jpg?v=1765122266&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-5281633.jpg?v=1765122266&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-5281633.jpg?v=1765122266&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-5281633.jpg?v=1765122266&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-5281633.jpg?v=1765122266&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-5281633.jpg?v=1765122266&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45027011526930"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45027011526930"
>
<img src="//www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-7207862.jpg?v=1765157406&width=3840" alt="Oracle Dalmatian Jasper Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-7207862.jpg?v=1765157406&width=240 240w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-7207862.jpg?v=1765157406&width=352 352w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-7207862.jpg?v=1765157406&width=832 832w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-7207862.jpg?v=1765157406&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-7207862.jpg?v=1765157406&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-7207862.jpg?v=1765157406&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-7207862.jpg?v=1765157406&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-7207862.jpg?v=1765157406&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-7207862.jpg?v=1765157406&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44746738794770"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44746738794770"
>
<img src="//www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-9568897.jpg?v=1765122266&width=3840" alt="Oracle Dalmatian Jasper Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-9568897.jpg?v=1765122266&width=240 240w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-9568897.jpg?v=1765122266&width=352 352w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-9568897.jpg?v=1765122266&width=832 832w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-9568897.jpg?v=1765122266&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-9568897.jpg?v=1765122266&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-9568897.jpg?v=1765122266&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-9568897.jpg?v=1765122266&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-9568897.jpg?v=1765122266&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/oracle-dalmatian-jasper-necklace-9568897.jpg?v=1765122266&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Oracle Dalmatian Jasper Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240072450322"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240072450322-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-13" 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="51686228001042"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/Oracle_Dalmatian_Jasper_Necklace.jpg?v=1765122266&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240072450322" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Oracle Dalmatian Jasper Necklace</h3>
<div class="h6">
<product-price data-product-id="10240072450322">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/oracle-dalmatian-jasper-necklace?variant=51686228001042"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-13 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Oracle Dalmatian Jasper Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-13"
data-product-id="10240072450322"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-14; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240121569554"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240121569554"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-14"
data-product-transition="true"
>
<a
id="f6eadb5ef723212ffdab7114b9f3d600"
href="/fr/products/fishbone-tiger-eye-necklace?variant=51686317031698"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Fishbone Tiger Eye Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-14 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240121569554"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/fishbone-tiger-eye-necklace?variant=51686317031698"
aria-label="Fishbone Tiger Eye Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45644810420498"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45644810420498"
>
<img src="//www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=3840" alt="Woman in a light dress standing in a grassy field with trees in the background" srcset="//www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=240 240w, //www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=352 352w, //www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=832 832w, //www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45026927411474"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45026927411474"
>
<img src="//www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-5967081.jpg?v=1772383478&width=3840" alt="Fishbone Tiger Eye Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-5967081.jpg?v=1772383478&width=240 240w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-5967081.jpg?v=1772383478&width=352 352w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-5967081.jpg?v=1772383478&width=832 832w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-5967081.jpg?v=1772383478&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-5967081.jpg?v=1772383478&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-5967081.jpg?v=1772383478&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-5967081.jpg?v=1772383478&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-5967081.jpg?v=1772383478&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-5967081.jpg?v=1772383478&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44746855907602"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44746855907602"
>
<img src="//www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-8723500.jpg?v=1772383478&width=3840" alt="Fishbone Tiger Eye Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-8723500.jpg?v=1772383478&width=240 240w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-8723500.jpg?v=1772383478&width=352 352w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-8723500.jpg?v=1772383478&width=832 832w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-8723500.jpg?v=1772383478&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-8723500.jpg?v=1772383478&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-8723500.jpg?v=1772383478&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-8723500.jpg?v=1772383478&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-8723500.jpg?v=1772383478&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-8723500.jpg?v=1772383478&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="44746855940370"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="44746855940370"
>
<img src="//www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-9080379.jpg?v=1772383478&width=3840" alt="Fishbone Tiger Eye Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-9080379.jpg?v=1772383478&width=240 240w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-9080379.jpg?v=1772383478&width=352 352w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-9080379.jpg?v=1772383478&width=832 832w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-9080379.jpg?v=1772383478&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-9080379.jpg?v=1772383478&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-9080379.jpg?v=1772383478&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-9080379.jpg?v=1772383478&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-9080379.jpg?v=1772383478&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/fishbone-tiger-eye-necklace-9080379.jpg?v=1772383478&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Fishbone Tiger Eye Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240121569554"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240121569554-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-14" 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="51686317031698"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/Fishbone_Tiger_Eye_Necklace.jpg?v=1772383478&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240121569554" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Fishbone Tiger Eye Necklace</h3>
<div class="h6">
<product-price data-product-id="10240121569554">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/fishbone-tiger-eye-necklace?variant=51686317031698"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-14 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Fishbone Tiger Eye Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-14"
data-product-id="10240121569554"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-15; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10240098337042"
data-featured-media-url="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10240098337042"
data-product-variants-size="1"
id="product-card-AS0VMcytUNmtxYVJvb__static-product-card-15"
data-product-transition="true"
>
<a
id="7aa28122559bd32ca59257981c84fdf3"
href="/fr/products/fishbone-labradorite-necklace?variant=51686262669586"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Fishbone Labradorite Necklace
</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: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-15 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10240098337042"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/fr/products/fishbone-labradorite-necklace?variant=51686262669586"
aria-label="Fishbone Labradorite Necklace"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45027174744338"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45027174744338"
>
<img src="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=3840" alt="Fishbone Labradorite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=240 240w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=352 352w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=832 832w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45027069952274"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45027069952274"
>
<img src="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7965228.jpg?v=1765157346&width=3840" alt="Fishbone Labradorite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7965228.jpg?v=1765157346&width=240 240w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7965228.jpg?v=1765157346&width=352 352w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7965228.jpg?v=1765157346&width=832 832w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7965228.jpg?v=1765157346&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7965228.jpg?v=1765157346&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7965228.jpg?v=1765157346&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7965228.jpg?v=1765157346&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7965228.jpg?v=1765157346&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7965228.jpg?v=1765157346&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45053428793618"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45053428793618"
>
<img src="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-3338063.png?v=1765488854&width=3840" alt="Fishbone Labradorite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-3338063.png?v=1765488854&width=240 240w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-3338063.png?v=1765488854&width=352 352w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-3338063.png?v=1765488854&width=832 832w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-3338063.png?v=1765488854&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-3338063.png?v=1765488854&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-3338063.png?v=1765488854&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-3338063.png?v=1765488854&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-3338063.png?v=1765488854&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-3338063.png?v=1765488854&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45053428826386"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45053428826386"
>
<img src="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-1638928.png?v=1765488853&width=3840" alt="Fishbone Labradorite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-1638928.png?v=1765488853&width=240 240w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-1638928.png?v=1765488853&width=352 352w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-1638928.png?v=1765488853&width=832 832w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-1638928.png?v=1765488853&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-1638928.png?v=1765488853&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-1638928.png?v=1765488853&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-1638928.png?v=1765488853&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-1638928.png?v=1765488853&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-1638928.png?v=1765488853&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="45053428760850"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="45053428760850"
>
<img src="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7261037.png?v=1765488853&width=3840" alt="Fishbone Labradorite Necklace - Handmade by Mella - necklace - " srcset="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7261037.png?v=1765488853&width=240 240w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7261037.png?v=1765488853&width=352 352w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7261037.png?v=1765488853&width=832 832w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7261037.png?v=1765488853&width=1200 1200w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7261037.png?v=1765488853&width=1600 1600w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7261037.png?v=1765488853&width=1920 1920w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7261037.png?v=1765488853&width=2560 2560w, //www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7261037.png?v=1765488853&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7261037.png?v=1765488853&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-left"
style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Fishbone Labradorite Necklace"
>
<product-form-component
data-section-id="template--24936765292818__product_list_UaBm9U"
data-product-id="10240098337042"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/fr/cart/add" id="QuickAdd-ProductForm-10240098337042-AWVR1OHh6VU5HNi95d__product_card_gallery_8nLjVC-15" 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="51686262669586"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.handmadebymella.com/cdn/shop/files/fishbone-labradorite-necklace-7179226.png?v=1765157346&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span 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">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10240098337042" /><input type="hidden" name="section-id" value="template--24936765292818__product_list_UaBm9U" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Fishbone Labradorite Necklace</h3>
<div class="h6">
<product-price data-product-id="10240098337042">
<div ref="priceContainer">
<span class="price">360.00 ILS</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/fr/products/fishbone-labradorite-necklace?variant=51686262669586"
>
<div
class="spacing-style text-block text-block--ATm95TFhaK1JhbC9pN__product_title_w4WFdE-15 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Fishbone Labradorite Necklace</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AWWtuSjRVTkFDdUdQd__price_Gn7hXm-15"
data-product-id="10240098337042"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">360.00 ILS</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--24936765292818__collection_links_fcmDFQ" class="shopify-section">
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/collection-links.js?v=141142466934192278071760166900"
type="module"
fetchpriority="low"
></script>
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 spacing-style"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
>
<collection-links-component
layout="spotlight"
alignment="left"
>
<div
class="collection-links__container"
ref="container"
>
<a
href="/fr/collections/calm-emotional-balance"
class="collection-links__link"
ref="links[]"
on:pointerenter="/select/0"
on:focus="/select/0"
aria-current="true"
>
<span
class="text-block custom-typography"
style="--color: ; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--heading-tight); --letter-spacing: var(--letter-spacing--heading-tight);"
>
<span>Calm & Emotional Balance</span> <sup class="collection-links__count">27</sup>
</span>
</a>
<a
href="/fr/collections/clarity-intuition"
class="collection-links__link"
ref="links[]"
on:pointerenter="/select/1"
on:focus="/select/1"
aria-current="false"
>
<span
class="text-block custom-typography"
style="--color: ; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--heading-tight); --letter-spacing: var(--letter-spacing--heading-tight);"
>
<span>Clarity & Intuition</span> <sup class="collection-links__count">26</sup>
</span>
</a>
<a
href="/fr/collections/confidence-inner-strength"
class="collection-links__link"
ref="links[]"
on:pointerenter="/select/2"
on:focus="/select/2"
aria-current="false"
>
<span
class="text-block custom-typography"
style="--color: ; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--heading-tight); --letter-spacing: var(--letter-spacing--heading-tight);"
>
<span>Confidence & Inner Strength</span> <sup class="collection-links__count">21</sup>
</span>
</a>
<a
href="/fr/collections/grounding-stability"
class="collection-links__link"
ref="links[]"
on:pointerenter="/select/3"
on:focus="/select/3"
aria-current="false"
>
<span
class="text-block custom-typography"
style="--color: ; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--heading-tight); --letter-spacing: var(--letter-spacing--heading-tight);"
>
<span>Grounding & Stability</span> <sup class="collection-links__count">21</sup>
</span>
</a>
<a
href="/fr/collections/love-emotional-healing"
class="collection-links__link"
ref="links[]"
on:pointerenter="/select/4"
on:focus="/select/4"
aria-current="false"
>
<span
class="text-block custom-typography"
style="--color: ; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--heading-tight); --letter-spacing: var(--letter-spacing--heading-tight);"
>
<span>Love & Emotional Healing</span> <sup class="collection-links__count">21</sup>
</span>
</a>
</div>
<slideshow-component
ref="slideshow"
class="collection-links__images"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
>
<a
href="/fr/collections/calm-emotional-balance"
class="collection-links__image"
size=""
>
<image-block
ratio="square"
height="large"
style="--border-radius: 0px;"
>
<img src="//www.handmadebymella.com/cdn/shop/collections/calm-emotional-balance-5045779.jpg?v=1768241470&width=2560" alt="Calm & Emotional Balance" srcset="//www.handmadebymella.com/cdn/shop/collections/calm-emotional-balance-5045779.jpg?v=1768241470&width=240 240w, //www.handmadebymella.com/cdn/shop/collections/calm-emotional-balance-5045779.jpg?v=1768241470&width=352 352w, //www.handmadebymella.com/cdn/shop/collections/calm-emotional-balance-5045779.jpg?v=1768241470&width=832 832w, //www.handmadebymella.com/cdn/shop/collections/calm-emotional-balance-5045779.jpg?v=1768241470&width=1200 1200w, //www.handmadebymella.com/cdn/shop/collections/calm-emotional-balance-5045779.jpg?v=1768241470&width=1600 1600w, //www.handmadebymella.com/cdn/shop/collections/calm-emotional-balance-5045779.jpg?v=1768241470&width=1920 1920w, //www.handmadebymella.com/cdn/shop/collections/calm-emotional-balance-5045779.jpg?v=1768241470&width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw">
</image-block>
</a>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
>
<a
href="/fr/collections/clarity-intuition"
class="collection-links__image"
size=""
>
<image-block
ratio="square"
height="large"
style="--border-radius: 0px;"
>
<img src="//www.handmadebymella.com/cdn/shop/collections/clarity-intuition-4768123.jpg?v=1768241471&width=2560" alt="Clarity & Intuition" srcset="//www.handmadebymella.com/cdn/shop/collections/clarity-intuition-4768123.jpg?v=1768241471&width=240 240w, //www.handmadebymella.com/cdn/shop/collections/clarity-intuition-4768123.jpg?v=1768241471&width=352 352w, //www.handmadebymella.com/cdn/shop/collections/clarity-intuition-4768123.jpg?v=1768241471&width=832 832w, //www.handmadebymella.com/cdn/shop/collections/clarity-intuition-4768123.jpg?v=1768241471&width=1200 1200w, //www.handmadebymella.com/cdn/shop/collections/clarity-intuition-4768123.jpg?v=1768241471&width=1600 1600w, //www.handmadebymella.com/cdn/shop/collections/clarity-intuition-4768123.jpg?v=1768241471&width=1920 1920w, //www.handmadebymella.com/cdn/shop/collections/clarity-intuition-4768123.jpg?v=1768241471&width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw">
</image-block>
</a>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
>
<a
href="/fr/collections/confidence-inner-strength"
class="collection-links__image"
size=""
>
<image-block
ratio="square"
height="large"
style="--border-radius: 0px;"
>
<img src="//www.handmadebymella.com/cdn/shop/collections/confidence-inner-strength-8858552.jpg?v=1768241473&width=2560" alt="Confidence & Inner Strength" srcset="//www.handmadebymella.com/cdn/shop/collections/confidence-inner-strength-8858552.jpg?v=1768241473&width=240 240w, //www.handmadebymella.com/cdn/shop/collections/confidence-inner-strength-8858552.jpg?v=1768241473&width=352 352w, //www.handmadebymella.com/cdn/shop/collections/confidence-inner-strength-8858552.jpg?v=1768241473&width=832 832w, //www.handmadebymella.com/cdn/shop/collections/confidence-inner-strength-8858552.jpg?v=1768241473&width=1200 1200w, //www.handmadebymella.com/cdn/shop/collections/confidence-inner-strength-8858552.jpg?v=1768241473&width=1600 1600w, //www.handmadebymella.com/cdn/shop/collections/confidence-inner-strength-8858552.jpg?v=1768241473&width=1920 1920w, //www.handmadebymella.com/cdn/shop/collections/confidence-inner-strength-8858552.jpg?v=1768241473&width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw">
</image-block>
</a>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
>
<a
href="/fr/collections/grounding-stability"
class="collection-links__image"
size=""
>
<image-block
ratio="square"
height="large"
style="--border-radius: 0px;"
>
<img src="//www.handmadebymella.com/cdn/shop/collections/grounding-stability-1704419.png?v=1768241475&width=2560" alt="Grounding & Stability" srcset="//www.handmadebymella.com/cdn/shop/collections/grounding-stability-1704419.png?v=1768241475&width=240 240w, //www.handmadebymella.com/cdn/shop/collections/grounding-stability-1704419.png?v=1768241475&width=352 352w, //www.handmadebymella.com/cdn/shop/collections/grounding-stability-1704419.png?v=1768241475&width=832 832w, //www.handmadebymella.com/cdn/shop/collections/grounding-stability-1704419.png?v=1768241475&width=1200 1200w, //www.handmadebymella.com/cdn/shop/collections/grounding-stability-1704419.png?v=1768241475&width=1600 1600w, //www.handmadebymella.com/cdn/shop/collections/grounding-stability-1704419.png?v=1768241475&width=1920 1920w, //www.handmadebymella.com/cdn/shop/collections/grounding-stability-1704419.png?v=1768241475&width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw">
</image-block>
</a>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
>
<a
href="/fr/collections/love-emotional-healing"
class="collection-links__image"
size=""
>
<image-block
ratio="square"
height="large"
style="--border-radius: 0px;"
>
<img src="//www.handmadebymella.com/cdn/shop/collections/love-emotional-healing-8971003.jpg?v=1768241476&width=2560" alt="Love & Emotional Healing" srcset="//www.handmadebymella.com/cdn/shop/collections/love-emotional-healing-8971003.jpg?v=1768241476&width=240 240w, //www.handmadebymella.com/cdn/shop/collections/love-emotional-healing-8971003.jpg?v=1768241476&width=352 352w, //www.handmadebymella.com/cdn/shop/collections/love-emotional-healing-8971003.jpg?v=1768241476&width=832 832w, //www.handmadebymella.com/cdn/shop/collections/love-emotional-healing-8971003.jpg?v=1768241476&width=1200 1200w, //www.handmadebymella.com/cdn/shop/collections/love-emotional-healing-8971003.jpg?v=1768241476&width=1600 1600w, //www.handmadebymella.com/cdn/shop/collections/love-emotional-healing-8971003.jpg?v=1768241476&width=1920 1920w, //www.handmadebymella.com/cdn/shop/collections/love-emotional-healing-8971003.jpg?v=1768241476&width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw">
</image-block>
</a>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</collection-links-component>
</div>
</div><div id="shopify-section-template--24936765292818__section_jFCMFm" 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) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); "
data-testid="section-content"
>
<rte-formatter
class="spacing-style text-block text-block--AdUI5ZzZvcEdCTWhoR__text_aF9et8 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; "
>
<h3>Mela's friends club</h3>
</rte-formatter>
<rte-formatter
class="spacing-style text-block text-block--AV0dBU0pTQWdlQ3JMR__text_YhnGY7 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 promise to send you good vibes only ✨</p>
</rte-formatter>
<email-signup-block
class="email-signup-block size-style spacing-style"
style="--size-style-width:50%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<form method="post" action="/fr/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"
style="--border-width: 1px; --border-radius: 100px;"
>
<label
for="EmailInput-AUnBPclVxZUsxdWFES__email_signup_tPpGUx"
class="visually-hidden"
>
E-mail
</label>
<input
id="EmailInput-AUnBPclVxZUsxdWFES__email_signup_tPpGUx"
class="email-signup__input email-signup__input--all paragraph"
type="email"
name="contact[email]"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Adresse e-mail"
required
>
<button
class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AUnBPclVxZUsxdWFES__email_signup_tPpGUx"
aria-label="S’inscrire"
>
<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>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/email-signup.js?v=11926998321451148611760166899"
defer
></script>
</email-signup-block>
</div>
</div>
</div>
</div><div id="shopify-section-template--24936765292818__1772785605cfacc8b6" 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-AQXJIb3dkUU5paTFSb__instafeed_app_block_jRYTpL" class="shopify-block shopify-app-block">
<style>
div[id*="instafeed_app_block"] {
width: 100%;
}
div.shopify-section:has(> [id*="instafeed_app_block"]) {
width: 100%;
}
body #insta-feed {
margin-bottom: 0px!important;
text-align: center;
}
</style>
<div id="insta-feed"></div>
<script>
if (typeof instafeedLocalTitle === 'undefined') var instafeedLocalTitle = "";
</script>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--24936765423890__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
>
<div
class="footer-content spacing-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: 0px; --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--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;"
>
<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; "
>
<summary class="menu__heading menu__heading--empty">
<span class="menu__heading__default"></span>
<span class="menu__heading__accordion">
Footer menu
<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 h4">
<a href="/fr/pages/faq">
FAQ
</a>
</li>
<li class="menu__item h4">
<a href="/fr/pages/contact">
Contact
</a>
</li>
<li class="menu__item h4">
<a href="/fr/pages/shipping">
Shipping
</a>
</li>
<li class="menu__item h4">
<a href="/fr/pages/wholesale-boutique-partnerships">
Wholesale & Boutique Partnerships
</a>
</li>
<li class="menu__item h4">
<a href="/fr/pages/privacy-policy">
Privacy Policy
</a>
</li>
<li class="menu__item h4">
<a href="/fr/pages/terms-of-service">
Terms of Service
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
</div>
</div>
</div>
</div>
</div>
</div>
</footer><div id="shopify-section-sections--24936765423890__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
>
<div
class="utilities 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: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2026
<a href="/fr" title="">Handmade by Mella</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Commerce électronique propulsé par 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: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
Conditions générales et politiques
</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="/fr/policies/privacy-policy"
class="footer-utilities__text"
>Politique de confidentialité</a>
</li><li>
<a
href="/fr/policies/refund-policy"
class="footer-utilities__text"
>Politique de remboursement</a>
</li><li>
<a
href="/fr/policies/terms-of-service"
class="footer-utilities__text"
>Conditions d’utilisation</a>
</li><li>
<a
href="/fr/policies/shipping-policy"
class="footer-utilities__text"
>Politique d’expédition</a>
</li><li>
<a
href="/fr/policies/contact-information"
class="footer-utilities__text"
>Coordonnées</a>
</li><li>
<a
href="/fr/policies/#shopifyReshowConsentBanner"
class="footer-utilities__text"
>Préférences en matière de cookies</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.instagram.com/handmade_by_mella/"
target="_blank"
rel="noopener noreferrer"
aria-label="Instagram"
>
<span class="social-icons__icon-label">Instagram</span>
<svg
class="social-icons__icon"
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>
</div>
</div>
</div>
<!-- END sections: footer-group -->
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/dialog.js?v=94382931671780430451760166899"
type="module"
></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
>
<script
src="//www.handmadebymella.com/cdn/shop/t/4/assets/predictive-search.js?v=53445493388242646041760166899"
type="module"
fetchpriority="low"
></script>
<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="Rechercher"
>
<form
action="/fr/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"
>Rechercher</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="Rechercher"
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"
aria-label="Réinitialiser la recherche"
ref="resetButton"
hidden
on:click="/resetSearch"
>
<span class="svg-wrapper predictive-search__reset-button-icon">
<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>
<span class="predictive-search__reset-button-text">Effacer</span>
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Fermer la boîte de dialogue"
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>
</div>
<div class="predictive-search-form__footer">
<button
class="button button-primary predictive-search__search-button"
ref="viewAllButton"
>
Tout afficher
</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="Fermer la boîte de dialogue"
><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>
<style> body {overflow-x: hidden !important;} </style>
<div id="shopify-block-AVnhQZGc2VEV5U1dGM__16570311801150519682" class="shopify-block shopify-app-block"><script src="https://cdn.shopify.com/extensions/019c5821-63b6-76ce-b512-f20d4aec034b/ezy-whatsapp-chat-button-39/assets/ezy-chat.js" defer></script>
<link href="//cdn.shopify.com/extensions/019c5821-63b6-76ce-b512-f20d4aec034b/ezy-whatsapp-chat-button-39/assets/ezy-chat.css" rel="stylesheet" type="text/css" media="all" />
<script>
var serviceImageUrl = "https://cdn.shopify.com/extensions/019c5821-63b6-76ce-b512-f20d4aec034b/ezy-whatsapp-chat-button-39/assets/consultation.jpg";
</script>
<div id='ezy-whatsapp-chat' class='hidex'>
<div class='header-chat'>
<div class='head-home'>
<div class='info-avatar avtr-xhange-ezy'>
<img src="https://cdn.shopify.com/extensions/019c5821-63b6-76ce-b512-f20d4aec034b/ezy-whatsapp-chat-button-39/assets/avatar-male.svg" alt="Chat Support" width="50px" height="50px">
</div>
<p>
<span class="whatsapp-name whatsapp-cbhjasuy">Support</span><br>
<small class="whatsapp-cbasje">Typically replies within an hour</small>
</p>
</div>
<div class='get-new hidex'>
<div id='get-label'></div>
<div id='get-nama'></div>
</div>
</div>
<div class='home-chat'>
</div>
<div class='start-chat'>
<div class="WhatsappChat__Component-sc-1wqac52-0 whatsapp-chat-body">
<div class="WhatsappChat__MessageContainer-sc-1wqac52-1 dAbFpq">
<div style="opacity: 0;" class="WhatsappDots__Component-pks5bf-0 eJJEeC">
<div class="WhatsappDots__ComponentInner-pks5bf-1 hFENyl">
<div class="WhatsappDots__Dot-pks5bf-2 WhatsappDots__DotOne-pks5bf-3 ixsrax"></div>
<div class="WhatsappDots__Dot-pks5bf-2 WhatsappDots__DotTwo-pks5bf-4 dRvxoz"></div>
<div class="WhatsappDots__Dot-pks5bf-2 WhatsappDots__DotThree-pks5bf-5 kXBtNt"></div>
</div>
</div>
<div style="opacity: 1;" class="WhatsappChat__Message-sc-1wqac52-4 kAZgZq">
<div class="WhatsappChat__Author-sc-1wqac52-3 bMIBDo"></div>
<div class="WhatsappChat__Text-sc-1wqac52-2 iSpIQi">Hi there 👋<br><br>How can I help you?</div>
</div>
</div>
</div>
<div class='blanter-msg'>
<textarea id='chat-input' placeholder='Write a response' maxlength='120' row='1'></textarea>
<span id='send-it'>
<span class='icon-backgorund'>
<svg viewbox="0 0 448 448"><path d="M.213 32L0 181.333 320 224 0 266.667.213 416 448 224z"/></svg>
</span>
</span>
</div>
</div>
<span class='close-chat' href='javascript:void'>×</span>
</div>
<div class="ezy-block-app">
<div class="chat-bubble-ezy" style="display:none">
<div class="bubble-text-notification">
How can I help you?
</div>
</div>
<div class='ezychat-chat ezy-position-relative' id="ezy-open" title='Show Chat' style="display:none">
</div>
</div>
</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "index"
};
</script>
</div><div id="shopify-block-Aajk0TllTV2lJZTdoT__15683396631634586217" class="shopify-block shopify-app-block"><script
id="chat-button-container"
data-horizontal-position=bottom_right data-vertical-position=lowest data-icon=chat_bubble data-text=chat_with_us data-color=#000000 data-secondary-color=#FFFFFF data-ternary-color=#6A6A6A
data-domain=www.handmadebymella.com data-shop-domain=www.handmadebymella.com data-external-identifier=F9OCE8QJEBW2-9pOjadkaOMmvD118TSSf3qzEwW25Qg
>
</script>
</div><div id="shopify-block-AakZvaHE4WjEyKzR4T__11391317789957364292" class="shopify-block shopify-app-block"><div id="CartKeeper-AIChat-Widget">
</div>
</div></body>
</html>
