<!doctype html>
<html
lang="fr"
>
<head><link
rel="icon"
type="image/png"
href="//cmonshopping.com/cdn/shop/files/Logo_de_la_soci_t_C_Mon_Shopping.png?crop=center&height=32&v=1777357440&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="C mon shopping™"
>
<meta
property="og:url"
content="https://cmonshopping.com/"
>
<meta
property="og:title"
content="Bijoux en ligne. Bijoux fantaisie garanti 5 ans"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Découvrez notre boutique de bijoux en acier inoxydable : élégants, résistants à l’eau et hypoallergéniques. Des bijoux fantaisie de qualité, pensés pour le quotidien et garantis 5 ans."
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Bijoux en ligne. Bijoux fantaisie garanti 5 ans"
>
<meta
name="twitter:description"
content="Découvrez notre boutique de bijoux en acier inoxydable : élégants, résistants à l’eau et hypoallergéniques. Des bijoux fantaisie de qualité, pensés pour le quotidien et garantis 5 ans."
>
<title>
Bijoux en ligne. Bijoux fantaisie garanti 5 ans
– C mon shopping™</title>
<link
rel="canonical"
href="https://cmonshopping.com/"
>
<meta
name="description"
content="Découvrez notre boutique de bijoux en acier inoxydable : élégants, résistants à l’eau et hypoallergéniques. Des bijoux fantaisie de qualité, pensés pour le quotidien et garantis 5 ans."
>
<link href="//cmonshopping.com/cdn/shop/t/46/assets/overflow-list.css?v=16727044177065489451774935567" as="style" rel="preload">
<link href="//cmonshopping.com/cdn/shop/t/46/assets/base.css?v=110558660533795380521774935567" rel="stylesheet" type="text/css" media="all" />
<link
rel="preload"
as="font"
href="//cmonshopping.com/cdn/fonts/newsreader/newsreader_n4.b5d1a51abefc3e451a1095094f8cb52bc71994eb.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//cmonshopping.com/cdn/fonts/newsreader/newsreader_n4.b5d1a51abefc3e451a1095094f8cb52bc71994eb.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//cmonshopping.com/cdn/fonts/newsreader/newsreader_n3.91c821924f9e885be236f45ca7ea362dc66668b6.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//cmonshopping.com/cdn/fonts/red_hat_display/redhatdisplay_n5.f0c725f329d28ac968babdc14b681bb4b5568bef.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/overflow-list": "//cmonshopping.com/cdn/shop/t/46/assets/overflow-list.js?v=46858356770684902511774935567",
"@theme/product-title": "//cmonshopping.com/cdn/shop/t/46/assets/product-title-truncation.js?v=81744426891537421781774935567",
"@theme/component": "//cmonshopping.com/cdn/shop/t/46/assets/component.js?v=184240237101443119871774935567",
"@theme/dialog": "//cmonshopping.com/cdn/shop/t/46/assets/dialog.js?v=150888536568694194021774935567",
"@theme/events": "//cmonshopping.com/cdn/shop/t/46/assets/events.js?v=1118589085892804011774935567",
"@theme/focus": "//cmonshopping.com/cdn/shop/t/46/assets/focus.js?v=60436577539430446401774935567",
"@theme/morph": "//cmonshopping.com/cdn/shop/t/46/assets/morph.js?v=104045809772310330131774935567",
"@theme/paginated-list": "//cmonshopping.com/cdn/shop/t/46/assets/paginated-list.js?v=95298315036233333871774935567",
"@theme/performance": "//cmonshopping.com/cdn/shop/t/46/assets/performance.js?v=171015751390534793081774935567",
"@theme/product-form": "//cmonshopping.com/cdn/shop/t/46/assets/product-form.js?v=142170751179338062901774935567",
"@theme/recently-viewed-products": "//cmonshopping.com/cdn/shop/t/46/assets/recently-viewed-products.js?v=94729125001750262651774935567",
"@theme/scrolling": "//cmonshopping.com/cdn/shop/t/46/assets/scrolling.js?v=162288454571026455011774935567",
"@theme/section-renderer": "//cmonshopping.com/cdn/shop/t/46/assets/section-renderer.js?v=123311117485513785771774935567",
"@theme/section-hydration": "//cmonshopping.com/cdn/shop/t/46/assets/section-hydration.js?v=108434990705342316311774935567",
"@theme/money-formatting": "//cmonshopping.com/cdn/shop/t/46/assets/money-formatting.js?v=182191346160333327151774935567",
"@theme/utilities": "//cmonshopping.com/cdn/shop/t/46/assets/utilities.js?v=28506172887375975941774935567",
"@theme/variant-picker": "//cmonshopping.com/cdn/shop/t/46/assets/variant-picker.js?v=24924540959574313291774935567",
"@theme/media-gallery": "//cmonshopping.com/cdn/shop/t/46/assets/media-gallery.js?v=14624021005636302161774935567",
"@theme/quick-add": "//cmonshopping.com/cdn/shop/t/46/assets/quick-add.js?v=114575661933533593881774935567",
"@theme/paginated-list-aspect-ratio": "//cmonshopping.com/cdn/shop/t/46/assets/paginated-list-aspect-ratio.js?v=25254270272143792451774935567",
"@theme/popover-polyfill": "//cmonshopping.com/cdn/shop/t/46/assets/popover-polyfill.js?v=119029313658895111201774935567",
"@theme/component-quantity-selector": "//cmonshopping.com/cdn/shop/t/46/assets/component-quantity-selector.js?v=67906657287482036641774935567",
"@theme/comparison-slider": "//cmonshopping.com/cdn/shop/t/46/assets/comparison-slider.js?v=106705562947035711941774935567",
"@theme/sticky-add-to-cart": "//cmonshopping.com/cdn/shop/t/46/assets/sticky-add-to-cart.js?v=48956925339276737091774935567",
"@theme/fly-to-cart": "//cmonshopping.com/cdn/shop/t/46/assets/fly-to-cart.js?v=48483246440248933081774935567"
}
}
</script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/view-transitions.js?v=7106414069516106341774935567"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//cmonshopping.com/cdn/shop/t/46/assets/utilities.js?v=28506172887375975941774935567"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cmonshopping.com/cdn/shop/t/46/assets/component.js?v=184240237101443119871774935567"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cmonshopping.com/cdn/shop/t/46/assets/section-renderer.js?v=123311117485513785771774935567"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cmonshopping.com/cdn/shop/t/46/assets/section-hydration.js?v=108434990705342316311774935567"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cmonshopping.com/cdn/shop/t/46/assets/morph.js?v=104045809772310330131774935567"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cmonshopping.com/cdn/shop/t/46/assets/focus.js?v=60436577539430446401774935567"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cmonshopping.com/cdn/shop/t/46/assets/recently-viewed-products.js?v=94729125001750262651774935567"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cmonshopping.com/cdn/shop/t/46/assets/scrolling.js?v=162288454571026455011774935567"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cmonshopping.com/cdn/shop/t/46/assets/events.js?v=1118589085892804011774935567"
fetchpriority="low"
>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/popover-polyfill.js?v=119029313658895111201774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/overflow-list.js?v=46858356770684902511774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/quick-add.js?v=114575661933533593881774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/cart-discount.js?v=107077853990124422021774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/dialog.js?v=150888536568694194021774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/variant-picker.js?v=24924540959574313291774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/product-card.js?v=28695665944407642501774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/product-form.js?v=142170751179338062901774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/fly-to-cart.js?v=48483246440248933081774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/accordion-custom.js?v=97588419883090888471774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/media.js?v=37825095869491791421774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/product-price.js?v=83480980452100801711774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/product-sku.js?v=121804655373531320511774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/product-title-truncation.js?v=81744426891537421781774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/product-inventory.js?v=81520546963552472391774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/show-more.js?v=94563802205717136101774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/slideshow.js?v=168726587398279102001774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/layered-slideshow.js?v=30135417790894624731774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/anchored-popover.js?v=95953304814728754461774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/floating-panel.js?v=151277338116891310371774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/video-background.js?v=25237992823806706551774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/component-quantity-selector.js?v=67906657287482036641774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/media-gallery.js?v=14624021005636302161774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/rte-formatter.js?v=40306132146590816021774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/volume-pricing.js?v=15442793518842484731774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/price-per-item.js?v=144512917617120124431774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/volume-pricing-info.js?v=94479640769665442661774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/localization.js?v=15585934801240115691774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/auto-close-details.js?v=58350291535404441581774935567"
defer="defer"
></script>
<script>
const Theme = {
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`,
items_added_to_cart_one: `1 article ajouté au panier`,
items_added_to_cart_other: `{{ count }} articles ajoutés au panier`,
cart_count: `Nombre total d’articles dans le panier`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: Newsreader;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_n4.b5d1a51abefc3e451a1095094f8cb52bc71994eb.woff2") format("woff2"),
url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_n4.faab5347776428001f201c86fe4c783d23b58a25.woff") format("woff");
}
@font-face {
font-family: Newsreader;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_n7.23ab8134dd970213aaed7699491a8a2cb47dae45.woff2") format("woff2"),
url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_n7.d508f4855ca4dedbd83fa582e42d6513c7e89b8a.woff") format("woff");
}
@font-face {
font-family: Newsreader;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_i4.b6c896efb016d5bce4e554059dfe501c6316187d.woff2") format("woff2"),
url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_i4.09e7328c6ebf6de7a11f1c4b9d76fc90424e3a85.woff") format("woff");
}
@font-face {
font-family: Newsreader;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_i7.c957ba3bc7bb44bfca68314e689a88a6cb340dbe.woff2") format("woff2"),
url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_i7.600beb959cc55275297418e02b7b341685f85101.woff") format("woff");
}
@font-face {
font-family: Newsreader;
font-weight: 300;
font-style: normal;
font-display: swap;
src: url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_n3.91c821924f9e885be236f45ca7ea362dc66668b6.woff2") format("woff2"),
url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_n3.8603b522459182a0f3f6cdc888978218bf52a907.woff") format("woff");
}
@font-face {
font-family: Newsreader;
font-weight: 300;
font-style: italic;
font-display: swap;
src: url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_i3.04cfe5a6ea2042ca335366614cf7f480c195409b.woff2") format("woff2"),
url("//cmonshopping.com/cdn/fonts/newsreader/newsreader_i3.a99ead006589f1c2befe04ea5989719df7f19dfc.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//cmonshopping.com/cdn/fonts/red_hat_display/redhatdisplay_n5.f0c725f329d28ac968babdc14b681bb4b5568bef.woff2") format("woff2"),
url("//cmonshopping.com/cdn/fonts/red_hat_display/redhatdisplay_n5.440df867090a25d2d49b62414702239d9d47de31.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//cmonshopping.com/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
url("//cmonshopping.com/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//cmonshopping.com/cdn/fonts/red_hat_display/redhatdisplay_i5.932d275e5093df8cee8c06c1d9528cc15595485f.woff2") format("woff2"),
url("//cmonshopping.com/cdn/fonts/red_hat_display/redhatdisplay_i5.275f476f319048efa2f76c7016f157424282d0bd.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//cmonshopping.com/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
url("//cmonshopping.com/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.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: Newsreader, serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Newsreader, serif;
--font-subheading--style: normal;
--font-subheading--weight: 400;
--font-heading--family: Newsreader, serif;
--font-heading--style: normal;
--font-heading--weight: 300;
--font-accent--family: "Red Hat Display", sans-serif;
--font-accent--style: normal;
--font-accent--weight: 500;
/* Margin sizes */
--font-heading--spacing: 0.25em;
--font-h1--spacing: var(--font-heading--spacing);
--font-h2--spacing: var(--font-heading--spacing);
--font-h3--spacing: var(--font-heading--spacing);
--font-h4--spacing: var(--font-heading--spacing);
--font-h5--spacing: var(--font-heading--spacing);
--font-h6--spacing: var(--font-heading--spacing);
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 32.5em;
--max-width--body-narrow: 22.75em;
--max-width--heading-normal: 32.5em;
--max-width--heading-narrow: 19.5em;
--max-width--display-normal: 13em;
--max-width--display-narrow: 9.75em;
--max-width--display-tight: 3.25em;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 0.875rem;--font-size--h1: clamp(2.75rem, 7.2vw, 4.5rem);--font-size--h2: 2.5rem;--font-size--h3: 1.5rem;--font-size--h4: 1.125rem;--font-size--h5: 1.0rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-subheading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-subheading--family);--font-h3--style: var(--font-subheading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-accent--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-loose);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-accent--family);--font-h4--style: var(--font-accent--style);--font-h4--case: uppercase;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-accent--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-loose);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-accent--family);--font-h6--style: var(--font-accent--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-normal);
/* Hardcoded font sizes */
--font-size--3xs: 0.625rem;
--font-size--2xs: 0.75rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 0px;
--style-border-radius-buttons-primary: 15px;
--style-border-radius-buttons-secondary: 8px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 0px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 8px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
--spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
--spring-d300-b0-duration: 0.4980s;
--spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
--spring-d280-b0-duration: 0.4648s;
--spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
--spring-d260-b0-duration: 0.4316s;
--spring-d220-b0-easing: linear(
0,
0.0093 1.37%,
0.0696 4.12%,
0.4667 15.09%,
0.6322 20.58%,
0.6986 23.32%,
0.7793 27.44%,
0.8219 30.18%,
0.8721,
0.9089 38.42%,
0.9427,
0.9644,
0.978 54.88%,
0.9881 61.74%,
0.9944 69.97%,
0.998 80.95%,
0.9996 98.78%
);
--spring-d220-b0-duration: 0.3818s;
--spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
--spring-d180-b0-duration: 0.2988s;
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Checkbox */
--checkbox-size: 22px;
--checkbox-border-radius: 7px;
--checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
--checkbox-label-padding: 8px;
@media screen and (min-width: 750px) {
--checkbox-size: 16px;
--checkbox-border-radius: 5px;
--checkbox-label-padding: 6px;
}
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case: ;
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
--border-radius-sm: 0.25rem;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 30;
--variant-picker-swatch-height-unitless: 30;
--variant-picker-swatch-width: 30px;
--variant-picker-swatch-height: 30px;
--variant-picker-swatch-radius: 0px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 0px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
--quick-add-modal-height: min(38.5rem, 96vh);
--quick-add-modal-width: min(54rem, 96vw);
--quick-add-modal-gallery-width: 24rem;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-subheading--family);
--cart-secondary-font-style: var(--font-subheading--style);
--cart-secondary-font-weight: var(--font-subheading--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(250 249 246 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 250 249 246;
--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(17 17 17 / 1.0);
--color-foreground-rgb: 17 17 17;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.71);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(234 232 230 / 1.0);
--color-border-rgb: 234 232 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(26 26 26 / 1.0);
--color-primary-button-background: rgb(201 162 77 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 0.71);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(230 230 230 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
--color-input-background: rgb(246 245 245 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(234 232 230 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(234 232 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(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(255 255 255 / 0.81);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 0.49);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 0.71);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 0.71);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 0.6);
--color-secondary-button-border: rgb(255 255 255 / 0.6);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 0.6);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.0);
--color-input-hover-background: rgb(255 255 255 / 0.68);
--color-variant-background: rgb(255 255 255 / 0.6);
--color-variant-border: rgb(0 0 0 / 0.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 0.71);
--color-selected-variant-border: rgb(0 0 0 / 0.71);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(84 53 46 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(84 53 46 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(113 106 86 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 113 106 86;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(239 239 239 / 1.0);
--color-primary-rgb: 239 239 239;
--color-primary-hover: rgb(255 255 255 / 0.49);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 0.71);
--color-primary-button-border: rgb(0 0 0 / 0.71);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 0.6);
--color-secondary-button-border: rgb(255 255 255 / 0.6);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 0.6);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(255 255 255 / 0.6);
--color-input-hover-background: rgb(255 255 255 / 0.68);
--color-variant-background: rgb(255 255 255 / 0.15);
--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(250 249 246 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 250 249 246;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(67 54 37 / 1.0);
--color-foreground-rgb: 67 54 37;
--color-foreground-heading: rgb(67 54 37 / 0.88);
--color-foreground-heading-rgb: 67 54 37;
--color-primary: rgb(82 80 78 / 1.0);
--color-primary-rgb: 82 80 78;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(67 54 37 / 0.15);
--color-border-rgb: 67 54 37;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(67 54 37 / 1.0);
--color-primary-button-border: rgb(67 54 37 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(67 54 37 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 0.6);
--color-secondary-button-border: rgb(255 255 255 / 0.6);
--color-secondary-button-hover-text: rgb(67 54 37 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 0.6);
--color-input-text: rgb(67 54 37 / 1.0);
--color-input-text-rgb: 67 54 37;
--color-input-border: rgb(67 54 37 / 0.15);
--color-input-hover-background: rgb(255 255 255 / 0.68);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(67 54 37 / 1.0);
--color-variant-text-rgb: 67 54 37;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(67 54 37 / 1.0);
--color-variant-hover-border: rgb(245 245 245 / 1.0);
--color-selected-variant-background: rgb(67 54 37 / 1.0);
--color-selected-variant-border: rgb(67 54 37 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(250 249 246 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 250 249 246;
--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(26 26 26 / 1.0);
--color-foreground-rgb: 26 26 26;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(234 232 230 / 1.0);
--color-primary-hover-rgb: 234 232 230;
--color-border: rgb(234 232 230 / 1.0);
--color-border-rgb: 234 232 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(230 230 230 / 1.0);
--color-primary-button-hover-border: rgb(230 230 230 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 0.6);
--color-secondary-button-border: rgb(255 255 255 / 0.6);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.08);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(62 69 57 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(107 116 100 / 1.0);
--color-variant-hover-text: rgb(255 255 255 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(255 255 255 / 1.0);
--color-selected-variant-border: rgb(62 69 57 / 1.0);
--color-selected-variant-text: rgb(62 69 57 / 1.0);
--color-selected-variant-hover-background: rgb(255 255 255 / 0.15);
--color-selected-variant-hover-text: rgb(62 69 57 / 1.0);
--color-selected-variant-hover-border: rgb(62 69 57 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(230 230 230 / 1.0);
--color-primary-hover-rgb: 230 230 230;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 0.71);
--color-primary-button-hover-border: rgb(0 0 0 / 0.71);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 0.6);
--color-secondary-button-border: rgb(255 255 255 / 0.6);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
--color-input-background: rgb(255 255 255 / 0.6);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(255 255 255 / 0.6);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-942023e3-eb4a-4b40-ab69-dc5332cced64 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 0.71);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 0.71);
--color-primary-button-hover-border: rgb(0 0 0 / 0.71);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(230 230 230 / 1.0);
--color-secondary-button-border: rgb(230 230 230 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-be8b0815-ecbe-4e46-9582-6aebaf7e9a18 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.71);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.71);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(234 232 230 / 1.0);
--color-border-rgb: 234 232 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 0.71);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(230 230 230 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
--color-input-background: rgb(246 245 245 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(234 232 230 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(234 232 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-942023e3-eb4a-4b40-ab69-dc5332cced64, .color-scheme-be8b0815-ecbe-4e46-9582-6aebaf7e9a18 {
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="X2fmov3lV2cWiq_NxLsYQeGKSieunbeczuBfKNUBcSM">
<meta name="facebook-domain-verification" content="swtikb1bqd2v0851fxo48cdaxqlpct">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/78637793617/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="c6785d9ebd38a4d17d05261dd84841da">
<meta id="in-context-paypal-metadata" data-shop-id="78637793617" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":78637793617,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/78637793617","merchantName":"C mon shopping™","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"C mon shopping™","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"c6785d9ebd38a4d17d05261dd84841da","betas":["rich-media-storefront-analytics"],"domain":"cmonshopping.com","predictiveSearch":true,"shopId":78637793617,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "df60a9-3.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Copie mise à jour du 31\/03\/2026","id":197283676497,"schema_name":"Dwell","schema_version":"3.5.1","theme_store_id":3623,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "cmonshopping.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//cmonshopping.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("//cmonshopping.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true,"transferSessionEnabled":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"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.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"],"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 = ["\/\/cdn.shopify.com\/proxy\/77b028d93cc6304cc0b85a2ba063b792de952c6d5c94606cda13c30eb09a1fff\/shopify-script-tags.s3.eu-west-1.amazonaws.com\/smartseo\/instantpage.js?shop=df60a9-3.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
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":78637793617,"offset":7200,"reqid":"05c4083c-d62f-4ac4-8170-c0523e766eb9-1781551402","pageurl":"cmonshopping.com\/","u":"0cd2714b4d29","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-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cmonshopping.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-MrpR+SbfwphjsvuxKsSWA5xxY07P36eahsNLLXSgEwo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-c173577b.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://cmonshopping.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://cmonshopping.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://cmonshopping.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<link rel="compression-dictionary" href="//cmonshopping.com/cdn/shop/t/46/compiled_assets/styles.css?v=178527688079030305381778395943" crossorigin="anonymous">
<link rel="stylesheet" media="screen" href="//cmonshopping.com/cdn/shop/t/46/compiled_assets/styles.css?v=178527688079030305381778395943&subset=AJABCAAAAAkABgYAAAACmAAIipwCAAAABxgCEIk41wQQ" crossorigin="anonymous">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- BEGIN app block: shopify://apps/smart-seo/blocks/smartseo/7b0a6064-ca2e-4392-9a1d-8c43c942357b --><meta name="smart-seo-integrated" content="true" /><!-- metatagsSavedToSEOFields: true --><!-- BEGIN app snippet: smartseo.website.info.jsonld --><!--JSON-LD data generated by Smart SEO-->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Website",
"url": "https://cmonshopping.com",
"name": "C mon shopping™",
"potentialAction": {
"@type": "SearchAction",
"target": "https://cmonshopping.com/search?q={query}",
"query-input": "required name=query"
}
}
</script><!-- END app snippet --><!-- BEGIN app snippet: smartseo.organization.info.jsonld --><!--JSON-LD data generated by Smart SEO -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "C Mon Shopping",
"description": "Découvrez nos bijoux fantaisie en plaqué Or, Argent 925 et Acier Inoxydable élégants et durables, garantis 5 ans. Parfaits pour femme chic cherchant qualité et style unique.",
"logo": "https://cdn.shopify.com/s/files/1/0786/3779/3617/files/C_MON_SHOPPING-removebg-preview_ebee7f98-6139-43be-b008-28d5e43ba2e6.png?v=1752472630",
"image": "https://cdn.shopify.com/s/files/1/0786/3779/3617/files/C_MON_SHOPPING-removebg-preview_ebee7f98-6139-43be-b008-28d5e43ba2e6.png?v=1752472630"
,
"email": "contact@cmonshopping.fr",
"url": "https://cmonshopping.com/",
"sameAs": ["https://www.facebook.com/cmonshopping75","https://www.instagram.com/cmonshopping5/#","https://www.youtube.com/@cmonshopping"],
"telephone": "0695532098",
"address": {
"@type": "PostalAddress",
"streetAddress": "9 rue des colonnes",
"addressLocality": "Paris",
"addressRegion": "France",
"postalCode": "75002",
"addressCountry": "FR"
}}
</script><!-- END app snippet --><!-- END app block --><!-- 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":"Aucun avis","badge_n_reviews_text":"{{ n }} avis","badge_star_color":"#FFA41C","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Avis Clients","widget_open_form_text":"Écrire un avis","widget_close_form_text":"Annuler l'avis","widget_refresh_page_text":"Actualiser la page","widget_summary_text":"Basé sur {{ number_of_reviews }} avis","widget_no_review_text":"Soyez le premier à écrire un avis","widget_name_field_text":"Nom d'affichage","widget_verified_name_field_text":"Nom vérifié (public)","widget_name_placeholder_text":"Nom d'affichage","widget_required_field_error_text":"Ce champ est obligatoire.","widget_email_field_text":"Adresse email","widget_verified_email_field_text":"Email vérifié (privé, ne peut pas être modifié)","widget_email_placeholder_text":"Votre adresse email","widget_email_field_error_text":"Veuillez entrer une adresse email valide.","widget_rating_field_text":"Évaluation","widget_review_title_field_text":"Titre de l'avis","widget_review_title_placeholder_text":"Donnez un titre à votre avis","widget_review_body_field_text":"Contenu de l'avis","widget_review_body_placeholder_text":"Commencez à écrire ici...","widget_pictures_field_text":"Photo/Vidéo (facultatif)","widget_submit_review_text":"Soumettre l'avis","widget_submit_verified_review_text":"Soumettre un avis vérifié","widget_submit_success_msg_with_auto_publish":"Merci ! Veuillez actualiser la page dans quelques instants pour voir votre avis. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Merci ! Votre avis sera publié dès qu'il sera approuvé par l'administrateur de la boutique. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Affichage de {{ n_reviews_shown }} sur {{ n_reviews }} avis.","widget_show_all_link_text":"Tout afficher","widget_show_less_link_text":"Afficher moins","widget_author_said_text":"{{ reviewer_name }} a dit :","widget_days_text":"il y a {{ n }} jour/jours","widget_weeks_text":"il y a {{ n }} semaine/semaines","widget_months_text":"il y a {{ n }} mois","widget_years_text":"il y a {{ n }} an/ans","widget_yesterday_text":"Hier","widget_today_text":"Aujourd'hui","widget_replied_text":"\u003e\u003e {{ shop_name }} a répondu :","widget_read_more_text":"Lire plus","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"Voir tous les avis","widget_sorting_most_recent_text":"Plus récents","widget_sorting_highest_rating_text":"Meilleures notes","widget_sorting_lowest_rating_text":"Notes les plus basses","widget_sorting_with_pictures_text":"Uniquement les photos","widget_sorting_most_helpful_text":"Plus utiles","widget_open_question_form_text":"Poser une question","widget_reviews_subtab_text":"Avis","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Réponse","widget_question_placeholder_text":"Écrivez votre question ici","widget_submit_question_text":"Soumettre la question","widget_question_submit_success_text":"Merci pour votre question ! Nous vous notifierons dès qu'elle aura une réponse.","widget_star_color":"#FFA41C","verified_badge_text":"Vérifié","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":"(hors boutique)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"à propos de","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"dd/mm/yyyy","default_sort_method":"most-recent","widget_product_reviews_subtab_text":"Avis Produits","widget_shop_reviews_subtab_text":"Avis Boutique","widget_other_products_reviews_text":"Avis pour d'autres produits","widget_store_reviews_subtab_text":"Avis de la boutique","widget_no_store_reviews_text":"Cette boutique n'a pas encore reçu d'avis","widget_web_restriction_product_reviews_text":"Ce produit n'a pas encore reçu d'avis","widget_no_items_text":"Aucun élément trouvé","widget_show_more_text":"Afficher plus","widget_write_a_store_review_text":"Écrire un avis sur la boutique","widget_other_languages_heading":"Avis dans d'autres langues","widget_translate_review_text":"Traduire l'avis en {{ language }}","widget_translating_review_text":"Traduction en cours...","widget_show_original_translation_text":"Afficher l'original ({{ language }})","widget_translate_review_failed_text":"Impossible de traduire cet avis.","widget_translate_review_retry_text":"Réessayer","widget_translate_review_try_again_later_text":"Réessayez plus tard","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Photos en premier","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":"★ Avis","floating_tab_title":"Laissons nos clients parler pour nous","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":"Les clients nous notent {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} sur 5 étoiles basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis","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":true,"featured_carousel_show_header":true,"featured_carousel_title":"Laissons nos clients parler pour nous","testimonials_carousel_title":"Les clients nous disent","videos_carousel_title":"Histoire de clients réels","cards_carousel_title":"Les clients nous disent","featured_carousel_count_text":"sur {{ n }} avis","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":true,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Vidéos en premier","widget_review_pending_text":"En attente","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":"Aucune question","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":"Recherche","widget_sorting_verified_only_text":"Vérifiés uniquement","featured_carousel_theme":"aligned","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":"Lire plus d'avis","featured_carousel_view_product_button_text":"Voir le produit","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Charger plus d'avis","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"affiché publiquement comme","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonyme","medals_widget_title":"Médailles d'avis Judge.me","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":"Pas une URL de vidéo YouTube","widget_max_length_field_error_text":"Veuillez ne pas dépasser {0} caractères.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Vérifié par la boutique","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Fait par nous, partagé par vous","widget_ugc_subtitle":"Taguez-nous pour voir votre photo mise en avant sur notre page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Acheter maintenant","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":"Charger plus","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":"Voir les avis","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":"#108474","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} sur 5","widget_media_grid_title":"Photos \u0026 vidéos clients","widget_media_grid_see_more_text":"Voir plus","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Vérifié par Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Vérifié par Judge.me","widget_media_field_exceed_quantity_message":"Désolé, nous ne pouvons accepter que {{ max_media }} pour un avis.","widget_media_field_exceed_limit_message":"{{ file_name }} est trop volumineux, veuillez sélectionner un {{ media_type }} de moins de {{ size_limit }}MB.","widget_review_submitted_text":"Avis soumis !","widget_question_submitted_text":"Question soumise !","widget_close_form_text_question":"Annuler","widget_write_your_answer_here_text":"Écrivez votre réponse ici","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collecté par Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Charger plus","widget_load_more_color":"#108474","widget_full_review_text":"Avis complet","widget_read_more_reviews_text":"Lire plus d'avis","widget_read_questions_text":"Lire les questions","widget_questions_and_answers_text":"Questions \u0026 Réponses","widget_verified_by_text":"Vérifié par","widget_verified_text":"Vérifié","widget_number_of_reviews_text":"{{ number_of_reviews }} avis","widget_back_button_text":"Retour","widget_next_button_text":"Suivant","widget_custom_forms_filter_button":"Filtres","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"Comment les avis sont-ils collectés ?","widget_show_review_keywords":false,"widget_gdpr_statement":"Comment nous utilisons vos données : Nous vous contacterons uniquement à propos de l'avis que vous avez laissé, et seulement si nécessaire. En soumettant votre avis, vous acceptez les \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions\u003c/a\u003e, la \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e et les \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003epolitiques de contenu\u003c/a\u003e de Judge.me.","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":"Variante : ","widget_show_verified_branding":true,"widget_ai_summary_title":"Les clients disent","widget_ai_summary_disclaimer":"Résumé des avis généré par IA basé sur les avis clients récents","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"widget_show_review_title_input":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":false,"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":"Comment évalueriez-vous ce produit ?","review_content_introduction_text":"Nous serions ravis que vous partagiez un peu votre expérience.","store_review_form_title_text":"Comment évalueriez-vous cette boutique ?","store_review_form_introduction_text":"Nous serions ravis que vous partagiez un peu votre expérience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Mauvais","five_star_review_guidance_text":"Excellent","customer_information_screen_title_text":"À propos de vous","customer_information_introduction_text":"Veuillez nous en dire plus sur vous.","custom_questions_screen_title_text":"Votre expérience en détail","custom_questions_introduction_text":"Voici quelques questions pour nous aider à mieux comprendre votre expérience.","review_submitted_screen_title_text":"Merci pour votre avis !","review_submitted_screen_thank_you_text":"Nous le traitons et il apparaîtra bientôt dans la boutique.","review_submitted_screen_email_verification_text":"Veuillez confirmer votre email en cliquant sur le lien que nous venons de vous envoyer. Cela nous aide à maintenir des avis authentiques.","review_submitted_request_store_review_text":"Aimeriez-vous partager votre expérience d'achat avec nous ?","review_submitted_review_other_products_text":"Aimeriez-vous évaluer ces produits ?","store_review_screen_title_text":"Voulez-vous partager votre expérience de shopping avec nous ?","store_review_introduction_text":"Nous apprécions votre retour d'expérience et nous l'utilisons pour nous améliorer. Veuillez partager vos pensées ou suggestions.","reviewer_media_screen_title_picture_text":"Partager une photo","reviewer_media_introduction_picture_text":"Téléchargez une photo pour étayer votre avis.","reviewer_media_screen_title_video_text":"Partager une vidéo","reviewer_media_introduction_video_text":"Téléchargez une vidéo pour étayer votre avis.","reviewer_media_screen_title_picture_or_video_text":"Partager une photo ou une vidéo","reviewer_media_introduction_picture_or_video_text":"Téléchargez une photo ou une vidéo pour étayer votre avis.","reviewer_media_youtube_url_text":"Collez votre URL Youtube ici","advanced_settings_next_step_button_text":"Suivant","advanced_settings_close_review_button_text":"Fermer","modal_write_review_flow":true,"write_review_flow_required_text":"Obligatoire","write_review_flow_privacy_message_text":"Nous respectons votre vie privée.","write_review_flow_anonymous_text":"Avis anonyme","write_review_flow_visibility_text":"Ne sera pas visible pour les autres clients.","write_review_flow_multiple_selection_help_text":"Sélectionnez autant que vous le souhaitez","write_review_flow_single_selection_help_text":"Sélectionnez une option","write_review_flow_required_field_error_text":"Ce champ est obligatoire","write_review_flow_invalid_email_error_text":"Veuillez saisir une adresse email valide","write_review_flow_max_length_error_text":"Max. {{ max_length }} caractères.","write_review_flow_media_upload_text":"\u003cb\u003eCliquez pour télécharger\u003c/b\u003e ou glissez-déposez","write_review_flow_gdpr_statement":"Nous vous contacterons uniquement au sujet de votre avis si nécessaire. En soumettant votre avis, vous acceptez nos \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions d'utilisation\u003c/a\u003e et notre \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\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":"Dites-nous plus","negative_review_resolution_text":"Votre expérience est importante pour nous. S'il y a eu des problèmes avec votre achat, nous sommes là pour vous aider. N'hésitez pas à nous contacter, nous aimerions avoir l'opportunité de corriger les choses.","negative_review_resolution_button_text":"Contactez-nous","negative_review_resolution_proceed_with_review_text":"Laisser un avis","negative_review_resolution_subject":"Problème avec l'achat de {{ 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":"Avis collecté via l'invitation du magasin","transparency_badges_from_another_provider_text":"Avis collecté d'un autre fournisseur","transparency_badges_collected_from_store_visitor_text":"Avis collecté d'un visiteur du magasin","transparency_badges_written_in_google_text":"Avis écrit sur Google","transparency_badges_written_in_etsy_text":"Avis écrit sur Etsy","transparency_badges_written_in_shop_app_text":"Avis écrit sur Shop App","transparency_badges_earned_reward_text":"Avis a gagné une récompense pour une commande future","product_review_widget_per_page":10,"widget_store_review_label_text":"Avis de la boutique","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_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":"avis","review_widget_review_word_plural":"avis","review_widget_voting_label":"Utile?","review_widget_shop_reply_label":"Réponse de {{ shop_name }} :","review_widget_filters_title":"Filtres","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Réponse de {{ answerer_name }} :","qna_content_screen_title_text":"Poser une question sur ce produit","qna_widget_question_required_field_error_text":"Veuillez entrer votre question.","qna_widget_flow_gdpr_statement":"Nous vous contacterons uniquement au sujet de votre question si nécessaire. En soumettant votre question, vous acceptez nos \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions d'utilisation\u003c/a\u003e et notre \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e.","qna_widget_question_submitted_text":"Merci pour votre question !","qna_widget_close_form_text_question":"Fermer","qna_widget_question_submit_success_text":"Nous vous enverrons un email lorsque nous répondrons à votre question.","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":"bold_badge","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_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_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":"Avis clients","all_reviews_widget_v2025_ai_summary_title":"Les clients disent à propos de cette boutique","all_reviews_widget_v2025_no_review_text":"Soyez le premier à écrire un avis","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Propulsé par Judge.me","locale":"en","reply_name":"C mon shopping™","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"fr","enable_multi_locales_translations":true,"show_review_title_input":true,"review_verification_email_status":"always","can_be_branded":false,"reply_name_text":"C mon shopping™"};</script> <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #108474;--jdgm-secondary-color: rgba(16,132,116,0.1);--jdgm-star-color: #FFA41C;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #108474;--jdgm-paginate-color: #108474;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #108474}.jdgm-histogram__bar-content{background-color:#108474}.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:#108474}.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:"Voir plus"}@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:"Voir plus"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FFA41C}.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:'à propos de'}.jdgm-rev__variant-label:before{content:'Variante : '}.jdgm-rev__out-of-store-text:before{content:'(hors boutique)'}@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:'C mon shopping™'}.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/019ecb95-ddf8-74ff-913b-96286d2d5c07/judgeme-570/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/019ecb95-ddf8-74ff-913b-96286d2d5c07/judgeme-570/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 --><script src="https://cdn.shopify.com/extensions/019ecb95-ddf8-74ff-913b-96286d2d5c07/judgeme-570/assets/loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/bb981b85-e245-4237-9fab-d17438ac73eb/forms-2412/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 78637793617,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 78637793617,storefrontBaseUrl: "https://cmonshopping.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0","f36ec97b","2b8f910e"],webPixelsConfigList: [{"id":"3891888465","configuration":"{\"pixel_id\":\"685289963696204\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","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"]},{"id":"2892169553","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"},{"id":"1143931217","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-7WM95Y5BSP\\\",\\\"GT-KFHNJJBG\\\",\\\"GT-PHGJT7J6\\\",\\\"GT-5R6QQ62V\\\"],\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-7WM95Y5BSP\\\",\\\"MC-GKKLCY9CW4\\\",\\\"MC-QCHLDDLCJP\\\",\\\"MC-YG9DNYT3RZ\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-7WM95Y5BSP\\\",\\\"MC-GKKLCY9CW4\\\",\\\"MC-QCHLDDLCJP\\\",\\\"MC-YG9DNYT3RZ\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-7WM95Y5BSP\\\",\\\"MC-GKKLCY9CW4\\\",\\\"MC-QCHLDDLCJP\\\",\\\"MC-YG9DNYT3RZ\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-7WM95Y5BSP\\\",\\\"MC-GKKLCY9CW4\\\",\\\"MC-QCHLDDLCJP\\\",\\\"MC-YG9DNYT3RZ\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-7WM95Y5BSP\\\",\\\"MC-GKKLCY9CW4\\\",\\\"MC-QCHLDDLCJP\\\",\\\"MC-YG9DNYT3RZ\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-7WM95Y5BSP\\\",\\\"MC-GKKLCY9CW4\\\",\\\"MC-QCHLDDLCJP\\\",\\\"MC-YG9DNYT3RZ\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-7WM95Y5BSP\\\",\\\"MC-GKKLCY9CW4\\\",\\\"MC-QCHLDDLCJP\\\",\\\"MC-YG9DNYT3RZ\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ed24a66cfc901e9f66a77fcd7f6b6205","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"]},{"id":"622657873","configuration":"{\"endpoint\":\"https:\\\/\\\/api.parcelpanel.com\",\"debugMode\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"93248aaba18c93b2ecb9dbffc40a9775","type":"APP","apiClientId":2681387,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"C mon shopping™","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"df60a9-3.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/cmonshopping.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10623111987537","handle":"bracelet-jonc-en-acier-inoxydable-pour-femme-avec-etoiles-et-strass","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52990473765201","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10622816551249","handle":"collier-en-acier-inoxydable-pour-femme-et-son-coeur-emaille","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52989822763345","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10559038685521","handle":"collier-en-argent-pour-femme-agathe-verte-ronde","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52726075425105","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10622821925201","handle":"bracelet-jonc-en-acier-inoxydable-pour-femme-avec-coeurs-et-strass","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52989874897233","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10623137841489","handle":"collier-en-acier-inoxydable-pour-femme-et-ours-avec-strass","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52990539792721","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760924102993","handle":"boucles-d-oreilles-creoles-doree-rosee-eclat-et-raffinement","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"53568741114193","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10762018947409","handle":"boucles-d-oreilles-coeur-dore-rose-eclat-romantique","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"53576166408529","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10762020749649","handle":"bracelet-dore-rose-eclat-floral","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"53576178565457","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10558956798289","handle":"boucles-doreilles-en-argent-pour-femme-ambre-naturelle-rond","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52725635285329","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10521217237329","handle":"bague-en-argent-pour-femme-pierre-amethyste-et-zirconium","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52561581834577","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10622985666897","handle":"bague-en-acier-inoxydable-pour-femme-avec-strass","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52990249926993","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10639277850961","handle":"bague-en-acier-inoxydable-pour-femme-avec-strass-etincelant","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"53049487688017","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10623831015761","handle":"bague-en-acier-inoxydable-pour-femme-avec-strass-ouverte","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52992289636689","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10624239796561","handle":"bague-en-acier-inoxydable-pour-femme-reglable-avec-strass","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52994086895953","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null,"page":{"pageType":"home","resourceId":null}},},"https://cmonshopping.com/cdn","032da393w19368061p0cc732e2m671615c3",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"78637793617","storefrontBaseUrl":"https:\/\/cmonshopping.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\", \"f36ec97b\", \"2b8f910e\"]","isMerchantRequest":"false","hashVersion":"032da393w19368061p0cc732e2m671615c3","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"05c4083c-d62f-4ac4-8170-c0523e766eb9-1781551402"}};
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: 78637793617,
theme_id: 197283676497,
app_name: "storefront",
context_url: window.location.href,
source_url: "//cmonshopping.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//cmonshopping.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//cmonshopping.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":78637793617,"isMerchantRequest":null,"themeId":197283676497,"themeCityHash":"17987996407879732012","contentLanguage":"fr","currency":"EUR","eventMetadataId":"a5a6b113-027f-4a60-96f7-a63db5338203"},"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":"05c4083c-d62f-4ac4-8170-c0523e766eb9-1781551402","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 = "//cmonshopping.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://cmonshopping.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
data-application="storefront-renderer"
data-shop-id="78637793617"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="197283676497"
data-theme-name="Dwell"
data-theme-version="3.5.1"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://cmonshopping.com/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"78637793617","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Se connecter ou créer un compte"},{"key":"account_menu.signed_out_state.section_divider","value":"Autres moyens de connexion"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-mail"},{"key":"account_menu.signed_out_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_out_state.profile_button","value":"Profil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Se connecter avec Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continuer avec Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continuer avec Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Envoyez-moi des nouvelles et des offres par e-mail"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Bonjour, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Compte"},{"key":"account_menu.signed_in_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_in_state.profile_button","value":"Profil"},{"key":"account_menu.location_picker.sheet_title","value":"Emplacements"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Rechercher"},{"key":"account_menu.aria_labels.close_menu","value":"Fermer le menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Retour au menu principal depuis {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, ouvre le sous-menu"},{"key":"account_menu.aria_labels.loading_menu","value":"Chargement du menu"},{"key":"account_menu.aria_labels.account","value":"Compte"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Se connecter avec e-mail"},{"key":"account_menu.aria_labels.sign_in","value":"Se connecter"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"FR","language":"fr"}}</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 -->
<div id="shopify-section-sections--29392351527249__tsapb_14a1bc53_8BJcmm" class="shopify-section shopify-section-group-header-group"><!-- --VERSION-8-- -->
<style data-shopify>
:root {
--vtl-neutral-100: #222;
--vtl-neutral-70: #5e5e5e;
--vtl-neutral-01: #fff;
--vtl-size-2: 2px;
--vtl-size-4: 4px;
--vtl-size-8: 8px;
--vtl-size-12: 12px;
--vtl-size-14: 14px;
--vtl-size-16: 16px;
--vtl-size-20: 20px;
--vtl-size-24: 24px;
--vtl-size-32: 32px;
--vtl-size-40: 40px;
--vtl-size-96: 96px;
--vtl-size-full: 9999px;
--vtl-font-weight-400: 400;
--vtl-font-weight-600: 600;
--vtl-line-height-140: 1.4;
--vtl-border-radius-full: var(--vtl-size-full);
--vtl-color-bg-fill-default-on-light: var(--vtl-neutral-100);
--vtl-color-bg-fill-inverse-on-light: var(--vtl-neutral-01);
--vtl-color-text-disable-on-light: var(--vtl-neutral-70);
--vtl-color-text-on-bg-fill-on-light: var(--vtl-neutral-01);
--vtl-color-icon-default-on-light: var(--vtl-neutral-100);
--vtl-color-text-default-on-dark: var(--vtl-neutral-01);
--vtl-color-icon-default-on-dark: var(--vtl-neutral-01);
--vtl-space-2: var(--vtl-size-2);
--vtl-space-4: var(--vtl-size-4);
--vtl-space-8: var(--vtl-size-8);
--vtl-space-12: var(--vtl-size-12);
--vtl-space-16: var(--vtl-size-16);
--vtl-space-20: var(--vtl-size-20);
--vtl-space-24: var(--vtl-size-24);
--vtl-space-32: var(--vtl-size-32);
--vtl-space-40: var(--vtl-size-40);
--vtl-space-96: var(--vtl-size-96);
--vtl-font-size-14: var(--vtl-size-14);
}
</style>
<!-- --UUID-14a1bc53-- --><section
class="Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm VtlsRotatingBarIcons VtlsRotatingBarIcons--backgroundStyle-color VtlsRotatingBarIcons--height-small VtlsRotatingBarIcons--textSize-14 VtlsRotatingBarIcons--textStyle-regular"
>
<div
class="VtlsRotatingBarIconsContainer VtlsRotatingBarIconsContainer--height-small"
>
<rotating-icons-bar-slider class="VtlsRotatingBarIconsSliderContainer"><div class="VtlsRotatingBarIconsSlider VtlsRotatingBarText--textStyle-regular">
<div
class="VtlsRotatingBarIconsSlider__Slide"
data-block-id="icon_YNqiTy"
style="--text-font:Helvetica;"
>
<div class="VtlsRotatingBarIconsSlider__Content VtlsRotatingBarIconsSlider__Content--align-left"><div class="VtlsRotatingBarIconsSlider__Icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h16c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
</div><span
href=""
class="VtlsRotatingBarIconsSlider__Text VtlsRotatingBarText"
>
<strong>LIVRAISON OFFERTE à partir de 50€ d'achat</strong> (France métropolitaine)
</span></div>
</div>
</div></rotating-icons-bar-slider>
</div>
</section>
<style data-shopify>
.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm {
--section-top-margin:0px;
--section-bottom-margin:0px;
--section-top-margin-mobile:0px;
--section-bottom-margin-mobile:0px;
--section-background-color: #716a56;
--section-background-gradient: linear-gradient(to right, #fed951, #ff46c7);
--section-text-color: #eae8e6;
--section-text-size: 14px;
--section-icon-color: #eae8e6;
--section-icon-size: 24px;
--section-space-between-icons: 24px;
--section-icon-alignment: left;
}
.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm.VtlsRotatingBarIcons{display:block;margin-top:var(--section-top-margin-mobile);margin-bottom:var(--section-bottom-margin-mobile)}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm.VtlsRotatingBarIcons--backgroundStyle-color{background-color:var(--section-background-color, var(--vtl-color-bg-fill-default-on-light))}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm.VtlsRotatingBarIcons--backgroundStyle-gradient{background:var(--section-background-gradient)}@media(min-width: 992px){.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm.VtlsRotatingBarIcons{margin-top:var(--section-top-margin);margin-bottom:var(--section-bottom-margin)}}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsContainer--previewStyles{margin:var(--vtl-space-96) 0}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsContainer--height-small{padding:var(--vtl-space-8) 0}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsContainer--height-medium{padding:var(--vtl-space-12) 0}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsContainer--height-large{padding:var(--vtl-space-20) 0}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSliderContainer{position:relative;justify-content:space-between;max-width:940px;margin-inline-start:auto;padding:0 var(--vtl-space-20);align-items:center;margin-inline-end:auto;display:flex}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSliderContainer__Btn{border:none;width:var(--vtl-space-20);height:var(--vtl-space-20);display:flex;align-items:center;padding:0;justify-content:center;background:rgba(0,0,0,0);cursor:pointer;pointer-events:all}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSliderContainer__Btn path{stroke:var(--section-text-color, var(--vtl-color-text-on-bg-fill-on-light))}[dir=rtl] .Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSliderContainer__Btn svg,html[dir=rtl] .Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSliderContainer__Btn svg,body[dir=rtl] .Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSliderContainer__Btn svg,html[style*="direction: rtl"] .Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSliderContainer__Btn svg,body[style*="direction: rtl"] .Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSliderContainer__Btn svg{transform:scaleX(-1)}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider{width:100%;padding:0 var(--vtl-space-8);place-items:center;display:grid}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider__Slide{width:100%;grid-area:1/-1;opacity:0;visibility:hidden;transform:translateY(5%);transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1),opacity .6s ease-in-out;will-change:transform,opacity}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider__Slide-IsVisible{position:relative;opacity:1;visibility:visible;transform:translateY(0);z-index:1}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider__Content{display:flex;align-items:center;justify-content:center;gap:var(--vtl-space-16)}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider__Content--align-left{flex-direction:row}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider__Content--align-right{flex-direction:row-reverse}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider__Icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--section-icon-size, var(--vtl-space-20));height:var(--section-icon-size, var(--vtl-space-20))}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider__Icon svg{width:100%;height:100%;fill:var(--block-icon-color, var(--section-icon-color, var(--section-text-color, var(--vtl-color-icon-default-on-light))))}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider__Icon img{width:100%;height:100%;object-fit:contain}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider__Icon i{font-size:var(--section-icon-size);color:var(--block-icon-color, var(--section-icon-color, var(--vtl-color-text-on-bg-fill-on-light)));display:flex;align-items:center;justify-content:center}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsSlider__IconDefault img{border-radius:var(--vtl-border-radius-full)}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarText{font-size:calc(var(--section-text-size)*.85);color:var(--block-text-color, var(--section-text-color, var(--vtl-color-text-default-on-dark)));text-align:var(--section-icon-alignment, left);margin:0;padding:0;text-decoration:none;width:fit-content;display:inline-block}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarText a{color:var(--block-description-color);margin:0;padding:0;text-decoration:underline;text-underline-offset:var(--vtl-space-2);transition:opacity .3s ease-in}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarText a:hover{opacity:.85}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarText--textStyle-regular{font-weight:var(--vtl-font-weight-400)}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarText--textStyle-bold{font-weight:var(--vtl-font-weight-600)}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarText--alternativeFont{font-family:var(--text-font)}@media(min-width: 992px){.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarText{font-size:var(--section-text-size)}}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsTicker{grid:auto/auto-flow max-content;justify-content:center;display:grid;overflow:hidden;--ticker-animation-state: running}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsTicker__Wrapper{place-items:center;padding-right:var(--section-space-between-icons);gap:var(--section-space-between-icons);width:100%;display:flex;animation:marqueeAnimation var(--rotating-ticker-duration, 0s) linear infinite;animation-play-state:var(--ticker-animation-state)}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsTicker__Item{display:flex;align-items:center;gap:var(--vtl-space-16);white-space:nowrap}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsTicker__Icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--section-icon-size, var(--vtl-space-20));height:var(--section-icon-size, var(--vtl-space-20))}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsTicker__Icon svg{width:100%;height:100%;fill:var(--block-icon-color, var(--section-icon-color, var(--vtl-color-icon-default-on-dark)))}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsTicker__Icon img{width:100%;height:100%;object-fit:contain}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsTicker__Icon i{font-size:var(--section-icon-size);color:var(--block-icon-color, var(--section-icon-color, var(--vtl-color-icon-default-on-dark)));display:flex;align-items:center;justify-content:center}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsTicker__IconDefault img{border-radius:var(--vtl-border-radius-full)}.Vtls-sections-29392351527249__tsapb_14a1bc53_8bjcmm .VtlsRotatingBarIconsTicker .VtlsCircleShape{display:block;width:var(--vtl-space-4);background-color:var(--section-text-color);height:var(--vtl-space-4);border-radius:var(--vtl-border-radius-full)}@keyframes marqueeAnimation{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}
</style>
<script>
(function () {
const uninstallMessage = 'Displaying this section requires an active Square: Theme Sections & AI Pages subscription. Reinstall the <a href="https://apps.shopify.com/theme-sections-ai-page-builder" target="_blank">Square: Theme Sections & AI Pages app</a> to activate it or consider removing the section.';
const downgradeMessage = 'You downgraded to a free plan. You need to upgrade your <a href="https://apps.shopify.com/theme-sections-ai-page-builder" target="_blank">Square: Theme Sections & AI Pages app</a> plan to activate it or consider removing the section.';
const projectId = '5';
const sectionsSelector = '.shopify-section';
const apps = {
'1': {
prefix: 'vitals',
hostname: 'https://appsolve.io'
},
'5': {
prefix: 'tsapb',
hostname: 'https://theme-sections.sqa-api.com'
}
};
const cacheKeysMetaFields = '1778395939';
const shopId = '78637793617';
const getHostname = () => {
if (apps[projectId].hostname) {
return apps[projectId].hostname;
}
console.error(`hostname for appId ${projectId} cannot be determined.`);
return undefined;
}
const disableSection = (message, selector) => {
const mainContainer = document.querySelector(selector);
const contentContainer = document.querySelector(`${selector} > section`);
if ('false' === 'true') {
contentContainer.innerHTML = `<h2 class="VtlsUninstallBG"><div class="VtlsUninstallBG__Text">${message}</div></h2>`;
} else {
mainContainer.style.display = 'none';
mainContainer.remove();
}
};
const getThemeSectionIdsByUUID = (installedThemeSections, uuid, appId) => {
const listIds = [];
installedThemeSections.forEach((installedThemeSection) => {
if (installedThemeSection.id.includes(`${apps[appId].prefix}_${uuid}`)) {
listIds.push(installedThemeSection.id);
}
})
return listIds;
}
const getThemeSectionsStatusList = (url) => fetch(url, {
method: 'GET',
headers: { 'Content-Type': 'application/json' },
}).then((response) => response.json());
const evaluateThemeSections = (url) => {
getThemeSectionsStatusList(url).then(response => {
const { data, f, i } = response;
const installedThemeSections = document.querySelectorAll(sectionsSelector);
data.forEach((themeSection) => {
const { e, u, a } = themeSection;
if (!e) {
const themeSectionsWithUUID = getThemeSectionIdsByUUID(installedThemeSections, u, a);
let message = '';
if (f) {
message = downgradeMessage;
}
if (!i) {
message = uninstallMessage;
}
themeSectionsWithUUID.forEach((themeSectionSelector) => {
disableSection(message, `#${themeSectionSelector}`);
})
}
});
})
}
if (shopId) {
if (window.vtlsSecurityCheckStarted === undefined) {
window.vtlsSecurityCheckStarted = true;
let url = '';
const hostname = getHostname();
if (!hostname) {
return;
}
const baseUrl = `${hostname}/bundle/api/v2/sf/ts`;
if (cacheKeysMetaFields) {
url = `${baseUrl}/${shopId}/${cacheKeysMetaFields}.json`;
} else {
const timestamp = Math.round(new Date().getTime() / 1000 / 10000) * 10000;
url = `${baseUrl}/${shopId}/${timestamp}.json`;
}
evaluateThemeSections(url);
}
}
})();
</script>
<style data-shopify>
.VtlsUninstallBG{background-color:var(--vtl-color-bg-fill-inverse-on-light);background-image:url("data:image/avif;base64,iVBORw0KGgoAAAANSUhEUgAABOcAAABkCAQAAABnAJxfAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+gLFQgmAgUXFkMAAARaSURBVHja7daxbSRBEATB8ZzvKw0h1dcIlJS4jl25Azlavffn9/3v++e//+vvCwqFQqFQKBRKSklEUCgUCoVCoVAMOgqFQqFQKJSzSiKCQqFQKBQKhWLQUSgUCoVCoZxVEhEUCoVCoVAoFIOOQqFQKBQK5VOURASFQqFQKBQKZVUSERQKhUKhUCiUVUlEUCgUCoVCoVBWZbtOPoVCoVAoFArlovIKERQKhUKhUCiUVXmFCAqFQqFQKBTKqrxCBIVCoVAoFAplVV4hgkKhUCgUCoUyK4kICoVCoVAoFMqqJCIoFAqFQqFQKKuSiKBQKBQKhUKhrEoigkKhUCgUCoVi0FEoFAqFQqGcVRIRFAqFQqFQKBSDjkKhUCgUCuWskoigUCgUCoVCoRh0FAqFQqFQKGeVRASFQqFQKBQKxaCjUCgUCoVCOaskIigUCoVCoVAoBh2FQqFQKBTKWSURQaFQKBQKhUIx6CgUCoVCoVDOKokICoVCoVAoFIpBR6FQKBQKhXJWSURQKBQKhUKhUAw6CoVCoVAolLNKIoJCoVAoFAqFYtBRKBQKhUKhnFUSERQKhUKhUCgUg45CoVAoFArlrJKIoFAoFAqFQqEYdBQKhUKhUChnlUQEhUKhUCgUCsWgo1AoFAqFQvkUJRFBoVAoFAqFQlmVRASFQqFQKBQKZVUSERQKhUKhUCiUVdmuk0+hUCgUCoVCuai8QgSFQqFQKBQKZVVeIYJCoVAoFAqFsiqvEEGhUCgUCoVCWZVXiKBQKBQKhUKhzEoigkKhUCgUCoWyKokICoVCoVAoFMqqJCIoFAqFQqFQKKuSiKBQKBQKhUKhGHQUCoVCoVAoZ5VEBIVCoVAoFArFoKNQKBQKhUI5qyQiKBQKhUKhUCgGHYVCoVAoFMpZJRFBoVAoFAqFQjHoKBQKhUKhUM4qiQgKhUKhUCgUikFHoVAoFAqFclZJRFAoFAqFQqFQDDoKhUKhUCiUs0oigkKhUCgUCoVi0FEoFAqFQqGcVRIRFAqFQqFQKBSDjkKhUCgUCuWskoigUCgUCoVCoRh0FAqFQqFQKGeVRASFQqFQKBQKxaCjUCgUCoVCOaskIigUCoVCoVAoBh2FQqFQKBTKWSURQaFQKBQKhUIx6CgUCoVCoVA+RUlEUCgUCoVCoVBWJRFBoVAoFAqFQlmVRASFQqFQKBQKZVW26+RTKBQKhUKhUC4qrxBBoVAoFAqFQlmVV4igUCgUCoVCoazKK0RQKBQKhUKhUFblFSIoFAqFQqFQKLOSiKBQKBQKhUKhrEoigkKhUCgUCoWyKokICoVCoVAoFMqqJCIoFAqFQqFQKAYdhUKhUCgUylklEUGhUCgUCoVCMegoFAqFQqFQziqJCAqFQqFQKBSKQUehUCgUCoVyVklEUCgUCoVCoVAMOgqFQqFQKJSzSiKCQqFQKBQKhWLQUSgUCoVCoZxVEhEUCoVCoVAoFIOOQqFQKBQK5dOVX5nMB52iezhxAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI0LTExLTIxVDA4OjM4OjAyKzAwOjAw30WrCwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNC0xMS0yMVQwODozODowMiswMDowMK4YE7cAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjQtMTEtMjFUMDg6Mzg6MDIrMDA6MDD5DTJoAAAAAElFTkSuQmCC");background-position:center;background-size:cover;text-align:center;padding:var(--vtl-space-32);margin:0}.VtlsUninstallBG__Text{color:var(--vtl-color-text-disable-on-light);font-family:Inter,sans-serif;font-size:var(--vtl-font-size-14);font-weight:var(--vtl-font-weight-400);line-height:var(--vtl-line-height-140);padding:var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-40);background-color:var(--vtl-color-bg-fill-inverse-on-light);display:inline-block}.VtlsUninstallBG__Text::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%09%09%09%3Cpath%20d%3D%22M9.99994%206.75C10.4142%206.75%2010.7499%207.08579%2010.7499%207.5V11C10.7499%2011.4142%2010.4142%2011.75%209.99994%2011.75C9.58573%2011.75%209.24994%2011.4142%209.24994%2011V7.5C9.24994%207.08579%209.58573%206.75%209.99994%206.75Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%09%3Cpath%20d%3D%22M11%2013.5C11%2014.0523%2010.5523%2014.5%2010%2014.5C9.44772%2014.5%209%2014.0523%209%2013.5C9%2012.9477%209.44772%2012.5%2010%2012.5C10.5523%2012.5%2011%2012.9477%2011%2013.5Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%203.5C8.95471%203.5%208.21616%204.20232%207.84762%204.94672C7.65565%205.33448%206.75984%207.0441%205.84305%208.79353L5.81531%208.84646C4.9229%2010.5493%204.01714%2012.2777%203.80716%2012.702C3.4351%2013.4537%203.32931%2014.4519%203.89953%2015.316C4.46911%2016.1791%205.44222%2016.5%206.36356%2016.5L13.6364%2016.5C14.5577%2016.5%2015.5308%2016.1791%2016.1004%2015.316C16.6707%2014.4519%2016.5649%2013.4537%2016.1928%2012.702C15.9832%2012.2784%2015.08%2010.555%2014.1889%208.85476L14.1569%208.79352C13.24%207.044%2012.3443%205.33454%2012.1524%204.94693C11.784%204.20242%2011.0454%203.5%2010%203.5ZM9.1919%205.61225C9.59605%204.79592%2010.4041%204.79592%2010.8081%205.61225C11.0102%206.02061%2011.9201%207.75686%2012.8296%209.49243C13.7383%2011.2262%2014.6466%2012.9594%2014.8485%2013.3673C15.2525%2014.1837%2014.8485%2015%2013.6364%2015L6.36356%2015C5.1515%2015%204.74746%2014.1837%205.1515%2013.3673C5.35376%2012.9587%206.26468%2011.2205%207.1748%209.4838C8.08283%207.75111%208.99005%206.01994%209.1919%205.61225Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%3C%2Fsvg%3E");position:absolute;width:var(--vtl-space-20);height:var(--vtl-space-20);margin-left:calc(-1*var(--vtl-space-24))}.VtlsUninstallBG__Text a{color:var(--vtl-color-text-disable-on-light)}.VtlsUninstallBG__Text a:hover{text-decoration:none}
</style>
<script>
(() => {
class VtlsRotatingIconsTicker extends HTMLElement {
constructor() {
super();
this.updateAnimationDuration = this.updateAnimationDuration.bind(this);
this.handleMouseEnter = this.handleMouseEnter.bind(this);
this.handleMouseLeave = this.handleMouseLeave.bind(this);
}
connectedCallback() {
requestAnimationFrame(() => {
this.updateAnimationDuration();
});
window.addEventListener('resize', this.updateAnimationDuration);
this.addEventListener('mouseenter', this.handleMouseEnter);
this.addEventListener('mouseleave', this.handleMouseLeave);
}
disconnectedCallback() {
window.removeEventListener('resize', this.updateAnimationDuration);
this.removeEventListener('mouseenter', this.handleMouseEnter);
this.removeEventListener('mouseleave', this.handleMouseLeave);
}
handleMouseEnter() {
this.style.setProperty('--ticker-animation-state', 'paused');
}
handleMouseLeave() {
this.style.setProperty('--ticker-animation-state', 'running');
}
getScrollingSpeed() {
return parseInt(this.getAttribute('data-speed') || '250', 10);
}
getResponsiveSpeed(contentWidth) {
const minWidth = 360;
const maxWidth = 1920;
return 1 + (Math.min(maxWidth, contentWidth) - minWidth) / (maxWidth - minWidth);
}
updateAnimationDuration() {
const contentWidth = this.clientWidth;
const item = this.querySelector('.VtlsRotatingBarIconsTicker__Wrapper');
if (!item || contentWidth === 0 || item.clientWidth === 0) {
setTimeout(() => this.updateAnimationDuration(), 100);
return;
}
const speed = this.getScrollingSpeed();
const durationMultiplier = this.getResponsiveSpeed(contentWidth);
const itemWidth = item.clientWidth;
const duration = ((speed * durationMultiplier * itemWidth) / contentWidth).toFixed(2);
this.style.setProperty('--rotating-ticker-duration', `${duration}s`);
}
}
class RotatingIconsBarSlider extends HTMLElement {
constructor() {
super();
this.slides = [];
this.currentIndex = 0;
this.showPrev = this.showPrev.bind(this);
this.showNext = this.showNext.bind(this);
this.handleBlockSelection = this.handleBlockSelection.bind(this);
}
connectedCallback() {
this.setHTMLelements();
this.setEventListeners();
this.showSlide(this.currentIndex);
document.addEventListener('shopify:block:select', this.handleBlockSelection);
}
disconnectedCallback() {
this.removeEventListeners();
document.removeEventListener('shopify:block:select', this.handleBlockSelection);
}
setHTMLelements() {
this.slides = Array.from(this.querySelectorAll('.VtlsRotatingBarIconsSlider__Slide'));
this.prevBtn = this.querySelector('.VtlsRotatingBarIconsSliderContainer__Btn--prev');
this.nextBtn = this.querySelector('.VtlsRotatingBarIconsSliderContainer__Btn--next');
}
setEventListeners() {
this.prevBtn?.addEventListener('click', this.showPrev);
this.nextBtn?.addEventListener('click', this.showNext);
}
removeEventListeners() {
this.prevBtn?.removeEventListener('click', this.showPrev);
this.nextBtn?.removeEventListener('click', this.showNext);
}
showSlide(index) {
this.slides.forEach((slide, i) => {
slide.classList.toggle('VtlsRotatingBarIconsSlider__Slide-IsVisible', i === index);
});
}
showNext() {
this.currentIndex = (this.currentIndex + 1) % this.slides.length;
this.showSlide(this.currentIndex);
}
showPrev() {
this.currentIndex = (this.currentIndex - 1 + this.slides.length) % this.slides.length;
this.showSlide(this.currentIndex);
}
handleBlockSelection(event) {
if (!event.detail || !event.detail.blockId) {
return;
}
const selectedBlockId = event.detail.blockId.toString();
const selectedIndex = this.slides.findIndex((slide) => {
return slide.dataset.blockId === selectedBlockId;
});
if (selectedIndex !== -1) {
this.currentIndex = selectedIndex;
this.showSlide(this.currentIndex);
}
}
}
document.addEventListener('shopify:section:load', () => {
if (!customElements.get('rotating-icons-bar-slider')) {
customElements.define('rotating-icons-bar-slider', RotatingIconsBarSlider);
}
if (!customElements.get('vtls-rotating-icons-ticker')) {
customElements.define('vtls-rotating-icons-ticker', VtlsRotatingIconsTicker);
}
});
document.addEventListener('DOMContentLoaded', () => {
if (!customElements.get('rotating-icons-bar-slider')) {
customElements.define('rotating-icons-bar-slider', RotatingIconsBarSlider);
}
if (!customElements.get('vtls-rotating-icons-ticker')) {
customElements.define('vtls-rotating-icons-ticker', VtlsRotatingIconsTicker);
}
});
})();
</script>
</div><header id="shopify-section-sections--29392351527249__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "C mon shopping™",
"logo": "https:\/\/cmonshopping.com\/cdn\/shop\/files\/Logo_C_Mon_Shopping.png?v=1753197982\u0026width=500",
"url": "https:\/\/cmonshopping.com"
}
</script>
<header-component
id="header-component"
class="header"
data-theme-color="rgb(250 249 246)"
data-skip-node-update
data-scroll-direction="none"
style=" --color-scheme-top-row: rgba(250 249 246 / 1.0); --color-scheme-bottom-row: rgba(250 249 246 / 1.0); "
>
<div class="header__underlay header__underlay-closed"></div>
<div
class="header__underlay header__underlay-open"
></div><h1 class="visually-hidden">C mon shopping™</h1>
<div
class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width divider--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"
ref="headerDrawerContainer"
data-hydration-key="header-drawer-mobile"
>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/header-drawer.js?v=121243031541024704371774935567"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer"
style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" 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 aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
ref="menuDrawer"
class="menu-drawer color-scheme-1"
>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Fermer"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-secondary--family);--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-secondary--style); --menu-top-level-font-weight: var(--font-secondary--weight); --menu-top-level-font-case:none; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
aria-label="Principale"
>
<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-🎁-carte-cadeau"
href="/products/carte-cadeau-c-mon-shopping"
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">🎁 Carte cadeau</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-accueil"
href="/"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
aria-current="page"
>
<span class="menu-drawer__menu-item-text wrap-text">Accueil</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 3;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-colliers"
href="/collections/colliers-fantaisie-collection-bijoux-tendance"
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">Colliers</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 4;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-bracelets"
href="/collections/bracelets-fantaisie-collection-bijoux-tendance"
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">Bracelets</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 5;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-boucles-doreilles"
href="/collections/boucles-doreilles-fantaisie-collection-bijoux-tendance"
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">Boucles d'Oreilles</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 6;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-bagues"
href="/collections/bagues-fantaisie-collection-bijoux-tendance"
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">Bagues</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 7;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-🛡️-extension-de-garantie"
href="/products/extension-de-garantie-bijoux-5-ans-supplementaires-total-10-ans"
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">🛡️ Extension de garantie</span>
</a>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 7;"
>
<drawer-localization-component class="menu-drawer__localization">
<details
id="drawer-localization"
class="drawer-localization"
on:toggle="/toggle"
>
<summary
id="HeaderDrawer-localization"
class="drawer-localization__button h3 link focus-inset"
aria-expanded="false"
on:click="header-drawer/open/submenu"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span
class="icon-flag"
style=" background-image: url(//cdn.shopify.com/static/images/flags/fr.svg?width=32); --size-shadow: 2px; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60)); "
></span><span class="currency-code">EUR</span>
</div></div>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
class="menu-drawer__submenu has-submenu color-scheme-1"
style=""
>
<div
class="menu-drawer__nav-buttons"
ref="navButtons"
>
<button
class="button menu-drawer__back-button link focus-inset"
on:click="header-drawer/back"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" 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 aria-hidden="true" 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-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="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">
<span class="svg-wrapper">
<svg aria-hidden="true" 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 aria-hidden="true" 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-AVDllTVZrY1FiT0tib__header-menu-1"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
DKK
kr.</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="France"
aria-label="France"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
HUF
Ft</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxembourg"
aria-label="Luxembourg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MC"
data-aliases=""
id="Monaco"
aria-label="Monaco"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MC"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" 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">Monaco</span>
<span
class="localization-form__currency"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
PLN
zł</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
RON
Lei</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
SEK
kr</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 aria-hidden="true" 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"
>
CZK
Kč</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</details>
</drawer-localization-component>
</div>
<div
class="menu-drawer__featured-content"
style="--menu-drawer-animation-index: 8;"
>
<ul class="menu-drawer__featured-content-list menu-drawer__animated-element list-unstyled">
<li class="menu-drawer__featured-content-list-item menu-drawer__featured-content-list-item--collection">
<div
class="resource-card resource-card--overlay"
data-resource-type="collection"
>
<a
class="resource-card__link"
href="/collections/colliers-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">
Colliers Fantaisie - Collection Bijoux Tendance
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 16 / 9;"
>
<img src="//cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=1200" alt="Colliers Fantaisie - Collection Bijoux Tendance" srcset="//cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=240 240w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=352 352w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=832 832w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=1200 1200w" width="1200" height="1200" loading="lazy" class="resource-card__image" sizes="auto, 400px" ref="imagesToTransition[]" data-media-id="1802323263825" style="">
</div>
<div class="resource-card__content">
<p class="resource-card__title h5">Colliers Fantaisie - Collection Bijoux Tendance</p>
<p class="resource-card__subtext paragraph"></p>
</div>
</div>
</li><li class="menu-drawer__featured-content-list-item menu-drawer__featured-content-list-item--collection">
<div
class="resource-card resource-card--overlay"
data-resource-type="collection"
>
<a
class="resource-card__link"
href="/collections/bracelets-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">
Bracelets fantaisie – Collection bijoux tendance
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 16 / 9;"
>
<img src="//cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=1200" alt="Bracelets fantaisie – Collection bijoux tendance" srcset="//cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=240 240w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=352 352w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=832 832w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=1200 1200w" width="1200" height="1200" loading="lazy" class="resource-card__image" sizes="auto, 400px" ref="imagesToTransition[]" data-media-id="1802323296593" style="">
</div>
<div class="resource-card__content">
<p class="resource-card__title h5">Bracelets fantaisie – Collection bijoux tendance</p>
<p class="resource-card__subtext paragraph"></p>
</div>
</div>
</li><li class="menu-drawer__featured-content-list-item menu-drawer__featured-content-list-item--collection">
<div
class="resource-card resource-card--overlay"
data-resource-type="collection"
>
<a
class="resource-card__link"
href="/collections/boucles-doreilles-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">
Boucles d'Oreilles Fantaisie - Collection bijoux tendance
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 16 / 9;"
>
<img src="//cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=1200" alt="Boucles d'Oreilles Fantaisie - Collection bijoux tendance" srcset="//cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=240 240w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=352 352w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=832 832w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=1200 1200w" width="1200" height="1200" loading="lazy" class="resource-card__image" sizes="auto, 400px" ref="imagesToTransition[]" data-media-id="1802046538065" style="">
</div>
<div class="resource-card__content">
<p class="resource-card__title h5">Boucles d'Oreilles Fantaisie - Collection bijoux tendance</p>
<p class="resource-card__subtext paragraph"></p>
</div>
</div>
</li><li class="menu-drawer__featured-content-list-item menu-drawer__featured-content-list-item--collection">
<div
class="resource-card resource-card--overlay"
data-resource-type="collection"
>
<a
class="resource-card__link"
href="/collections/bagues-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">
Bagues Fantaisie - Collection Bijoux Tendance
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 16 / 9;"
>
<img src="//cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=1200" alt="Bagues Fantaisie - Collection Bijoux Tendance" srcset="//cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=240 240w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=352 352w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=832 832w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=1200 1200w" width="1200" height="1200" loading="lazy" class="resource-card__image" sizes="auto, 400px" ref="imagesToTransition[]" data-media-id="1802323329361" style="">
</div>
<div class="resource-card__content">
<p class="resource-card__title h5">Bagues Fantaisie - Collection Bijoux Tendance</p>
<p class="resource-card__subtext paragraph"></p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(250 249 246 / 1.0);
}
</style>
<search-button
class="search-action search-action--hidden-on-menu"
>
<button
on:click="#search-modal/showDialog"
class="button-unstyled header-actions__action"
aria-label="Rechercher"
aria-haspopup="dialog"
>
<span class="hidden">
Rechercher
</span>
<span class="svg-wrapper">
<svg aria-hidden="true" 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>
<search-button
class="search-action search-action--hidden-on-drawer"
>
<button
on:click="#search-modal/showDialog"
class="button-unstyled header-actions__action"
aria-label="Rechercher"
aria-haspopup="dialog"
>
<span class="hidden">
Rechercher
</span>
<span class="svg-wrapper">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<a
href="/"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 8px;--padding-block-end: 8px; --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="//cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?height=100&v=1753197982" alt="Logo C Mon Shopping" width="100" height="100" class="header-logo__image" srcset="//cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?height=100&v=1753197982 1x, //cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?height=200&v=1753197982 2x, //cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?height=300&v=1753197982 3x" style="--header-logo-image-width: 100px;--header-logo-image-width-mobile: 100px; --header-logo-image-height: 100px; --header-logo-image-height-mobile: 100px;">
</span>
</a>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector header-actions__action"
aria-expanded="false"
aria-controls="dropdown-localization-results"
ref="button"
on:click="/toggleSelector"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; "
>
<span
class="icon-flag"
style=" background-image: url(//cdn.shopify.com/static/images/flags/fr.svg?width=32); --size-shadow: 2px; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60)); "
></span>
<span
class="currency-code"
data-testid="localization-currency-code"
>EUR</span>
<span
class="visually-hidden"
data-testid="localization-visually-hidden"
>Sélecteur de région et de langue</span><span class="svg-wrapper icon-caret"><svg aria-hidden="true" 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-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="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">
<span class="svg-wrapper">
<svg aria-hidden="true" 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 aria-hidden="true" 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-sections--29392351527249__header_section"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list"
id="dropdown-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
DKK
kr.</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="France"
aria-label="France"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
HUF
Ft</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxembourg"
aria-label="Luxembourg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MC"
data-aliases=""
id="Monaco"
aria-label="Monaco"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MC"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" 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">Monaco</span>
<span
class="localization-form__currency"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
PLN
zł</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
RON
Lei</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
EUR
€</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 aria-hidden="true" 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"
>
SEK
kr</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 aria-hidden="true" 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"
>
CZK
Kč</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</dropdown-localization-component>
<script
type="module"
src="//cmonshopping.com/cdn/shop/t/46/assets/cart-icon.js?v=157241182139685326961774935567"
fetchpriority="low"
></script>
<header-actions
>
<div
class="account-button header-actions__action color-scheme-1"
>
<shopify-store store-domain="https://cmonshopping.com" country="FR" language="fr"></shopify-store>
<shopify-account
menu="customer-account-main-menu"
>
<span
slot="signed-out-avatar"
class="account-button__text header-actions__text-style hidden"
>
Compte
</span>
<span
slot="signed-out-avatar"
class=""
aria-hidden="true"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="17"
viewbox="0 0 15 17"
fill="none"
slot="signed-out-avatar"
class="account-button__icon"
>
<path
stroke="currentColor"
stroke-linejoin="round"
stroke-width="var(--icon-stroke-width)"
d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
/>
</svg>
</span>
</shopify-account>
</div>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/cart-drawer.js?v=35649724213056774541774935567"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
auto-open
>
<template id="empty-cart-template">
<div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="Fermer la boîte de dialogue"
>
<span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content"
aria-label="Panier"
>
<h2
class="cart-drawer__heading h4 cart-drawer__heading--empty"
id="cart-drawer-heading-empty"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/component-cart-items.js?v=165440327125931659001774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/component-cart-quantity-selector.js?v=105130809908858639751774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/volume-pricing-info.js?v=94479640769665442661774935567"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<p>
Vous possédez un compte ? <a href="https://cmonshopping.com/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
<span class="button-text">
Continuer les achats
</span>
</a></div>
</div>
</div>
</template>
<button
class="header-actions__action button-unstyled"
on:click="/open"
aria-haspopup="dialog"
aria-label="Panier"
aria-describedby="cart-bubble-text"
data-testid="cart-drawer-trigger"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span class="hidden">
Panier
</span>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
id="cart-bubble-text"
class="cart-bubble__text"
>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<dialog
ref="dialog"
class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
data-testid="cart-drawer-dialog"
aria-labelledby="cart-drawer-heading-empty"
scroll-lock
cart-summary-sticky="true"
>
<span
ref="liveRegion"
class="visually-hidden"
role="status"
></span>
<div
class="cart-drawer__inner"
data-hydration-key="cart-drawer-inner"
>
<cart-items-component
class="cart-items-component"
data-drawer
data-section-id="sections--29392351527249__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 aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content"
aria-label="Panier"
>
<h2
class="cart-drawer__heading h4 cart-drawer__heading--empty"
id="cart-drawer-heading-empty"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/component-cart-items.js?v=165440327125931659001774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/component-cart-quantity-selector.js?v=105130809908858639751774935567"
type="module"
fetchpriority="low"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/volume-pricing-info.js?v=94479640769665442661774935567"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<p>
Vous possédez un compte ? <a href="https://cmonshopping.com/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
<span class="button-text">
Continuer les achats
</span>
</a></div>
</div>
</div>
</cart-items-component>
</div>
</dialog>
</cart-drawer-component>
<span
ref="liveRegion"
class="visually-hidden"
role="status"
data-testid="cart-count-live-region"
></span>
</header-actions>
<script
type="module"
src="//cmonshopping.com/cdn/shop/t/46/assets/header-actions.js?v=121308165565653895611774935567"
fetchpriority="low"
></script>
</div>
</div>
</div>
<div
class="header__row header__row--bottom color-scheme-1 section section--full-width-margin section--page-width mobile:hidden"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--center"
data-testid="header-bottom-center"
>
<header-menu
ref="headerMenu"
class="header-menu"
data-hydration-key="header-menu"
>
<div class="header-menu__inner">
<nav
class="menu-list"
aria-label="Principale"
style="--menu-top-level-font-family: var(--font-secondary--family);--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-secondary--style); --menu-top-level-font-weight: var(--font-secondary--weight); --menu-top-level-font-case:none; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
data-testid="header-menu-overflow-list"
data-skip-node-update
>
<template shadowrootmode="open">
<link href="//cmonshopping.com/cdn/shop/t/46/assets/overflow-list.css?v=16727044177065489451774935567" 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="/products/carte-cadeau-c-mon-shopping"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">🎁 Carte cadeau</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="/"
data-skip-node-update="true"
class="menu-list__link menu-list__link--active"
aria-current="page"
ref="menuitem"
>
<span class="menu-list__link-title">Accueil</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="/collections/colliers-fantaisie-collection-bijoux-tendance"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Colliers</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="/collections/bracelets-fantaisie-collection-bijoux-tendance"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Bracelets</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="/collections/boucles-doreilles-fantaisie-collection-bijoux-tendance"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Boucles d'Oreilles</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="/collections/bagues-fantaisie-collection-bijoux-tendance"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Bagues</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="/products/extension-de-garantie-bijoux-5-ans-supplementaires-total-10-ans"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">🛡️ Extension de garantie</span>
</a></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="listitem" class="menu-list__link button-unstyled">
<span class="menu-list__link-title">Plus</span>
</button>
</li>
</overflow-list>
</nav>
</div>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/header-menu.js?v=97820922056036071501774935567"
type="module"
fetchpriority="low"
></script>
</header-menu>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(250 249 246 / 1.0);
}
</style>
</div>
</div>
</div>
<div class="header__row header__navigation-bar-row color-scheme-1">
<style data-shopify>
.header__underlay {
--color-submenu: rgb(250 249 246 / 1.0);
}
</style>
</div>
</header-component>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/header.js?v=36718054510661947891774935567"
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--29392351527249__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script>
// Inline header height and menu style calculations to prevent layout shift
// Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
(function setHeaderHeighCustomProperties() {
/*
* Header calculation functions for maintaining CSS variables
* Mimic calculateHeaderGroupHeight() in utilities.js
*/
const header = document.querySelector('header-component');
const headerGroup = document.querySelector('#header-group');
const hasHeaderSection = headerGroup?.querySelector('.header-section');
if (!header || !headerGroup) return;
const headerTopRow = header.querySelector('.header__row--top');
const headerHeight = header.offsetHeight;
// Calculate the total height of the header group
let headerGroupHeight = 0;
const children = headerGroup.children;
for (let i = 0; i < children.length; i++) {
const element = children[i];
if (element === header || !(element instanceof HTMLElement)) continue;
headerGroupHeight += element.offsetHeight;
}
// Check for transparent header special case
if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
headerGroupHeight += headerHeight;
}
// Set CSS variables
document.body.style.setProperty('--header-height', `${headerHeight}px`);
document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
if (headerTopRow) {
window.requestAnimationFrame(function () {
document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
});
}
/**
* Updates CSS custom properties for transparent header offset calculation
* Mimic updateTransparentHeaderOffset() in utilities.js
*/
if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
document.body.style.setProperty('--transparent-header-offset-boolean', '0');
return;
}
const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
})();
(function setHeaderMenuStyle() {
const headerComponent = document.querySelector('#header-component');
if (headerComponent) {
const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
const overflowList = headerComponent?.querySelector('overflow-list');
const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
}
})();
</script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="true"
data-product-transition="true"
data-template="index"
>
<section id="shopify-section-template--29392351134033__hero_R3eBKF" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--29392351134033__hero_R3eBKF"
class="hero color-scheme-5 hero--no-blocks-auto-height"
style=" --hero-border-style: ; --hero-border-width: px; --hero-border-opacity: %; --blur-opacity: 0.75; --hero-min-height: var(--section-height-auto); "
>
<div
class="hero__container spacing-style section section--full-width"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
><div
class="hero__media-grid"
style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 2.4;"
data-testid="hero-media-wrapper"
>
<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>
<picture
data-testid="hero-picture-1"
class="hero__media"
>
<source
media="(max-width: 749px)"
srcset="//cmonshopping.com/cdn/shop/files/C_Mon_Shopping_Bijoux_fantaisie_garantis_5_ans.png?v=1773555874&width=416 416w,//cmonshopping.com/cdn/shop/files/C_Mon_Shopping_Bijoux_fantaisie_garantis_5_ans.png?v=1773555874&width=600 600w,//cmonshopping.com/cdn/shop/files/C_Mon_Shopping_Bijoux_fantaisie_garantis_5_ans.png?v=1773555874&width=800 800w,//cmonshopping.com/cdn/shop/files/C_Mon_Shopping_Bijoux_fantaisie_garantis_5_ans.png?v=1773555874&width=1200 1200w,//cmonshopping.com/cdn/shop/files/C_Mon_Shopping_Bijoux_fantaisie_garantis_5_ans.png?v=1773555874&width=1600 1600w"
sizes="100vw"
width="750"
height="1000"
>
<img src="//cmonshopping.com/cdn/shop/files/C_Mon_Shopping_bijoux_fantaisie.png?v=1773555865&width=3840" srcset="//cmonshopping.com/cdn/shop/files/C_Mon_Shopping_bijoux_fantaisie.png?v=1773555865&width=832 832w, //cmonshopping.com/cdn/shop/files/C_Mon_Shopping_bijoux_fantaisie.png?v=1773555865&width=1200 1200w, //cmonshopping.com/cdn/shop/files/C_Mon_Shopping_bijoux_fantaisie.png?v=1773555865&width=1600 1600w, //cmonshopping.com/cdn/shop/files/C_Mon_Shopping_bijoux_fantaisie.png?v=1773555865&width=1920 1920w, //cmonshopping.com/cdn/shop/files/C_Mon_Shopping_bijoux_fantaisie.png?v=1773555865&width=2560 2560w, //cmonshopping.com/cdn/shop/files/C_Mon_Shopping_bijoux_fantaisie.png?v=1773555865&width=3840 3840w" width="1200" height="500" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">
</picture>
</div>
<div
class="hero__content-wrapper layout-panel-flex layout-panel-flex--column mobile-column section-content-wrapper page-width"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
</div>
</div>
</div>
</section><div id="shopify-section-template--29392351134033__tsapb_68ffbbd5_B3bG4m" class="shopify-section"><!-- --VERSION-8-- -->
<style data-shopify>
:root {
--vtl-neutral-100: #222;
--vtl-neutral-70: #5e5e5e;
--vtl-neutral-03: #f8f8f8;
--vtl-neutral-01: #fff;
--vtl-size-1: 1px;
--vtl-size-2: 2px;
--vtl-size-4: 4px;
--vtl-size-8: 8px;
--vtl-size-12: 12px;
--vtl-size-14: 14px;
--vtl-size-16: 16px;
--vtl-size-20: 20px;
--vtl-size-24: 24px;
--vtl-size-32: 32px;
--vtl-size-40: 40px;
--vtl-size-64: 64px;
--vtl-font-weight-400: 400;
--vtl-font-weight-600: 600;
--vtl-line-height-140: 1.4;
--vtl-text-decoration-none: none;
--vtl-text-decoration-underline: underline;
--vtl-border-width-1: var(--vtl-size-1);
--vtl-color-bg-fill-inverse-on-light: var(--vtl-neutral-01);
--vtl-color-bg-surface-tertiary-on-light: var(--vtl-neutral-03);
--vtl-color-text-disable-on-light: var(--vtl-neutral-70);
--vtl-color-border-default-on-light: var(--vtl-neutral-100);
--vtl-space-2: var(--vtl-size-2);
--vtl-space-4: var(--vtl-size-4);
--vtl-space-8: var(--vtl-size-8);
--vtl-space-12: var(--vtl-size-12);
--vtl-space-16: var(--vtl-size-16);
--vtl-space-20: var(--vtl-size-20);
--vtl-space-24: var(--vtl-size-24);
--vtl-space-32: var(--vtl-size-32);
--vtl-space-40: var(--vtl-size-40);
--vtl-space-64: var(--vtl-size-64);
--vtl-font-size-14: var(--vtl-size-14);
}
</style>
<!-- --UUID-68ffbbd5-- --><section class="Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m VtlsHighlightedText">
<div
class="VtlsHighlightedTextContainer VtlsHighlightedTextContainer--backgroundStyle-border VtlsHighlightedTextContainer--hasBorder"
><vtls-highlighted-text
class="VtlsHighlightedTextContent VtlsHighlightedTextContent--contentLayout-vertical VtlsHighlightedTextContent--alignment-center"
><div class="VtlsTextBox VtlsTextBox--left"><h2
style="--block-heading-size:36px; --block-heading-color:#222222; --block-heading-font:Helvetica; --block-heading-decoration-color:#ffce07; --block-heading-decoration-gradient:linear-gradient(180deg, #FFE431, #F92020 100%); --block-heading-decoration-background-color:#ffce07; --block-heading-decoration-background-gradient:linear-gradient(90deg, #FFE431, #F9C420 100%); --block-heading-decoration-font:Helvetica; --heading-decorative-line-move:6px;"
class="VtlsTextBox__Heading VtlsTextBox__Heading--style-regular VtlsTextBox__Heading--decoration-decorative-line VtlsTextBox__Heading--decoration-background-gradient"
data-decoration="decorative-line"
><p>"L'élégance <em>durable</em> sans <em>compromis" </em></p></h2></div><div class="VtlsTextBox VtlsTextBox--right"><div
style="--block-description-size:16px; --block-description-color:#222222; --block-description-font:Helvetica; --block-description-decoration-color:#ffce07; --block-description-decoration-gradient:linear-gradient(180deg, #FFE431, #F92020 100%); --block-description-decoration-background-color:#ffce07; --block-description-decoration-background-gradient:linear-gradient(90deg, rgba(255, 228, 49, 1), rgba(249, 196, 32, 1) 100%); --block-description-decoration-font:Helvetica; --description-decorative-line-move:6px;"
class="VtlsTextBox__Description VtlsTextBox__Description--alignment-center VtlsTextBox__Description--decoration-background VtlsTextBox__Description--decoration-background-gradient"
data-decoration="background"
><p>Le bijou <em>parfait</em> au quotidien. Résistant. <em>Accessible</em>.</p></div></div></vtls-highlighted-text>
</div>
</section>
<style data-shopify>
.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m {
--section-margin-top-desktop:40px;
--section-margin-bottom-desktop:40px;
--section-margin-top-mobile:20px;
--section-margin-bottom-mobile:20px;
--section-background-color:#f8f8f8;
--section-background-gradient:linear-gradient(180deg, rgba(114, 255, 179, 1), rgba(255, 250, 99, 1) 100%);
--section-height-padding:32px;
--section-text-alignment:center;
--section-max-width:px;
--section-width-desktop:80%;
--section-width-mobile:80%;
--section-left-text-box-width-horizontal:50%;
--section-overlay-color:#222222;
--section-overlay-opacity:0%;
--section-border-color:#222222;
--section-corner-radius:14px;
}
.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText{margin:var(--section-margin-top-mobile) 0 var(--section-margin-bottom-mobile) 0}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText{margin:var(--section-margin-top-desktop) 0 var(--section-margin-bottom-desktop) 0}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer{padding:var(--section-height-padding) 0;display:flex;justify-content:var(--section-text-alignment);width:var(--section-width-mobile);margin:0 auto;border-radius:var(--section-corner-radius)}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer{max-width:var(--section-max-width);width:var(--section-width-desktop)}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer--backgroundStyle-regular{background-color:var(--section-background-color, var(--vtl-color-bg-surface-tertiary-on-light))}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer--backgroundStyle-gradient{background:var(--section-background-gradient)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer--hasAnimation{background-size:300% 300%;background-position:0% 50%;animation:gradient-flow 10s ease-in-out infinite}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer--backgroundStyle-image{background-color:unset;position:relative;overflow:hidden;height:100%;width:var(--section-width-mobile)}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer--backgroundStyle-image{width:var(--section-width-desktop)}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer__BackgroundMedia{inset:0;overflow:hidden;pointer-events:none;position:absolute;width:100%;height:100%}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer__BackgroundImage{width:100%;height:100%;object-fit:cover}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer__BackgroundOverlay{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:"";background-color:var(--section-overlay-color);opacity:var(--section-overlay-opacity)}@keyframes gradient-flow{0%{background-position:0% 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0%}100%{background-position:0% 50%}}@keyframes draw-line{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer .vtls-deco-line{display:inline-block;position:relative;vertical-align:baseline;z-index:1}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer .vtls-deco-line--instant::after{animation:none !important;clip-path:inset(0 0 0 0) !important}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContainer--hasBorder{border:var(--vtl-border-width-1) solid var(--section-border-color, var(--vtl-color-border-default-on-light))}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent{width:100%;display:flex;align-items:center;flex-direction:column;gap:var(--vtl-space-16);padding:var(--vtl-space-12) var(--vtl-space-24);z-index:1}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent{justify-content:var(--section-text-alignment);padding:var(--vtl-space-12) var(--vtl-space-64);width:100%;margin:0 auto}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--contentLayout-vertical{flex-direction:column;gap:var(--vtl-space-16)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--alignment-left{align-items:flex-start}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--alignment-left .VtlsTextBox{text-align:left}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--alignment-center{align-items:center}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--alignment-center .VtlsTextBox{text-align:center}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--alignment-center .VtlsTextBox__Heading{justify-content:center}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--alignment-right{align-items:flex-end}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--alignment-right .VtlsTextBox{text-align:right}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--alignment-right .VtlsTextBox__Heading{justify-content:flex-end}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--contentLayout-horizontal{display:grid;grid-template-columns:var(--section-left-text-box-width-horizontal, 1fr) 1fr;width:100%;column-gap:var(--vtl-space-64);row-gap:var(--vtl-space-32);align-items:center}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--contentLayout-horizontal .VtlsTextBox{min-width:0;grid-row:1}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--contentLayout-horizontal .VtlsHighlightedTextButton{grid-column:1/-1;grid-row:2;justify-content:center}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--contentLayout-horizontal .VtlsHighlightedTextButton .VtlsHighlightedTextButton__Primary{margin:0 auto}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--contentLayout-horizontal.VtlsHighlightedTextContent--alignment-right{grid-template-columns:1fr var(--section-left-text-box-width-horizontal, 1fr)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--contentLayout-horizontal.VtlsHighlightedTextContent--alignment-right .VtlsTextBox--left{order:2}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--contentLayout-horizontal.VtlsHighlightedTextContent--alignment-right .VtlsTextBox--right{order:1}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent--contentLayout-horizontal.VtlsHighlightedTextContent--noRightContent{grid-template-columns:1fr}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox{display:flex;flex-direction:column;gap:var(--vtl-space-8);text-align:var(--section-text-alignment)}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox{text-align:var(--section-text-alignment)}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox p:empty,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox div:empty,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox h2:empty{display:none}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading{display:flex;width:100%;margin:0;font-size:var(--block-heading-size);color:var(--block-heading-color);line-height:1.25;overflow-wrap:anywhere}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading p{margin:0;overflow-wrap:anywhere}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--style-regular{font-weight:var(--vtl-font-weight-400)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--style-bold{font-weight:var(--vtl-font-weight-600)}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading{text-align:var(--section-text-alignment)}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--alternativeFont{font-family:var(--block-heading-font)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-color em{color:var(--block-heading-decoration-color);font-style:normal}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-background em{display:inline;padding:0 var(--vtl-space-4);font-style:normal}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-background.VtlsTextBox__Heading--decoration-background-color em{background-color:var(--block-heading-decoration-background-color)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-background.VtlsTextBox__Heading--decoration-background-gradient em{background:var(--block-heading-decoration-background-gradient)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-gradient em{background:var(--block-heading-decoration-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-style:normal}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-decorative-line em{display:inline;font-style:normal;z-index:1}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-decorative-line .vtls-deco-line::after{content:"";position:absolute;left:0;bottom:calc(var(--heading-decorative-line-move)*-1 - 3px);z-index:-1;width:100%;height:12px;background-color:var(--block-heading-decoration-color);mask-image:url("data:image/svg+xml;utf8,%3Csvg%20preserveAspectRatio%3D%22none%22%20width%3D%22141%22%20height%3D%2218%22%20viewBox%3D%220%200%20141%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.00056%2013L18.9635%203.78375C22.646%201.65764%2027.2492%204.31527%2027.2492%208.56748C27.2492%2012.4136%2031.0818%2015.0825%2034.6891%2013.7482L55.8879%205.90762C60.8439%204.07457%2066.3706%204.65048%2070.8423%207.46596C74.9205%2010.0337%2079.897%2010.7498%2084.5337%209.43606L100.116%205.02104C104.849%203.68012%20109.744%203%20114.663%203H137.749%22%20stroke%3D%22%23FFF70F%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg%20preserveAspectRatio%3D%22none%22%20width%3D%22141%22%20height%3D%2218%22%20viewBox%3D%220%200%20141%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.00056%2013L18.9635%203.78375C22.646%201.65764%2027.2492%204.31527%2027.2492%208.56748C27.2492%2012.4136%2031.0818%2015.0825%2034.6891%2013.7482L55.8879%205.90762C60.8439%204.07457%2066.3706%204.65048%2070.8423%207.46596C74.9205%2010.0337%2079.897%2010.7498%2084.5337%209.43606L100.116%205.02104C104.849%203.68012%20109.744%203%20114.663%203H137.749%22%20stroke%3D%22%23FFF70F%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;clip-path:inset(0 100% 0 0)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-decorative-line--VtlsVisible .vtls-deco-line::after{animation:draw-line .8s ease-out forwards}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-circle{overflow:visible}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-circle em{display:inline;font-style:normal;z-index:1}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-circle .vtls-deco-line::after{content:"";position:absolute;left:-2px;right:-2px;top:56%;transform:translateY(-50%);z-index:-1;height:100%;background-color:var(--block-heading-decoration-color);mask-image:url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20width%3D%22427.000000pt%22%20height%3D%22113.000000pt%22%20viewBox%3D%220%200%20427.000000%20113.000000%22%20%20preserveAspectRatio%3D%22none%22%3E%20%3Cg%20transform%3D%22translate(0.000000%2C113.000000)%20scale(0.050000%2C-0.050000)%22%20fill%3D%22%23000000%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M3550%202247%20c-2012%20-45%20-3533%20-529%20-3537%20-1125%20-5%20-805%202524%20-1276%205717%20-1064%20176%2012%20497%2031%20714%2042%20909%2049%201580%20241%201894%20543%20112%20108%20193%20254%20176%20319%20-6%2021%20-2%2043%209%2050%2055%2034%20-27%20270%20-157%20450%20-405%20564%20-2133%20846%20-4816%20785z%20m1385%20-129%20c-42%20-24%20-46%20-89%20-7%20-104%2015%20-6%20242%20-12%20504%20-12%201283%20-4%202259%20-195%202712%20-531%20226%20-168%20222%20-392%20-12%20-605%20-1259%20-1151%20-8206%20-884%20-7983%20306%2070%20371%201237%20793%202511%20909%20559%2051%202349%2080%202275%2037z%20m3428%20-1243%20c-133%20-214%20-412%20-379%20-850%20-504%20-257%20-74%20-278%20-61%20-33%2020%20434%20144%20928%20456%20869%20550%20-10%2016%20-7%2020%208%2011%2013%20-8%2024%20-3%2025%2012%201%2020%204%2020%2011%201%206%20-14%20-8%20-54%20-30%20-90z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E%0A");-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20width%3D%22427.000000pt%22%20height%3D%22113.000000pt%22%20viewBox%3D%220%200%20427.000000%20113.000000%22%20%20preserveAspectRatio%3D%22none%22%3E%20%3Cg%20transform%3D%22translate(0.000000%2C113.000000)%20scale(0.050000%2C-0.050000)%22%20fill%3D%22%23000000%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M3550%202247%20c-2012%20-45%20-3533%20-529%20-3537%20-1125%20-5%20-805%202524%20-1276%205717%20-1064%20176%2012%20497%2031%20714%2042%20909%2049%201580%20241%201894%20543%20112%20108%20193%20254%20176%20319%20-6%2021%20-2%2043%209%2050%2055%2034%20-27%20270%20-157%20450%20-405%20564%20-2133%20846%20-4816%20785z%20m1385%20-129%20c-42%20-24%20-46%20-89%20-7%20-104%2015%20-6%20242%20-12%20504%20-12%201283%20-4%202259%20-195%202712%20-531%20226%20-168%20222%20-392%20-12%20-605%20-1259%20-1151%20-8206%20-884%20-7983%20306%2070%20371%201237%20793%202511%20909%20559%2051%202349%2080%202275%2037z%20m3428%20-1243%20c-133%20-214%20-412%20-379%20-850%20-504%20-257%20-74%20-278%20-61%20-33%2020%20434%20144%20928%20456%20869%20550%20-10%2016%20-7%2020%208%2011%2013%20-8%2024%20-3%2025%2012%201%2020%204%2020%2011%201%206%20-14%20-8%20-54%20-30%20-90z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E%0A");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:stretch;-webkit-mask-size:stretch;clip-path:inset(0 100% 0 0)}@supports not (mask-size: stretch){.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-circle .vtls-deco-line::after{mask-size:100% 100%;-webkit-mask-size:100% 100%}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-circle--VtlsVisible .vtls-deco-line::after{animation:draw-line .8s ease-out forwards}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-straight-line em{display:inline;font-style:normal;z-index:1}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-straight-line .vtls-deco-line::after{content:"";position:absolute;left:0;bottom:calc(var(--heading-decorative-line-move)*-1 - 2px);z-index:-1;width:100%;height:10px;background-color:var(--block-heading-decoration-color);mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22480%22%20height%3D%2220%22%20viewBox%3D%220%200%20480%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cpath%20d%3D%22M5.69031%2019.2392C3.29378%2019.8961%200.818346%2018.4862%200.16101%2016.0898C-0.496145%2013.6932%200.913876%2011.2169%203.31042%2010.5595C16.2905%207.0005%2043.9285%204.61084%2079.5897%202.99509C115.468%201.36948%20160.03%200.51244%20207.256%200.174762C301.716%20-0.500649%20406.987%200.899695%20475.099%202.40032C477.584%202.45506%20479.554%204.51352%20479.5%206.99798C479.445%209.4825%20477.387%2011.4528%20474.902%2011.3984C406.848%209.89902%20301.668%208.49918%20207.32%209.17379C160.143%209.51112%20115.711%2010.3672%2079.9969%2011.9853C44.0654%2013.6133%2017.5103%2015.9983%205.69031%2019.2392Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22480%22%20height%3D%2220%22%20viewBox%3D%220%200%20480%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cpath%20d%3D%22M5.69031%2019.2392C3.29378%2019.8961%200.818346%2018.4862%200.16101%2016.0898C-0.496145%2013.6932%200.913876%2011.2169%203.31042%2010.5595C16.2905%207.0005%2043.9285%204.61084%2079.5897%202.99509C115.468%201.36948%20160.03%200.51244%20207.256%200.174762C301.716%20-0.500649%20406.987%200.899695%20475.099%202.40032C477.584%202.45506%20479.554%204.51352%20479.5%206.99798C479.445%209.4825%20477.387%2011.4528%20474.902%2011.3984C406.848%209.89902%20301.668%208.49918%20207.32%209.17379C160.143%209.51112%20115.711%2010.3672%2079.9969%2011.9853C44.0654%2013.6133%2017.5103%2015.9983%205.69031%2019.2392Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3C%2Fsvg%3E%0A");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;clip-path:inset(0 100% 0 0)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-straight-line--VtlsVisible .vtls-deco-line::after{animation:draw-line .8s ease-out forwards}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Heading--decoration-alternative_font em{font-family:var(--block-heading-decoration-font);font-style:normal}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description p,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description ul,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description ol{margin:0;font-size:calc(var(--block-description-size)*.88);color:var(--block-description-color)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description h1,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description h2,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description h3,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description h4,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description h5,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description h6{color:var(--block-description-color);margin:0;padding:0}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description a{color:var(--block-description-color);margin:0;padding:0;text-decoration:underline;text-underline-offset:var(--vtl-space-2);transition:opacity .3s ease-in}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description a:hover{opacity:.85}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description ul,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description ol{padding-left:var(--vtl-space-20)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alignment-center ul,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alignment-center ol,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alignment-right ul,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alignment-right ol{list-style-position:inside}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-color em{color:var(--block-description-decoration-color);font-style:normal}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-background em{display:inline;padding:0 var(--vtl-space-4);font-style:normal}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-background.VtlsTextBox__Description--decoration-background-color em{background-color:var(--block-description-decoration-background-color)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-background.VtlsTextBox__Description--decoration-background-gradient em{background:var(--block-description-decoration-background-gradient)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-gradient em{background:var(--block-description-decoration-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-style:normal}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-decorative-line em{display:inline;font-style:normal;z-index:1}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-decorative-line .vtls-deco-line::after{content:"";position:absolute;left:0;bottom:calc(var(--description-decorative-line-move)*-1 - 5px);z-index:-1;width:100%;height:8px;background-color:var(--block-description-decoration-color);mask-image:url("data:image/svg+xml;utf8,%3Csvg%20preserveAspectRatio%3D%22none%22%20width%3D%22141%22%20height%3D%2218%22%20viewBox%3D%220%200%20141%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.00056%2013L18.9635%203.78375C22.646%201.65764%2027.2492%204.31527%2027.2492%208.56748C27.2492%2012.4136%2031.0818%2015.0825%2034.6891%2013.7482L55.8879%205.90762C60.8439%204.07457%2066.3706%204.65048%2070.8423%207.46596C74.9205%2010.0337%2079.897%2010.7498%2084.5337%209.43606L100.116%205.02104C104.849%203.68012%20109.744%203%20114.663%203H137.749%22%20stroke%3D%22%23FFF70F%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg%20preserveAspectRatio%3D%22none%22%20width%3D%22141%22%20height%3D%2218%22%20viewBox%3D%220%200%20141%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.00056%2013L18.9635%203.78375C22.646%201.65764%2027.2492%204.31527%2027.2492%208.56748C27.2492%2012.4136%2031.0818%2015.0825%2034.6891%2013.7482L55.8879%205.90762C60.8439%204.07457%2066.3706%204.65048%2070.8423%207.46596C74.9205%2010.0337%2079.897%2010.7498%2084.5337%209.43606L100.116%205.02104C104.849%203.68012%20109.744%203%20114.663%203H137.749%22%20stroke%3D%22%23FFF70F%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;clip-path:inset(0 100% 0 0)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-decorative-line--VtlsVisible .vtls-deco-line::after{animation:draw-line .8s ease-out forwards}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-circle{overflow:visible}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-circle em{display:inline;font-style:normal;z-index:1}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-circle .vtls-deco-line::after{content:"";position:absolute;left:-2px;right:-2px;top:56%;transform:translateY(-50%);z-index:-1;height:100%;background-color:var(--block-description-decoration-color);mask-image:url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20width%3D%22427.000000pt%22%20height%3D%22113.000000pt%22%20viewBox%3D%220%200%20427.000000%20113.000000%22%20%20preserveAspectRatio%3D%22none%22%3E%20%3Cg%20transform%3D%22translate(0.000000%2C113.000000)%20scale(0.050000%2C-0.050000)%22%20fill%3D%22%23000000%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M3550%202247%20c-2012%20-45%20-3533%20-529%20-3537%20-1125%20-5%20-805%202524%20-1276%205717%20-1064%20176%2012%20497%2031%20714%2042%20909%2049%201580%20241%201894%20543%20112%20108%20193%20254%20176%20319%20-6%2021%20-2%2043%209%2050%2055%2034%20-27%20270%20-157%20450%20-405%20564%20-2133%20846%20-4816%20785z%20m1385%20-129%20c-42%20-24%20-46%20-89%20-7%20-104%2015%20-6%20242%20-12%20504%20-12%201283%20-4%202259%20-195%202712%20-531%20226%20-168%20222%20-392%20-12%20-605%20-1259%20-1151%20-8206%20-884%20-7983%20306%2070%20371%201237%20793%202511%20909%20559%2051%202349%2080%202275%2037z%20m3428%20-1243%20c-133%20-214%20-412%20-379%20-850%20-504%20-257%20-74%20-278%20-61%20-33%2020%20434%20144%20928%20456%20869%20550%20-10%2016%20-7%2020%208%2011%2013%20-8%2024%20-3%2025%2012%201%2020%204%2020%2011%201%206%20-14%20-8%20-54%20-30%20-90z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E%0A");-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20width%3D%22427.000000pt%22%20height%3D%22113.000000pt%22%20viewBox%3D%220%200%20427.000000%20113.000000%22%20%20preserveAspectRatio%3D%22none%22%3E%20%3Cg%20transform%3D%22translate(0.000000%2C113.000000)%20scale(0.050000%2C-0.050000)%22%20fill%3D%22%23000000%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M3550%202247%20c-2012%20-45%20-3533%20-529%20-3537%20-1125%20-5%20-805%202524%20-1276%205717%20-1064%20176%2012%20497%2031%20714%2042%20909%2049%201580%20241%201894%20543%20112%20108%20193%20254%20176%20319%20-6%2021%20-2%2043%209%2050%2055%2034%20-27%20270%20-157%20450%20-405%20564%20-2133%20846%20-4816%20785z%20m1385%20-129%20c-42%20-24%20-46%20-89%20-7%20-104%2015%20-6%20242%20-12%20504%20-12%201283%20-4%202259%20-195%202712%20-531%20226%20-168%20222%20-392%20-12%20-605%20-1259%20-1151%20-8206%20-884%20-7983%20306%2070%20371%201237%20793%202511%20909%20559%2051%202349%2080%202275%2037z%20m3428%20-1243%20c-133%20-214%20-412%20-379%20-850%20-504%20-257%20-74%20-278%20-61%20-33%2020%20434%20144%20928%20456%20869%20550%20-10%2016%20-7%2020%208%2011%2013%20-8%2024%20-3%2025%2012%201%2020%204%2020%2011%201%206%20-14%20-8%20-54%20-30%20-90z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E%0A");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:stretch;-webkit-mask-size:stretch;clip-path:inset(0 100% 0 0)}@supports not (mask-size: stretch){.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-circle .vtls-deco-line::after{mask-size:100% 100%;-webkit-mask-size:100% 100%}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-circle--VtlsVisible .vtls-deco-line::after{animation:draw-line .8s ease-out forwards}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-straight-line em{display:inline;font-style:normal;z-index:1}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-straight-line .vtls-deco-line::after{content:"";position:absolute;left:0;bottom:calc(var(--description-decorative-line-move)*-1 - 2px);z-index:-1;width:100%;height:6px;background-color:var(--block-description-decoration-color);mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22480%22%20height%3D%2220%22%20viewBox%3D%220%200%20480%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cpath%20d%3D%22M5.69031%2019.2392C3.29378%2019.8961%200.818346%2018.4862%200.16101%2016.0898C-0.496145%2013.6932%200.913876%2011.2169%203.31042%2010.5595C16.2905%207.0005%2043.9285%204.61084%2079.5897%202.99509C115.468%201.36948%20160.03%200.51244%20207.256%200.174762C301.716%20-0.500649%20406.987%200.899695%20475.099%202.40032C477.584%202.45506%20479.554%204.51352%20479.5%206.99798C479.445%209.4825%20477.387%2011.4528%20474.902%2011.3984C406.848%209.89902%20301.668%208.49918%20207.32%209.17379C160.143%209.51112%20115.711%2010.3672%2079.9969%2011.9853C44.0654%2013.6133%2017.5103%2015.9983%205.69031%2019.2392Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22480%22%20height%3D%2220%22%20viewBox%3D%220%200%20480%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cpath%20d%3D%22M5.69031%2019.2392C3.29378%2019.8961%200.818346%2018.4862%200.16101%2016.0898C-0.496145%2013.6932%200.913876%2011.2169%203.31042%2010.5595C16.2905%207.0005%2043.9285%204.61084%2079.5897%202.99509C115.468%201.36948%20160.03%200.51244%20207.256%200.174762C301.716%20-0.500649%20406.987%200.899695%20475.099%202.40032C477.584%202.45506%20479.554%204.51352%20479.5%206.99798C479.445%209.4825%20477.387%2011.4528%20474.902%2011.3984C406.848%209.89902%20301.668%208.49918%20207.32%209.17379C160.143%209.51112%20115.711%2010.3672%2079.9969%2011.9853C44.0654%2013.6133%2017.5103%2015.9983%205.69031%2019.2392Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3C%2Fsvg%3E%0A");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;clip-path:inset(0 100% 0 0)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-straight-line--VtlsVisible .vtls-deco-line::after{animation:draw-line .8s ease-out forwards}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--decoration-alternative_font em{font-family:var(--block-description-decoration-font);font-style:normal}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description p,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description ul,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description ol{font-size:var(--block-description-size)}}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alternativeFont p,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alternativeFont ul,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alternativeFont ol,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alternativeFont h1,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alternativeFont h2,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alternativeFont h3,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alternativeFont h4,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alternativeFont h5,.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsTextBox__Description--alternativeFont h6{font-family:var(--block-description-font)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsHighlightedTextButton{display:flex;gap:var(--vtl-space-12);flex-wrap:wrap;justify-content:var(--section-text-alignment)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsHighlightedTextButton__Primary{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font:inherit;font-size:var(--vtl-font-size-14);text-decoration:var(--vtl-text-decoration-none);-webkit-appearance:none;appearance:none;width:fit-content;padding:var(--vtl-space-16) var(--vtl-space-20);transition:all .3s ease-in;line-height:1;border:0;outline:none}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsHighlightedTextButton__Primary:hover{opacity:.85}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsHighlightedTextButton__Primary--solid{color:var(--block-primary-button-text-color);background:var(--block-primary-button-background-color);border-radius:var(--block-primary-button-corner-radius);border:0}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsHighlightedTextButton__Primary--outline{color:var(--block-primary-button-text-color);background:rgba(0,0,0,0);border:var(--vtl-border-width-1) solid var(--block-primary-button-border-color);border-radius:var(--block-primary-button-corner-radius)}.Vtls-template-29392351134033__tsapb_68ffbbd5_b3bg4m.VtlsHighlightedText .VtlsHighlightedTextContent .VtlsHighlightedTextButton__Primary--link{color:var(--block-primary-button-text-color);background:rgba(0,0,0,0);border:0;padding:0;border-radius:0;text-decoration:var(--vtl-text-decoration-underline);text-underline-offset:var(--vtl-space-4)}
</style>
<script>
(() => {
class VtlsHighlightedText extends HTMLElement {
get decoEmSelector() {
return '[data-decoration="decorative-line"] em, [data-decoration="straight-line"] em, [data-decoration="circle"] em';
}
connectedCallback() {
this.reinit();
}
disconnectedCallback() {
clearTimeout(this.mutationDebounce);
clearTimeout(this.resizeDebounce);
cancelAnimationFrame(this.rafId);
this.mutationObserver?.disconnect();
this.observer?.disconnect();
this.resizeObserver?.disconnect();
}
isDesignMode() {
return window.Shopify?.designMode || document.documentElement.classList.contains('shopify-design-mode');
}
getContentSignature() {
const ems = this.querySelectorAll('[data-decoration] em');
return [...ems].map((em) => em.textContent).join('\n');
}
reinit() {
clearTimeout(this.mutationDebounce);
clearTimeout(this.resizeDebounce);
cancelAnimationFrame(this.rafId);
this.mutationObserver?.disconnect();
this.resizeObserver?.disconnect();
this.observer?.disconnect();
this.lastResizeWidth = null;
this.querySelectorAll('.vtls-deco-line').forEach((line) => {
while (line.firstChild) line.parentNode.insertBefore(line.firstChild, line);
line.remove();
});
this.querySelectorAll('.vtls-deco-word').forEach((word) => {
while (word.firstChild) word.parentNode.insertBefore(word.firstChild, word);
word.remove();
});
this.querySelectorAll(this.decoEmSelector).forEach((em) => em.normalize());
this.wrapEmWords();
const isDesign = this.isDesignMode();
this.rafId = requestAnimationFrame(() => {
this.groupWordsByLine(isDesign);
this.initObserver();
this.initResizeObserver();
if (isDesign) {
this.lastContentSignature = this.getContentSignature();
this.startMutationObserver();
}
});
}
allDecoSpansIntact() {
const ems = this.querySelectorAll(this.decoEmSelector);
for (const em of ems) {
if (!em.querySelector('.vtls-deco-line')) return false;
}
return true;
}
startMutationObserver() {
this.mutationObserver?.disconnect();
this.mutationObserver = new MutationObserver(() => {
clearTimeout(this.mutationDebounce);
this.mutationDebounce = setTimeout(() => {
if (this.allDecoSpansIntact() && this.getContentSignature() === this.lastContentSignature) return;
this.reinit();
}, 50);
});
this.mutationObserver.observe(this, { childList: true, subtree: true, characterData: true });
}
wrapEmWords() {
[...this.querySelectorAll(this.decoEmSelector)].forEach((em) => {
if (em.querySelector('.vtls-deco-word')) return;
const walker = document.createTreeWalker(em, NodeFilter.SHOW_TEXT);
const textNodes = [];
let node;
while ((node = walker.nextNode())) {
textNodes.push(node);
}
textNodes.forEach((textNode) => {
const fragment = document.createDocumentFragment();
textNode.textContent.split(/(\s+)/).forEach((part) => {
if (!part) return;
if (/^\s+$/.test(part)) {
fragment.appendChild(document.createTextNode(part));
} else {
const span = document.createElement('span');
span.className = 'vtls-deco-word';
span.textContent = part;
fragment.appendChild(span);
}
});
textNode.parentNode.replaceChild(fragment, textNode);
});
});
}
groupEmByLine(em, instant = false) {
const words = [...em.querySelectorAll('.vtls-deco-word')];
if (!words.length) return;
const rawTops = words.map((w) => w.getBoundingClientRect().top);
const lineBuckets = [];
rawTops.forEach((top) => {
if (!lineBuckets.find((b) => Math.abs(b - top) < 4)) lineBuckets.push(top);
});
if (!lineBuckets.length) return;
const wordKeys = rawTops.map((top) => lineBuckets.find((b) => Math.abs(b - top) < 4));
const groups = new Map();
lineBuckets.forEach((b) => groups.set(b, []));
const wordToKey = new Map();
words.forEach((w, i) => wordToKey.set(w, wordKeys[i]));
let currentKey = wordKeys[0];
[...em.childNodes].forEach((node) => {
let key;
if (node.nodeType === Node.ELEMENT_NODE) {
if (node.classList?.contains('vtls-deco-word')) {
key = wordToKey.get(node);
} else {
const firstWord = node.querySelector?.('.vtls-deco-word');
if (firstWord) key = wordToKey.get(firstWord);
}
}
if (key != null) currentKey = key;
groups.get(currentKey)?.push(node);
});
while (em.firstChild) em.removeChild(em.firstChild);
const lineEntries = [...groups.entries()];
lineEntries.forEach(([, nodes], idx) => {
while (nodes.length && nodes[nodes.length - 1].nodeType === Node.TEXT_NODE && /^\s+$/.test(nodes[nodes.length - 1].textContent)) {
nodes.pop();
}
const lineSpan = document.createElement('span');
lineSpan.className = instant ? 'vtls-deco-line vtls-deco-line--instant' : 'vtls-deco-line';
nodes.forEach((n) => lineSpan.appendChild(n));
em.appendChild(lineSpan);
if (idx < lineEntries.length - 1) {
em.appendChild(document.createTextNode(' '));
}
});
}
groupWordsByLine(instant = false) {
this.querySelectorAll(this.decoEmSelector).forEach((em) => this.groupEmByLine(em, instant));
}
regroupLines() {
this.querySelectorAll(this.decoEmSelector).forEach((em) => {
const parent = em.closest('[data-decoration]');
const decoType = parent?.dataset.decoration;
const decorationClass = decoType ? [...parent.classList].find((cls) => cls.includes(`--decoration-${decoType}`)) : null;
const isVisible = decorationClass ? parent.classList.contains(`${decorationClass}--VtlsVisible`) : false;
em.querySelectorAll('.vtls-deco-line').forEach((line) => {
while (line.firstChild) line.parentNode.insertBefore(line.firstChild, line);
line.remove();
});
em.normalize();
this.groupEmByLine(em, isVisible || this.isDesignMode());
});
}
initResizeObserver() {
this.resizeObserver = new ResizeObserver((entries) => {
const width = Math.round(entries[0].contentRect.width);
if (this.lastResizeWidth == null) {
this.lastResizeWidth = width;
return;
}
if (this.lastResizeWidth === width) return;
this.lastResizeWidth = width;
clearTimeout(this.resizeDebounce);
this.resizeDebounce = setTimeout(() => this.regroupLines(), 50);
});
this.resizeObserver.observe(this);
}
initObserver() {
const elements = this.querySelectorAll(
'[data-decoration="decorative-line"], [data-decoration="circle"], [data-decoration="straight-line"]'
);
if (!elements.length) return;
if (this.isDesignMode()) {
elements.forEach((el) => {
const decorationClass = [...el.classList].find((cls) => cls.includes(`--decoration-${el.dataset.decoration}`));
if (decorationClass) el.classList.add(`${decorationClass}--VtlsVisible`);
});
return;
}
this.observer = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
if (!entry.isIntersecting) return;
const decorationClass = [...entry.target.classList].find((cls) =>
cls.includes(`--decoration-${entry.target.dataset.decoration}`)
);
if (decorationClass) entry.target.classList.add(`${decorationClass}--VtlsVisible`);
this.observer.unobserve(entry.target);
});
},
{ threshold: 0.5 }
);
elements.forEach((el) => this.observer.observe(el));
}
}
const register = () => {
if (!customElements.get('vtls-highlighted-text')) {
customElements.define('vtls-highlighted-text', VtlsHighlightedText);
}
};
document.addEventListener('shopify:section:load', () => {
register();
});
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', register);
} else {
register();
}
})();
</script>
<script>
(function () {
const uninstallMessage = 'Displaying this section requires an active Square: Theme Sections & AI Pages subscription. Reinstall the <a href="https://apps.shopify.com/theme-sections-ai-page-builder" target="_blank">Square: Theme Sections & AI Pages app</a> to activate it or consider removing the section.';
const downgradeMessage = 'You downgraded to a free plan. You need to upgrade your <a href="https://apps.shopify.com/theme-sections-ai-page-builder" target="_blank">Square: Theme Sections & AI Pages app</a> plan to activate it or consider removing the section.';
const projectId = '5';
const sectionsSelector = '.shopify-section';
const apps = {
'1': {
prefix: 'vitals',
hostname: 'https://appsolve.io'
},
'5': {
prefix: 'tsapb',
hostname: 'https://theme-sections.sqa-api.com'
}
};
const cacheKeysMetaFields = '1778395939';
const shopId = '78637793617';
const getHostname = () => {
if (apps[projectId].hostname) {
return apps[projectId].hostname;
}
console.error(`hostname for appId ${projectId} cannot be determined.`);
return undefined;
}
const disableSection = (message, selector) => {
const mainContainer = document.querySelector(selector);
const contentContainer = document.querySelector(`${selector} > section`);
if ('false' === 'true') {
contentContainer.innerHTML = `<h2 class="VtlsUninstallBG"><div class="VtlsUninstallBG__Text">${message}</div></h2>`;
} else {
mainContainer.style.display = 'none';
mainContainer.remove();
}
};
const getThemeSectionIdsByUUID = (installedThemeSections, uuid, appId) => {
const listIds = [];
installedThemeSections.forEach((installedThemeSection) => {
if (installedThemeSection.id.includes(`${apps[appId].prefix}_${uuid}`)) {
listIds.push(installedThemeSection.id);
}
})
return listIds;
}
const getThemeSectionsStatusList = (url) => fetch(url, {
method: 'GET',
headers: { 'Content-Type': 'application/json' },
}).then((response) => response.json());
const evaluateThemeSections = (url) => {
getThemeSectionsStatusList(url).then(response => {
const { data, f, i } = response;
const installedThemeSections = document.querySelectorAll(sectionsSelector);
data.forEach((themeSection) => {
const { e, u, a } = themeSection;
if (!e) {
const themeSectionsWithUUID = getThemeSectionIdsByUUID(installedThemeSections, u, a);
let message = '';
if (f) {
message = downgradeMessage;
}
if (!i) {
message = uninstallMessage;
}
themeSectionsWithUUID.forEach((themeSectionSelector) => {
disableSection(message, `#${themeSectionSelector}`);
})
}
});
})
}
if (shopId) {
if (window.vtlsSecurityCheckStarted === undefined) {
window.vtlsSecurityCheckStarted = true;
let url = '';
const hostname = getHostname();
if (!hostname) {
return;
}
const baseUrl = `${hostname}/bundle/api/v2/sf/ts`;
if (cacheKeysMetaFields) {
url = `${baseUrl}/${shopId}/${cacheKeysMetaFields}.json`;
} else {
const timestamp = Math.round(new Date().getTime() / 1000 / 10000) * 10000;
url = `${baseUrl}/${shopId}/${timestamp}.json`;
}
evaluateThemeSections(url);
}
}
})();
</script>
<style data-shopify>
.VtlsUninstallBG{background-color:var(--vtl-color-bg-fill-inverse-on-light);background-image:url("data:image/avif;base64,iVBORw0KGgoAAAANSUhEUgAABOcAAABkCAQAAABnAJxfAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+gLFQgmAgUXFkMAAARaSURBVHja7daxbSRBEATB8ZzvKw0h1dcIlJS4jl25Azlavffn9/3v++e//+vvCwqFQqFQKBRKSklEUCgUCoVCoVAMOgqFQqFQKJSzSiKCQqFQKBQKhWLQUSgUCoVCoZxVEhEUCoVCoVAoFIOOQqFQKBQK5VOURASFQqFQKBQKZVUSERQKhUKhUCiUVUlEUCgUCoVCoVBWZbtOPoVCoVAoFArlovIKERQKhUKhUCiUVXmFCAqFQqFQKBTKqrxCBIVCoVAoFAplVV4hgkKhUCgUCoUyK4kICoVCoVAoFMqqJCIoFAqFQqFQKKuSiKBQKBQKhUKhrEoigkKhUCgUCoVi0FEoFAqFQqGcVRIRFAqFQqFQKBSDjkKhUCgUCuWskoigUCgUCoVCoRh0FAqFQqFQKGeVRASFQqFQKBQKxaCjUCgUCoVCOaskIigUCoVCoVAoBh2FQqFQKBTKWSURQaFQKBQKhUIx6CgUCoVCoVDOKokICoVCoVAoFIpBR6FQKBQKhXJWSURQKBQKhUKhUAw6CoVCoVAolLNKIoJCoVAoFAqFYtBRKBQKhUKhnFUSERQKhUKhUCgUg45CoVAoFArlrJKIoFAoFAqFQqEYdBQKhUKhUChnlUQEhUKhUCgUCsWgo1AoFAqFQvkUJRFBoVAoFAqFQlmVRASFQqFQKBQKZVUSERQKhUKhUCiUVdmuk0+hUCgUCoVCuai8QgSFQqFQKBQKZVVeIYJCoVAoFAqFsiqvEEGhUCgUCoVCWZVXiKBQKBQKhUKhzEoigkKhUCgUCoWyKokICoVCoVAoFMqqJCIoFAqFQqFQKKuSiKBQKBQKhUKhGHQUCoVCoVAoZ5VEBIVCoVAoFArFoKNQKBQKhUI5qyQiKBQKhUKhUCgGHYVCoVAoFMpZJRFBoVAoFAqFQjHoKBQKhUKhUM4qiQgKhUKhUCgUikFHoVAoFAqFclZJRFAoFAqFQqFQDDoKhUKhUCiUs0oigkKhUCgUCoVi0FEoFAqFQqGcVRIRFAqFQqFQKBSDjkKhUCgUCuWskoigUCgUCoVCoRh0FAqFQqFQKGeVRASFQqFQKBQKxaCjUCgUCoVCOaskIigUCoVCoVAoBh2FQqFQKBTKWSURQaFQKBQKhUIx6CgUCoVCoVA+RUlEUCgUCoVCoVBWJRFBoVAoFAqFQlmVRASFQqFQKBQKZVW26+RTKBQKhUKhUC4qrxBBoVAoFAqFQlmVV4igUCgUCoVCoazKK0RQKBQKhUKhUFblFSIoFAqFQqFQKLOSiKBQKBQKhUKhrEoigkKhUCgUCoWyKokICoVCoVAoFMqqJCIoFAqFQqFQKAYdhUKhUCgUylklEUGhUCgUCoVCMegoFAqFQqFQziqJCAqFQqFQKBSKQUehUCgUCoVyVklEUCgUCoVCoVAMOgqFQqFQKJSzSiKCQqFQKBQKhWLQUSgUCoVCoZxVEhEUCoVCoVAoFIOOQqFQKBQK5dOVX5nMB52iezhxAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI0LTExLTIxVDA4OjM4OjAyKzAwOjAw30WrCwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNC0xMS0yMVQwODozODowMiswMDowMK4YE7cAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjQtMTEtMjFUMDg6Mzg6MDIrMDA6MDD5DTJoAAAAAElFTkSuQmCC");background-position:center;background-size:cover;text-align:center;padding:var(--vtl-space-32);margin:0}.VtlsUninstallBG__Text{color:var(--vtl-color-text-disable-on-light);font-family:Inter,sans-serif;font-size:var(--vtl-font-size-14);font-weight:var(--vtl-font-weight-400);line-height:var(--vtl-line-height-140);padding:var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-40);background-color:var(--vtl-color-bg-fill-inverse-on-light);display:inline-block}.VtlsUninstallBG__Text::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%09%09%09%3Cpath%20d%3D%22M9.99994%206.75C10.4142%206.75%2010.7499%207.08579%2010.7499%207.5V11C10.7499%2011.4142%2010.4142%2011.75%209.99994%2011.75C9.58573%2011.75%209.24994%2011.4142%209.24994%2011V7.5C9.24994%207.08579%209.58573%206.75%209.99994%206.75Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%09%3Cpath%20d%3D%22M11%2013.5C11%2014.0523%2010.5523%2014.5%2010%2014.5C9.44772%2014.5%209%2014.0523%209%2013.5C9%2012.9477%209.44772%2012.5%2010%2012.5C10.5523%2012.5%2011%2012.9477%2011%2013.5Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%203.5C8.95471%203.5%208.21616%204.20232%207.84762%204.94672C7.65565%205.33448%206.75984%207.0441%205.84305%208.79353L5.81531%208.84646C4.9229%2010.5493%204.01714%2012.2777%203.80716%2012.702C3.4351%2013.4537%203.32931%2014.4519%203.89953%2015.316C4.46911%2016.1791%205.44222%2016.5%206.36356%2016.5L13.6364%2016.5C14.5577%2016.5%2015.5308%2016.1791%2016.1004%2015.316C16.6707%2014.4519%2016.5649%2013.4537%2016.1928%2012.702C15.9832%2012.2784%2015.08%2010.555%2014.1889%208.85476L14.1569%208.79352C13.24%207.044%2012.3443%205.33454%2012.1524%204.94693C11.784%204.20242%2011.0454%203.5%2010%203.5ZM9.1919%205.61225C9.59605%204.79592%2010.4041%204.79592%2010.8081%205.61225C11.0102%206.02061%2011.9201%207.75686%2012.8296%209.49243C13.7383%2011.2262%2014.6466%2012.9594%2014.8485%2013.3673C15.2525%2014.1837%2014.8485%2015%2013.6364%2015L6.36356%2015C5.1515%2015%204.74746%2014.1837%205.1515%2013.3673C5.35376%2012.9587%206.26468%2011.2205%207.1748%209.4838C8.08283%207.75111%208.99005%206.01994%209.1919%205.61225Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%3C%2Fsvg%3E");position:absolute;width:var(--vtl-space-20);height:var(--vtl-space-20);margin-left:calc(-1*var(--vtl-space-24))}.VtlsUninstallBG__Text a{color:var(--vtl-color-text-disable-on-light)}.VtlsUninstallBG__Text a:hover{text-decoration:none}
</style>
</div><div id="shopify-section-template--29392351134033__collection_list_YiDXYt" 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: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --gap: 12px; "
data-testid="collection-list"
>
<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--AUU5SSDArVm5vNVVwa__text_dC6rwb 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>Nos collections</h3>
</rte-formatter>
</div>
</div>
</div>
<div
class="resource-list hidden--mobile resource-list--grid"
style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 8px;--resource-list-columns: repeat(4, 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"
data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:15px; overflow: hidden; --horizontal-alignment: center; --vertical-alignment: center; --background-overlay-color: ; --gap: 8px; ">
<a
class="collection-card__link"
href="/collections/colliers-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">Colliers Fantaisie - Collection Bijoux Tendance</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card"] {
--ratio: 1.0;
}
</style>
<div
class="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="//cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=3840" alt="Colliers Fantaisie - Collection Bijoux Tendance" srcset="//cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=240 240w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=352 352w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=832 832w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=1200 1200w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=1600 1600w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=1920 1920w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=2560 2560w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class="spacing-style text-block text-block--AV1JXdUJtME8vdUZGY__collection_title_WTjRJU rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Colliers Fantaisie - Collection Bijoux Tendance</p>
</div>
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style"
data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:15px; overflow: hidden; --horizontal-alignment: center; --vertical-alignment: center; --background-overlay-color: ; --gap: 8px; ">
<a
class="collection-card__link"
href="/collections/boucles-doreilles-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">Boucles d'Oreilles Fantaisie - Collection bijoux tendance</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-1"] {
--ratio: 1.0;
}
</style>
<div
class="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="//cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=3840" alt="Boucles d'Oreilles Fantaisie - Collection bijoux tendance" srcset="//cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=240 240w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=352 352w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=832 832w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=1200 1200w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=1600 1600w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=1920 1920w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=2560 2560w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class="spacing-style text-block text-block--AV1JXdUJtME8vdUZGY__collection_title_WTjRJU-1 rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Boucles d'Oreilles Fantaisie - Collection bijoux tendance</p>
</div>
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style"
data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-2"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:15px; overflow: hidden; --horizontal-alignment: center; --vertical-alignment: center; --background-overlay-color: ; --gap: 8px; ">
<a
class="collection-card__link"
href="/collections/bagues-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">Bagues Fantaisie - Collection Bijoux Tendance</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-2"] {
--ratio: 1.0;
}
</style>
<div
class="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="//cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=3840" alt="Bagues Fantaisie - Collection Bijoux Tendance" srcset="//cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=240 240w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=352 352w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=832 832w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=1200 1200w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=1600 1600w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=1920 1920w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=2560 2560w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class="spacing-style text-block text-block--AV1JXdUJtME8vdUZGY__collection_title_WTjRJU-2 rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Bagues Fantaisie - Collection Bijoux Tendance</p>
</div>
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style"
data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-3"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:15px; overflow: hidden; --horizontal-alignment: center; --vertical-alignment: center; --background-overlay-color: ; --gap: 8px; ">
<a
class="collection-card__link"
href="/collections/bracelets-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">Bracelets fantaisie – Collection bijoux tendance</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-3"] {
--ratio: 1.0;
}
</style>
<div
class="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="//cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=3840" alt="Bracelets fantaisie – Collection bijoux tendance" srcset="//cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=240 240w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=352 352w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=832 832w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=1200 1200w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=1600 1600w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=1920 1920w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=2560 2560w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class="spacing-style text-block text-block--AV1JXdUJtME8vdUZGY__collection_title_WTjRJU-3 rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Bracelets fantaisie – Collection bijoux tendance</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="resource-list hidden--desktop resource-list__carousel force-full-width"
style=" --resource-list-column-gap-desktop: 8px; --column-count: 4; --column-count-mobile: 1; --mobile-card-size: 60cqw; "
>
<div style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;">
<slideshow-component
ref="collectionListMobile"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--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 aria-hidden="true" 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 aria-hidden="true" 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="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style"
data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:15px; overflow: hidden; --horizontal-alignment: center; --vertical-alignment: center; --background-overlay-color: ; --gap: 8px; ">
<a
class="collection-card__link"
href="/collections/colliers-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">Colliers Fantaisie - Collection Bijoux Tendance</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card"] {
--ratio: 1.0;
}
</style>
<div
class="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="//cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=3840" alt="Colliers Fantaisie - Collection Bijoux Tendance" srcset="//cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=240 240w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=352 352w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=832 832w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=1200 1200w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=1600 1600w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=1920 1920w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=2560 2560w, //cmonshopping.com/cdn/shop/collections/Collier_fantaisie.webp?v=1775975971&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class="spacing-style text-block text-block--AV1JXdUJtME8vdUZGY__collection_title_WTjRJU rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Colliers Fantaisie - Collection Bijoux Tendance</p>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style"
data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:15px; overflow: hidden; --horizontal-alignment: center; --vertical-alignment: center; --background-overlay-color: ; --gap: 8px; ">
<a
class="collection-card__link"
href="/collections/boucles-doreilles-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">Boucles d'Oreilles Fantaisie - Collection bijoux tendance</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-1"] {
--ratio: 1.0;
}
</style>
<div
class="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="//cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=3840" alt="Boucles d'Oreilles Fantaisie - Collection bijoux tendance" srcset="//cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=240 240w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=352 352w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=832 832w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=1200 1200w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=1600 1600w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=1920 1920w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=2560 2560w, //cmonshopping.com/cdn/shop/collections/Designsanstitre_60.png?v=1776667844&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class="spacing-style text-block text-block--AV1JXdUJtME8vdUZGY__collection_title_WTjRJU-1 rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Boucles d'Oreilles Fantaisie - Collection bijoux tendance</p>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style"
data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-2"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:15px; overflow: hidden; --horizontal-alignment: center; --vertical-alignment: center; --background-overlay-color: ; --gap: 8px; ">
<a
class="collection-card__link"
href="/collections/bagues-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">Bagues Fantaisie - Collection Bijoux Tendance</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-2"] {
--ratio: 1.0;
}
</style>
<div
class="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="//cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=3840" alt="Bagues Fantaisie - Collection Bijoux Tendance" srcset="//cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=240 240w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=352 352w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=832 832w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=1200 1200w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=1600 1600w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=1920 1920w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=2560 2560w, //cmonshopping.com/cdn/shop/collections/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1776057849&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class="spacing-style text-block text-block--AV1JXdUJtME8vdUZGY__collection_title_WTjRJU-2 rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Bagues Fantaisie - Collection Bijoux Tendance</p>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style"
data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-3"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:15px; overflow: hidden; --horizontal-alignment: center; --vertical-alignment: center; --background-overlay-color: ; --gap: 8px; ">
<a
class="collection-card__link"
href="/collections/bracelets-fantaisie-collection-bijoux-tendance"
>
<span class="visually-hidden">Bracelets fantaisie – Collection bijoux tendance</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AMHp4d21yc29PS0Vkc__static-collection-card-3"] {
--ratio: 1.0;
}
</style>
<div
class="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="//cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=3840" alt="Bracelets fantaisie – Collection bijoux tendance" srcset="//cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=240 240w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=352 352w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=832 832w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=1200 1200w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=1600 1600w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=1920 1920w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=2560 2560w, //cmonshopping.com/cdn/shop/collections/Design_sans_titre_53.png?v=1776667887&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class="spacing-style text-block text-block--AV1JXdUJtME8vdUZGY__collection_title_WTjRJU-3 rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Bracelets fantaisie – Collection bijoux tendance</p>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
</div>
</div><div id="shopify-section-template--29392351134033__tsapb_e1c414da_GdwLEN" class="shopify-section"><!-- --VERSION-43-- -->
<style data-shopify>
:root {
--vtl-neutral-100: #222;
--vtl-neutral-70: #5e5e5e;
--vtl-neutral-05: #eaeaea;
--vtl-neutral-01: #fff;
--vtl-alpha-black-10: rgba(34, 34, 34, 0.1);
--vtl-red-110: #ce1900;
--vtl-blue-100: #0071e9;
--vtl-size-1: 1px;
--vtl-size-2: 2px;
--vtl-size-4: 4px;
--vtl-size-6: 6px;
--vtl-size-8: 8px;
--vtl-size-12: 12px;
--vtl-size-14: 14px;
--vtl-size-16: 16px;
--vtl-size-20: 20px;
--vtl-size-24: 24px;
--vtl-size-32: 32px;
--vtl-size-40: 40px;
--vtl-font-weight-400: 400;
--vtl-line-height-140: 1.4;
--vtl-text-decoration-none: none;
--vtl-text-decoration-underline: underline;
--vtl-text-decoration-line-through: line-through;
--vtl-border-radius-4: var(--vtl-size-4);
--vtl-border-width-1: var(--vtl-size-1);
--vtl-color-bg-fill-default-on-light: var(--vtl-neutral-100);
--vtl-color-bg-fill-tertiary-on-light: var(--vtl-neutral-05);
--vtl-color-bg-fill-inverse-on-light: var(--vtl-neutral-01);
--vtl-color-text-default-on-light: var(--vtl-neutral-100);
--vtl-color-text-disable-on-light: var(--vtl-neutral-70);
--vtl-color-text-on-bg-fill-on-light: var(--vtl-neutral-01);
--vtl-color-text-critical-on-light: var(--vtl-red-110);
--vtl-color-border-focus-on-light: var(--vtl-blue-100);
--vtl-color-border-hover-on-dark: var(--vtl-alpha-black-10);
--vtl-space-2: var(--vtl-size-2);
--vtl-space-4: var(--vtl-size-4);
--vtl-space-6: var(--vtl-size-6);
--vtl-space-8: var(--vtl-size-8);
--vtl-space-12: var(--vtl-size-12);
--vtl-space-16: var(--vtl-size-16);
--vtl-space-20: var(--vtl-size-20);
--vtl-space-24: var(--vtl-size-24);
--vtl-space-32: var(--vtl-size-32);
--vtl-space-40: var(--vtl-size-40);
--vtl-font-size-14: var(--vtl-size-14);
--vtl-font-size-16: var(--vtl-size-16);
}
</style>
<!-- --UUID-e1c414da-- -->
<script>
if (typeof window.vtlsBreakpoints === 'undefined') {
window.vtlsBreakpoints = {
mobile: {
minWidth: 0,
maxWidth: 479,
},
tablet: {
minWidth: 480,
maxWidth: 991,
},
desktop: {
minWidth: 992,
maxWidth: 10000,
},
};
}
</script>
<style data-shopify>
@media(max-width: 479px){.VtlsResponsiveness--TabletAndDesktop{display:none}}@media(min-width: 992px){.VtlsResponsiveness--MobileAndTablet{display:none}}@media(min-width: 480px){.VtlsResponsiveness--Mobile{display:none}}@media not ((min-width: 480px) and (max-width: 991px)){.VtlsResponsiveness--Tablet{display:none}}@media(max-width: 991px){.VtlsResponsiveness--Desktop{display:none}}
</style>
<section class="Vtls-template-29392351134033__tsapb_e1c414da_gdwlen" aria-label="Featured Products Carousel">
<div class="VtlsCarouselContainer">
<div class="VtlsCarousel">
<header
class="VtlsCarousel__Header VtlsCarousel__Header--left"
>
<h2 class="VtlsHeader__Heading"><strong>Nos bijoux incontournables</strong></h2>
</header>
<div class="VtlsCarousel__Content" role="region" aria-label="Product carousel">
<ul
class="VtlsCarouselList"
aria-label="Featured products list"
>
<li>
<article
class="VtlsProductCard VtlsProductCard--ShowCursorPointer"
aria-label="Product: Bracelet jonc en acier inoxydable pour femme avec étoiles et strass"
tabindex="0">
<a href="/products/bracelet-jonc-en-acier-inoxydable-pour-femme-avec-etoiles-et-strass" class="VtlsProductCard__TopContainer">
<div class="VtlsProductImageContainer VtlsProductImageContainer--original">
<figure class="VtlsProductImageContainer__Image">
<img
src="//cmonshopping.com/cdn/shop/files/braceletenacierinoxydablepourfemme-etoileetstrass.jpg?v=1770373523"
alt="Bracelet jonc en acier inoxydable pour femme avec étoiles et strass"
width="100%"
height="100%"
loading="lazy"
>
</figure>
</div>
<div class="VtlsProductTextContainer VtlsProductTextContainer--align-center">
<h3
class="VtlsProductTextContainer__ProductTitle"
title="Bracelet jonc en acier inoxydable pour femme avec étoiles et strass"
>
<span aria-label="View Bracelet jonc en acier inoxydable pour femme avec étoiles et strass details">Bracelet jonc en acier inoxydable pour femme avec étoiles et strass</span>
</h3>
<div class="VtlsProductTextContainer__Prices">
<span class="VtlsProductPrice" aria-hidden="true">
29,00€
</span>
<span class="vtlsSrOnly">
Price: 29,00€
</span>
</div>
</div>
</a>
</article>
</li>
<li>
<article
class="VtlsProductCard VtlsProductCard--ShowCursorPointer"
aria-label="Product: Collier en acier inoxydable pour femme et son cœur émaillé"
tabindex="0">
<a href="/products/collier-en-acier-inoxydable-pour-femme-et-son-coeur-emaille" class="VtlsProductCard__TopContainer">
<div class="VtlsProductImageContainer VtlsProductImageContainer--original">
<figure class="VtlsProductImageContainer__Image">
<img
src="//cmonshopping.com/cdn/shop/files/collierenacierinoxydablepourfemme-Coeuremaille.jpg?v=1770357850"
alt="Collier en acier inoxydable pour femme et son cœur émaillé"
width="100%"
height="100%"
loading="lazy"
>
</figure>
</div>
<div class="VtlsProductTextContainer VtlsProductTextContainer--align-center">
<h3
class="VtlsProductTextContainer__ProductTitle"
title="Collier en acier inoxydable pour femme et son cœur émaillé"
>
<span aria-label="View Collier en acier inoxydable pour femme et son cœur émaillé details">Collier en acier inoxydable pour femme et son cœur émaillé</span>
</h3>
<div class="VtlsProductTextContainer__Prices">
<span class="VtlsProductPrice" aria-hidden="true">
29,00€
</span>
<span class="vtlsSrOnly">
Price: 29,00€
</span>
</div>
</div>
</a>
</article>
</li>
<li>
<article
class="VtlsProductCard VtlsProductCard--ShowCursorPointer"
aria-label="Product: Collier en argent pour femme - Agathe verte ronde"
tabindex="0">
<a href="/products/collier-en-argent-pour-femme-agathe-verte-ronde" class="VtlsProductCard__TopContainer">
<div class="VtlsProductImageContainer VtlsProductImageContainer--original">
<figure class="VtlsProductImageContainer__Image">
<img
src="//cmonshopping.com/cdn/shop/files/Collierenargentpourfemme-Agatheronde.jpg?v=1767366892"
alt="Collier en argent pour femme - Agathe verte ronde"
width="100%"
height="100%"
loading="lazy"
>
</figure>
</div>
<div class="VtlsProductTextContainer VtlsProductTextContainer--align-center">
<h3
class="VtlsProductTextContainer__ProductTitle"
title="Collier en argent pour femme - Agathe verte ronde"
>
<span aria-label="View Collier en argent pour femme - Agathe verte ronde details">Collier en argent pour femme - Agathe verte ronde</span>
</h3>
<div class="VtlsProductTextContainer__Prices">
<span class="VtlsProductPrice" aria-hidden="true">
38,00€
</span>
<span class="vtlsSrOnly">
Price: 38,00€
</span>
</div>
</div>
</a>
</article>
</li>
<li>
<article
class="VtlsProductCard VtlsProductCard--ShowCursorPointer"
aria-label="Product: Bracelet jonc en acier inoxydable pour femme avec cœurs et strass"
tabindex="0">
<a href="/products/bracelet-jonc-en-acier-inoxydable-pour-femme-avec-coeurs-et-strass" class="VtlsProductCard__TopContainer">
<div class="VtlsProductImageContainer VtlsProductImageContainer--original">
<figure class="VtlsProductImageContainer__Image">
<img
src="//cmonshopping.com/cdn/shop/files/Braceletenacierinoxydablepourfemme-Coeuretstrass.jpg?v=1770368211"
alt="Bracelet jonc en acier inoxydable pour femme avec cœurs et strass"
width="100%"
height="100%"
loading="lazy"
>
</figure>
</div>
<div class="VtlsProductTextContainer VtlsProductTextContainer--align-center">
<h3
class="VtlsProductTextContainer__ProductTitle"
title="Bracelet jonc en acier inoxydable pour femme avec cœurs et strass"
>
<span aria-label="View Bracelet jonc en acier inoxydable pour femme avec cœurs et strass details">Bracelet jonc en acier inoxydable pour femme avec cœurs et strass</span>
</h3>
<div class="VtlsProductTextContainer__Prices">
<span class="VtlsProductPrice" aria-hidden="true">
29,00€
</span>
<span class="vtlsSrOnly">
Price: 29,00€
</span>
</div>
</div>
</a>
</article>
</li>
<li>
<article
class="VtlsProductCard VtlsProductCard--ShowCursorPointer"
aria-label="Product: Collier en acier inoxydable pour femme et ours avec strass"
tabindex="0">
<a href="/products/collier-en-acier-inoxydable-pour-femme-et-ours-avec-strass" class="VtlsProductCard__TopContainer">
<div class="VtlsProductImageContainer VtlsProductImageContainer--original">
<figure class="VtlsProductImageContainer__Image">
<img
src="//cmonshopping.com/cdn/shop/files/collierenacierinoxydablepourfemme-Oursenstrass.jpg?v=1772892733"
alt="Collier en acier inoxydable pour femme et ours avec strass"
width="100%"
height="100%"
loading="lazy"
>
</figure>
</div>
<div class="VtlsProductTextContainer VtlsProductTextContainer--align-center">
<h3
class="VtlsProductTextContainer__ProductTitle"
title="Collier en acier inoxydable pour femme et ours avec strass"
>
<span aria-label="View Collier en acier inoxydable pour femme et ours avec strass details">Collier en acier inoxydable pour femme et ours avec strass</span>
</h3>
<div class="VtlsProductTextContainer__Prices">
<span class="VtlsProductPrice" aria-hidden="true">
29,00€
</span>
<span class="vtlsSrOnly">
Price: 29,00€
</span>
</div>
</div>
</a>
</article>
</li>
<li>
<article
class="VtlsProductCard VtlsProductCard--ShowCursorPointer"
aria-label="Product: Boucles d’Oreilles Créoles Dorée Rosée – Éclat et Raffinement"
tabindex="0">
<a href="/products/boucles-d-oreilles-creoles-doree-rosee-eclat-et-raffinement" class="VtlsProductCard__TopContainer">
<div class="VtlsProductImageContainer VtlsProductImageContainer--original">
<figure class="VtlsProductImageContainer__Image">
<img
src="//cmonshopping.com/cdn/shop/files/Designsanstitre_34.png?v=1776585842"
alt="Boucles d’Oreilles Créoles Dorée Rosée – Éclat et Raffinement"
width="100%"
height="100%"
loading="lazy"
>
</figure>
</div>
<div class="VtlsProductTextContainer VtlsProductTextContainer--align-center">
<h3
class="VtlsProductTextContainer__ProductTitle"
title="Boucles d’Oreilles Créoles Dorée Rosée – Éclat et Raffinement"
>
<span aria-label="View Boucles d’Oreilles Créoles Dorée Rosée – Éclat et Raffinement details">Boucles d’Oreilles Créoles Dorée Rosée – Éclat et Raffinement</span>
</h3>
<div class="VtlsProductTextContainer__Prices">
<span class="VtlsProductPrice" aria-hidden="true">
38,90€
</span>
<span class="vtlsSrOnly">
Price: 38,90€
</span>
</div>
</div>
</a>
</article>
</li>
<li>
<article
class="VtlsProductCard VtlsProductCard--ShowCursorPointer"
aria-label="Product: Boucles d’Oreilles Cœur Doré Rosé – Éclat Romantique"
tabindex="0">
<a href="/products/boucles-d-oreilles-coeur-dore-rose-eclat-romantique" class="VtlsProductCard__TopContainer">
<div class="VtlsProductImageContainer VtlsProductImageContainer--original">
<figure class="VtlsProductImageContainer__Image">
<img
src="//cmonshopping.com/cdn/shop/files/Designsanstitre_49.png?v=1776665527"
alt="Boucles d’Oreilles Cœur Doré Rosé – Éclat Romantique"
width="100%"
height="100%"
loading="lazy"
>
</figure>
</div>
<div class="VtlsProductTextContainer VtlsProductTextContainer--align-center">
<h3
class="VtlsProductTextContainer__ProductTitle"
title="Boucles d’Oreilles Cœur Doré Rosé – Éclat Romantique"
>
<span aria-label="View Boucles d’Oreilles Cœur Doré Rosé – Éclat Romantique details">Boucles d’Oreilles Cœur Doré Rosé – Éclat Romantique</span>
</h3>
<div class="VtlsProductTextContainer__Prices">
<span class="VtlsProductPrice" aria-hidden="true">
27,90€
</span>
<span class="vtlsSrOnly">
Price: 27,90€
</span>
</div>
</div>
</a>
</article>
</li>
<li>
<article
class="VtlsProductCard VtlsProductCard--ShowCursorPointer"
aria-label="Product: Bracelet Doré Rosé – Éclat Floral"
tabindex="0">
<a href="/products/bracelet-dore-rose-eclat-floral" class="VtlsProductCard__TopContainer">
<div class="VtlsProductImageContainer VtlsProductImageContainer--original">
<figure class="VtlsProductImageContainer__Image">
<img
src="//cmonshopping.com/cdn/shop/files/Design_sans_titre_53.png?v=1776666183"
alt="Bracelet Doré Rosé – Éclat Floral"
width="100%"
height="100%"
loading="lazy"
>
</figure>
</div>
<div class="VtlsProductTextContainer VtlsProductTextContainer--align-center">
<h3
class="VtlsProductTextContainer__ProductTitle"
title="Bracelet Doré Rosé – Éclat Floral"
>
<span aria-label="View Bracelet Doré Rosé – Éclat Floral details">Bracelet Doré Rosé – Éclat Floral</span>
</h3>
<div class="VtlsProductTextContainer__Prices">
<span class="VtlsProductPrice" aria-hidden="true">
46,90€
</span>
<span class="vtlsSrOnly">
Price: 46,90€
</span>
</div>
</div>
</a>
</article>
</li>
</ul>
</div>
<nav
class="VtlsCarousel__Navigation"
aria-label="Carousel navigation"
>
<div class="VtlsProgressBarContainer">
<div class="VtlsProgressBar" role="progressbar" aria-label="Carousel progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
<div class="VtlsProgressBar__Track" aria-hidden="true"> </div>
<div class="VtlsProgressBar__Thumb" aria-hidden="true"> </div>
</div>
</div>
<div class="VtlsNavigationButtons">
<button
class="VtlsNavigationButtons__Button VtlsNavigationButtons__Button--disabled left-chevron"
aria-label="Previous products"
aria-disabled="true"
disabled
onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click()}"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewbox="0 0 24 24"
fill="none"
aria-hidden="true"
>
<path d="M14 18L8 12L14 6" stroke="#222222" stroke-linecap="round"></path>
</svg>
</button>
<button
class="VtlsNavigationButtons__Button right-chevron"
aria-label="Next products"
aria-disabled="false"
onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click()}"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewbox="0 0 24 24"
fill="none"
aria-hidden="true"
>
<path d="M9 6L15 12L9 18" stroke="#222222" stroke-linecap="round"></path>
</svg>
</button>
</div>
</nav>
</div>
</div>
</section>
<style data-shopify>
.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen {
--addToCartButtonColor: #222222;
--addToCartButtonCornerRadius: 14px;
--addToCartButtonTextColor: #ffffff;
--arrowsAndThumbProgressBarColor: #222222;
--headingTextColor: #222222;
--headingTextSize: 24px;
--productCardBackgroundColor: transparent;;
--productCardBorder: var(--vtl-border-width-1) solid transparent;;
--productCardDiscountedPriceColor: #ce1900;
--productCardGapSize: 16px;
--productCardRadius: 16px;
--productCardTextColor: #222222;
--sectionBackgroundColor: transparent;;
--sectionPaddingBottom: 48px;
--sectionPaddingTop: 48px;
--visibleItemsDesktop: 4.33;
--carouselProductCardWidth: calc(100% / var(--visibleItemsDesktop) - var(--productCardGapSize));
--prReviewStarsSnippetContainerDisplay:block;
--carouselMaxWidth:auto}
.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .vtlsSrOnly{position:absolute;width:0;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer{display:flex;flex-direction:column;align-items:center;padding:0 var(--vtl-space-16);background-color:var(--sectionBackgroundColor)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel{width:100%;display:flex;flex-direction:column;row-gap:var(--vtl-space-8);padding-top:var(--sectionPaddingTop);padding-bottom:var(--sectionPaddingBottom);max-width:var(--carouselMaxWidth)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header{display:flex;flex-direction:column;row-gap:var(--vtl-space-8);color:var(--headingTextColor)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--left{text-align:left}[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--left,html[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--left,body[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--left,html[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--left,body[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--left{text-align:right}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--center{text-align:center}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--right{text-align:right}[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--right,html[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--right,body[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--right,html[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--right,body[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header--right{text-align:left}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header:has(>div:empty+div:empty+div:empty){display:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Label{font-size:var(--vtl-font-size-14);line-height:var(--vtl-line-height-140);text-transform:uppercase}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Label a{color:var(--block-description-color);margin:0;padding:0;text-decoration:underline;text-underline-offset:var(--vtl-space-2);transition:opacity .3s ease-in}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Label a:hover{opacity:.85}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Label a:focus{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Label a:focus-visible{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Label:empty{display:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Heading{font-size:var(--headingTextSize);line-height:var(--vtl-line-height-140);margin:0}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Heading a{color:var(--block-description-color);margin:0;padding:0;text-decoration:underline;text-underline-offset:var(--vtl-space-2);transition:opacity .3s ease-in}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Heading a:hover{opacity:.85}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Heading a:focus{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Heading a:focus-visible{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Heading:empty{display:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Description{font-size:var(--vtl-font-size-16);line-height:var(--vtl-line-height-140)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Description a{color:var(--block-description-color);margin:0;padding:0;text-decoration:underline;text-underline-offset:var(--vtl-space-2);transition:opacity .3s ease-in}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Description a:hover{opacity:.85}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Description a:focus{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Description a:focus-visible{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Description:empty{display:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Description:focus{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Header .VtlsHeader__Description:focus-visible{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content{overflow:hidden;padding:var(--vtl-space-24) 0}@media(max-width: 479px){.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content::-webkit-scrollbar{display:none}}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList{display:flex;width:auto;transition:.3s;column-gap:var(--productCardGapSize);padding-left:0;padding-inline-start:0;margin:0;list-style:none}@media(max-width: 479px){.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList{transition:none}}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList::marker{display:none}[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList,html[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList,body[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList,html[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList,body[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList{padding-left:0;padding-right:0;padding-inline-start:0;padding-inline-end:0}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard{box-sizing:border-box;padding:0;min-width:var(--carouselProductCardWidth);max-width:var(--carouselProductCardWidth);display:flex;flex-direction:column;justify-content:space-between;background-color:var(--productCardBackgroundColor);border-radius:var(--productCardRadius)}@media(max-width: 479px){.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard{min-width:232px;max-width:232px}}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard--ShowCursorPointer:hover{cursor:pointer}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer{display:block;text-decoration:var(--vtl-text-decoration-none)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer:hover .VtlsProductTextContainer__ProductTitle{text-decoration:var(--vtl-text-decoration-underline)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer:focus{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer:focus-visible{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--LinkMock{display:flex;width:100%;padding-bottom:var(--vtl-space-16);height:262px;overflow:hidden}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer img,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--MockContainer{border-radius:var(--productCardRadius) var(--productCardRadius) 0 0;width:100%;height:100%;object-fit:cover}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--MockContainer{display:flex;align-items:center;justify-content:center;background-color:var(--vtl-color-bg-fill-tertiary-on-light);width:100%;height:100%}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--original{height:246px;min-height:246px;display:flex;align-items:center;justify-content:center;overflow:hidden}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--original img{max-height:230px}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--original--MockContainer{max-height:246px}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--original img,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--original--MockContainer{max-width:100%;transition:transform .4s ease}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--square{height:246px}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--square,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--portrait,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--landscape{position:relative;overflow:hidden}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--square img,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--portrait img,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--landscape img{position:absolute;object-fit:cover;top:0;left:0;width:100%;height:100%}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--square--MockContainer,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--portrait--MockContainer,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--landscape--MockContainer{position:absolute;top:0;left:0;height:100%;object-fit:cover;width:100%}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--square{aspect-ratio:1/1;height:auto}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--portrait::before{content:"";display:block;padding-top:150%}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductImageContainer--landscape::before{content:"";display:block;padding-top:75%}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer{padding:var(--vtl-space-16) 0;display:flex;flex-direction:column;row-gap:var(--vtl-space-8)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-left{text-align:left}[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-left,html[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-left,body[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-left,html[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-left,body[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-left{text-align:right}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-center{text-align:center}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-right{text-align:right}[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-right,html[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-right,body[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-right,html[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-right,body[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-right{text-align:left}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__Vendor{font-size:var(--vtl-font-size-14);text-transform:uppercase;line-height:var(--vtl-line-height-140);opacity:.5;color:var(--productCardTextColor)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__Vendor:empty{display:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__ProductTitle{font-size:var(--vtl-font-size-16);line-height:var(--vtl-line-height-140);color:var(--productCardTextColor);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__ProductTitle:empty{display:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__ProductTitle span{display:block;color:inherit;text-decoration:var(--vtl-text-decoration-none);width:100%}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__Prices{display:flex;column-gap:var(--vtl-space-8);flex-wrap:wrap}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__Prices .VtlsProductPrice{font-size:var(--vtl-font-size-16);line-height:var(--vtl-line-height-140);color:var(--productCardTextColor, var(--vtl-color-text-default-on-light))}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__Prices .VtlsProductPrice.price-with-red{color:var(--productCardDiscountedPriceColor, var(--vtl-color-text-critical-on-light))}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__Prices .VtlsProductPrice:empty{display:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__Prices .VtlsProductInitialPrice{font-size:var(--vtl-font-size-16);line-height:var(--vtl-line-height-140);text-decoration:var(--vtl-text-decoration-line-through);opacity:.5;color:var(--productCardTextColor, var(--vtl-color-text-default-on-light))}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer__Prices .VtlsProductInitialPrice:empty{display:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-center .VtlsProductTextContainer__Prices{justify-content:center}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-right .VtlsProductTextContainer__Prices{justify-content:flex-end}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-left .vtl-pr-review-stars-snippet{justify-content:left}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-center .vtl-pr-review-stars-snippet{justify-content:center}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer--align-right .vtl-pr-review-stars-snippet{justify-content:right}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__TopContainer .VtlsProductTextContainer .vtl-pr-review-stars-snippet-container{display:var(--prReviewStarsSnippetContainerDisplay)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer{padding:0 0 var(--vtl-space-16) 0}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .product-form .product-form__buttons{max-width:100%}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .VtlsAddToCartButton{display:block;padding:var(--vtl-space-6) var(--vtl-space-12);background-color:rgba(0,0,0,0);border:var(--vtl-border-width-1) solid var(--addToCartButtonColor);color:var(--addToCartButtonColor);text-decoration:var(--vtl-text-decoration-none);border-radius:var(--addToCartButtonCornerRadius);font-size:var(--vtl-font-size-14);line-height:19.6px;text-align:center;width:100%;font-family:var(--font-body-family),serif;margin-bottom:0;letter-spacing:.06rem;min-height:auto}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .VtlsAddToCartButton:hover{opacity:.8;cursor:pointer}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .VtlsAddToCartButton:disabled{opacity:.5;cursor:not-allowed}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .VtlsAddToCartButton:disabled:focus{outline:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer--filled .VtlsAddToCartButton{color:var(--addToCartButtonTextColor);background-color:var(--addToCartButtonColor)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .product-form .product-form__buttons .product-form__submit{display:block;padding:var(--vtl-space-6) var(--vtl-space-12);background-color:rgba(0,0,0,0);border:var(--vtl-border-width-1) solid var(--addToCartButtonColor);color:var(--addToCartButtonColor);text-decoration:var(--vtl-text-decoration-none);border-radius:var(--addToCartButtonCornerRadius);font-size:var(--vtl-font-size-14);line-height:19.6px;text-align:center;width:100%;font-family:var(--font-body-family),serif;margin-bottom:0;letter-spacing:.06rem;min-height:auto}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .product-form .product-form__buttons .product-form__submit:not([disabled]):hover{opacity:.8;cursor:pointer}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .product-form .product-form__buttons .product-form__submit:disabled{opacity:.5;cursor:not-allowed}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .product-form .product-form__buttons .product-form__submit:disabled:focus{outline:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .product-form .product-form__buttons .product-form__submit::after{box-shadow:none}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer .product-form .product-form__buttons .product-form__submit--filled{color:var(--addToCartButtonTextColor);background-color:var(--addToCartButtonColor)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard__ButtonContainer--filled .product-form .product-form__buttons .product-form__submit{color:var(--addToCartButtonTextColor);background-color:var(--addToCartButtonColor)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard--hasShadow{position:relative;overflow:visible}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard--hasShadow::after{position:absolute;top:0;left:0;right:0;bottom:0;content:"";box-shadow:0 0 var(--vtl-space-24) 0 var(--vtl-color-border-hover-on-dark)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard--hasBorder{border:var(--productCardBorder)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard--hasBackground .VtlsProductTextContainer,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard--hasBorder .VtlsProductTextContainer,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard--hasShadow .VtlsProductTextContainer{padding:var(--vtl-space-16)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard--hasBackground .VtlsProductCard__ButtonContainer,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard--hasBorder .VtlsProductCard__ButtonContainer,.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard--hasShadow .VtlsProductCard__ButtonContainer{padding:0 var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-16)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Content .VtlsCarouselList .VtlsProductCard:hover .VtlsProductTextContainer .VtlsProductTextContainer__ProductTitle a{text-decoration:var(--vtl-text-decoration-underline)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation{display:flex;justify-content:space-between;column-gap:var(--vtl-space-40);align-items:center}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsProgressBarContainer{width:100%}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsProgressBarContainer .VtlsProgressBar{width:100%;height:var(--vtl-space-4);position:relative;overflow:hidden}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsProgressBarContainer .VtlsProgressBar__Track{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--arrowsAndThumbProgressBarColor, var(--vtl-color-bg-fill-default-on-light));opacity:.3;border-radius:var(--vtl-border-radius-4)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsProgressBarContainer .VtlsProgressBar__Thumb{height:100%;position:absolute;top:0;border-radius:var(--vtl-border-radius-4);background-color:var(--arrowsAndThumbProgressBarColor, var(--vtl-color-bg-fill-default-on-light));width:33.3333%;left:0}[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsProgressBarContainer .VtlsProgressBar__Thumb,html[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsProgressBarContainer .VtlsProgressBar__Thumb,body[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsProgressBarContainer .VtlsProgressBar__Thumb,html[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsProgressBarContainer .VtlsProgressBar__Thumb,body[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsProgressBarContainer .VtlsProgressBar__Thumb{left:auto;right:0}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons{display:flex;gap:var(--vtl-space-16)}@media(max-width: 480px){.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons{display:none !important}}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons__Button{background-color:rgba(0,0,0,0);color:var(--vtl-color-text-on-bg-fill-on-light);border-radius:50%;border:var(--vtl-border-width-1) solid var(--arrowsAndThumbProgressBarColor, var(--vtl-color-bg-fill-default-on-light));width:var(--vtl-space-40);height:var(--vtl-space-40);display:flex;align-items:center;justify-content:center;cursor:pointer}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons__Button:hover{opacity:.5}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons__Button:focus-visible{outline:var(--vtl-space-2) solid var(--vtl-color-border-focus-on-light);outline-offset:var(--vtl-space-2)}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons__Button--disabled{cursor:default;opacity:.3}.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons__Button--disabled:focus{outline:none}[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons__Button svg,html[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons__Button svg,body[dir=rtl] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons__Button svg,html[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons__Button svg,body[style*="direction: rtl"] .Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer .VtlsCarousel__Navigation .VtlsNavigationButtons__Button svg{transform:scaleX(-1)}
</style>
<script>
(function (options) {
const PARTIAL_VISIBLE_ITEM_SIZE = 0.333;
const lastRenderedResolution = { width: window.innerWidth, height: window.innerHeight };
const {
structure: {
cardHasBorder,
columnGap,
containerId,
imageAspectRatio,
showPortionOfLastImage,
slideBySet,
visibleItemsDesktop,
visibleItemsMobile,
},
navigation: {
progressBar: { showProgressBarWhenAllItemsAreVisible },
},
} = options;
const containerElement = document.querySelector(containerId);
if (!containerElement) {
// perhaps is not created or it exists, but does not have products associated with it
return;
}
const carouselElement = containerElement.querySelector('.VtlsCarousel');
const listContainerElement = carouselElement.querySelector('.VtlsCarouselList');
const contentElement = carouselElement.querySelector('.VtlsCarousel__Content');
const progressBarThumbElement = carouselElement.querySelector('.VtlsProgressBar__Thumb');
const leftButtonElement = carouselElement.querySelector('.VtlsNavigationButtons__Button.left-chevron');
const rightButtonElement = carouselElement.querySelector('.VtlsNavigationButtons__Button.right-chevron');
const listItems = listContainerElement.querySelectorAll('.VtlsProductCard');
const navigationElement = carouselElement.querySelector('.VtlsCarousel__Navigation');
const itemsLength = listItems.length;
// Check if the page is in RTL mode
const isRTL = document.dir === 'rtl' ||
document.documentElement.dir === 'rtl' ||
document.body.dir === 'rtl' ||
window.getComputedStyle(document.documentElement).direction === 'rtl' ||
window.getComputedStyle(document.body).direction === 'rtl';
const getVisibleItems = () => {
if (window.innerWidth >= window.vtlsBreakpoints.desktop.minWidth) {
return visibleItemsDesktop;
}
if (
window.innerWidth <= window.vtlsBreakpoints.tablet.maxWidth &&
window.innerWidth >= window.vtlsBreakpoints.tablet.minWidth &&
visibleItemsDesktop > 2
) {
return 2;
}
if (window.innerWidth <= window.vtlsBreakpoints.mobile.maxWidth) {
return visibleItemsMobile;
}
};
const getElementWidth = () => {
const carouselWidth = getCarouselWidth();
const visibleItems = getVisibleItems();
const columnsToShow =
visibleItems + (showPortionOfLastImage && itemsLength > visibleItems ? PARTIAL_VISIBLE_ITEM_SIZE : 0);
return Math.floor((carouselWidth - columnGap * visibleItems) / columnsToShow);
};
const getNavigationScreensNumber = () => {
const visibleItems = getVisibleItems();
return Math.ceil((itemsLength - visibleItems) / getSlideBy(slideBySet) + 1);
};
const debounceFn = (func, delay) => {
let timeoutId;
return function (...args) {
clearTimeout(timeoutId);
timeoutId = setTimeout(() => func.apply(this, args), delay);
};
};
const getCarouselWidth = () => parseInt(window.getComputedStyle(carouselElement).width);
const getSlideBy = (slideBySet) => {
return window.innerWidth <= window.vtlsBreakpoints.mobile.maxWidth ? 1 : slideBySet;
};
let position = 0;
const resizeElements = () => {
const elementWidth = getElementWidth();
listItems.forEach((item) => {
const imageContainerElement = item.querySelector('.VtlsProductImageContainer');
item.style.minWidth = `${elementWidth}px`;
item.style.maxWidth = `${elementWidth}px`;
const containerWidth = elementWidth - (cardHasBorder ? 2 : 0);
imageContainerElement.style.width = `${containerWidth}px`;
if (imageAspectRatio === 'original') {
// make it square
imageContainerElement.style.height = `${containerWidth}px`;
imageContainerElement.style.minHeight = `${containerWidth}px`;
}
});
};
resizeElements();
leftButtonElement.addEventListener('click', () => navigate('left'));
rightButtonElement.addEventListener('click', () => navigate('right'));
// Add keyboard navigation support
leftButtonElement.addEventListener('keydown', (e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
navigate('left');
}
});
rightButtonElement.addEventListener('keydown', (e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
navigate('right');
}
});
// Add keyboard navigation to carousel container
carouselElement.addEventListener('keydown', (e) => {
if (e.key === 'ArrowLeft') {
e.preventDefault();
navigate('left');
} else if (e.key === 'ArrowRight') {
e.preventDefault();
navigate('right');
}
});
/**
* Updates the progress bar visual state and accessibility attributes
* @param {number} newPosition - Position percentage (0-100)
*/
let cachedThumbPercentage = 100 / getNavigationScreensNumber();
const updateThumbWidth = () => {
cachedThumbPercentage = 100 / getNavigationScreensNumber();
progressBarThumbElement.style.width = `${cachedThumbPercentage}%`;
};
const updateProgress = (newPosition) => {
const clampedPosition = Math.max(0, Math.min(newPosition, 100));
const leftPosition = (clampedPosition / 100) * (100 - cachedThumbPercentage);
// Update aria-valuenow for accessibility
const progressBarElement = carouselElement.querySelector('.VtlsProgressBar');
if (progressBarElement) {
progressBarElement.setAttribute('aria-valuenow', Math.round(clampedPosition));
}
// Optimized progress bar logic: RTL uses right, LTR uses left
progressBarThumbElement.style.left = isRTL ? 'auto' : `${leftPosition}%`;
progressBarThumbElement.style.right = isRTL ? `${leftPosition}%` : 'auto';
};
/**
* Updates the disabled state of navigation buttons
* This function manages both the disabled attribute and aria-disabled for accessibility
*/
const updateButtonsState = () => {
const screensNumber = getNavigationScreensNumber();
// Update left button - disabled when at the beginning
const isLeftDisabled = position === 0;
leftButtonElement.classList.toggle('VtlsNavigationButtons__Button--disabled', isLeftDisabled);
leftButtonElement.setAttribute('aria-disabled', isLeftDisabled.toString());
leftButtonElement.disabled = isLeftDisabled;
// Update right button - disabled when at the end
const isRightDisabled = position === screensNumber - 1;
rightButtonElement.classList.toggle('VtlsNavigationButtons__Button--disabled', isRightDisabled);
rightButtonElement.setAttribute('aria-disabled', isRightDisabled.toString());
rightButtonElement.disabled = isRightDisabled;
};
const updateAddToCartButtonsState = () => {
const addToCartButtons = listContainerElement.querySelectorAll('.VtlsAddToCartButton');
addToCartButtons.forEach(button => {
// Check if button is a sample product button (already disabled)
const buttonAriaLabel = button.getAttribute('aria-label');
if (button.hasAttribute('disabled') && buttonAriaLabel && buttonAriaLabel.includes('sample')) {
return; // Skip sample buttons, they should remain disabled
}
// Find the product card that contains this button
const productCard = button.closest('.VtlsProductCard');
if (!productCard) return;
// Check if this is a real product or sample
const productAriaLabel = productCard.getAttribute('aria-label');
const isSampleProduct = productAriaLabel && productAriaLabel.includes('Sample product');
if (isSampleProduct) {
button.disabled = true;
button.setAttribute('aria-disabled', 'true');
return;
}
const shouldBeDisabled = false;
button.disabled = shouldBeDisabled;
button.setAttribute('aria-disabled', shouldBeDisabled.toString());
});
};
const navigate = (direction) => {
const screensNumber = getNavigationScreensNumber();
if (direction === 'left' && position > 0) {
position--;
} else if (direction === 'right' && position < screensNumber - 1) {
position++;
} else {
return;
}
const elementWidth = getElementWidth();
const carouselList = contentElement.firstElementChild;
let shift = -(position * (elementWidth + columnGap) * getSlideBy(slideBySet));
if (position === screensNumber - 1) {
shift += elementWidth * PARTIAL_VISIBLE_ITEM_SIZE + columnGap;
}
// Optimized margin logic: RTL uses marginRight, LTR uses marginLeft
carouselList.style.marginLeft = isRTL ? '0' : `${shift}px`;
carouselList.style.marginRight = isRTL ? `${shift}px` : '0';
updateProgress(position * (100 / (screensNumber - 1)));
updateButtonsState();
};
const resizeCarousel = () => {
if (window.innerWidth !== lastRenderedResolution.width) {
position = 0;
resizeElements();
updateThumbWidth();
const screensNumber = getNavigationScreensNumber();
updateProgress(position * (100 / (screensNumber - 1)));
// Reset margin and scroll position
const carouselList = contentElement.firstElementChild;
carouselList.style.marginLeft = '0';
carouselList.style.marginRight = '0';
contentElement.scrollLeft = 0;
updateButtonsState();
updateAddToCartButtonsState();
updateNavigationVisibility();
lastRenderedResolution.width = window.innerWidth;
lastRenderedResolution.height = window.innerHeight;
}
};
const updateNavigationVisibility = () => {
if (!showProgressBarWhenAllItemsAreVisible) {
const elementWidth = getElementWidth();
const contentWidth = elementWidth * itemsLength + columnGap * (itemsLength - 1);
const needsNavigationVisible = contentWidth > carouselElement.offsetWidth;
navigationElement.style.display = needsNavigationVisible ? 'flex' : 'none';
}
};
updateThumbWidth();
updateButtonsState();
updateAddToCartButtonsState();
updateNavigationVisibility();
window.addEventListener('resize', debounceFn(resizeCarousel, 300));
// Mobile: native scroll with progress bar update
// Desktop/tablet: touch-based navigation with snap behavior
const isMobileView = () => window.innerWidth <= window.vtlsBreakpoints.mobile.maxWidth;
let scrollRAF = null;
const handleScrollProgress = () => {
if (!isMobileView()) return;
if (scrollRAF) return;
scrollRAF = requestAnimationFrame(() => {
const scrollLeft = contentElement.scrollLeft;
const maxScroll = contentElement.scrollWidth - contentElement.clientWidth;
if (maxScroll > 0) {
const progress = isRTL
? (Math.abs(scrollLeft) / maxScroll) * 100
: (scrollLeft / maxScroll) * 100;
updateProgress(Math.min(Math.max(progress, 0), 100));
}
scrollRAF = null;
});
};
contentElement.addEventListener('scroll', handleScrollProgress);
// touch functionality {
let xTouchDown = null;
let yTouchDown = null;
const getTouches = (evt) => {
return evt.touches || evt.originalEvent.touches;
};
const handleTouchStart = (evt) => {
if (isMobileView()) return;
const firstTouch = getTouches(evt)[0];
xTouchDown = firstTouch.clientX;
yTouchDown = firstTouch.clientY;
};
const handleTouchMove = (evt) => {
if (!xTouchDown) {
return;
}
const xUp = evt.touches[0].clientX;
const yUp = evt.touches[0].clientY;
const xDiff = xTouchDown - xUp;
const yDiff = yTouchDown - yUp;
if (Math.abs(xDiff) > Math.abs(yDiff)) {
// Optimized swipe logic: RTL reverses direction
const direction = (xDiff > 0) === isRTL ? 'left' : 'right';
navigate(direction);
}
xTouchDown = null;
yTouchDown = null;
};
contentElement.addEventListener('touchstart', handleTouchStart, false);
contentElement.addEventListener('touchmove', handleTouchMove, false);
// touch functionality }
})({
structure: {
containerId: '.Vtls-template-29392351134033__tsapb_e1c414da_gdwlen .VtlsCarouselContainer',
showPortionOfLastImage: true,
visibleItemsDesktop: parseInt('4'),
visibleItemsMobile: parseInt('1'),
columnGap: parseInt('16'),
slideBySet: 1,
cardHasBorder: 'false' === 'true',
imageAspectRatio: 'original',
},
navigation: {
progressBar: {
showProgressBarWhenAllItemsAreVisible: false,
},
},
});
</script>
<script>
(function () {
const uninstallMessage = 'Displaying this section requires an active Square: Theme Sections & AI Pages subscription. Reinstall the <a href="https://apps.shopify.com/theme-sections-ai-page-builder" target="_blank">Square: Theme Sections & AI Pages app</a> to activate it or consider removing the section.';
const downgradeMessage = 'You downgraded to a free plan. You need to upgrade your <a href="https://apps.shopify.com/theme-sections-ai-page-builder" target="_blank">Square: Theme Sections & AI Pages app</a> plan to activate it or consider removing the section.';
const projectId = '5';
const sectionsSelector = '.shopify-section';
const apps = {
'1': {
prefix: 'vitals',
hostname: 'https://appsolve.io'
},
'5': {
prefix: 'tsapb',
hostname: 'https://theme-sections.sqa-api.com'
}
};
const cacheKeysMetaFields = '1778395939';
const shopId = '78637793617';
const getHostname = () => {
if (apps[projectId].hostname) {
return apps[projectId].hostname;
}
console.error(`hostname for appId ${projectId} cannot be determined.`);
return undefined;
}
const disableSection = (message, selector) => {
const mainContainer = document.querySelector(selector);
const contentContainer = document.querySelector(`${selector} > section`);
if ('false' === 'true') {
contentContainer.innerHTML = `<h2 class="VtlsUninstallBG"><div class="VtlsUninstallBG__Text">${message}</div></h2>`;
} else {
mainContainer.style.display = 'none';
mainContainer.remove();
}
};
const getThemeSectionIdsByUUID = (installedThemeSections, uuid, appId) => {
const listIds = [];
installedThemeSections.forEach((installedThemeSection) => {
if (installedThemeSection.id.includes(`${apps[appId].prefix}_${uuid}`)) {
listIds.push(installedThemeSection.id);
}
})
return listIds;
}
const getThemeSectionsStatusList = (url) => fetch(url, {
method: 'GET',
headers: { 'Content-Type': 'application/json' },
}).then((response) => response.json());
const evaluateThemeSections = (url) => {
getThemeSectionsStatusList(url).then(response => {
const { data, f, i } = response;
const installedThemeSections = document.querySelectorAll(sectionsSelector);
data.forEach((themeSection) => {
const { e, u, a } = themeSection;
if (!e) {
const themeSectionsWithUUID = getThemeSectionIdsByUUID(installedThemeSections, u, a);
let message = '';
if (f) {
message = downgradeMessage;
}
if (!i) {
message = uninstallMessage;
}
themeSectionsWithUUID.forEach((themeSectionSelector) => {
disableSection(message, `#${themeSectionSelector}`);
})
}
});
})
}
if (shopId) {
if (window.vtlsSecurityCheckStarted === undefined) {
window.vtlsSecurityCheckStarted = true;
let url = '';
const hostname = getHostname();
if (!hostname) {
return;
}
const baseUrl = `${hostname}/bundle/api/v2/sf/ts`;
if (cacheKeysMetaFields) {
url = `${baseUrl}/${shopId}/${cacheKeysMetaFields}.json`;
} else {
const timestamp = Math.round(new Date().getTime() / 1000 / 10000) * 10000;
url = `${baseUrl}/${shopId}/${timestamp}.json`;
}
evaluateThemeSections(url);
}
}
})();
</script>
<style data-shopify>
.VtlsUninstallBG{background-color:var(--vtl-color-bg-fill-inverse-on-light);background-image:url("data:image/avif;base64,iVBORw0KGgoAAAANSUhEUgAABOcAAABkCAQAAABnAJxfAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+gLFQgmAgUXFkMAAARaSURBVHja7daxbSRBEATB8ZzvKw0h1dcIlJS4jl25Azlavffn9/3v++e//+vvCwqFQqFQKBRKSklEUCgUCoVCoVAMOgqFQqFQKJSzSiKCQqFQKBQKhWLQUSgUCoVCoZxVEhEUCoVCoVAoFIOOQqFQKBQK5VOURASFQqFQKBQKZVUSERQKhUKhUCiUVUlEUCgUCoVCoVBWZbtOPoVCoVAoFArlovIKERQKhUKhUCiUVXmFCAqFQqFQKBTKqrxCBIVCoVAoFAplVV4hgkKhUCgUCoUyK4kICoVCoVAoFMqqJCIoFAqFQqFQKKuSiKBQKBQKhUKhrEoigkKhUCgUCoVi0FEoFAqFQqGcVRIRFAqFQqFQKBSDjkKhUCgUCuWskoigUCgUCoVCoRh0FAqFQqFQKGeVRASFQqFQKBQKxaCjUCgUCoVCOaskIigUCoVCoVAoBh2FQqFQKBTKWSURQaFQKBQKhUIx6CgUCoVCoVDOKokICoVCoVAoFIpBR6FQKBQKhXJWSURQKBQKhUKhUAw6CoVCoVAolLNKIoJCoVAoFAqFYtBRKBQKhUKhnFUSERQKhUKhUCgUg45CoVAoFArlrJKIoFAoFAqFQqEYdBQKhUKhUChnlUQEhUKhUCgUCsWgo1AoFAqFQvkUJRFBoVAoFAqFQlmVRASFQqFQKBQKZVUSERQKhUKhUCiUVdmuk0+hUCgUCoVCuai8QgSFQqFQKBQKZVVeIYJCoVAoFAqFsiqvEEGhUCgUCoVCWZVXiKBQKBQKhUKhzEoigkKhUCgUCoWyKokICoVCoVAoFMqqJCIoFAqFQqFQKKuSiKBQKBQKhUKhGHQUCoVCoVAoZ5VEBIVCoVAoFArFoKNQKBQKhUI5qyQiKBQKhUKhUCgGHYVCoVAoFMpZJRFBoVAoFAqFQjHoKBQKhUKhUM4qiQgKhUKhUCgUikFHoVAoFAqFclZJRFAoFAqFQqFQDDoKhUKhUCiUs0oigkKhUCgUCoVi0FEoFAqFQqGcVRIRFAqFQqFQKBSDjkKhUCgUCuWskoigUCgUCoVCoRh0FAqFQqFQKGeVRASFQqFQKBQKxaCjUCgUCoVCOaskIigUCoVCoVAoBh2FQqFQKBTKWSURQaFQKBQKhUIx6CgUCoVCoVA+RUlEUCgUCoVCoVBWJRFBoVAoFAqFQlmVRASFQqFQKBQKZVW26+RTKBQKhUKhUC4qrxBBoVAoFAqFQlmVV4igUCgUCoVCoazKK0RQKBQKhUKhUFblFSIoFAqFQqFQKLOSiKBQKBQKhUKhrEoigkKhUCgUCoWyKokICoVCoVAoFMqqJCIoFAqFQqFQKAYdhUKhUCgUylklEUGhUCgUCoVCMegoFAqFQqFQziqJCAqFQqFQKBSKQUehUCgUCoVyVklEUCgUCoVCoVAMOgqFQqFQKJSzSiKCQqFQKBQKhWLQUSgUCoVCoZxVEhEUCoVCoVAoFIOOQqFQKBQK5dOVX5nMB52iezhxAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI0LTExLTIxVDA4OjM4OjAyKzAwOjAw30WrCwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNC0xMS0yMVQwODozODowMiswMDowMK4YE7cAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjQtMTEtMjFUMDg6Mzg6MDIrMDA6MDD5DTJoAAAAAElFTkSuQmCC");background-position:center;background-size:cover;text-align:center;padding:var(--vtl-space-32);margin:0}.VtlsUninstallBG__Text{color:var(--vtl-color-text-disable-on-light);font-family:Inter,sans-serif;font-size:var(--vtl-font-size-14);font-weight:var(--vtl-font-weight-400);line-height:var(--vtl-line-height-140);padding:var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-40);background-color:var(--vtl-color-bg-fill-inverse-on-light);display:inline-block}.VtlsUninstallBG__Text::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%09%09%09%3Cpath%20d%3D%22M9.99994%206.75C10.4142%206.75%2010.7499%207.08579%2010.7499%207.5V11C10.7499%2011.4142%2010.4142%2011.75%209.99994%2011.75C9.58573%2011.75%209.24994%2011.4142%209.24994%2011V7.5C9.24994%207.08579%209.58573%206.75%209.99994%206.75Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%09%3Cpath%20d%3D%22M11%2013.5C11%2014.0523%2010.5523%2014.5%2010%2014.5C9.44772%2014.5%209%2014.0523%209%2013.5C9%2012.9477%209.44772%2012.5%2010%2012.5C10.5523%2012.5%2011%2012.9477%2011%2013.5Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%203.5C8.95471%203.5%208.21616%204.20232%207.84762%204.94672C7.65565%205.33448%206.75984%207.0441%205.84305%208.79353L5.81531%208.84646C4.9229%2010.5493%204.01714%2012.2777%203.80716%2012.702C3.4351%2013.4537%203.32931%2014.4519%203.89953%2015.316C4.46911%2016.1791%205.44222%2016.5%206.36356%2016.5L13.6364%2016.5C14.5577%2016.5%2015.5308%2016.1791%2016.1004%2015.316C16.6707%2014.4519%2016.5649%2013.4537%2016.1928%2012.702C15.9832%2012.2784%2015.08%2010.555%2014.1889%208.85476L14.1569%208.79352C13.24%207.044%2012.3443%205.33454%2012.1524%204.94693C11.784%204.20242%2011.0454%203.5%2010%203.5ZM9.1919%205.61225C9.59605%204.79592%2010.4041%204.79592%2010.8081%205.61225C11.0102%206.02061%2011.9201%207.75686%2012.8296%209.49243C13.7383%2011.2262%2014.6466%2012.9594%2014.8485%2013.3673C15.2525%2014.1837%2014.8485%2015%2013.6364%2015L6.36356%2015C5.1515%2015%204.74746%2014.1837%205.1515%2013.3673C5.35376%2012.9587%206.26468%2011.2205%207.1748%209.4838C8.08283%207.75111%208.99005%206.01994%209.1919%205.61225Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%3C%2Fsvg%3E");position:absolute;width:var(--vtl-space-20);height:var(--vtl-space-20);margin-left:calc(-1*var(--vtl-space-24))}.VtlsUninstallBG__Text a{color:var(--vtl-color-text-disable-on-light)}.VtlsUninstallBG__Text a:hover{text-decoration:none}
</style>
</div><div id="shopify-section-template--29392351134033__tsapb_5f2792d2_GYC9AY" class="shopify-section"><!-- --VERSION-20-- -->
<style data-shopify>
:root {
--vtl-neutral-100: #222;
--vtl-neutral-70: #5e5e5e;
--vtl-neutral-01: #fff;
--vtl-size-1: 1px;
--vtl-size-2: 2px;
--vtl-size-4: 4px;
--vtl-size-8: 8px;
--vtl-size-12: 12px;
--vtl-size-14: 14px;
--vtl-size-16: 16px;
--vtl-size-20: 20px;
--vtl-size-24: 24px;
--vtl-size-32: 32px;
--vtl-size-40: 40px;
--vtl-size-64: 64px;
--vtl-size-96: 96px;
--vtl-size-full: 9999px;
--vtl-font-weight-400: 400;
--vtl-line-height-140: 1.4;
--vtl-text-decoration-none: none;
--vtl-text-decoration-underline: underline;
--vtl-border-radius-full: var(--vtl-size-full);
--vtl-border-width-1: var(--vtl-size-1);
--vtl-color-bg-fill-default-on-light: var(--vtl-neutral-100);
--vtl-color-bg-fill-inverse-on-light: var(--vtl-neutral-01);
--vtl-color-text-disable-on-light: var(--vtl-neutral-70);
--vtl-space-2: var(--vtl-size-2);
--vtl-space-4: var(--vtl-size-4);
--vtl-space-8: var(--vtl-size-8);
--vtl-space-12: var(--vtl-size-12);
--vtl-space-16: var(--vtl-size-16);
--vtl-space-20: var(--vtl-size-20);
--vtl-space-24: var(--vtl-size-24);
--vtl-space-32: var(--vtl-size-32);
--vtl-space-40: var(--vtl-size-40);
--vtl-space-64: var(--vtl-size-64);
--vtl-space-96: var(--vtl-size-96);
--vtl-font-size-14: var(--vtl-size-14);
}
</style>
<!-- --UUID-5f2792d2-- -->
<script>
if (typeof window.vtlsBreakpoints === 'undefined') {
window.vtlsBreakpoints = {
mobile: {
minWidth: 0,
maxWidth: 479,
},
tablet: {
minWidth: 480,
maxWidth: 991,
},
desktop: {
minWidth: 992,
maxWidth: 10000,
},
};
}
</script>
<style data-shopify>
@media(max-width: 479px){.VtlsResponsiveness--TabletAndDesktop{display:none}}@media(min-width: 992px){.VtlsResponsiveness--MobileAndTablet{display:none}}@media(min-width: 480px){.VtlsResponsiveness--Mobile{display:none}}@media not ((min-width: 480px) and (max-width: 991px)){.VtlsResponsiveness--Tablet{display:none}}@media(max-width: 991px){.VtlsResponsiveness--Desktop{display:none}}
</style>
<section class="Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay">
<div
class="VtlsVideoTextContainer"
><div class="VtlsVideoText VtlsVideoText--desktopPosition-left VtlsVideoText--mobilePosition-above">
<div class="VtlsVideoText__MediaWrapper">
<vtls-video-text class="VtlsVideoText__Media VtlsVideoText__Media--aspectRatioDesktop-landscape"><video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" class="VtlsVideoText__Media--desktop VtlsCdnVideo-desktop" poster="//cmonshopping.com/cdn/shop/files/preview_images/c1eb1c1e24f640ef94c7203481fa0f79.thumbnail.0000000000_600x.jpg?v=1769241109"><source src="//cmonshopping.com/cdn/shop/videos/c/vp/c1eb1c1e24f640ef94c7203481fa0f79/c1eb1c1e24f640ef94c7203481fa0f79.SD-480p-1.5Mbps-67651553.mp4?v=0" type="video/mp4"><img src="//cmonshopping.com/cdn/shop/files/preview_images/c1eb1c1e24f640ef94c7203481fa0f79.thumbnail.0000000000_600x.jpg?v=1769241109"></video>
<div class="VtlsVideoTextControls">
<button aria-label="Play" class="VtlsVideoTextControls__PlayButton"></button>
<button aria-label="Pause" class="VtlsVideoTextControls__PauseButton"></button>
</div></vtls-video-text>
</div>
<div class="VtlsVideoText__Content">
<div class="VtlsTextBox"><p
style="--block-caption-size:16px; --block-caption-color:#222222; --block-caption-font:Helvetica; --block-caption-weight:400;"
class="VtlsTextBox__Caption"
>“Quand la nature devient bijou.”</p><h2
style="--block-heading-size:32px; --block-heading-color:#222222; --block-heading-font:Helvetica;"
class="VtlsTextBox__Heading"
>“Ambre naturelle, éclat éternel.”</h2><div
style="--block-description-size:16px; --block-description-color:#222222; --block-description-font:Helvetica;"
class="VtlsTextBox__Description VtlsTextBox__Description--alignment-left"
><p>Chaque boucle d’oreille raconte une histoire vieille de millions d’années, façonnée par la nature et sublimée par l’éclat de l’argent. Douces, lumineuses et intemporelles, elles apportent à votre style une touche d’élégance authentique.</p></div><div
style="--block-primary-button-text-color:#ffffff; --block-primary-button-background-color:#222222; --block-primary-button-corner-radius:14px; --block-primary-button-border-color:#222222; --block-secondary-button-text-color:#ffffff; --block-secondary-button-background-color:#222222; --block-secondary-button-corner-radius:0px; --block-secondary-button-border-color:#222222;"
class="VtlsVideoTextButtons"
><a
target="_blank"
class="VtlsVideoTextButtons__Primary VtlsVideoTextButtons__Primary--solid"
href="/products/boucles-doreilles-en-argent-pour-femme-ambre-naturelle-rond"
>Découvrir le produit</a></div></div>
</div>
</div>
</div>
</section>
<style data-shopify>
.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay {
--section-vertical-margin:0px;
--section-vertical-margin-mobile:0px;
--section-background-color:;
--section-controls-color:#ffffff;
--section-vertical-padding:40px;
--section-vertical-padding-mobile:20px;
--section-text-background:;
--section-overlay-color:#222222;
--section-overlay-opacity:20%;
--section-text-alignment:left;
--section-max-width:px;
--section-width:70%;
--section-text-box-width:50%;
}
.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer{margin:var(--section-vertical-margin-mobile) 0;background-color:var(--section-background-color);position:relative;overflow:hidden}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer{margin:var(--section-vertical-margin) 0}}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextContainer__BackgroundMedia{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextContainer__BackgroundImage{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextContainer__BackgroundOverlay{position:absolute;inset:0;z-index:1;display:block;background-color:var(--section-overlay-color);opacity:var(--section-overlay-opacity)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText{align-items:stretch;padding:var(--section-vertical-padding-mobile) 0;display:flex;max-width:var(--section-max-width);width:var(--section-width);margin:0 auto}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText--mobilePosition-above{flex-direction:column}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText--mobilePosition-below{flex-direction:column-reverse}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText{display:flex;padding:var(--section-vertical-padding) 0;max-width:var(--section-max-width);width:var(--section-width);margin:0 auto}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText--desktopPosition-left{flex-direction:row}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText--desktopPosition-right{flex-direction:row-reverse}}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText .VtlsVideoText__MediaWrapper{position:relative;display:flex;justify-content:center;width:100%;align-items:center}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media{width:100%;z-index:1;display:flex;height:fit-content;align-self:center;align-items:center;position:relative}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media{width:calc(100% - var(--section-text-box-width));flex:1 0 calc(100% - var(--section-text-box-width));padding:0}}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--playButtonDefault{position:absolute;left:50%;right:50%;transform:translate(-50%, -50%)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--playButtonDefault::before{content:"";position:absolute;width:var(--vtl-space-12);height:var(--vtl-space-12);display:block;z-index:6;left:50%;top:50%;transform:translate(-50%, -50%);mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M35.6817%2015.5883C36.4822%2016.014%2037.1517%2016.6494%2037.6187%2017.4266C38.0856%2018.2037%2038.3323%2019.0933%2038.3323%2019.9999C38.3323%2020.9066%2038.0856%2021.7961%2037.6187%2022.5733C37.1517%2023.3505%2036.4822%2023.9859%2035.6817%2024.4116L14.3283%2036.0233C10.89%2037.8949%206.66666%2035.4616%206.66666%2031.6133V8.38828C6.66666%204.53828%2010.89%202.10661%2014.3283%203.97494L35.6817%2015.5883Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");mask-repeat:no-repeat;mask-size:contain;background-color:var(--section-controls-color, var(--vtl-color-bg-fill-inverse-on-light))}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--playButtonDefault::after{content:"";border-radius:var(--vtl-border-radius-full);position:absolute;opacity:.7;width:var(--vtl-space-32);height:var(--vtl-space-32);transform:translate(-50%, -50%);left:50%;top:50%;background-color:var(--vtl-color-bg-fill-default-on-light)}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--playButtonDefault::before{width:var(--vtl-space-16);height:var(--vtl-space-16)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--playButtonDefault::after{width:var(--vtl-space-40);height:var(--vtl-space-40)}}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-widescreen video,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-widescreen iframe,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-widescreen img{aspect-ratio:16/9}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-vertical{max-width:60%}}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-vertical video,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-vertical iframe,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-vertical img{aspect-ratio:9/16}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-landscape video,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-landscape iframe,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-landscape img{aspect-ratio:4/3}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-portrait video,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-portrait iframe,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-portrait img{aspect-ratio:4/5}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-square video,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-square iframe,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media--aspectRatioDesktop-square img{aspect-ratio:1/1}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media img,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Media video{width:100%;height:fit-content;object-fit:cover}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content{z-index:1;width:100%;display:flex;justify-content:center;align-items:center;padding:var(--vtl-space-16);background-color:var(--section-text-background);justify-content:var(--section-text-alignment)}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content{width:var(--section-text-box-width);display:flex;align-items:center;justify-content:var(--section-text-alignment);flex:1 0 var(--section-text-box-width);padding:var(--vtl-space-20) var(--vtl-space-64)}}@media screen and (min-width: 1440px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content{padding:var(--vtl-space-20) var(--vtl-space-96)}}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox{text-align:var(--section-text-alignment);display:flex;flex-direction:column;gap:var(--vtl-space-8)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Heading{margin:0;font-size:calc(var(--block-heading-size)*.75);color:var(--block-heading-color)}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Heading{font-size:var(--block-heading-size)}}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Heading--alternativeFont{font-family:var(--block-heading-font)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description p,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description ul,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description ol{margin:var(--vtl-space-8) 0;max-width:550px;font-size:calc(var(--block-description-size)*.88);color:var(--block-description-color)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description h1,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description h2,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description h3,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description h4,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description h5,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description h6{color:var(--block-description-color);margin:0;padding:0}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description a{color:var(--block-description-color);margin:0;padding:0;text-decoration:underline;text-underline-offset:var(--vtl-space-2);transition:opacity .3s ease-in}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description a:hover{opacity:.85}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description ul,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description ol{padding-left:var(--vtl-space-20)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alignment-center ul,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alignment-center ol,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alignment-right ul,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alignment-right ol{list-style-position:inside}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description p,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description ul,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description ol{font-size:var(--block-description-size)}}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alternativeFont p,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alternativeFont ul,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alternativeFont ol,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alternativeFont h1,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alternativeFont h2,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alternativeFont h3,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alternativeFont h4,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alternativeFont h5,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Description--alternativeFont h6{font-family:var(--block-description-font)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Caption{margin:0;font-size:var(--block-caption-size);color:var(--block-caption-color);font-weight:var(--block-caption-weight)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsTextBox__Caption--alternativeFont{font-family:var(--block-caption-font)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons{display:flex;gap:var(--vtl-space-16);flex-wrap:wrap;justify-content:var(--section-text-alignment)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons__Primary,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons__Secondary{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font:inherit;font-size:var(--vtl-font-size-14);text-decoration:var(--vtl-text-decoration-none);-webkit-appearance:none;appearance:none;width:fit-content;padding:var(--vtl-space-16) var(--vtl-space-20);transition:all .3s ease-in;line-height:1}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons__Primary:hover,.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons__Secondary:hover{opacity:.85}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons__Primary--solid{color:var(--block-primary-button-text-color);background:var(--block-primary-button-background-color);border-radius:var(--block-primary-button-corner-radius)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons__Primary--outline{color:var(--block-primary-button-text-color);background:rgba(0,0,0,0);border:var(--vtl-border-width-1) solid var(--block-primary-button-border-color);border-radius:var(--block-primary-button-corner-radius)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons__Primary--link{color:var(--block-primary-button-text-color);background:rgba(0,0,0,0);border:0;border-radius:0;text-decoration:var(--vtl-text-decoration-underline);text-underline-offset:var(--vtl-space-4);padding:0}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons__Secondary--solid{color:var(--block-secondary-button-text-color);background:var(--block-secondary-button-background-color);border-radius:var(--block-secondary-button-corner-radius)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons__Secondary--outline{color:var(--block-secondary-button-text-color);background:rgba(0,0,0,0);border:var(--vtl-border-width-1) solid var(--block-secondary-button-border-color);border-radius:var(--block-secondary-button-corner-radius)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoText__Content .VtlsVideoTextButtons__Secondary--link{color:var(--block-secondary-button-text-color);background:rgba(0,0,0,0);border:0;padding:0;border-radius:0;text-decoration:var(--vtl-text-decoration-underline);text-underline-offset:var(--vtl-space-4)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls{display:block}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PlayButton{all:unset;display:none;cursor:pointer}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PlayButton::before{content:"";position:absolute;width:var(--vtl-space-12);height:var(--vtl-space-12);z-index:2;left:50%;top:50%;transform:translate(-50%, -50%);mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M35.6817%2015.5883C36.4822%2016.014%2037.1517%2016.6494%2037.6187%2017.4266C38.0856%2018.2037%2038.3323%2019.0933%2038.3323%2019.9999C38.3323%2020.9066%2038.0856%2021.7961%2037.6187%2022.5733C37.1517%2023.3505%2036.4822%2023.9859%2035.6817%2024.4116L14.3283%2036.0233C10.89%2037.8949%206.66666%2035.4616%206.66666%2031.6133V8.38828C6.66666%204.53828%2010.89%202.10661%2014.3283%203.97494L35.6817%2015.5883Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");mask-repeat:no-repeat;mask-size:contain;background-color:var(--section-controls-color)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PlayButton::after{content:"";border-radius:var(--vtl-border-radius-full);position:absolute;opacity:.7;width:var(--vtl-space-32);height:var(--vtl-space-32);transform:translate(-50%, -50%);left:50%;background-color:var(--vtl-color-bg-fill-default-on-light)}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PlayButton::before{width:var(--vtl-space-16);height:var(--vtl-space-16)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PlayButton::after{width:var(--vtl-space-40);height:var(--vtl-space-40)}}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PlayButton.VtlsVisible{display:block}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PauseButton{all:unset;cursor:pointer;display:none;transition:opacity .2s ease-out;width:var(--vtl-space-32);height:var(--vtl-space-32);position:absolute;bottom:10px;left:10px}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PauseButton::before{content:"";position:absolute;width:var(--vtl-space-16);opacity:1;height:var(--vtl-space-16);left:50%;top:50%;transform:translate(-50%, -50%);mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M26.6667%2031.6666C25.75%2031.6666%2024.9656%2031.3405%2024.3133%2030.6883C23.6611%2030.036%2023.3344%2029.251%2023.3333%2028.3333V11.6666C23.3333%2010.7499%2023.66%209.96548%2024.3133%209.31325C24.9667%208.66103%2025.7511%208.33437%2026.6667%208.33325C27.5822%208.33214%2028.3672%208.65881%2029.0217%209.31325C29.6761%209.9677%2030.0022%2010.7521%2030%2011.6666V28.3333C30%2029.2499%2029.6739%2030.0349%2029.0217%2030.6883C28.3694%2031.3416%2027.5844%2031.6677%2026.6667%2031.6666ZM13.3333%2031.6666C12.4167%2031.6666%2011.6322%2031.3405%2010.98%2030.6883C10.3278%2030.036%2010.0011%2029.251%2010%2028.3333V11.6666C10%2010.7499%2010.3267%209.96548%2010.98%209.31325C11.6333%208.66103%2012.4178%208.33437%2013.3333%208.33325C14.2489%208.33214%2015.0339%208.65881%2015.6883%209.31325C16.3428%209.9677%2016.6689%2010.7521%2016.6667%2011.6666V28.3333C16.6667%2029.2499%2016.3406%2030.0349%2015.6883%2030.6883C15.0361%2031.3416%2014.2511%2031.6677%2013.3333%2031.6666Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");mask-repeat:no-repeat;mask-size:contain;background-color:var(--section-controls-color);z-index:2}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PauseButton::after{content:"";border-radius:var(--vtl-border-radius-full);position:absolute;top:0;left:0;opacity:.7;width:var(--vtl-space-32);height:var(--vtl-space-32);background-color:var(--vtl-color-bg-fill-default-on-light)}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PauseButton{width:var(--vtl-space-40);height:var(--vtl-space-40)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PauseButton::before{width:var(--vtl-space-24);height:var(--vtl-space-24)}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PauseButton::after{width:var(--vtl-space-40);height:var(--vtl-space-40)}}.Vtls-template-29392351134033__tsapb_5f2792d2_gyc9ay .VtlsVideoTextContainer .VtlsVideoTextControls__PauseButton.VtlsVisible{display:block}
</style>
<script>
(() => {
class VtlsVideoText extends HTMLElement {
constructor() {
super();
this.playButton = null;
this.pauseButton = null;
this.video = null;
}
connectedCallback() {
this.initControls();
this.setEventListeners();
this.updateButtons();
this.showFirstFrameOnIOS();
}
disconnectedCallback() {
this.removeListeners();
}
initControls() {
this.playButton = this.querySelector('.VtlsVideoTextControls__PlayButton');
this.pauseButton = this.querySelector('.VtlsVideoTextControls__PauseButton');
this.video = this.querySelector('.VtlsCdnVideo-desktop');
if (!this.video || !this.pauseButton || !this.playButton) {
return;
}
this.updateButtons();
}
setEventListeners() {
this.playVideoHandler = this.playVideo.bind(this);
this.pauseVideoHandler = this.pauseVideo.bind(this);
this.toggleVideoHandler = this.togglePlayPause.bind(this);
this.updateButtonsHandler = this.updateButtons.bind(this);
this.playButton?.addEventListener('click', this.playVideoHandler);
this.pauseButton?.addEventListener('click', this.pauseVideoHandler);
this.video?.addEventListener('play', this.updateButtonsHandler);
this.video?.addEventListener('click', this.toggleVideoHandler);
}
removeListeners() {
this.playButton?.removeEventListener('click', this.playVideoHandler);
this.pauseButton?.removeEventListener('click', this.pauseVideoHandler);
this.video?.removeEventListener('click', this.toggleVideoHandler);
this.video?.removeEventListener('play', this.updateButtonsHandler);
}
playVideo() {
this.video?.play();
this.updateButtons();
}
pauseVideo() {
this.video?.pause();
this.updateButtons();
}
togglePlayPause() {
if (this.video?.paused) {
this.playVideo();
} else {
this.pauseVideo();
}
}
updateButtons() {
if (this.video?.paused) {
this.playButton?.classList.add('VtlsVisible');
this.pauseButton?.classList.remove('VtlsVisible');
} else {
this.playButton?.classList.remove('VtlsVisible');
this.pauseButton?.classList.add('VtlsVisible');
}
}
showFirstFrameOnIOS() {
if (this.video && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
this.video.addEventListener('loadedmetadata', () => {
this.video.currentTime = 0.1;
});
}
}
}
document.addEventListener('DOMContentLoaded', () => {
if (!customElements.get('vtls-video-text')) {
customElements.define('vtls-video-text', VtlsVideoText);
}
});
})();
</script>
<script>
(function () {
const uninstallMessage = 'Displaying this section requires an active Square: Theme Sections & AI Pages subscription. Reinstall the <a href="https://apps.shopify.com/theme-sections-ai-page-builder" target="_blank">Square: Theme Sections & AI Pages app</a> to activate it or consider removing the section.';
const downgradeMessage = 'You downgraded to a free plan. You need to upgrade your <a href="https://apps.shopify.com/theme-sections-ai-page-builder" target="_blank">Square: Theme Sections & AI Pages app</a> plan to activate it or consider removing the section.';
const projectId = '5';
const sectionsSelector = '.shopify-section';
const apps = {
'1': {
prefix: 'vitals',
hostname: 'https://appsolve.io'
},
'5': {
prefix: 'tsapb',
hostname: 'https://theme-sections.sqa-api.com'
}
};
const cacheKeysMetaFields = '1778395939';
const shopId = '78637793617';
const getHostname = () => {
if (apps[projectId].hostname) {
return apps[projectId].hostname;
}
console.error(`hostname for appId ${projectId} cannot be determined.`);
return undefined;
}
const disableSection = (message, selector) => {
const mainContainer = document.querySelector(selector);
const contentContainer = document.querySelector(`${selector} > section`);
if ('false' === 'true') {
contentContainer.innerHTML = `<h2 class="VtlsUninstallBG"><div class="VtlsUninstallBG__Text">${message}</div></h2>`;
} else {
mainContainer.style.display = 'none';
mainContainer.remove();
}
};
const getThemeSectionIdsByUUID = (installedThemeSections, uuid, appId) => {
const listIds = [];
installedThemeSections.forEach((installedThemeSection) => {
if (installedThemeSection.id.includes(`${apps[appId].prefix}_${uuid}`)) {
listIds.push(installedThemeSection.id);
}
})
return listIds;
}
const getThemeSectionsStatusList = (url) => fetch(url, {
method: 'GET',
headers: { 'Content-Type': 'application/json' },
}).then((response) => response.json());
const evaluateThemeSections = (url) => {
getThemeSectionsStatusList(url).then(response => {
const { data, f, i } = response;
const installedThemeSections = document.querySelectorAll(sectionsSelector);
data.forEach((themeSection) => {
const { e, u, a } = themeSection;
if (!e) {
const themeSectionsWithUUID = getThemeSectionIdsByUUID(installedThemeSections, u, a);
let message = '';
if (f) {
message = downgradeMessage;
}
if (!i) {
message = uninstallMessage;
}
themeSectionsWithUUID.forEach((themeSectionSelector) => {
disableSection(message, `#${themeSectionSelector}`);
})
}
});
})
}
if (shopId) {
if (window.vtlsSecurityCheckStarted === undefined) {
window.vtlsSecurityCheckStarted = true;
let url = '';
const hostname = getHostname();
if (!hostname) {
return;
}
const baseUrl = `${hostname}/bundle/api/v2/sf/ts`;
if (cacheKeysMetaFields) {
url = `${baseUrl}/${shopId}/${cacheKeysMetaFields}.json`;
} else {
const timestamp = Math.round(new Date().getTime() / 1000 / 10000) * 10000;
url = `${baseUrl}/${shopId}/${timestamp}.json`;
}
evaluateThemeSections(url);
}
}
})();
</script>
<style data-shopify>
.VtlsUninstallBG{background-color:var(--vtl-color-bg-fill-inverse-on-light);background-image:url("data:image/avif;base64,iVBORw0KGgoAAAANSUhEUgAABOcAAABkCAQAAABnAJxfAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+gLFQgmAgUXFkMAAARaSURBVHja7daxbSRBEATB8ZzvKw0h1dcIlJS4jl25Azlavffn9/3v++e//+vvCwqFQqFQKBRKSklEUCgUCoVCoVAMOgqFQqFQKJSzSiKCQqFQKBQKhWLQUSgUCoVCoZxVEhEUCoVCoVAoFIOOQqFQKBQK5VOURASFQqFQKBQKZVUSERQKhUKhUCiUVUlEUCgUCoVCoVBWZbtOPoVCoVAoFArlovIKERQKhUKhUCiUVXmFCAqFQqFQKBTKqrxCBIVCoVAoFAplVV4hgkKhUCgUCoUyK4kICoVCoVAoFMqqJCIoFAqFQqFQKKuSiKBQKBQKhUKhrEoigkKhUCgUCoVi0FEoFAqFQqGcVRIRFAqFQqFQKBSDjkKhUCgUCuWskoigUCgUCoVCoRh0FAqFQqFQKGeVRASFQqFQKBQKxaCjUCgUCoVCOaskIigUCoVCoVAoBh2FQqFQKBTKWSURQaFQKBQKhUIx6CgUCoVCoVDOKokICoVCoVAoFIpBR6FQKBQKhXJWSURQKBQKhUKhUAw6CoVCoVAolLNKIoJCoVAoFAqFYtBRKBQKhUKhnFUSERQKhUKhUCgUg45CoVAoFArlrJKIoFAoFAqFQqEYdBQKhUKhUChnlUQEhUKhUCgUCsWgo1AoFAqFQvkUJRFBoVAoFAqFQlmVRASFQqFQKBQKZVUSERQKhUKhUCiUVdmuk0+hUCgUCoVCuai8QgSFQqFQKBQKZVVeIYJCoVAoFAqFsiqvEEGhUCgUCoVCWZVXiKBQKBQKhUKhzEoigkKhUCgUCoWyKokICoVCoVAoFMqqJCIoFAqFQqFQKKuSiKBQKBQKhUKhGHQUCoVCoVAoZ5VEBIVCoVAoFArFoKNQKBQKhUI5qyQiKBQKhUKhUCgGHYVCoVAoFMpZJRFBoVAoFAqFQjHoKBQKhUKhUM4qiQgKhUKhUCgUikFHoVAoFAqFclZJRFAoFAqFQqFQDDoKhUKhUCiUs0oigkKhUCgUCoVi0FEoFAqFQqGcVRIRFAqFQqFQKBSDjkKhUCgUCuWskoigUCgUCoVCoRh0FAqFQqFQKGeVRASFQqFQKBQKxaCjUCgUCoVCOaskIigUCoVCoVAoBh2FQqFQKBTKWSURQaFQKBQKhUIx6CgUCoVCoVA+RUlEUCgUCoVCoVBWJRFBoVAoFAqFQlmVRASFQqFQKBQKZVW26+RTKBQKhUKhUC4qrxBBoVAoFAqFQlmVV4igUCgUCoVCoazKK0RQKBQKhUKhUFblFSIoFAqFQqFQKLOSiKBQKBQKhUKhrEoigkKhUCgUCoWyKokICoVCoVAoFMqqJCIoFAqFQqFQKAYdhUKhUCgUylklEUGhUCgUCoVCMegoFAqFQqFQziqJCAqFQqFQKBSKQUehUCgUCoVyVklEUCgUCoVCoVAMOgqFQqFQKJSzSiKCQqFQKBQKhWLQUSgUCoVCoZxVEhEUCoVCoVAoFIOOQqFQKBQK5dOVX5nMB52iezhxAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI0LTExLTIxVDA4OjM4OjAyKzAwOjAw30WrCwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNC0xMS0yMVQwODozODowMiswMDowMK4YE7cAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjQtMTEtMjFUMDg6Mzg6MDIrMDA6MDD5DTJoAAAAAElFTkSuQmCC");background-position:center;background-size:cover;text-align:center;padding:var(--vtl-space-32);margin:0}.VtlsUninstallBG__Text{color:var(--vtl-color-text-disable-on-light);font-family:Inter,sans-serif;font-size:var(--vtl-font-size-14);font-weight:var(--vtl-font-weight-400);line-height:var(--vtl-line-height-140);padding:var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-40);background-color:var(--vtl-color-bg-fill-inverse-on-light);display:inline-block}.VtlsUninstallBG__Text::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%09%09%09%3Cpath%20d%3D%22M9.99994%206.75C10.4142%206.75%2010.7499%207.08579%2010.7499%207.5V11C10.7499%2011.4142%2010.4142%2011.75%209.99994%2011.75C9.58573%2011.75%209.24994%2011.4142%209.24994%2011V7.5C9.24994%207.08579%209.58573%206.75%209.99994%206.75Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%09%3Cpath%20d%3D%22M11%2013.5C11%2014.0523%2010.5523%2014.5%2010%2014.5C9.44772%2014.5%209%2014.0523%209%2013.5C9%2012.9477%209.44772%2012.5%2010%2012.5C10.5523%2012.5%2011%2012.9477%2011%2013.5Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%203.5C8.95471%203.5%208.21616%204.20232%207.84762%204.94672C7.65565%205.33448%206.75984%207.0441%205.84305%208.79353L5.81531%208.84646C4.9229%2010.5493%204.01714%2012.2777%203.80716%2012.702C3.4351%2013.4537%203.32931%2014.4519%203.89953%2015.316C4.46911%2016.1791%205.44222%2016.5%206.36356%2016.5L13.6364%2016.5C14.5577%2016.5%2015.5308%2016.1791%2016.1004%2015.316C16.6707%2014.4519%2016.5649%2013.4537%2016.1928%2012.702C15.9832%2012.2784%2015.08%2010.555%2014.1889%208.85476L14.1569%208.79352C13.24%207.044%2012.3443%205.33454%2012.1524%204.94693C11.784%204.20242%2011.0454%203.5%2010%203.5ZM9.1919%205.61225C9.59605%204.79592%2010.4041%204.79592%2010.8081%205.61225C11.0102%206.02061%2011.9201%207.75686%2012.8296%209.49243C13.7383%2011.2262%2014.6466%2012.9594%2014.8485%2013.3673C15.2525%2014.1837%2014.8485%2015%2013.6364%2015L6.36356%2015C5.1515%2015%204.74746%2014.1837%205.1515%2013.3673C5.35376%2012.9587%206.26468%2011.2205%207.1748%209.4838C8.08283%207.75111%208.99005%206.01994%209.1919%205.61225Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%3C%2Fsvg%3E");position:absolute;width:var(--vtl-space-20);height:var(--vtl-space-20);margin-left:calc(-1*var(--vtl-space-24))}.VtlsUninstallBG__Text a{color:var(--vtl-color-text-disable-on-light)}.VtlsUninstallBG__Text a:hover{text-decoration:none}
</style>
</div><div id="shopify-section-template--29392351134033__tsapb_ce7789ea_Gh9BmT" class="shopify-section"><!-- --VERSION-21-- -->
<style data-shopify>
:root {
--vtl-neutral-70: #5e5e5e;
--vtl-neutral-01: #fff;
--vtl-size-2: 2px;
--vtl-size-8: 8px;
--vtl-size-14: 14px;
--vtl-size-16: 16px;
--vtl-size-20: 20px;
--vtl-size-24: 24px;
--vtl-size-32: 32px;
--vtl-size-40: 40px;
--vtl-font-weight-400: 400;
--vtl-font-weight-600: 600;
--vtl-line-height-140: 1.4;
--vtl-color-bg-fill-inverse-on-light: var(--vtl-neutral-01);
--vtl-color-text-disable-on-light: var(--vtl-neutral-70);
--vtl-space-2: var(--vtl-size-2);
--vtl-space-8: var(--vtl-size-8);
--vtl-space-16: var(--vtl-size-16);
--vtl-space-20: var(--vtl-size-20);
--vtl-space-24: var(--vtl-size-24);
--vtl-space-32: var(--vtl-size-32);
--vtl-space-40: var(--vtl-size-40);
--vtl-font-size-14: var(--vtl-size-14);
}
</style>
<!-- --UUID-ce7789ea-- -->
<section class="Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt VtlsValueIcons">
<div
class="VtlsValueIconsContainer VtlsValueIconsContainer--backgroundStyle-color"
><ul class="VtlsValueIconsList VtlsValueIconsList--mobileLayout-slider">
<li
class="VtlsValueIconsBlock"
>
<div class="VtlsValueIconsBlock__IconWrapper"><div class="VtlsValueIconsBlock__Icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h16c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
</div></div>
<div class="VtlsValueIconsBlock__TextContent"><h5 class="VtlsValueIconsBlock__Heading">Livraison Offerte</h5><p class="VtlsValueIconsBlock__Description">Point Relais (France)</p></div>
</li>
<li
class="VtlsValueIconsBlock"
>
<div class="VtlsValueIconsBlock__IconWrapper"><div class="VtlsValueIconsBlock__Icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M255.5 8c-66.3 .1-126.4 26.2-170.9 68.7L49 41C33.9 25.9 8 36.6 8 57.9V192c0 13.3 10.7 24 24 24h134.1c21.4 0 32.1-25.9 17-41l-41.8-41.8c30.9-28.9 70.8-44.9 113.2-45.3 92.4-.8 170.3 74 169.5 169.4C423.2 348 349.8 424 256 424c-41.1 0-80-14.7-110.6-41.6-4.7-4.2-11.9-3.9-16.4 .6L89.3 422.7c-4.9 4.9-4.6 12.8 .5 17.4C133.8 479.8 192.1 504 256 504c137 0 248-111 248-248C504 119.2 392.4 7.8 255.5 8z"/></svg>
</div></div>
<div class="VtlsValueIconsBlock__TextContent"><h5 class="VtlsValueIconsBlock__Heading">Retour 30 jours</h5><p class="VtlsValueIconsBlock__Description">100% satisfait ou remboursé</p></div>
</li>
<li
class="VtlsValueIconsBlock"
>
<div class="VtlsValueIconsBlock__IconWrapper"><div class="VtlsValueIconsBlock__Icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"/></svg>
</div></div>
<div class="VtlsValueIconsBlock__TextContent"><h5 class="VtlsValueIconsBlock__Heading">Paiement sécurisé</h5><p class="VtlsValueIconsBlock__Description">Payez en toute confiance</p></div>
</li>
<li
class="VtlsValueIconsBlock"
>
<div class="VtlsValueIconsBlock__IconWrapper"><div class="VtlsValueIconsBlock__Icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M192 208c0-17.7-14.3-32-32-32h-16c-35.4 0-64 28.7-64 64v48c0 35.4 28.7 64 64 64h16c17.7 0 32-14.3 32-32V208zm176 144c35.4 0 64-28.7 64-64v-48c0-35.4-28.7-64-64-64h-16c-17.7 0-32 14.3-32 32v112c0 17.7 14.3 32 32 32h16zM256 0C113.2 0 4.6 118.8 0 256v16c0 8.8 7.2 16 16 16h16c8.8 0 16-7.2 16-16v-16c0-114.7 93.3-208 208-208s208 93.3 208 208h-.1c.1 2.4 .1 165.7 .1 165.7 0 23.4-18.9 42.3-42.3 42.3H320c0-26.5-21.5-48-48-48h-32c-26.5 0-48 21.5-48 48s21.5 48 48 48h181.7c49.9 0 90.3-40.4 90.3-90.3V256C507.4 118.8 398.8 0 256 0z"/></svg>
</div></div>
<div class="VtlsValueIconsBlock__TextContent"><h5 class="VtlsValueIconsBlock__Heading">Service client</h5><p class="VtlsValueIconsBlock__Description">Notre équipe est là pour vous</p></div>
</li></ul>
</div>
</section>
<style data-shopify>
.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt {
--section-margin-top:0px;
--section-margin-bottom:0px;
--section-margin-top-mobile:0px;
--section-margin-bottom-mobile:0px;
--section-padding-top:40px;
--section-padding-bottom:40px;
--section-padding-top-mobile:20px;
--section-padding-bottom-mobile:20px;
--section-max-width:px;
--section-width:70%;
--section-background-color:;
--section-background-gradient:linear-gradient(to right, #fed951, #ff46c7);
--section-overlay-color:#222222;
--section-overlay-opacity:0%;
--section-heading-alignment: center;
--section-heading-color: #222222;
--section-heading-size: 32px;
--section-icon-color:#222222;
--section-icon-size:30px;
--section-icon-title-size:20px;
--section-icon-title-color:#222222;
--section-icon-description-size:14px;
--section-icon-description-color:#222222;
--section-icons-per-row-desktop:4;
--section-icons-mobile-layout:slider;
--section-space-between-icons:40px;
--section-space-between-rows:64px;
--section-space-between-rows-mobile:40px;
--section-overlay-color:#222222;
--section-overlay-opacity:0%;
}
.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons{display:block}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons--fullWidth .VtlsValueIconsContainer .VtlsValueIconsHeading{padding:0 var(--vtl-space-20) var(--vtl-space-32) var(--vtl-space-20)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsContainer{margin:var(--section-margin-top-mobile) auto var(--section-margin-bottom-mobile);padding:calc(var(--section-padding-top-mobile) - var(--vtl-space-16)) 0 calc(var(--section-padding-bottom-mobile) - var(--vtl-space-16));list-style-type:none;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsContainer{margin:var(--section-margin-top) auto var(--section-margin-bottom);padding:calc(var(--section-padding-top) - var(--vtl-space-16)) 0 calc(var(--section-padding-bottom) - var(--vtl-space-16))}}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsContainer--backgroundStyle-color{background-color:var(--section-background-color)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsContainer--backgroundStyle-image{position:relative;height:100%;width:100%}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsContainer--emptyImage{position:relative;height:100%;width:100%}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsContainer .VtlsValueIconsContainer__BackgroundMedia{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsContainer .VtlsValueIconsContainer__BackgroundImage{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsContainer .VtlsValueIconsContainer__BackgroundOverlay{position:absolute;inset:0;z-index:1;display:block;background-color:var(--section-overlay-color);opacity:var(--section-overlay-opacity)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsContainer--hasGradient{background:var(--section-background-gradient)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsContainer--hasAnimation{background-size:300% 300%;background-position:0% 50%;animation:gradient-flow 10s ease-in-out infinite}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsHeading{margin:0 auto;font-size:calc(var(--section-heading-size)*.75);text-decoration:none;color:var(--section-heading-color);display:block;width:100%;z-index:2;text-align:var(--section-heading-alignment);pointer-events:auto;padding:0 var(--vtl-space-20) var(--vtl-space-32) var(--vtl-space-20)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsHeading--style-regular{font-weight:var(--vtl-font-weight-400)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsHeading--style-bold{font-weight:var(--vtl-font-weight-600)}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsHeading{font-size:var(--section-heading-size);padding:0 0 var(--vtl-space-32) 0;width:var(--section-width);max-width:var(--section-max-width, unset)}}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsList{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:100%;z-index:2;padding:var(--vtl-space-16) var(--vtl-space-20);flex-wrap:wrap;row-gap:var(--section-space-between-rows-mobile);column-gap:var(--section-space-between-icons);margin:0 auto;list-style-type:none}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsList{row-gap:var(--section-space-between-rows);width:var(--section-width);max-width:var(--section-max-width)}}@media(max-width: 992px){.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsList--mobileLayout-slider{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:var(--section-space-between-icons);margin-left:var(--vtl-space-20);padding-left:unset;justify-content:flex-start}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsList--mobileLayout-slider::-webkit-scrollbar{display:none}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsList--mobileLayout-slider .VtlsValueIconsBlock{flex:0 0 auto;scroll-snap-align:start;max-width:220px}}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock{display:flex;width:calc((100% - var(--section-space-between-icons)*(var(--section-icons-mobile-layout) - 1))/var(--section-icons-mobile-layout));flex-direction:column;align-items:center;justify-content:center;gap:var(--vtl-space-16)}@media(min-width: 480px){.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock{max-width:248px}}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock{max-width:unset;width:calc((100% - var(--section-space-between-icons)*(var(--section-icons-per-row-desktop) - 1))/var(--section-icons-per-row-desktop))}}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__IconWrapper{overflow:hidden;aspect-ratio:1/1;height:var(--section-icon-size);width:var(--section-icon-size)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__IconWrapper:has(i){aspect-ratio:unset;width:unset}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Icon{color:var(--section-icon-color)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Icon .VtlsValueIconsBlock__IconDefault{border-radius:50%}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Icon img{width:100%;height:100%;object-fit:cover;max-height:100%;max-width:100%}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Icon svg{width:var(--section-icon-size);height:var(--section-icon-size)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Icon svg,.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Icon svg path{fill:var(--section-icon-color)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Icon i{font-size:var(--section-icon-size)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__TextContent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--vtl-space-8)}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Heading{margin:0;font-size:calc(var(--section-icon-title-size)*.75);text-decoration:none;color:var(--section-icon-title-color);font-weight:var(--vtl-font-weight-600);display:block;width:100%;text-align:center}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Heading{font-size:var(--section-icon-title-size)}}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Description{margin:0;font-size:calc(var(--section-icon-description-size)*.75);text-decoration:none;color:var(--section-icon-description-color);display:block;max-width:220px;width:100%;text-align:center}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Description a{color:var(--section-icon-description-color);margin:0;padding:0;text-decoration:underline;text-underline-offset:var(--vtl-space-2);transition:opacity .3s ease-in}.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Description a:hover{opacity:.85}@media(min-width: 992px){.Vtls-template-29392351134033__tsapb_ce7789ea_gh9bmt.VtlsValueIcons .VtlsValueIconsBlock__Description{font-size:var(--section-icon-description-size)}}@keyframes gradient-flow{0%{background-position:0% 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0%}100%{background-position:0% 50%}}
</style>
<script>
(function () {
const uninstallMessage = 'Displaying this section requires an active Square: Theme Sections & AI Pages subscription. Reinstall the <a href="https://apps.shopify.com/theme-sections-ai-page-builder" target="_blank">Square: Theme Sections & AI Pages app</a> to activate it or consider removing the section.';
const downgradeMessage = 'You downgraded to a free plan. You need to upgrade your <a href="https://apps.shopify.com/theme-sections-ai-page-builder" target="_blank">Square: Theme Sections & AI Pages app</a> plan to activate it or consider removing the section.';
const projectId = '5';
const sectionsSelector = '.shopify-section';
const apps = {
'1': {
prefix: 'vitals',
hostname: 'https://appsolve.io'
},
'5': {
prefix: 'tsapb',
hostname: 'https://theme-sections.sqa-api.com'
}
};
const cacheKeysMetaFields = '1778395939';
const shopId = '78637793617';
const getHostname = () => {
if (apps[projectId].hostname) {
return apps[projectId].hostname;
}
console.error(`hostname for appId ${projectId} cannot be determined.`);
return undefined;
}
const disableSection = (message, selector) => {
const mainContainer = document.querySelector(selector);
const contentContainer = document.querySelector(`${selector} > section`);
if ('false' === 'true') {
contentContainer.innerHTML = `<h2 class="VtlsUninstallBG"><div class="VtlsUninstallBG__Text">${message}</div></h2>`;
} else {
mainContainer.style.display = 'none';
mainContainer.remove();
}
};
const getThemeSectionIdsByUUID = (installedThemeSections, uuid, appId) => {
const listIds = [];
installedThemeSections.forEach((installedThemeSection) => {
if (installedThemeSection.id.includes(`${apps[appId].prefix}_${uuid}`)) {
listIds.push(installedThemeSection.id);
}
})
return listIds;
}
const getThemeSectionsStatusList = (url) => fetch(url, {
method: 'GET',
headers: { 'Content-Type': 'application/json' },
}).then((response) => response.json());
const evaluateThemeSections = (url) => {
getThemeSectionsStatusList(url).then(response => {
const { data, f, i } = response;
const installedThemeSections = document.querySelectorAll(sectionsSelector);
data.forEach((themeSection) => {
const { e, u, a } = themeSection;
if (!e) {
const themeSectionsWithUUID = getThemeSectionIdsByUUID(installedThemeSections, u, a);
let message = '';
if (f) {
message = downgradeMessage;
}
if (!i) {
message = uninstallMessage;
}
themeSectionsWithUUID.forEach((themeSectionSelector) => {
disableSection(message, `#${themeSectionSelector}`);
})
}
});
})
}
if (shopId) {
if (window.vtlsSecurityCheckStarted === undefined) {
window.vtlsSecurityCheckStarted = true;
let url = '';
const hostname = getHostname();
if (!hostname) {
return;
}
const baseUrl = `${hostname}/bundle/api/v2/sf/ts`;
if (cacheKeysMetaFields) {
url = `${baseUrl}/${shopId}/${cacheKeysMetaFields}.json`;
} else {
const timestamp = Math.round(new Date().getTime() / 1000 / 10000) * 10000;
url = `${baseUrl}/${shopId}/${timestamp}.json`;
}
evaluateThemeSections(url);
}
}
})();
</script>
<style data-shopify>
.VtlsUninstallBG{background-color:var(--vtl-color-bg-fill-inverse-on-light);background-image:url("data:image/avif;base64,iVBORw0KGgoAAAANSUhEUgAABOcAAABkCAQAAABnAJxfAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+gLFQgmAgUXFkMAAARaSURBVHja7daxbSRBEATB8ZzvKw0h1dcIlJS4jl25Azlavffn9/3v++e//+vvCwqFQqFQKBRKSklEUCgUCoVCoVAMOgqFQqFQKJSzSiKCQqFQKBQKhWLQUSgUCoVCoZxVEhEUCoVCoVAoFIOOQqFQKBQK5VOURASFQqFQKBQKZVUSERQKhUKhUCiUVUlEUCgUCoVCoVBWZbtOPoVCoVAoFArlovIKERQKhUKhUCiUVXmFCAqFQqFQKBTKqrxCBIVCoVAoFAplVV4hgkKhUCgUCoUyK4kICoVCoVAoFMqqJCIoFAqFQqFQKKuSiKBQKBQKhUKhrEoigkKhUCgUCoVi0FEoFAqFQqGcVRIRFAqFQqFQKBSDjkKhUCgUCuWskoigUCgUCoVCoRh0FAqFQqFQKGeVRASFQqFQKBQKxaCjUCgUCoVCOaskIigUCoVCoVAoBh2FQqFQKBTKWSURQaFQKBQKhUIx6CgUCoVCoVDOKokICoVCoVAoFIpBR6FQKBQKhXJWSURQKBQKhUKhUAw6CoVCoVAolLNKIoJCoVAoFAqFYtBRKBQKhUKhnFUSERQKhUKhUCgUg45CoVAoFArlrJKIoFAoFAqFQqEYdBQKhUKhUChnlUQEhUKhUCgUCsWgo1AoFAqFQvkUJRFBoVAoFAqFQlmVRASFQqFQKBQKZVUSERQKhUKhUCiUVdmuk0+hUCgUCoVCuai8QgSFQqFQKBQKZVVeIYJCoVAoFAqFsiqvEEGhUCgUCoVCWZVXiKBQKBQKhUKhzEoigkKhUCgUCoWyKokICoVCoVAoFMqqJCIoFAqFQqFQKKuSiKBQKBQKhUKhGHQUCoVCoVAoZ5VEBIVCoVAoFArFoKNQKBQKhUI5qyQiKBQKhUKhUCgGHYVCoVAoFMpZJRFBoVAoFAqFQjHoKBQKhUKhUM4qiQgKhUKhUCgUikFHoVAoFAqFclZJRFAoFAqFQqFQDDoKhUKhUCiUs0oigkKhUCgUCoVi0FEoFAqFQqGcVRIRFAqFQqFQKBSDjkKhUCgUCuWskoigUCgUCoVCoRh0FAqFQqFQKGeVRASFQqFQKBQKxaCjUCgUCoVCOaskIigUCoVCoVAoBh2FQqFQKBTKWSURQaFQKBQKhUIx6CgUCoVCoVA+RUlEUCgUCoVCoVBWJRFBoVAoFAqFQlmVRASFQqFQKBQKZVW26+RTKBQKhUKhUC4qrxBBoVAoFAqFQlmVV4igUCgUCoVCoazKK0RQKBQKhUKhUFblFSIoFAqFQqFQKLOSiKBQKBQKhUKhrEoigkKhUCgUCoWyKokICoVCoVAoFMqqJCIoFAqFQqFQKAYdhUKhUCgUylklEUGhUCgUCoVCMegoFAqFQqFQziqJCAqFQqFQKBSKQUehUCgUCoVyVklEUCgUCoVCoVAMOgqFQqFQKJSzSiKCQqFQKBQKhWLQUSgUCoVCoZxVEhEUCoVCoVAoFIOOQqFQKBQK5dOVX5nMB52iezhxAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI0LTExLTIxVDA4OjM4OjAyKzAwOjAw30WrCwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNC0xMS0yMVQwODozODowMiswMDowMK4YE7cAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjQtMTEtMjFUMDg6Mzg6MDIrMDA6MDD5DTJoAAAAAElFTkSuQmCC");background-position:center;background-size:cover;text-align:center;padding:var(--vtl-space-32);margin:0}.VtlsUninstallBG__Text{color:var(--vtl-color-text-disable-on-light);font-family:Inter,sans-serif;font-size:var(--vtl-font-size-14);font-weight:var(--vtl-font-weight-400);line-height:var(--vtl-line-height-140);padding:var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-16) var(--vtl-space-40);background-color:var(--vtl-color-bg-fill-inverse-on-light);display:inline-block}.VtlsUninstallBG__Text::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%09%09%09%3Cpath%20d%3D%22M9.99994%206.75C10.4142%206.75%2010.7499%207.08579%2010.7499%207.5V11C10.7499%2011.4142%2010.4142%2011.75%209.99994%2011.75C9.58573%2011.75%209.24994%2011.4142%209.24994%2011V7.5C9.24994%207.08579%209.58573%206.75%209.99994%206.75Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%09%3Cpath%20d%3D%22M11%2013.5C11%2014.0523%2010.5523%2014.5%2010%2014.5C9.44772%2014.5%209%2014.0523%209%2013.5C9%2012.9477%209.44772%2012.5%2010%2012.5C10.5523%2012.5%2011%2012.9477%2011%2013.5Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%203.5C8.95471%203.5%208.21616%204.20232%207.84762%204.94672C7.65565%205.33448%206.75984%207.0441%205.84305%208.79353L5.81531%208.84646C4.9229%2010.5493%204.01714%2012.2777%203.80716%2012.702C3.4351%2013.4537%203.32931%2014.4519%203.89953%2015.316C4.46911%2016.1791%205.44222%2016.5%206.36356%2016.5L13.6364%2016.5C14.5577%2016.5%2015.5308%2016.1791%2016.1004%2015.316C16.6707%2014.4519%2016.5649%2013.4537%2016.1928%2012.702C15.9832%2012.2784%2015.08%2010.555%2014.1889%208.85476L14.1569%208.79352C13.24%207.044%2012.3443%205.33454%2012.1524%204.94693C11.784%204.20242%2011.0454%203.5%2010%203.5ZM9.1919%205.61225C9.59605%204.79592%2010.4041%204.79592%2010.8081%205.61225C11.0102%206.02061%2011.9201%207.75686%2012.8296%209.49243C13.7383%2011.2262%2014.6466%2012.9594%2014.8485%2013.3673C15.2525%2014.1837%2014.8485%2015%2013.6364%2015L6.36356%2015C5.1515%2015%204.74746%2014.1837%205.1515%2013.3673C5.35376%2012.9587%206.26468%2011.2205%207.1748%209.4838C8.08283%207.75111%208.99005%206.01994%209.1919%205.61225Z%22%20fill%3D%22%23B28400%22%2F%3E%0A%09%09%3C%2Fsvg%3E");position:absolute;width:var(--vtl-space-20);height:var(--vtl-space-20);margin-left:calc(-1*var(--vtl-space-24))}.VtlsUninstallBG__Text a{color:var(--vtl-color-text-disable-on-light)}.VtlsUninstallBG__Text a:hover{text-decoration:none}
</style>
</div><div id="shopify-section-template--29392351134033__1756193560d28f1d09" 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-ARWJlS3JvNzBIMmZzN__judge_me_reviews_featured_carousel_djKJhx" class="shopify-block shopify-app-block"><div style="margin:0 auto;max-width:1080px;">
<div class='jdgm-carousel-wrapper'>
<div class="jdgm-carousel-title-and-link">
<h2 class='jdgm-carousel-title'>Let customers speak for us</h2>
<span class="jdgm-all-reviews-rating-wrapper" href="javascript:void(0)">
<span style="display:block" data-score='5.00' class='jdgm-all-reviews-rating' aria-label='5.00 stars' tabindex='0' role='img'></span>
<span style="display: block" class='jdgm-carousel-number-of-reviews' data-number-of-reviews='3'>
from 3 reviews
</span>
</span>
</div>
<section class='jdgm-widget jdgm-carousel jdgm-carousel--aligned-theme' data-widget-locale='fr'> <style>.jdgm-carousel{display: none}</style> <style> .jdgm-xx{left:0}.jdgm-carousel-item__timestamp{display:none !important}.jdgm-carousel-item__product-title{display:none !important}.jdgm-carousel--aligned-theme .jdgm-carousel-item__review{text-align:left;height:calc(100% - 1.2999999999999998em)}.jdgm-carousel--aligned-theme .jdgm-carousel-item__review-wrapper{display:inline-block;vertical-align:middle;width:70%;padding:0 12px;height:100%}.jdgm-carousel--aligned-theme .jdgm-carousel-item__review-rating{font-size:100%;margin-bottom:8px}.jdgm-carousel--aligned-theme .jdgm-carousel-item__product{text-align:left}.jdgm-carousel--aligned-theme .jdgm-carousel-item__reviewer-name{font-size:100%;opacity:1;line-height:1;padding-bottom:0;font-weight:600}.jdgm-carousel--aligned-theme .jdgm-carousel-item__timestamp{opacity:0.8}.jdgm-carousel--aligned-theme .jdgm-carousel-item__product-image{height:auto;display:inline-block;vertical-align:middle;width:30%}.jdgm-carousel--aligned-theme .jdgm-carousel-item__reviewer-name-wrapper{text-align:left}.jdgm-carousel--aligned-theme .jdgm-carousel-item{padding:0 12px}
</style> <style> </style> <div class='jdgm-carousel__item-container'> <div class='jdgm-carousel__item-wrapper'><div class='jdgm-carousel-item' data-review-id='29dcb042-b73d-4b7f-99ab-db27d127c7ef'> <img class='jdgm-carousel-item__product-image' alt='Bague en argent pour femme - Pierre Améthyste et zirconium' data-src='https://cdn.shopify.com/s/files/1/0786/3779/3617/files/Bagueenargentpourfemme-Amethystezirconium_70x70.jpg?v=1765210267' data-src-retina='https://cdn.shopify.com/s/files/1/0786/3779/3617/files/Bagueenargentpourfemme-Amethystezirconium_140x140.jpg?v=1765210267'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Magnifique</div> <div class='jdgm-carousel-item__review-body'><p>Sublime merci ! Emballage top</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Isabelle </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/bague-en-argent-pour-femme-pierre-amethyste-et-zirconium#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Bague en argent pour femme - Pierre Améthyste et zirconium </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='01/25/2026'> 01/25/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='c01dabbb-35bd-4d7f-8ba5-a727301c65c7'> <img class='jdgm-carousel-item__product-image' alt='Collier en argent pour femme - Solitaire encerclé' data-src='https://cdn.shopify.com/s/files/1/0786/3779/3617/files/Collier_femme_en_argent_925_et_solitaire_central_70x70.png?v=1752386252' data-src-retina='https://cdn.shopify.com/s/files/1/0786/3779/3617/files/Collier_femme_en_argent_925_et_solitaire_central_140x140.png?v=1752386252'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Finesse et magnifique</div> <div class='jdgm-carousel-item__review-body'><p>Finesse et magnifique. Livraison rapide merci.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Elodie </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/collier-en-argent-pour-femme-solitaire-encercle#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Collier en argent pour femme - Solitaire encerclé </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='01/20/2026'> 01/20/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='f48cf483-ab03-49e0-b1e1-4a29346b544a'> <img class='jdgm-carousel-item__product-image' alt='Bracelet en pierre naturelle - Jaspe Océan' data-src='https://cdn.shopify.com/s/files/1/0786/3779/3617/files/Bracelet_en_jaspe_naturel_70x70.png?v=1752385707' data-src-retina='https://cdn.shopify.com/s/files/1/0786/3779/3617/files/Bracelet_en_jaspe_naturel_140x140.png?v=1752385707'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>J'ai reçu mon bracelet dans une jolie boîte</div> <div class='jdgm-carousel-item__review-body'><p>J'ai reçu mon bracelet dans une jolie boîte, il est juste magnifique. Je recommande fortement. Merci</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Elodie </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/bracelet-en-pierre-naturelle-jaspe-ocean#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Bracelet en pierre naturelle - Jaspe Océan </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/26/2025'> 08/26/2025 </div> </div> </div> </div></div> </div> <div class='jdgm-carousel__arrows'> <div class='jdgm-carousel__left-arrow' tabindex="0"></div> <div class='jdgm-carousel__right-arrow' tabindex="0"></div> </div> </section> <section> </section>
</div>
</div>
</div>
<style data-shopify>
</style>
<product-card
class="product-card size-style"
style="--size-style-width: 100%;--size-style-height: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;"
data-product-id="10521217237329"
id="product-card-AU1dKd3VRaU9RMGJHc__product_card_C8bnRz"
data-product-transition="true"
data-featured-media-url="//cmonshopping.com/cdn/shop/files/Bagueenargentpourfemme-Amethystezirconium.jpg?v=1765210267&width=500"
on:click="/handleViewTransition"
>
<a
id="43583c006a56b627fefe918f626d1419"
href="/products/bague-en-argent-pour-femme-pierre-amethyste-et-zirconium?variant=52561581834577"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Bague en argent pour femme - Pierre Améthyste et zirconium
</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:15px; overflow: hidden; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; --quick-add-mobile-opacity: 1; "
>
</div>
</product-card>
</div>
</div>
</div>
</div><section id="shopify-section-template--29392351134033__featured_blog_posts_MkcUyk" class="shopify-section featured-blog-posts">
<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: 12px;"
>
<div id="shopify-block-AMXI1VFZYU1UxamtYZ__static-blog-title" class="shopify-block">
<rte-formatter class="spacing-style text-block text-block--AMXI1VFZYU1UxamtYZ__static-blog-title 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>Blog Bijoux fantaisie. Astuces Tendances Idées Cadeaux</h3>
</rte-formatter>
</div>
<div
class="resource-list force-full-width resource-list__carousel"
style="--resource-list-column-gap-desktop: 8px;--column-count: 3;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="featured-blog-posts"
>
<div style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;">
<slideshow-component
ref="featuredBlog"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--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 aria-hidden="true" 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 aria-hidden="true" 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="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AeUdwOFE5b1VoZzdua__static-blog-post-card"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --text-align: center; --horizontal-alignment: center; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/blog-bijoux-fantaisie-astuces-tendances-idees-cadeaux/bijoux-noirs-elegance-gothique-ou-minimalisme-chic"
>
<span class="visually-hidden">Bijoux noirs élégance gothique ou minimalisme chic ?</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AeUdwOFE5b1VoZzdua__static-blog-post-card"] {
--ratio: 1 / 1;
}
</style>
<div
class="resource-image featured-blog-posts-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="//cmonshopping.com/cdn/shop/articles/2816604ca1f4d24be20b0fb2f739ebc1.jpg?v=1779431723&width=3840" alt="Bijoux noirs : élégance gothique ou minimalisme chic ?" srcset="//cmonshopping.com/cdn/shop/articles/2816604ca1f4d24be20b0fb2f739ebc1.jpg?v=1779431723&width=240 240w, //cmonshopping.com/cdn/shop/articles/2816604ca1f4d24be20b0fb2f739ebc1.jpg?v=1779431723&width=352 352w, //cmonshopping.com/cdn/shop/articles/2816604ca1f4d24be20b0fb2f739ebc1.jpg?v=1779431723&width=832 832w, //cmonshopping.com/cdn/shop/articles/2816604ca1f4d24be20b0fb2f739ebc1.jpg?v=1779431723&width=1200 1200w, //cmonshopping.com/cdn/shop/articles/2816604ca1f4d24be20b0fb2f739ebc1.jpg?v=1779431723&width=1600 1600w, //cmonshopping.com/cdn/shop/articles/2816604ca1f4d24be20b0fb2f739ebc1.jpg?v=1779431723&width=1920 1920w, //cmonshopping.com/cdn/shop/articles/2816604ca1f4d24be20b0fb2f739ebc1.jpg?v=1779431723&width=2560 2560w, //cmonshopping.com/cdn/shop/articles/2816604ca1f4d24be20b0fb2f739ebc1.jpg?v=1779431723&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<rte-formatter class="spacing-style text-block text-block--ATkpZU1AwSEdpT09XM__title rte text-block--align-left 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-); --text-align: left; ">
<h4>Bijoux noirs élégance gothique ou minimalisme chic ?</h4>
</rte-formatter>
</h4>
<div id="shopify-block-AL0RvcmJqa3pmNml3Y__blog-post-info-text" class="shopify-block">
<div
class="blog-post-details spacing-style justify-center"
style="--padding-block-start: 0px;--padding-block-end: 0px;"
><span><time datetime="2026-06-10T08:00:02Z">10 juin 2026</time></span><span>|</span><span>Fabrice PAUGET</span></div>
</div>
<div id="shopify-block-AM2x3N0o1a1VrQVB4R__blog-post-description" class="shopify-block">
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AM2x3N0o1a1VrQVB4R__blog-post-description rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); "
>
Bijoux noirs élégance gothique ou minimalisme chic ?. Le noir en bijouterie fantaisie connaît un succès fulgurant qui transcende les modes
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AeUdwOFE5b1VoZzdua__static-blog-post-card-1"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --text-align: center; --horizontal-alignment: center; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/blog-bijoux-fantaisie-astuces-tendances-idees-cadeaux/bijoux-fantaisie-au-bureau-les-regles-du-dress-code-professionnel"
>
<span class="visually-hidden">Bijoux fantaisie au bureau : les règles du dress code professionnel</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AeUdwOFE5b1VoZzdua__static-blog-post-card-1"] {
--ratio: 1 / 1;
}
</style>
<div
class="resource-image featured-blog-posts-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="//cmonshopping.com/cdn/shop/articles/05957eae877c98bffb7a54aadbbbcfce.png?v=1779350405&width=3840" alt="Bijoux fantaisie au bureau : les règles du dress code professionnel" srcset="//cmonshopping.com/cdn/shop/articles/05957eae877c98bffb7a54aadbbbcfce.png?v=1779350405&width=240 240w, //cmonshopping.com/cdn/shop/articles/05957eae877c98bffb7a54aadbbbcfce.png?v=1779350405&width=352 352w, //cmonshopping.com/cdn/shop/articles/05957eae877c98bffb7a54aadbbbcfce.png?v=1779350405&width=832 832w, //cmonshopping.com/cdn/shop/articles/05957eae877c98bffb7a54aadbbbcfce.png?v=1779350405&width=1200 1200w, //cmonshopping.com/cdn/shop/articles/05957eae877c98bffb7a54aadbbbcfce.png?v=1779350405&width=1600 1600w, //cmonshopping.com/cdn/shop/articles/05957eae877c98bffb7a54aadbbbcfce.png?v=1779350405&width=1920 1920w, //cmonshopping.com/cdn/shop/articles/05957eae877c98bffb7a54aadbbbcfce.png?v=1779350405&width=2560 2560w, //cmonshopping.com/cdn/shop/articles/05957eae877c98bffb7a54aadbbbcfce.png?v=1779350405&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<rte-formatter class="spacing-style text-block text-block--ATkpZU1AwSEdpT09XM__title-1 rte text-block--align-left 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-); --text-align: left; ">
<h4>Bijoux fantaisie au bureau : les règles du dress code professionnel</h4>
</rte-formatter>
</h4>
<div id="shopify-block-AL0RvcmJqa3pmNml3Y__blog-post-info-text-1" class="shopify-block">
<div
class="blog-post-details spacing-style justify-center"
style="--padding-block-start: 0px;--padding-block-end: 0px;"
><span><time datetime="2026-06-02T06:30:01Z">2 juin 2026</time></span><span>|</span><span>Fabrice PAUGET</span></div>
</div>
<div id="shopify-block-AM2x3N0o1a1VrQVB4R__blog-post-description-1" class="shopify-block">
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AM2x3N0o1a1VrQVB4R__blog-post-description-1 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); "
>
Bijoux fantaisie au bureau : les règles du dress code professionnel. Les bijoux au travail, véritable casse-tête vestimentaire ou opportunité d'affirmer son style avec subtilité ?
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AeUdwOFE5b1VoZzdua__static-blog-post-card-2"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --text-align: center; --horizontal-alignment: center; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/blog-bijoux-fantaisie-astuces-tendances-idees-cadeaux/les-meilleurs-bijoux-fantaisie-pour-petits-budgets"
>
<span class="visually-hidden">Les meilleurs bijoux fantaisie pour petits budgets</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AeUdwOFE5b1VoZzdua__static-blog-post-card-2"] {
--ratio: 1 / 1;
}
</style>
<div
class="resource-image featured-blog-posts-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="//cmonshopping.com/cdn/shop/articles/148acef7767e263e2e5e3d596250d02d_24346739-2506-45f7-87f2-daa9156fe78d.png?v=1779945667&width=3840" alt="Les meilleurs bijoux fantaisie pour petits budgets" srcset="//cmonshopping.com/cdn/shop/articles/148acef7767e263e2e5e3d596250d02d_24346739-2506-45f7-87f2-daa9156fe78d.png?v=1779945667&width=240 240w, //cmonshopping.com/cdn/shop/articles/148acef7767e263e2e5e3d596250d02d_24346739-2506-45f7-87f2-daa9156fe78d.png?v=1779945667&width=352 352w, //cmonshopping.com/cdn/shop/articles/148acef7767e263e2e5e3d596250d02d_24346739-2506-45f7-87f2-daa9156fe78d.png?v=1779945667&width=832 832w, //cmonshopping.com/cdn/shop/articles/148acef7767e263e2e5e3d596250d02d_24346739-2506-45f7-87f2-daa9156fe78d.png?v=1779945667&width=1200 1200w, //cmonshopping.com/cdn/shop/articles/148acef7767e263e2e5e3d596250d02d_24346739-2506-45f7-87f2-daa9156fe78d.png?v=1779945667&width=1600 1600w, //cmonshopping.com/cdn/shop/articles/148acef7767e263e2e5e3d596250d02d_24346739-2506-45f7-87f2-daa9156fe78d.png?v=1779945667&width=1920 1920w, //cmonshopping.com/cdn/shop/articles/148acef7767e263e2e5e3d596250d02d_24346739-2506-45f7-87f2-daa9156fe78d.png?v=1779945667&width=2560 2560w, //cmonshopping.com/cdn/shop/articles/148acef7767e263e2e5e3d596250d02d_24346739-2506-45f7-87f2-daa9156fe78d.png?v=1779945667&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<rte-formatter class="spacing-style text-block text-block--ATkpZU1AwSEdpT09XM__title-2 rte text-block--align-left 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-); --text-align: left; ">
<h4>Les meilleurs bijoux fantaisie pour petits budgets</h4>
</rte-formatter>
</h4>
<div id="shopify-block-AL0RvcmJqa3pmNml3Y__blog-post-info-text-2" class="shopify-block">
<div
class="blog-post-details spacing-style justify-center"
style="--padding-block-start: 0px;--padding-block-end: 0px;"
><span><time datetime="2026-05-25T04:47:25Z">25 mai 2026</time></span><span>|</span><span>Fabrice PAUGET</span></div>
</div>
<div id="shopify-block-AM2x3N0o1a1VrQVB4R__blog-post-description-2" class="shopify-block">
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AM2x3N0o1a1VrQVB4R__blog-post-description-2 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); "
>
Les meilleurs bijoux fantaisie pour petits budgets. Qui a dit qu'il fallait dépenser une fortune pour rayonner et accessoiriser ses tenues avec style ?
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AeUdwOFE5b1VoZzdua__static-blog-post-card-3"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --text-align: center; --horizontal-alignment: center; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/blog-bijoux-fantaisie-astuces-tendances-idees-cadeaux/comment-acheter-des-bijoux-fantaisie-en-ligne-sans-se-tromper"
>
<span class="visually-hidden">Comment acheter des bijoux fantaisie en ligne sans se tromper ?</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AeUdwOFE5b1VoZzdua__static-blog-post-card-3"] {
--ratio: 1 / 1;
}
</style>
<div
class="resource-image featured-blog-posts-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="//cmonshopping.com/cdn/shop/articles/ea9318015aac293156e21d560c90a507.png?v=1779263372&width=3840" alt="Comment acheter des bijoux fantaisie en ligne sans se tromper ?" srcset="//cmonshopping.com/cdn/shop/articles/ea9318015aac293156e21d560c90a507.png?v=1779263372&width=240 240w, //cmonshopping.com/cdn/shop/articles/ea9318015aac293156e21d560c90a507.png?v=1779263372&width=352 352w, //cmonshopping.com/cdn/shop/articles/ea9318015aac293156e21d560c90a507.png?v=1779263372&width=832 832w, //cmonshopping.com/cdn/shop/articles/ea9318015aac293156e21d560c90a507.png?v=1779263372&width=1200 1200w, //cmonshopping.com/cdn/shop/articles/ea9318015aac293156e21d560c90a507.png?v=1779263372&width=1600 1600w, //cmonshopping.com/cdn/shop/articles/ea9318015aac293156e21d560c90a507.png?v=1779263372&width=1920 1920w, //cmonshopping.com/cdn/shop/articles/ea9318015aac293156e21d560c90a507.png?v=1779263372&width=2560 2560w, //cmonshopping.com/cdn/shop/articles/ea9318015aac293156e21d560c90a507.png?v=1779263372&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<rte-formatter class="spacing-style text-block text-block--ATkpZU1AwSEdpT09XM__title-3 rte text-block--align-left 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-); --text-align: left; ">
<h4>Comment acheter des bijoux fantaisie en ligne sans se tromper ?</h4>
</rte-formatter>
</h4>
<div id="shopify-block-AL0RvcmJqa3pmNml3Y__blog-post-info-text-3" class="shopify-block">
<div
class="blog-post-details spacing-style justify-center"
style="--padding-block-start: 0px;--padding-block-end: 0px;"
><span><time datetime="2026-05-17T05:13:17Z">17 mai 2026</time></span><span>|</span><span>Fabrice PAUGET</span></div>
</div>
<div id="shopify-block-AM2x3N0o1a1VrQVB4R__blog-post-description-3" class="shopify-block">
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AM2x3N0o1a1VrQVB4R__blog-post-description-3 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); "
>
Comment acheter des bijoux fantaisie en ligne sans se tromper ? L'achat de bijoux fantaisie en ligne est devenu une pratique courante et pratique, offrant un choix quasi illimité, des prix...
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AeUdwOFE5b1VoZzdua__static-blog-post-card-4"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --text-align: center; --horizontal-alignment: center; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/blog-bijoux-fantaisie-astuces-tendances-idees-cadeaux/bijoux-fantaisie-pour-femmes-de-50-ans-et-plus"
>
<span class="visually-hidden">Bijoux fantaisie pour femmes de 50 ans et plus</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AeUdwOFE5b1VoZzdua__static-blog-post-card-4"] {
--ratio: 1 / 1;
}
</style>
<div
class="resource-image featured-blog-posts-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="//cmonshopping.com/cdn/shop/articles/f390f463117720ada12485740c70311d.png?v=1777614368&width=3840" alt="Bijoux fantaisie pour femmes de 50 ans et plus" srcset="//cmonshopping.com/cdn/shop/articles/f390f463117720ada12485740c70311d.png?v=1777614368&width=240 240w, //cmonshopping.com/cdn/shop/articles/f390f463117720ada12485740c70311d.png?v=1777614368&width=352 352w, //cmonshopping.com/cdn/shop/articles/f390f463117720ada12485740c70311d.png?v=1777614368&width=832 832w, //cmonshopping.com/cdn/shop/articles/f390f463117720ada12485740c70311d.png?v=1777614368&width=1200 1200w, //cmonshopping.com/cdn/shop/articles/f390f463117720ada12485740c70311d.png?v=1777614368&width=1600 1600w, //cmonshopping.com/cdn/shop/articles/f390f463117720ada12485740c70311d.png?v=1777614368&width=1920 1920w, //cmonshopping.com/cdn/shop/articles/f390f463117720ada12485740c70311d.png?v=1777614368&width=2560 2560w, //cmonshopping.com/cdn/shop/articles/f390f463117720ada12485740c70311d.png?v=1777614368&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<rte-formatter class="spacing-style text-block text-block--ATkpZU1AwSEdpT09XM__title-4 rte text-block--align-left 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-); --text-align: left; ">
<h4>Bijoux fantaisie pour femmes de 50 ans et plus</h4>
</rte-formatter>
</h4>
<div id="shopify-block-AL0RvcmJqa3pmNml3Y__blog-post-info-text-4" class="shopify-block">
<div
class="blog-post-details spacing-style justify-center"
style="--padding-block-start: 0px;--padding-block-end: 0px;"
><span><time datetime="2026-05-09T05:30:02Z">9 mai 2026</time></span><span>|</span><span>Fabrice PAUGET</span></div>
</div>
<div id="shopify-block-AM2x3N0o1a1VrQVB4R__blog-post-description-4" class="shopify-block">
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AM2x3N0o1a1VrQVB4R__blog-post-description-4 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); "
>
Bijoux fantaisie pour femmes de 50 ans et plus. Passé 50 ans, une femme entre dans une nouvelle ère de confiance et d'élégance assumée
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
</div>
</section><div id="shopify-section-template--29392351134033__media_with_content_CGzUkL" class="shopify-section">
<div class="section-background color-scheme-4"></div>
<div
class="section section--full-width disable-section-top-offset media-with-content color-scheme-4 spacing-style media-with-content--medium"
data-testid="media-with-content"
style="--padding-block-start: 0px;--padding-block-end: 0px; --border-width: px; --border-style: ; --border-color:rgb(var(--color-border-rgb) / 0.0); --border-radius:px; --media-height: 60svh; --media-height-mobile: 50svh; --section-preview-height: 600px; "
>
<div
class="media-block spacing-style"
style=" --border-width: px; --border-style: ; --border-color:rgb(var(--color-border-rgb) / 0.0); --border-radius:px; --image-position: cover; --video-position: cover; "
>
<a
href="/pages/notre-histoire"
class="media-block__media-link"
>
<img src="//cmonshopping.com/cdn/shop/files/Boite_bijoux_C_Mon_Shopping_2025.png?height=1080&v=1753199033" alt="Boite bijoux C Mon Shopping 2025" width="1080" height="1080" loading="lazy" class="media-block__media border-style" srcset="//cmonshopping.com/cdn/shop/files/Boite_bijoux_C_Mon_Shopping_2025.png?height=1080&v=1753199033 1x, //cmonshopping.com/cdn/shop/files/Boite_bijoux_C_Mon_Shopping_2025.png?height=2160&v=1753199033 2x, //cmonshopping.com/cdn/shop/files/Boite_bijoux_C_Mon_Shopping_2025.png?height=3240&v=1753199033 3x" style="">
</a>
</div>
<div
class="group-block group-block--height- group-block--width- border-style spacing-style size-style media-with-content__content"
style=" --border-width: px; --border-style: ; --border-color:rgb(var(--color-border-rgb) / 0.0); --border-radius:px; --size-style-width: ;--size-style-height: ; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 24px;--horizontal-alignment: flex-start; --vertical-alignment: space-between;--vertical-alignment-mobile: space-between;"
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AN2dGZ1l4MkJ1TGZBb__text_dTqW9W h3" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h2>Qui sommes nous ?</h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AMWd4dTd6OWpYM05kR__text_cCMbB8 rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p><em>Chez C Mon Shopping, nous vous offrons l'unicité des bijoux fantaisie. Chaque pièce est fabriquée et plaquée avec passion et savoir-faire, garantissant une qualité exceptionnelle. Adoptez l'élégance intemporelle et l'authenticité avec nos créations.</em></p>
</rte-formatter>
</div>
</div>
<a
href="/pages/notre-histoire"
class="size-style link link--AU1dRVGJvejlYOVliY__button_TDefgW"
style="--size-style-width:100%;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;">
Découvrir notre histoire
</a>
</div>
</div>
</div>
</div><div id="shopify-section-template--29392351134033__divider_TLcDV8" class="shopify-section">
<div class="section-background color-scheme-4"></div>
<div
class="section section--full-width color-scheme-4"
data-testid="divider-template--29392351134033__divider_TLcDV8"
>
<div
class="divider divider-template--29392351134033__divider_TLcDV8 spacing-style"
style=" --divider-justify-content: center; --padding-block-start: 16px;--padding-block-end: 16px; "
>
<span
class="divider__line"
style=" --divider-border-thickness: 1px; --divider-flex-basis: 100%; "
></span>
</div>
</div>
</div><div id="shopify-section-template--29392351134033__1772960880d586d88b" 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>
</div>
</div>
</div><div id="shopify-section-template--29392351134033__177296086188314a99" 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>
</div>
</div>
</div><div id="shopify-section-template--29392351134033__section_Jz3d69" class="shopify-section section-wrapper">
<div class="section-background color-scheme-5"></div>
<div
class="section section--page-width color-scheme-5"
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:15px; overflow: hidden; "
>
<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--AVjg1YkVZdFhqZk8rS__text_g43znC 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; ">
<h2><strong>Rejoignez notre communauté</strong></h2>
</rte-formatter>
<rte-formatter class="spacing-style text-block text-block--AaFgyK295dzBTZGZRa__text_C7kHyT 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>Soyez le premier informé des nouvelles collections et des offres spéciales. </p>
</rte-formatter>
<div
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="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div
class="email-signup__input-group email-signup__input-group--integrated email-signup__input-group--arrow"
style="--border-width: 1px; --border-radius: 100px;"
>
<label
for="EmailInput-AU25SK016akpJS3pua__email_signup_TNLYbn"
class="visually-hidden"
>
E-mail
</label>
<input
id="EmailInput-AU25SK016akpJS3pua__email_signup_TNLYbn"
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--AU25SK016akpJS3pua__email_signup_TNLYbn"
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>
</div>
<rte-formatter class="spacing-style text-block text-block--AMjBMZVJuWVdIRk84U__text_VUDQnd rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p><em>En vous inscrivant, vous acceptez de recevoir nos e-mails exclusifs avec des offres réservées à nos membres. Vous pourrez vous désinscrire à tout moment. Voir notre Politique de confidentialité pour plus d’informations</em></p>
</rte-formatter>
</div>
</div>
</div>
</div><div id="shopify-section-template--29392351134033__divider_FhyMX4" class="shopify-section">
<div class="section-background color-scheme-4"></div>
<div
class="section section--full-width color-scheme-4"
data-testid="divider-template--29392351134033__divider_FhyMX4"
>
<div
class="divider divider-template--29392351134033__divider_FhyMX4 spacing-style"
style=" --divider-justify-content: center; --padding-block-start: 16px;--padding-block-end: 16px; "
>
<span
class="divider__line"
style=" --divider-border-thickness: 1px; --divider-flex-basis: 100%; "
></span>
</div>
</div>
</div><div id="shopify-section-template--29392351134033__1748090017527e39bd" 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>
</div>
</div>
</div><div id="shopify-section-template--29392351134033__1748624849dbe92f2b" 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>
</div>
</div>
</div>
</main>
<footer>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--29392351560017__migrated_footer_content" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-4"></div>
<div
class="section section--page-width color-scheme-4"
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
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: max(20px, calc(var(--spacing-scale) * 60px));--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: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div
class="logo-block spacing-style"
style=" --logo-width: 320.0px; --logo-width-mobile: 160.0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<div class="logo-block__image-wrapper">
<img src="//cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?v=1753197982&width=3840" alt="C mon shopping™" srcset="//cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?v=1753197982&width=240 240w, //cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?v=1753197982&width=352 352w, //cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?v=1753197982&width=832 832w, //cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?v=1753197982&width=1200 1200w, //cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?v=1753197982&width=1600 1600w, //cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?v=1753197982&width=1920 1920w, //cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?v=1753197982&width=2560 2560w, //cmonshopping.com/cdn/shop/files/Logo_C_Mon_Shopping.png?v=1753197982&width=3840 3840w" width="500" height="500" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 24px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div
class="divider divider-AU3liQzlqb0JyMEJqd__divider_keDjEB spacing-style"
style=" --divider-justify-content: center; --padding-block-start: 0px;--padding-block-end: 0px; "
>
<span
class="divider__line"
style=" --divider-border-thickness: 1px; --divider-border-rounded: 0; --divider-flex-basis: 100%; "
></span>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 30px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<accordion-custom
class="menu"
open-by-default-on-desktop
open-by-default-on-mobile
data-disable-on-desktop="true"
data-disable-on-mobile="true"
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
open
>
<summary class="menu__heading h6">
<span class="menu__heading__default">C MON SHOPPING™</span>
<span class="menu__heading__accordion">
C MON SHOPPING™
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" 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>
</summary>
<nav
class="details-content"
>
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/pages/notre-histoire">
A propos de nous
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/histoire-des-pierres-et-mineraux">
Histoire des pierres et minéraux
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/all">
Notre catalogue
</a>
</li>
<li class="menu__item paragraph">
<a href="/products/carte-cadeau-c-mon-shopping">
🎁 Carte cadeau
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/colliers-fantaisie-collection-bijoux-tendance">
💎 Colliers fantaisie
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/bracelets-fantaisie-collection-bijoux-tendance">
📿 Bracelets fantaisie
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/bagues-fantaisie-collection-bijoux-tendance">
💍 Bagues fantaisie
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/boucles-doreilles-fantaisie-collection-bijoux-tendance">
👂 Boucles d’oreilles fantaisie
</a>
</li>
<li class="menu__item paragraph">
<a href="/products/extension-de-garantie-bijoux-5-ans-supplementaires-total-10-ans">
🛡️ Extension de garantie
</a>
</li>
<li class="menu__item paragraph">
<a href="/blogs/blog-bijoux-fantaisie-astuces-tendances-idees-cadeaux">
📖 Blog
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/saint-valentin">
💖 Saint Valentin
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/fetes-des-meres">
💐 Fêtes des mères
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/fete-des-peres">
🩵 Fête des pères
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/black-friday">
🖤 Black Friday
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections/noel">
🎅 Noël
</a>
</li>
</ul>
</nav>
</details>
</accordion-custom>
</div>
</div>
<div
class="divider divider-ASE8xcC9OZjhiNys2V__divider_W9XhV6 spacing-style"
style=" --divider-justify-content: center; --padding-block-start: 0px;--padding-block-end: 0px; "
>
<span
class="divider__line"
style=" --divider-border-thickness: 1px; --divider-border-rounded: 0; --divider-flex-basis: 100%; "
></span>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 30px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<accordion-custom
class="menu"
open-by-default-on-desktop
open-by-default-on-mobile
data-disable-on-desktop="true"
data-disable-on-mobile="true"
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
open
>
<summary class="menu__heading h6">
<span class="menu__heading__default">Conditions de service</span>
<span class="menu__heading__accordion">
Conditions de service
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" 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>
</summary>
<nav
class="details-content"
>
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/policies/refund-policy">
Politique de retour et de remboursement
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/privacy-policy">
Politique de confidentialité
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/terms-of-service">
Conditions de service
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/shipping-policy">
Politique d'expédition
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/contact-information">
Coordonnées
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/terms-of-sale">
Conditions générales de ventes
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/legal-notice">
Mentions légales
</a>
</li>
</ul>
</nav>
</details>
</accordion-custom>
</div>
</div>
<div
class="divider divider-AUDNBMXFNby81Vy80S__divider_NEGcYD spacing-style"
style=" --divider-justify-content: center; --padding-block-start: 0px;--padding-block-end: 0px; "
>
<span
class="divider__line"
style=" --divider-border-thickness: 1px; --divider-border-rounded: 0; --divider-flex-basis: 100%; "
></span>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 30px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<accordion-custom
class="menu"
open-by-default-on-desktop
open-by-default-on-mobile
data-disable-on-desktop="true"
data-disable-on-mobile="true"
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
open
>
<summary class="menu__heading h6">
<span class="menu__heading__default">SERVICE CLIENT</span>
<span class="menu__heading__accordion">
SERVICE CLIENT
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" 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>
</summary>
<nav
class="details-content"
>
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/pages/contact">
Contactez-nous
</a>
</li>
<li class="menu__item paragraph">
<a href="https://cmonshopping.com/apps/parcelpanel">
Suivre mon colis
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/garantie">
Garantie
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/avis-clients-transparence-et-authenticite">
Avis clients
</a>
</li>
<li class="menu__item paragraph">
<a href="https://cdn.shopify.com/s/files/1/0786/3779/3617/files/Guide_des_tailles_Bagues_C_Mon_Shopping.png?v=1777615294">
Guide des tailles de bagues
</a>
</li>
</ul>
</nav>
</details>
</accordion-custom>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="payment-icons spacing-style"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --icon-gap: 10px; --alignment: center; "
>
<span class="visually-hidden">Moyens de paiement</span>
<ul
class="payment-icons__list"
role="list"
><li class="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewbox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><lineargradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientunits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></lineargradient><lineargradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientunits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></lineargradient></defs></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" width="38" height="24" role="img" viewbox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-cartes_bancaires"><title id="pi-cartes_bancaires">Cartes Bancaires</title><rect x="1" y="1" width="36" height="22" rx="2" fill="url(#pi-cartes_bancaires-paint0_linear)"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28 9.934c0 1.067-.8 1.932-1.79 1.934v.002h-6.52V8h6.52c.99.002 1.79.867 1.79 1.934zm0 4.104c0 1.067-.8 1.932-1.79 1.934v.003h-6.52v-3.87h6.52c.99.002 1.79.867 1.79 1.933zm-13.224-1.934h4.788v.378c0 1.943-1.46 3.518-3.26 3.518H13.26C11.46 16 10 14.425 10 12.482v-.938c0-1.943 1.46-3.518 3.26-3.518h3.044c1.8 0 3.26 1.575 3.26 3.518v.326h-4.788v.234z" fill="#fff"/><defs><lineargradient id="pi-cartes_bancaires-paint0_linear" x1="37" y1="1" x2="17.422" y2="33.036" gradientunits="userSpaceOnUse"><stop stop-color="#083969"/><stop offset=".492" stop-color="#007B9D"/><stop offset="1" stop-color="#00A84A"/></lineargradient></defs></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewbox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-mobilepay"><title id="pi-mobilepay">MobilePay</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.05 15.296s2.53-.771 4.282-.776c2.896-.007 4.857 1.15 4.857 1.15V10.06s-1.97-1.02-4.453-1.09c-2.481-.068-4.687 1.012-4.687 1.012v5.313z" fill="#5A78FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.308 9.19l2.082 4.957V9.396s1.646-.882 3.485-1.13c1.84-.249 4.181.08 4.181.08l-1.133-2.707s-2.461-.159-4.69.794c-2.228.952-3.925 2.756-3.925 2.756z" fill="#5A78FF"/><path d="M21.428 5.676l-.82-1.99a1.818 1.818 0 00-2.37-.996l-5.663 2.334a1.818 1.818 0 00-.98 2.376l5.46 13.247a1.818 1.818 0 002.37.995l5.662-2.334a1.817 1.817 0 00.98-2.376l-.677-1.642s-.462-.027-.676-.033c-.226-.006-.644-.001-.644-.001l.88 2.136a.606.606 0 01-.326.793l-5.663 2.333a.606.606 0 01-.79-.331L12.711 6.94a.606.606 0 01.327-.792L18.7 3.814a.606.606 0 01.79.332l.83 2.011s.383-.187.59-.27c.206-.082.518-.211.518-.211z" fill="#5A78FF"/></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
</li></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-sections--29392351560017__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
<div class="section-background color-scheme-4"></div>
<div
class="section section--page-width color-scheme-4"
>
<div
class="utilities utilities--blocks-2 spacing-style"
style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
data-testid="footer-utilities"
>
<div
class="footer-utilities__group-copyright custom-typography custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2026
<a href="/" title="">C mon shopping™</a>, <a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore"> </a>
</span>
</div>
<div
class="social-icons__wrapper"
>
<div
class="social-icons__icon-wrapper"
>
<a
href="https://www.facebook.com/cmonshopping75"
target="_blank"
rel="noopener noreferrer"
aria-label="Facebook"
>
<span class="social-icons__icon-label">Facebook</span>
<svg
class="social-icons__icon icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 20 20"
>
<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
</a>
</div>
<div
class="social-icons__icon-wrapper"
>
<a
href="https://www.instagram.com/cmonshopping5"
target="_blank"
rel="noopener noreferrer"
aria-label="Instagram"
>
<span class="social-icons__icon-label">Instagram</span>
<svg
class="social-icons__icon icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 20 20"
>
<path
fill-rule="evenodd"
d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
clip-rule="evenodd"
/></svg>
</a>
</div>
<div
class="social-icons__icon-wrapper"
>
<a
href="https://fr.pinterest.com/cmonshopping75/"
target="_blank"
rel="noopener noreferrer"
aria-label="Pinterest"
>
<span class="social-icons__icon-label">Pinterest</span>
<svg
class="social-icons__icon icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 20 20"
>
<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg>
</a>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-sections--29392351560017__1748660314ec4e9e2f" 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"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
</div>
</div>
</div>
</div>
<!-- END sections: footer-group -->
</footer>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/dialog.js?v=150888536568694194021774935567"
type="module"
></script>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/predictive-search.js?v=149240552485540508541774935567"
type="module"
fetchpriority="low"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
aria-labelledby="search-modal-heading"
>
<h2
id="search-modal-heading"
class="visually-hidden"
>
Rechercher
</h2>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Rechercher"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>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 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
ref="resetButton"
hidden
on:click="/resetSearch"
>
Effacer
</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 aria-hidden="true" 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"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
<div class="predictive-search-results__inner">
<div
id="predictive-search-products"
class="predictive-search-results__products"
data-testid="products-list-default--modal"
>
<h4 class="predictive-search-results__title">
Produits
</h4>
<ul
class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="10622985666897"
data-featured-media-url="//cmonshopping.com/cdn/shop/files/Bagueenacierinoxydablepourfemme-Strasszirconium.jpg?v=1770370247&width=500"
data-product-transition="true"
on:click="/handleViewTransition"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/bague-en-acier-inoxydable-pour-femme-avec-strass"
>
<span class="visually-hidden">
Bague en acier inoxydable pour femme avec strass
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
ref="cardGallery"
data-view-transition-to-main-product
>
<img src="//cmonshopping.com/cdn/shop/files/Bagueenacierinoxydablepourfemme-Strasszirconium.jpg?v=1770370247&width=500" alt="Bague en acier inoxydable pour femme avec strass" srcset="//cmonshopping.com/cdn/shop/files/Bagueenacierinoxydablepourfemme-Strasszirconium.jpg?v=1770370247&width=240 240w, //cmonshopping.com/cdn/shop/files/Bagueenacierinoxydablepourfemme-Strasszirconium.jpg?v=1770370247&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Bague en acier inoxydable pour femme avec strass</p>
<div ref="priceContainer">
<div
class="price__regular"
>
<span class="price">29,00€</span>
</div>
<div
class="price__sale price__hidden"
>
<span class="price-item__group">
<span class="visually-hidden">Prix régulier </span>
<span class="price-item--regular compare-at-price"></span>
</span>
<span class="price-item__group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price-item--sale price">29,00€</span>
</span>
</div>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="10639277850961"
data-featured-media-url="//cmonshopping.com/cdn/shop/files/Bagueenacierinoxydablepourfemmestrassetincelant.jpg?v=1771057489&width=500"
data-product-transition="true"
on:click="/handleViewTransition"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/bague-en-acier-inoxydable-pour-femme-avec-strass-etincelant"
>
<span class="visually-hidden">
Bague en acier inoxydable pour femme avec strass étincelant
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
ref="cardGallery"
data-view-transition-to-main-product
>
<img src="//cmonshopping.com/cdn/shop/files/Bagueenacierinoxydablepourfemmestrassetincelant.jpg?v=1771057489&width=500" alt="Bague en acier inoxydable pour femme avec strass étincelant" srcset="//cmonshopping.com/cdn/shop/files/Bagueenacierinoxydablepourfemmestrassetincelant.jpg?v=1771057489&width=240 240w, //cmonshopping.com/cdn/shop/files/Bagueenacierinoxydablepourfemmestrassetincelant.jpg?v=1771057489&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Bague en acier inoxydable pour femme avec strass étincelant</p>
<div ref="priceContainer">
<div
class="price__regular"
>
<span class="price">29,00€</span>
</div>
<div
class="price__sale price__hidden"
>
<span class="price-item__group">
<span class="visually-hidden">Prix régulier </span>
<span class="price-item--regular compare-at-price"></span>
</span>
<span class="price-item__group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price-item--sale price">29,00€</span>
</span>
</div>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="10623831015761"
data-featured-media-url="//cmonshopping.com/cdn/shop/files/bagueenacierinoxydablepourfemme-strasszirconium_98a90a5b-9a9f-45f3-b28b-dd9f46590456.jpg?v=1770395650&width=500"
data-product-transition="true"
on:click="/handleViewTransition"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/bague-en-acier-inoxydable-pour-femme-avec-strass-ouverte"
>
<span class="visually-hidden">
Bague en acier inoxydable pour femme avec strass ouverte
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
ref="cardGallery"
data-view-transition-to-main-product
>
<img src="//cmonshopping.com/cdn/shop/files/bagueenacierinoxydablepourfemme-strasszirconium_98a90a5b-9a9f-45f3-b28b-dd9f46590456.jpg?v=1770395650&width=500" alt="Bague en acier inoxydable pour femme avec strass ouverte" srcset="//cmonshopping.com/cdn/shop/files/bagueenacierinoxydablepourfemme-strasszirconium_98a90a5b-9a9f-45f3-b28b-dd9f46590456.jpg?v=1770395650&width=240 240w, //cmonshopping.com/cdn/shop/files/bagueenacierinoxydablepourfemme-strasszirconium_98a90a5b-9a9f-45f3-b28b-dd9f46590456.jpg?v=1770395650&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
<img src="//cmonshopping.com/cdn/shop/files/bague_en_acier_inoxydable_pour_femme_-_Strass_zirconium_2.jpg?v=1770395653&width=500" alt="Bague en acier inoxydable pour femme avec strass ouverte" srcset="//cmonshopping.com/cdn/shop/files/bague_en_acier_inoxydable_pour_femme_-_Strass_zirconium_2.jpg?v=1770395653&width=240 240w, //cmonshopping.com/cdn/shop/files/bague_en_acier_inoxydable_pour_femme_-_Strass_zirconium_2.jpg?v=1770395653&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="67288511250769" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Bague en acier inoxydable pour femme avec strass ouverte</p>
<div ref="priceContainer">
<div
class="price__regular"
>
<span class="price">29,00€</span>
</div>
<div
class="price__sale price__hidden"
>
<span class="price-item__group">
<span class="visually-hidden">Prix régulier </span>
<span class="price-item--regular compare-at-price"></span>
</span>
<span class="price-item__group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price-item--sale price">29,00€</span>
</span>
</div>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="10624239796561"
data-featured-media-url="//cmonshopping.com/cdn/shop/files/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1770445181&width=500"
data-product-transition="true"
on:click="/handleViewTransition"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/bague-en-acier-inoxydable-pour-femme-reglable-avec-strass"
>
<span class="visually-hidden">
Bague en acier inoxydable pour femme réglable avec strass
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
ref="cardGallery"
data-view-transition-to-main-product
>
<img src="//cmonshopping.com/cdn/shop/files/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1770445181&width=500" alt="Bague en acier inoxydable pour femme réglable avec strass" srcset="//cmonshopping.com/cdn/shop/files/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1770445181&width=240 240w, //cmonshopping.com/cdn/shop/files/bagueenacierinoxydablepourfemme-strasszirconium_3.jpg?v=1770445181&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Bague en acier inoxydable pour femme réglable avec strass</p>
<div ref="priceContainer">
<div
class="price__regular"
>
<span class="price">29,00€</span>
</div>
<div
class="price__sale price__hidden"
>
<span class="price-item__group">
<span class="visually-hidden">Prix régulier </span>
<span class="price-item--regular compare-at-price"></span>
</span>
<span class="price-item__group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price-item--sale price">29,00€</span>
</span>
</div>
</div>
</div>
</div></product-card-link>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button predictive-search__search-button"
ref="viewAllButton"
>
Tout afficher
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<script
src="//cmonshopping.com/cdn/shop/t/46/assets/gift-card-recipient-form.js?v=129634859299628245901774935567"
type="module"
fetchpriority="low"
></script>
<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 aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
<div id="shopify-block-AbXlxMFBiZSt3TUI4V__17198465164502963513" class="shopify-block shopify-app-block">
<link rel="stylesheet" href="https://release.insurance-widget-prod.pages.dev/ins-theme-app.css" media="print" onload="this.media='all'" data-insurance-tag="load-theme-app-css">
<script defer="defer" src="https://release.insurance-widget-prod.pages.dev/ins-theme-app.js" type="text/javascript"></script>
</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "index"
};
</script>
</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
