PageSourceSearch

https://www.bonnemaison.fr/

html bonnemaison.fr collected 2026-09-26 03:37:13 UTC 410,950 bytes, 8,745 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="fr"
5>
6  <head>
7    
8    
9
10
11<meta charset="utf-8">
12<meta
13  http-equiv="X-UA-Compatible"
14  content="IE=edge"
15>
16<meta
17  name="viewport"
18  content="width=device-width,initial-scale=1"
19>
20<meta
21  name="view-transition"
22  content="same-origin"
23>
24<meta
25  name="theme-color"
26  content=""
27>
28
29<meta
30  property="og:site_name"
31  content="Bonne Maison"
32>
33<meta
34  property="og:url"
35  content="https://www.bonnemaison.fr/"
36>
37<meta
38  property="og:title"
39  content="Bonne Maison"
40>
41<meta
42  property="og:type"
43  content="website"
44>
45<meta
46  property="og:description"
47  content="Bonne Maison"
48><meta
49  name="twitter:card"
50  content="summary_large_image"
51>
52<meta
53  name="twitter:title"
54  content="Bonne Maison"
55>
56<meta
57  name="twitter:description"
58  content="Bonne Maison"
59>
60
61<title>
62  Bonne Maison
63</title>
64
65<link
66  rel="canonical"
67  href="https://www.bonnemaison.fr/"
68>
69
70
71<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/overflow-list.css?v=16727044177065489451788024220" as="style" rel="preload">
72<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/base.css?v=110558660533795380521788024220" rel="stylesheet" type="text/css" media="all" />
73
74<link
75    rel="preload"
76    as="font"
77    href="//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2"
78    type="font/woff2"
79    crossorigin
80    fetchpriority="low"
81  ><link
82    rel="preload"
83    as="font"
84    href="//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2"
85    type="font/woff2"
86    crossorigin
87    fetchpriority="low"
88  ><link
89    rel="preload"
90    as="font"
91    href="//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2"
92    type="font/woff2"
93    crossorigin
94    fetchpriority="low"
95  ><link
96    rel="preload"
97    as="font"
98    href="//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2"
99    type="font/woff2"
100    crossorigin
101    fetchpriority="low"
102  >
103
104
105<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 105
105
106<script type="importmap">
107  {
108    "imports": {
109      "@theme/overflow-list": "//www.bonnemaison.fr/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511788024220",
110      "@theme/product-title": "//www.bonnemaison.fr/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781788024220",
111      "@theme/component": "//www.bonnemaison.fr/cdn/shop/t/2/assets/component.js?v=184240237101443119871788024220",
112      "@theme/dialog": "//www.bonnemaison.fr/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021788024220",
113      "@theme/events": "//www.bonnemaison.fr/cdn/shop/t/2/assets/events.js?v=1118589085892804011788024220",
114      "@theme/focus": "//www.bonnemaison.fr/cdn/shop/t/2/assets/focus.js?v=60436577539430446401788024220",
115      "@theme/morph": "//www.bonnemaison.fr/cdn/shop/t/2/assets/morph.js?v=104045809772310330131788024220",
116      "@theme/paginated-list": "//www.bonnemaison.fr/cdn/shop/t/2/assets/paginated-list.js?v=95298315036233333871788024220",
117      "@theme/performance": "//www.bonnemaison.fr/cdn/shop/t/2/assets/performance.js?v=171015751390534793081788024220",
118      "@theme/product-form": "//www.bonnemaison.fr/cdn/shop/t/2/assets/product-form.js?v=142170751179338062901788024220",
119      "@theme/recently-viewed-products": "//www.bonnemaison.fr/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651788024220",
120      "@theme/scrolling": "//www.bonnemaison.fr/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011788024220",
121      "@theme/section-renderer": "//www.bonnemaison.fr/cdn/shop/t/2/assets/section-renderer.js?v=123311117485513785771788024220",
122      "@theme/section-hydration": "//www.bonnemaison.fr/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311788024220",
123      "@theme/money-formatting": "//www.bonnemaison.fr/cdn/shop/t/2/assets/money-formatting.js?v=182191346160333327151788024220",
124      "@theme/utilities": "//www.bonnemaison.fr/cdn/shop/t/2/assets/utilities.js?v=28506172887375975941788024220",
125      "@theme/variant-picker": "//www.bonnemaison.fr/cdn/shop/t/2/assets/variant-picker.js?v=24924540959574313291788024220",
126      "@theme/media-gallery": "//www.bonnemaison.fr/cdn/shop/t/2/assets/media-gallery.js?v=14624021005636302161788024220",
127      "@theme/quick-add": "//www.bonnemaison.fr/cdn/shop/t/2/assets/quick-add.js?v=114575661933533593881788024220",
128      "@theme/paginated-list-aspect-ratio": "//www.bonnemaison.fr/cdn/shop/t/2/assets/paginated-list-aspect-ratio.js?v=25254270272143792451788024220",
129      "@theme/popover-polyfill": "//www.bonnemaison.fr/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201788024220",
130      "@theme/component-quantity-selector": "//www.bonnemaison.fr/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641788024220",
131      "@theme/comparison-slider": "//www.bonnemaison.fr/cdn/shop/t/2/assets/comparison-slider.js?v=106705562947035711941788024220",
132      "@theme/sticky-add-to-cart": "//www.bonnemaison.fr/cdn/shop/t/2/assets/sticky-add-to-cart.js?v=48956925339276737091788024220",
133      "@theme/fly-to-cart": "//www.bonnemaison.fr/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081788024220"
134    }
135  }
136</script>
136
137
138<script
139  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/view-transitions.js?v=7106414069516106341788024220"
140  async
141  
142></script>
142
143
144<link
145  rel="modulepreload"
146  href="//www.bonnemaison.fr/cdn/shop/t/2/assets/utilities.js?v=28506172887375975941788024220"
147  fetchpriority="low"
148>
149<link
150  rel="modulepreload"
151  href="//www.bonnemaison.fr/cdn/shop/t/2/assets/component.js?v=184240237101443119871788024220"
152  fetchpriority="low"
153>
154<link
155  rel="modulepreload"
156  href="//www.bonnemaison.fr/cdn/shop/t/2/assets/section-renderer.js?v=123311117485513785771788024220"
157  fetchpriority="low"
158>
159<link
160  rel="modulepreload"
161  href="//www.bonnemaison.fr/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311788024220"
162  fetchpriority="low"
163>
164<link
165  rel="modulepreload"
166  href="//www.bonnemaison.fr/cdn/shop/t/2/assets/morph.js?v=104045809772310330131788024220"
167  fetchpriority="low"
168>
169
170
171
172<link
173  rel="modulepreload"
174  href="//www.bonnemaison.fr/cdn/shop/t/2/assets/focus.js?v=60436577539430446401788024220"
175  fetchpriority="low"
176>
177<link
178  rel="modulepreload"
179  href="//www.bonnemaison.fr/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651788024220"
180  fetchpriority="low"
181>
182<link
183  rel="modulepreload"
184  href="//www.bonnemaison.fr/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011788024220"
185  fetchpriority="low"
186>
187<link
188  rel="modulepreload"
189  href="//www.bonnemaison.fr/cdn/shop/t/2/assets/events.js?v=1118589085892804011788024220"
190  fetchpriority="low"
191>
192<script
193  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201788024220"
194  type="module"
195  fetchpriority="low"
196></script>
vendor: 1 bytes, line 196
196
197<script
198  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511788024220"
199  type="module"
200  fetchpriority="low"
201></script>
vendor: 1 bytes, line 201
201
202<script
203  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/quick-add.js?v=114575661933533593881788024220"
204  type="module"
205  fetchpriority="low"
206></script>
206
207
208  
208<script
209    src="//www.bonnemaison.fr/cdn/shop/t/2/assets/cart-discount.js?v=107077853990124422021788024220"
210    type="module"
211    fetchpriority="low"
212  ></script>
212
213
214
215<script
216  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021788024220"
217  type="module"
218  fetchpriority="low"
219></script>
vendor: 1 bytes, line 219
219
220<script
221  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/variant-picker.js?v=24924540959574313291788024220"
222  type="module"
223  fetchpriority="low"
224></script>
vendor: 1 bytes, line 224
224
225<script
226  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-card.js?v=28695665944407642501788024220"
227  type="module"
228  fetchpriority="low"
229></script>
vendor: 1 bytes, line 229
229
230<script
231  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-form.js?v=142170751179338062901788024220"
232  type="module"
233  fetchpriority="low"
234></script>
vendor: 1 bytes, line 234
234
235<script
236  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081788024220"
237  type="module"
238  fetchpriority="low"
239></script>
vendor: 1 bytes, line 239
239
240<script
241  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/accordion-custom.js?v=97588419883090888471788024220"
242  type="module"
243  fetchpriority="low"
244></script>
vendor: 1 bytes, line 244
244
245<script
246  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/media.js?v=37825095869491791421788024220"
247  type="module"
248  fetchpriority="low"
249></script>
vendor: 1 bytes, line 249
249
250<script
251  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-price.js?v=83480980452100801711788024220"
252  type="module"
253  fetchpriority="low"
254></script>
vendor: 1 bytes, line 254
254
255<script
256  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-sku.js?v=121804655373531320511788024220"
257  type="module"
258  fetchpriority="low"
259></script>
vendor: 1 bytes, line 259
259
260<script
261  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781788024220"
262  type="module"
263  fetchpriority="low"
264></script>
vendor: 1 bytes, line 264
264
265<script
266  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-inventory.js?v=81520546963552472391788024220"
267  type="module"
268  fetchpriority="low"
269></script>
vendor: 1 bytes, line 269
269
270<script
271  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/show-more.js?v=94563802205717136101788024220"
272  type="module"
273  fetchpriority="low"
274></script>
vendor: 1 bytes, line 274
274
275<script
276  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/slideshow.js?v=168726587398279102001788024220"
277  type="module"
278  fetchpriority="low"
279></script>
vendor: 1 bytes, line 279
279
280<script
281  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/layered-slideshow.js?v=30135417790894624731788024220"
282  type="module"
283  fetchpriority="low"
284></script>
vendor: 1 bytes, line 284
284
285<script
286  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/anchored-popover.js?v=95953304814728754461788024220"
287  type="module"
288  fetchpriority="low"
289></script>
vendor: 1 bytes, line 289
289
290<script
291  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/floating-panel.js?v=151277338116891310371788024220"
292  type="module"
293  fetchpriority="low"
294></script>
vendor: 1 bytes, line 294
294
295<script
296  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/video-background.js?v=25237992823806706551788024220"
297  type="module"
298  fetchpriority="low"
299></script>
vendor: 1 bytes, line 299
299
300<script
301  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641788024220"
302  type="module"
303  fetchpriority="low"
304></script>
vendor: 1 bytes, line 304
304
305<script
306  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/media-gallery.js?v=14624021005636302161788024220"
307  type="module"
308  fetchpriority="low"
309></script>
vendor: 1 bytes, line 309
309
310<script
311  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/rte-formatter.js?v=40306132146590816021788024220"
312  type="module"
313  fetchpriority="low"
314></script>
vendor: 1 bytes, line 314
314
315<script
316  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/volume-pricing.js?v=15442793518842484731788024220"
317  type="module"
318  fetchpriority="low"
319></script>
vendor: 1 bytes, line 319
319
320<script
321  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/price-per-item.js?v=144512917617120124431788024220"
322  type="module"
323  fetchpriority="low"
324></script>
vendor: 1 bytes, line 324
324
325<script
326  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661788024220"
327  type="module"
328  fetchpriority="low"
329></script>
329
330
331
332  
332<script
333    src="//www.bonnemaison.fr/cdn/shop/t/2/assets/localization.js?v=15585934801240115691788024220"
334    type="module"
335    fetchpriority="low"
336  ></script>
336
337
338
339
340
341<script
342  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/auto-close-details.js?v=58350291535404441581788024220"
343  defer="defer"
344></script>
344
345
346<script>
347  const Theme = {
348    translations: {
349      placeholder_image: `Image du paramètre fictif`,
350      added: `Ajouté`,
351      recipient_form_fields_visible: `Les champs du formulaire de destinataire sont désormais visibles`,
352      recipient_form_fields_hidden: `Les champs du formulaire de destinataire sont désormais masqués`,
353      recipient_form_error: `La soumission du formulaire présentait une erreur`,
354      items_added_to_cart_one: `1 article ajouté au panier`,
355      items_added_to_cart_other: `{{ count }} articles ajoutés au panier`,
356      cart_count: `Nombre total d’articles dans le panier`,
357    },
358    routes: {
359      cart_add_url: '/cart/add.js',
360      cart_change_url: '/cart/change',
361      cart_update_url: '/cart/update',
362      cart_url: '/cart',
363      predictive_search_url: '/search/suggest',
364      search_url: '/search',
365    },
366    template: {
367      name: 'index',
368    },
369  };
370</script>
370
371<style data-shopify>
372@font-face {
373  font-family: "Work Sans";
374  font-weight: 400;
375  font-style: normal;
376  font-display: swap;
377  src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2") format("woff2"),
378       url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n4.cf5ceb1e6d373a9505e637c1aff0a71d0959556d.woff") format("woff");
379}
380@font-face {
381  font-family: "Work Sans";
382  font-weight: 700;
383  font-style: normal;
384  font-display: swap;
385  src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2") format("woff2"),
386       url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n7.20f1c80359e7f7b4327b81543e1acb5c32cd03cd.woff") format("woff");
387}
388@font-face {
389  font-family: "Work Sans";
390  font-weight: 400;
391  font-style: italic;
392  font-display: swap;
393  src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i4.16ff51e3e71fc1d09ff97b9ff9ccacbeeb384ec4.woff2") format("woff2"),
394       url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i4.ed4a1418cba5b7f04f79e4d5c8a5f1a6bd34f23b.woff") format("woff");
395}
396@font-face {
397  font-family: "Work Sans";
398  font-weight: 700;
399  font-style: italic;
400  font-display: swap;
401  src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2") format("woff2"),
402       url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i7.42a9f4016982495f4c0b0fb3dc64cf8f2d0c3eaa.woff") format("woff");
403}
404@font-face {
405  font-family: "Work Sans";
406  font-weight: 500;
407  font-style: normal;
408  font-display: swap;
409  src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"),
410       url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff");
411}
412@font-face {
413  font-family: "Work Sans";
414  font-weight: 500;
415  font-style: italic;
416  font-display: swap;
417  src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i5.0097f7572bdd2a30d202a52c1764d831015aa312.woff2") format("woff2"),
418       url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i5.a4fa6fa0f90748be4cee382c79d6624ea9963ef1.woff") format("woff");
419}
420
421
422  :root {
423    /* Page Layout */
424    --sidebar-width: 25rem;
425    --narrow-content-width: 36rem;
426    --normal-content-width: 42rem;
427    --wide-content-width: 46rem;
428    --narrow-page-width: 90rem;
429    --normal-page-width: 120rem;
430    --wide-page-width: 150rem;
431
432    /* Section Heights */
433    --section-height-small: 15rem;
434    --section-height-medium: 25rem;
435    --section-height-large: 35rem;
436
437    @media screen and (min-width: 40em) {
438      --section-height-small: 40svh;
439      --section-height-medium: 55svh;
440      --section-height-large: 70svh;
441    }
442
443    @media screen and (min-width: 60em) {
444      --section-height-small: 50svh;
445      --section-height-medium: 65svh;
446      --section-height-large: 80svh;
447    }
448
449    /* Letter spacing */
450    --letter-spacing-sm: 0.06em;
451    --letter-spacing-md: 0.13em;
452
453    /* Font families */
454    --font-body--family: "Work Sans", sans-serif;
455    --font-body--style: normal;
456    --font-body--weight: 400;
457    --font-subheading--family: "Work Sans", sans-serif;
458    --font-subheading--style: normal;
459    --font-subheading--weight: 500;
460    --font-heading--family: "Work Sans", sans-serif;
461    --font-heading--style: normal;
462    --font-heading--weight: 700;
463    --font-accent--family: "Work Sans", sans-serif;
464    --font-accent--style: normal;
465    --font-accent--weight: 700;
466
467    /* Margin sizes */
468    --font-heading--spacing: 0.25em;
469    --font-h1--spacing: var(--font-heading--spacing);
470    --font-h2--spacing: var(--font-heading--spacing);
471    --font-h3--spacing: var(--font-heading--spacing);
472    --font-h4--spacing: var(--font-heading--spacing);
473    --font-h5--spacing: var(--font-heading--spacing);
474    --font-h6--spacing: var(--font-heading--spacing);
475    --font-paragraph--spacing: 0.5em;
476
477    /* Heading colors */
478    --font-h1--color: var(--color-foreground-heading);
479    --font-h2--color: var(--color-foreground-heading);
480    --font-h3--color: var(--color-foreground-heading);
481    --font-h4--color: var(--color-foreground-heading);
482    --font-h5--color: var(--color-foreground-heading);
483    --font-h6--color: var(--color-foreground-heading);
484
485    /** Z-Index / Layering */
486    --layer-section-background: -2;
487    --layer-lowest: -1;
488    --layer-base: 0;
489    --layer-flat: 1;
490    --layer-raised: 2;
491    --layer-heightened: 4;
492    --layer-sticky: 8;
493    --layer-window-overlay: 10;
494    --layer-header-menu: 12;
495    --layer-overlay: 16;
496    --layer-menu-drawer: 18;
497    --layer-temporary: 20;
498
499    /* Max-width / Measure */
500    --max-width--body-normal: 32.5em;
501    --max-width--body-narrow: 22.75em;
502
503    --max-width--heading-normal: 32.5em;
504    --max-width--heading-narrow: 19.5em;
505
506    --max-width--display-normal: 13em;
507    --max-width--display-narrow: 9.75em;
508    --max-width--display-tight: 3.25em;
509
510    /* Letter-spacing / Tracking */
511    --letter-spacing--display-tight: -0.03em;
512    --letter-spacing--display-normal: 0em;
513    --letter-spacing--display-loose: 0.03em;
514
515    --letter-spacing--heading-tight: -0.03em;
516    --letter-spacing--heading-normal: 0em;
517    --letter-spacing--heading-loose: 0.03em;
518
519    --letter-spacing--body-tight: -0.03em;
520    --letter-spacing--body-normal: 0em;
521    --letter-spacing--body-loose: 0.03em;
522
523    /* Line height / Leading */
524    --line-height: 1;
525
526    --line-height--display-tight: 1;
527    --line-height--display-normal: 1.1;
528    --line-height--display-loose: 1.2;
529
530    --line-height--heading-tight: 1.15;
531    --line-height--heading-normal: 1.25;
532    --line-height--heading-loose: 1.35;
533
534    --line-height--body-tight: 1.2;
535    --line-height--body-normal: 1.4;
536    --line-height--body-loose: 1.6;
537
538    /* Typography presets */
539    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--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-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
540
541    /* Hardcoded font sizes */
542    --font-size--3xs: 0.625rem;
543    --font-size--2xs: 0.75rem;
544    --font-size--xs: 0.8125rem;
545    --font-size--sm: 0.875rem;
546    --font-size--md: 1rem;
547    --font-size--lg: 1.125rem;
548    --font-size--xl: 1.25rem;
549    --font-size--2xl: 1.5rem;
550    --font-size--3xl: 2rem;
551    --font-size--4xl: 2.5rem;
552    --font-size--5xl: 3rem;
553    --font-size--6xl: 3.5rem;
554
555    /* Menu font sizes */
556    --menu-font-sm--size: 0.875rem;
557    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
558    --menu-font-md--size: 1rem;
559    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
560    --menu-font-lg--size: 1.125rem;
561    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
562    --menu-font-xl--size: 1.25rem;
563    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
564    --menu-font-2xl--size: 1.75rem;
565    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
566
567    /* Colors */
568    --color-error: #8B0000;
569    --color-success: #006400;
570    --color-white: #FFFFFF;
571    --color-white-rgb: 255 255 255;
572    --color-black: #000000;
573    --color-instock: #3ED660;
574    --color-lowstock: #EE9441;
575    --color-outofstock: #C8C8C8;
576
577    /* Opacity */
578    --opacity-5: 0.05;
579    --opacity-8: 0.08;
580    --opacity-10: 0.1;
581    --opacity-15: 0.15;
582    --opacity-20: 0.2;
583    --opacity-25: 0.25;
584    --opacity-30: 0.3;
585    --opacity-40: 0.4;
586    --opacity-50: 0.5;
587    --opacity-60: 0.6;
588    --opacity-70: 0.7;
589    --opacity-80: 0.8;
590    --opacity-85: 0.85;
591    --opacity-90: 0.9;
592    --opacity-subdued-text: var(--opacity-70);
593
594    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
595    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
596
597    /* Spacing */
598    --margin-3xs: 0.125rem;
599    --margin-2xs: 0.3rem;
600    --margin-xs: 0.5rem;
601    --margin-sm: 0.7rem;
602    --margin-md: 0.8rem;
603    --margin-lg: 1rem;
604    --margin-xl: 1.25rem;
605    --margin-2xl: 1.5rem;
606    --margin-3xl: 1.75rem;
607    --margin-4xl: 2rem;
608    --margin-5xl: 3rem;
609    --margin-6xl: 5rem;
610
611    --scroll-margin: 50px;
612
613    --padding-3xs: 0.125rem;
614    --padding-2xs: 0.25rem;
615    --padding-xs: 0.5rem;
616    --padding-sm: 0.7rem;
617    --padding-md: 0.8rem;
618    --padding-lg: 1rem;
619    --padding-xl: 1.25rem;
620    --padding-2xl: 1.5rem;
621    --padding-3xl: 1.75rem;
622    --padding-4xl: 2rem;
623    --padding-5xl: 3rem;
624    --padding-6xl: 4rem;
625
626    --gap-3xs: 0.125rem;
627    --gap-2xs: 0.3rem;
628    --gap-xs: 0.5rem;
629    --gap-sm: 0.7rem;
630    --gap-md: 0.9rem;
631    --gap-lg: 1rem;
632    --gap-xl: 1.25rem;
633    --gap-2xl: 2rem;
634    --gap-3xl: 3rem;
635
636    --spacing-scale-sm: 0.6;
637    --spacing-scale-md: 0.7;
638    --spacing-scale-default: 1.0;
639
640    /* Checkout buttons gap */
641    --checkout-button-gap: 10px;
642
643    /* Borders */
644    --style-border-width: 1px;
645    --style-border-radius-xs: 0.2rem;
646    --style-border-radius-sm: 0.6rem;
647    --style-border-radius-md: 0.8rem;
648    --style-border-radius-50: 50%;
649    --style-border-radius-lg: 1rem;
650    --style-border-radius-pills: 40px;
651    --style-border-radius-inputs: 4px;
652    --style-border-radius-buttons-primary: 14px;
653    --style-border-radius-buttons-secondary: 14px;
654    --style-border-width-primary: 0px;
655    --style-border-width-secondary: 1px;
656    --style-border-width-inputs: 1px;
657    --style-border-radius-popover: 14px;
658    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
659    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
660    --style-border-swatch-opacity: 10%;
661    --style-border-swatch-width: 1px;
662    --style-border-swatch-style: solid;
663
664    /* Animation */
665    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
666    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
667    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
668    --animation-speed-fast: 0.0625s;
669    --animation-speed: 0.125s;
670    --animation-speed-slow: 0.2s;
671    --animation-speed-medium: 0.15s;
672    --animation-easing: ease-in-out;
673    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
674    --drawer-animation-speed: 0.2s;
675    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
676    --animation-values: var(--animation-speed) var(--animation-easing);
677    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
678    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
679    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
680    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
681    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
682    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
683    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
684    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
685    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
686    --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%);
687    --spring-d300-b0-duration: 0.4980s;
688    --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%);
689    --spring-d280-b0-duration: 0.4648s;
690    --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%);
691    --spring-d260-b0-duration: 0.4316s;
692    --spring-d220-b0-easing: linear(
693      0,
694      0.0093 1.37%,
695      0.0696 4.12%,
696      0.4667 15.09%,
697      0.6322 20.58%,
698      0.6986 23.32%,
699      0.7793 27.44%,
700      0.8219 30.18%,
701      0.8721,
702      0.9089 38.42%,
703      0.9427,
704      0.9644,
705      0.978 54.88%,
706      0.9881 61.74%,
707      0.9944 69.97%,
708      0.998 80.95%,
709      0.9996 98.78%
710    );
711    --spring-d220-b0-duration: 0.3818s;
712    --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%);
713    --spring-d180-b0-duration: 0.2988s;
714
715    /* View transitions */
716    /* View transition old */
717    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
718
719    /* View transition new */
720    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
721
722    /* Focus */
723    --focus-outline-width: 0.09375rem;
724    --focus-outline-offset: 0.2em;
725
726    /* Badges */
727    --badge-blob-padding-block: 1px;
728    --badge-blob-padding-inline: 12px 8px;
729    --badge-rectangle-padding-block: 1px;
730    --badge-rectangle-padding-inline: 6px;
731    @media screen and (min-width: 750px) {
732      --badge-blob-padding-block: 4px;
733      --badge-blob-padding-inline: 16px 12px;
734      --badge-rectangle-padding-block: 4px;
735      --badge-rectangle-padding-inline: 10px;
736    }
737
738    /* Icons */
739    --icon-size-2xs: 0.6rem;
740    --icon-size-xs: 0.85rem;
741    --icon-size-sm: 1.25rem;
742    --icon-size-md: 1.375rem;
743    --icon-size-lg: 1.5rem;
744    --icon-stroke-width: 1.5px;
745
746    /* Input */
747    --input-email-min-width: 200px;
748    --input-search-max-width: 650px;
749    --input-padding-y: 0.8rem;
750    --input-padding-x: 0.8rem;
751    --input-padding: var(--input-padding-y) var(--input-padding-x);
752    --input-box-shadow-width: var(--style-border-width-inputs);
753    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
754    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
755    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
756    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
757    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
758    --input-textarea-min-height: 55px;
759
760    /* Checkbox */
761    --checkbox-size: 22px;
762    --checkbox-border-radius: 7px;
763    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
764    --checkbox-label-padding: 8px;
765
766    @media screen and (min-width: 750px) {
767      --checkbox-size: 16px;
768      --checkbox-border-radius: 5px;
769      --checkbox-label-padding: 6px;
770    }
771
772    /* Button size */
773    --button-size-sm: 30px;
774    --button-size-md: 36px;
775    --button-size: var(--minimum-touch-target);
776    --button-padding-inline: 24px;
777    --button-padding-block: 16px;
778
779    /* Button font-family */
780    --button-font-family-primary: var(--font-body--family);
781    --button-font-family-secondary: var(--font-body--family);
782
783    /* Button text case */
784    --button-text-case: ;
785    --button-text-case-primary: default;
786    --button-text-case-secondary: default;
787
788    /* Borders */
789    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
790    --border-width-sm: 1px;
791    --border-width-md: 2px;
792    --border-width-lg: 5px;
793    --border-radius-sm: 0.25rem;
794
795    /* Drawers */
796    --drawer-inline-padding: 25px;
797    --drawer-menu-inline-padding: 2.5rem;
798    --drawer-header-block-padding: 20px;
799    --drawer-content-block-padding: 10px;
800    --drawer-header-desktop-top: 0rem;
801    --drawer-padding: calc(var(--padding-sm) + 7px);
802    --drawer-height: 100dvh;
803    --drawer-width: 95vw;
804    --drawer-max-width: 500px;
805
806    /* Variant Picker Swatches */
807    --variant-picker-swatch-width-unitless: 34;
808    --variant-picker-swatch-height-unitless: 34;
809    --variant-picker-swatch-width: 34px;
810    --variant-picker-swatch-height: 34px;
811    --variant-picker-swatch-radius: 32px;
812    --variant-picker-border-width: 1px;
813    --variant-picker-border-style: solid;
814    --variant-picker-border-opacity: 10%;
815
816    /* Variant Picker Buttons */
817    --variant-picker-button-radius: 14px;
818    --variant-picker-button-border-width: 1px;
819
820    /* Slideshow */
821    --slideshow-controls-size: 3.5rem;
822    --slideshow-controls-icon: 2rem;
823    --peek-next-slide-size: 3rem;
824
825    /* Utilities */
826    --backdrop-opacity: 0.15;
827    --backdrop-color-rgb: var(--color-shadow-rgb);
828    --minimum-touch-target: 44px;
829    --disabled-opacity: 0.5;
830    --skeleton-opacity: 0.025;
831
832    /* Shapes */
833    --shape--circle: circle(50% at center);
834    --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%);
835    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
836    --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
836% 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%);
837
838    /* Buy buttons */
839    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
840
841    /* Card image width and height variables */
842    --card-width-small: 10rem;
843
844    --height-small: 10rem;
845    --height-medium: 11.5rem;
846    --height-large: 13rem;
847    --height-full: 100vh;
848
849    @media screen and (min-width: 750px) {
850      --height-small: 17.5rem;
851      --height-medium: 21.25rem;
852      --height-large: 25rem;
853    }
854
855    /* Modal */
856    --modal-max-height: 65dvh;
857    --quick-add-modal-height: min(38.5rem, 96vh);
858    --quick-add-modal-width: min(54rem, 96vw);
859    --quick-add-modal-gallery-width: 24rem;
860
861    /* Card styles for search */
862    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
863    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
864    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
865
866    /* Cart */
867    --cart-primary-font-family: var(--font-body--family);
868    --cart-primary-font-style: var(--font-body--style);
869    --cart-primary-font-weight: var(--font-body--weight);
870    --cart-secondary-font-family: var(--font-secondary--family);
871    --cart-secondary-font-style: var(--font-secondary--style);
872    --cart-secondary-font-weight: var(--font-secondary--weight);
873  }
874</style>
875
876
877<style data-shopify>
878  
879    
880      :root,
881    
882    
883    
884    .color-scheme-1 {
885        --color-background: rgb(255 255 255 / 1.0);
886        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
887        --color-background-rgb: 255 255 255;
888        --opacity-5-15: 0.05;
889        --opacity-10-25: 0.1;
890        --opacity-35-55: 0.35;
891        --opacity-40-60: 0.4;
892        --opacity-30-60: 0.3;
893        --color-foreground: rgb(0 0 0 / 0.81);
894        --color-foreground-rgb: 0 0 0;
895        --color-foreground-heading: rgb(0 0 0 / 1.0);
896        --color-foreground-heading-rgb: 0 0 0;
897        --color-primary: rgb(0 0 0 / 0.81);
898        --color-primary-rgb: 0 0 0;
899        --color-primary-hover: rgb(0 0 0 / 1.0);
900        --color-primary-hover-rgb: 0 0 0;
901        --color-border: rgb(0 0 0 / 0.06);
902        --color-border-rgb: 0 0 0;
903        --color-shadow: rgb(0 0 0 / 1.0);
904        --color-shadow-rgb: 0 0 0;
905        --color-primary-button-text: rgb(255 255 255 / 1.0);
906        --color-primary-button-background: rgb(0 0 0 / 1.0);
907        --color-primary-button-border: rgb(0 0 0 / 1.0);
908        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
909        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
910        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
911        --color-secondary-button-text: rgb(0 0 0 / 1.0);
912        --color-secondary-button-background: rgb(0 0 0 / 0.0);
913        --color-secondary-button-border: rgb(0 0 0 / 1.0);
914        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
915        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
916        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
917        --color-input-background: rgb(255 255 255 / 0.78);
918        --color-input-text: rgb(51 51 51 / 1.0);
919        --color-input-text-rgb: 51 51 51;
920        --color-input-border: rgb(223 223 223 / 1.0);
921        --color-input-hover-background: rgb(0 0 0 / 0.01);
922        --color-variant-background: rgb(255 255 255 / 1.0);
923        --color-variant-border: rgb(0 0 0 / 0.13);
924        --color-variant-text: rgb(0 0 0 / 1.0);
925        --color-variant-text-rgb: 0 0 0;
926        --color-variant-hover-background: rgb(245 245 245 / 1.0);
927        --color-variant-hover-text: rgb(0 0 0 / 1.0);
928        --color-variant-hover-border: rgb(230 230 230 / 1.0);
929        --color-selected-variant-background: rgb(0 0 0 / 1.0);
930        --color-selected-variant-border: rgb(0 0 0 / 1.0);
931        --color-selected-variant-text: rgb(255 255 255 / 1.0);
932        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
933        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
934        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
935
936        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
937        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
938        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
939        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
940        --font-h1--color: var(--color-foreground-heading);
941        --font-h2--color: var(--color-foreground-heading);
942        --font-h3--color: var(--color-foreground-heading);
943        --font-h4--color: var(--color-foreground-heading);
944        --font-h5--color: var(--color-foreground-heading);
945        --font-h6--color: var(--color-foreground-heading);
946
947        /* Shadows */
948        
949          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
950        
951        
952          --shadow-blur: 20px;
953          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
954        
955      }
956  
957    
958    
959    
960    .color-scheme-2 {
961        --color-background: rgb(245 245 245 / 1.0);
962        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
963        --color-background-rgb: 245 245 245;
964        --opacity-5-15: 0.05;
965        --opacity-10-25: 0.1;
966        --opacity-35-55: 0.35;
967        --opacity-40-60: 0.4;
968        --opacity-30-60: 0.3;
969        --color-foreground: rgb(0 0 0 / 0.81);
970        --color-foreground-rgb: 0 0 0;
971        --color-foreground-heading: rgb(0 0 0 / 1.0);
972        --color-foreground-heading-rgb: 0 0 0;
973        --color-primary: rgb(0 0 0 / 0.81);
974        --color-primary-rgb: 0 0 0;
975        --color-primary-hover: rgb(255 255 255 / 1.0);
976        --color-primary-hover-rgb: 255 255 255;
977        --color-border: rgb(223 223 223 / 1.0);
978        --color-border-rgb: 223 223 223;
979        --color-shadow: rgb(0 0 0 / 1.0);
980        --color-shadow-rgb: 0 0 0;
981        --color-primary-button-text: rgb(255 255 255 / 1.0);
982        --color-primary-button-background: rgb(0 0 0 / 1.0);
983        --color-primary-button-border: rgb(0 0 0 / 1.0);
984        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
985        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
986        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
987        --color-secondary-button-text: rgb(0 0 0 / 1.0);
988        --color-secondary-button-background: rgb(0 0 0 / 0.0);
989        --color-secondary-button-border: rgb(0 0 0 / 1.0);
990        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
991        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
992        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
993        --color-input-background: rgb(0 0 0 / 0.0);
994        --color-input-text: rgb(0 0 0 / 0.53);
995        --color-input-text-rgb: 0 0 0;
996        --color-input-border: rgb(0 0 0 / 0.13);
997        --color-input-hover-background: rgb(255 255 255 / 0.36);
998        --color-variant-background: rgb(255 255 255 / 1.0);
999        --color-variant-border: rgb(230 230 230 / 1.0);
1000        --color-variant-text: rgb(0 0 0 / 1.0);
1001        --color-variant-text-rgb: 0 0 0;
1002        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1003        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1004        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1005        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1006        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1007        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1008        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1009        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1010        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1011
1012        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1013        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1014        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1015        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1016        --font-h1--color: var(--color-foreground-heading);
1017        --font-h2--color: var(--color-foreground-heading);
1018        --font-h3--color: var(--color-foreground-heading);
1019        --font-h4--color: var(--color-foreground-heading);
1020        --font-h5--color: var(--color-foreground-heading);
1021        --font-h6--color: var(--color-foreground-heading);
1022
1023        /* Shadows */
1024        
1025          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1026        
1027        
1028          --shadow-blur: 20px;
1029          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1030        
1031      }
1032  
1033    
1034    
1035    
1036    .color-scheme-3 {
1037        --color-background: rgb(238 241 234 / 1.0);
1038        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1039        --color-background-rgb: 238 241 234;
1040        --opacity-5-15: 0.05;
1041        --opacity-10-25: 0.1;
1042        --opacity-35-55: 0.35;
1043        --opacity-40-60: 0.4;
1044        --opacity-30-60: 0.3;
1045        --color-foreground: rgb(0 0 0 / 0.81);
1046        --color-foreground-rgb: 0 0 0;
1047        --color-foreground-heading: rgb(0 0 0 / 1.0);
1048        --color-foreground-heading-rgb: 0 0 0;
1049        --color-primary: rgb(0 0 0 / 0.81);
1050        --color-primary-rgb: 0 0 0;
1051        --color-primary-hover: rgb(0 0 0 / 1.0);
1052        --color-primary-hover-rgb: 0 0 0;
1053        --color-border: rgb(0 0 0 / 0.81);
1054        --color-border-rgb: 0 0 0;
1055        --color-shadow: rgb(0 0 0 / 1.0);
1056        --color-shadow-rgb: 0 0 0;
1057        --color-primary-button-text: rgb(255 255 255 / 1.0);
1058        --color-primary-button-background: rgb(0 0 0 / 1.0);
1059        --color-primary-button-border: rgb(0 0 0 / 1.0);
1060        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1061        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1062        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1063        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1064        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1065        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1066        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1067        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1068        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1069        --color-input-background: rgb(0 0 0 / 0.0);
1070        --color-input-text: rgb(0 0 0 / 0.81);
1071        --color-input-text-rgb: 0 0 0;
1072        --color-input-border: rgb(0 0 0 / 0.81);
1073        --color-input-hover-background: rgb(255 255 255 / 0.36);
1074        --color-variant-background: rgb(255 255 255 / 1.0);
1075        --color-variant-border: rgb(230 230 230 / 1.0);
1076        --color-variant-text: rgb(0 0 0 / 1.0);
1077        --color-variant-text-rgb: 0 0 0;
1078        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1079        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1080        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1081        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1082        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1083        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1084        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1085        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1086        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1087
1088        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1089        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1090        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1091        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1092        --font-h1--color: var(--color-foreground-heading);
1093        --font-h2--color: var(--color-foreground-heading);
1094        --font-h3--color: var(--color-foreground-heading);
1095        --font-h4--color: var(--color-foreground-heading);
1096        --font-h5--color: var(--color-foreground-heading);
1097        --font-h6--color: var(--color-foreground-heading);
1098
1099        /* Shadows */
1100        
1101          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1102        
1103        
1104          --shadow-blur: 20px;
1105          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1106        
1107      }
1108  
1109    
1110    
1111    
1112    .color-scheme-4 {
1113        --color-background: rgb(225 237 245 / 1.0);
1114        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1115        --color-background-rgb: 225 237 245;
1116        --opacity-5-15: 0.05;
1117        --opacity-10-25: 0.1;
1118        --opacity-35-55: 0.35;
1119        --opacity-40-60: 0.4;
1120        --opacity-30-60: 0.3;
1121        --color-foreground: rgb(0 0 0 / 0.81);
1122        --color-foreground-rgb: 0 0 0;
1123        --color-foreground-heading: rgb(0 0 0 / 1.0);
1124        --color-foreground-heading-rgb: 0 0 0;
1125        --color-primary: rgb(0 0 0 / 0.81);
1126        --color-primary-rgb: 0 0 0;
1127        --color-primary-hover: rgb(0 0 0 / 1.0);
1128        --color-primary-hover-rgb: 0 0 0;
1129        --color-border: rgb(29 54 134 / 0.5);
1130        --color-border-rgb: 29 54 134;
1131        --color-shadow: rgb(0 0 0 / 1.0);
1132        --color-shadow-rgb: 0 0 0;
1133        --color-primary-button-text: rgb(255 255 255 / 1.0);
1134        --color-primary-button-background: rgb(0 0 0 / 1.0);
1135        --color-primary-button-border: rgb(29 54 134 / 1.0);
1136        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1137        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1138        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1139        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1140        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1141        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1142        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1143        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1144        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1145        --color-input-background: rgb(0 0 0 / 0.0);
1146        --color-input-text: rgb(0 0 0 / 0.81);
1147        --color-input-text-rgb: 0 0 0;
1148        --color-input-border: rgb(0 0 0 / 0.81);
1149        --color-input-hover-background: rgb(255 255 255 / 0.36);
1150        --color-variant-background: rgb(255 255 255 / 1.0);
1151        --color-variant-border: rgb(230 230 230 / 1.0);
1152        --color-variant-text: rgb(0 0 0 / 1.0);
1153        --color-variant-text-rgb: 0 0 0;
1154        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1155        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1156        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1157        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1158        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1159        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1160        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1161        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1162        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1163
1164        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1165        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1166        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1167        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1168        --font-h1--color: var(--color-foreground-heading);
1169        --font-h2--color: var(--color-foreground-heading);
1170        --font-h3--color: var(--color-foreground-heading);
1171        --font-h4--color: var(--color-foreground-heading);
1172        --font-h5--color: var(--color-foreground-heading);
1173        --font-h6--color: var(--color-foreground-heading);
1174
1175        /* Shadows */
1176        
1177          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1178        
1179        
1180          --shadow-blur: 20px;
1181          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1182        
1183      }
1184  
1185    
1186    
1187    
1188    .color-scheme-5 {
1189        --color-background: rgb(51 51 51 / 1.0);
1190        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1191        --color-background-rgb: 51 51 51;
1192        --opacity-5-15: 0.15;
1193        --opacity-10-25: 0.25;
1194        --opacity-35-55: 0.55;
1195        --opacity-40-60: 0.6;
1196        --opacity-30-60: 0.6;
1197        --color-foreground: rgb(255 255 255 / 1.0);
1198        --color-foreground-rgb: 255 255 255;
1199        --color-foreground-heading: rgb(255 255 255 / 1.0);
1200        --color-foreground-heading-rgb: 255 255 255;
1201        --color-primary: rgb(255 255 255 / 1.0);
1202        --color-primary-rgb: 255 255 255;
1203        --color-primary-hover: rgb(255 255 255 / 0.69);
1204        --color-primary-hover-rgb: 255 255 255;
1205        --color-border: rgb(255 255 255 / 0.69);
1206        --color-border-rgb: 255 255 255;
1207        --color-shadow: rgb(0 0 0 / 1.0);
1208        --color-shadow-rgb: 0 0 0;
1209        --color-primary-button-text: rgb(0 0 0 / 1.0);
1210        --color-primary-button-background: rgb(255 255 255 / 1.0);
1211        --color-primary-button-border: rgb(255 255 255 / 1.0);
1212        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1213        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1214        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1215        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1216        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1217        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1218        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1219        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1220        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1221        --color-input-background: rgb(51 51 51 / 1.0);
1222        --color-input-text: rgb(255 255 255 / 0.93);
1223        --color-input-text-rgb: 255 255 255;
1224        --color-input-border: rgb(255 255 255 / 0.69);
1225        --color-input-hover-background: rgb(255 255 255 / 0.04);
1226        --color-variant-background: rgb(255 255 255 / 1.0);
1227        --color-variant-border: rgb(230 230 230 / 1.0);
1228        --color-variant-text: rgb(0 0 0 / 1.0);
1229        --color-variant-text-rgb: 0 0 0;
1230        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1231        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1232        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1233        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1234        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1235        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1236        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1237        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1238        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1239
1240        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1241        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1242        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1243        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1244        --font-h1--color: var(--color-foreground-heading);
1245        --font-h2--color: var(--color-foreground-heading);
1246        --font-h3--color: var(--color-foreground-heading);
1247        --font-h4--color: var(--color-foreground-heading);
1248        --font-h5--color: var(--color-foreground-heading);
1249        --font-h6--color: var(--color-foreground-heading);
1250
1251        /* Shadows */
1252        
1253          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1254        
1255        
1256          --shadow-blur: 20px;
1257          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1258        
1259      }
1260  
1261    
1262    
1263    
1264    .color-scheme-6 {
1265        --color-background: rgb(0 0 0 / 0.0);
1266        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1267        --color-background-rgb: 0 0 0;
1268        --opacity-5-15: 0.15;
1269        --opacity-10-25: 0.25;
1270        --opacity-35-55: 0.55;
1271        --opacity-40-60: 0.6;
1272        --opacity-30-60: 0.6;
1273        --color-foreground: rgb(255 255 255 / 1.0);
1274        --color-foreground-rgb: 255 255 255;
1275        --color-foreground-heading: rgb(255 255 255 / 1.0);
1276        --color-foreground-heading-rgb: 255 255 255;
1277        --color-primary: rgb(255 255 255 / 1.0);
1278        --color-primary-rgb: 255 255 255;
1279        --color-primary-hover: rgb(255 255 255 / 0.69);
1280        --color-primary-hover-rgb: 255 255 255;
1281        --color-border: rgb(230 230 230 / 1.0);
1282        --color-border-rgb: 230 230 230;
1283        --color-shadow: rgb(0 0 0 / 1.0);
1284        --color-shadow-rgb: 0 0 0;
1285        --color-primary-button-text: rgb(0 0 0 / 1.0);
1286        --color-primary-button-background: rgb(255 255 255 / 1.0);
1287        --color-primary-button-border: rgb(255 255 255 / 1.0);
1288        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1289        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1290        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1291        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1291
1292        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1293        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1294        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1295        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1296        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1297        --color-input-background: rgb(255 255 255 / 1.0);
1298        --color-input-text: rgb(0 0 0 / 0.53);
1299        --color-input-text-rgb: 0 0 0;
1300        --color-input-border: rgb(0 0 0 / 0.13);
1301        --color-input-hover-background: rgb(250 250 250 / 1.0);
1302        --color-variant-background: rgb(255 255 255 / 1.0);
1303        --color-variant-border: rgb(230 230 230 / 1.0);
1304        --color-variant-text: rgb(0 0 0 / 1.0);
1305        --color-variant-text-rgb: 0 0 0;
1306        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1307        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1308        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1309        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1310        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1311        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1312        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1313        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1314        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1315
1316        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1317        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1318        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1319        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1320        --font-h1--color: var(--color-foreground-heading);
1321        --font-h2--color: var(--color-foreground-heading);
1322        --font-h3--color: var(--color-foreground-heading);
1323        --font-h4--color: var(--color-foreground-heading);
1324        --font-h5--color: var(--color-foreground-heading);
1325        --font-h6--color: var(--color-foreground-heading);
1326
1327        /* Shadows */
1328        
1329          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1330        
1331        
1332          --shadow-blur: 20px;
1333          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1334        
1335      }
1336  
1337    
1338    
1339    
1340    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1341        --color-background: rgb(0 0 0 / 0.0);
1342        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1343        --color-background-rgb: 0 0 0;
1344        --opacity-5-15: 0.15;
1345        --opacity-10-25: 0.25;
1346        --opacity-35-55: 0.55;
1347        --opacity-40-60: 0.6;
1348        --opacity-30-60: 0.6;
1349        --color-foreground: rgb(0 0 0 / 1.0);
1350        --color-foreground-rgb: 0 0 0;
1351        --color-foreground-heading: rgb(0 0 0 / 1.0);
1352        --color-foreground-heading-rgb: 0 0 0;
1353        --color-primary: rgb(0 0 0 / 1.0);
1354        --color-primary-rgb: 0 0 0;
1355        --color-primary-hover: rgb(0 0 0 / 0.53);
1356        --color-primary-hover-rgb: 0 0 0;
1357        --color-border: rgb(230 230 230 / 1.0);
1358        --color-border-rgb: 230 230 230;
1359        --color-shadow: rgb(0 0 0 / 1.0);
1360        --color-shadow-rgb: 0 0 0;
1361        --color-primary-button-text: rgb(255 255 255 / 1.0);
1362        --color-primary-button-background: rgb(0 0 0 / 1.0);
1363        --color-primary-button-border: rgb(0 0 0 / 1.0);
1364        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1365        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1366        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1367        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1368        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1369        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1370        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1371        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1372        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1373        --color-input-background: rgb(255 255 255 / 1.0);
1374        --color-input-text: rgb(0 0 0 / 0.53);
1375        --color-input-text-rgb: 0 0 0;
1376        --color-input-border: rgb(0 0 0 / 0.13);
1377        --color-input-hover-background: rgb(250 250 250 / 1.0);
1378        --color-variant-background: rgb(255 255 255 / 1.0);
1379        --color-variant-border: rgb(230 230 230 / 1.0);
1380        --color-variant-text: rgb(0 0 0 / 1.0);
1381        --color-variant-text-rgb: 0 0 0;
1382        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1383        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1384        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1385        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1386        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1387        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1388        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1389        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1390        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1391
1392        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1393        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1394        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1395        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1396        --font-h1--color: var(--color-foreground-heading);
1397        --font-h2--color: var(--color-foreground-heading);
1398        --font-h3--color: var(--color-foreground-heading);
1399        --font-h4--color: var(--color-foreground-heading);
1400        --font-h5--color: var(--color-foreground-heading);
1401        --font-h6--color: var(--color-foreground-heading);
1402
1403        /* Shadows */
1404        
1405          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1406        
1407        
1408          --shadow-blur: 20px;
1409          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1410        
1411      }
1412  
1413
1414  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1415    color: var(--color-foreground);
1416    background-color: var(--color-background);
1417  }
1418</style>
1419
1420
1421    
1421<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1421<meta name="google-site-verification" content="IVneMVOCbfUwCvgthGOp6pgqli89XmbGVW7Dy9B8McQ">
1422<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/105021178181/digital_wallets/dialog">
1423<meta id="in-context-paypal-metadata" data-shop-id="105021178181" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
1424<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://www.bonnemaison.fr/">
1425<link rel="alternate" hreflang="fr" href="https://www.bonnemaison.fr/">
1426<link rel="alternate" hreflang="en" href="https://www.bonnemaison.fr/en">
1427<script async="async" src="/checkouts/internal/preloads.js?locale=fr-US&default_configuration_id=13622477125"></script>
vendor: 1 bytes, line 1427
1427
1428<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":105021178181,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/105021178181","merchantName":"Bonne Maison","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Bonne Maison","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1428
1428
1429<script id="shopify-features" type="application/json">{"accessToken":"d708b301f6219506148891bd184456fb","betas":["rich-media-storefront-analytics"],"domain":"www.bonnemaison.fr","predictiveSearch":true,"shopId":105021178181,"locale":"fr"}</script>
vendor: 1 bytes, line 1429
1429
1430<script>var Shopify = Shopify || {};
1431Shopify.shop = "bonne-maison-fr.myshopify.com";
1432Shopify.locale = "fr";
1433Shopify.currency = {"active":"EUR","rate":"1.0"};
1434Shopify.country = "US";
1435Shopify.theme = {"name":"Bonne Maison","id":205327728965,"schema_name":"Horizon","schema_version":"3.5.1","theme_store_id":2481,"role":"main"};
1436Shopify.theme.handle = "null";
1437Shopify.theme.style = {"id":null,"handle":null};
1438Shopify.cdnHost = "www.bonnemaison.fr/cdn";
1439Shopify.routes = Shopify.routes || {};
1440Shopify.routes.root = "/";
1441Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1442Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1443Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1444Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1444
1444
1445<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1445
1445
1446<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>
vendor: 1 bytes, line 1446
1446
1447<script>
1448  window.Shopify = window.Shopify || {};
1449  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1450  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1451  window.Shopify.SignInWithShop.eligible = false;
1452</script>
vendor: 1 bytes, line 1452
1452
1453<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1453
1453
1454<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
vendor: 1 bytes, line 1454
1454
1455<script type="module">
1456  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
1457
1458  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1459
1460</script>
vendor: 1 bytes, line 1460
1460
1461<script id="__st">var __st={"a":105021178181,"offset":7200,"reqid":"51c87a49-174d-4a8e-a2f2-3364734734bc-1790393832","pageurl":"www.bonnemaison.fr\/","u":"6c5f25a0cde7","p":"home"};</script>
vendor: 1 bytes, line 1461
1461
1462<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1462
1462
1463<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.3.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>
vendor: 1 bytes, line 1463
1463
1464<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.bonnemaison.fr/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1464
1464
1465<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.bonnemaison.fr/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1465<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1465
1465
1466<script>
1467  window.Shopify = window.Shopify || {};
1468  window.Shopify.MCP = window.Shopify.MCP || {};
1469  window.Shopify.MCP.enabled = true;
1470  window.Shopify.MCP.shop = "bonne-maison-fr.myshopify.com";
1471  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.bonnemaison.fr\/api\/mcp";
1472  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1473</script>
vendor: 1 bytes, line 1473
1473
1474<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.bonnemaison.fr\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1475</script>
vendor: 1 bytes, line 1475
1475
1476<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://www.bonnemaison.fr/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
1477</script>
vendor: 1 bytes, line 1477
1477
1478<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1479  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);
1480</script>
vendor: 1 bytes, line 1480
1480
1481<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})}}));
1482</script>
vendor: 1 bytes, line 1482
1482
1483<script id='scb4127' type='text/javascript' async='' src='https://www.bonnemaison.fr/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1483<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.bonnemaison.fr/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1484<style id="shopify-accelerated-checkout-cart">
1485        #shopify-buyer-consent {
1486  margin-top: 1em;
1487  display: inline-block;
1488  width: 100%;
1489}
1490
1491#shopify-buyer-consent.hidden {
1492  display: none;
1493}
1494
1495#shopify-subscription-policy-button {
1496  background: none;
1497  border: none;
1498  padding: 0;
1499  text-decoration: underline;
1500  font-size: inherit;
1501  cursor: pointer;
1502}
1503
1504#shopify-subscription-policy-button::before {
1505  box-shadow: none;
1506}
1507
1508      </style>
1509<link rel="compression-dictionary" href="//www.bonnemaison.fr/cdn/shop/t/2/compiled_assets/styles.css?v=51311691653004835761790265967" crossorigin="anonymous">
1510<link rel="stylesheet" media="screen" href="//www.bonnemaison.fr/cdn/shop/t/2/compiled_assets/styles.css?v=51311691653004835761790265967&subset=ABwAAAAAAAEAADAAAAAAgAAAJAMKHABwgAAIRAgTBAAAAg" crossorigin="anonymous">
1511<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1511
1512    
1513<script>
1514      window.SS_CONFIG = {
1515        moneyFormat: "{{amount_with_comma_separator}}€",
1516        moneyWithCurrencyFormat: "{{amount_with_comma_separator}}€",
1517        currency: "EUR",
1518        locale: "fr",
1519        designMode: false,
1520        template: "index",
1521        routes: {
1522          root: "\/",
1523          cart: "\/cart",
1524          cartAdd: "\/cart\/add",
1525          cartChange: "\/cart\/change",
1526          cartUpdate: "\/cart\/update",
1527          predictiveSearch: "\/search\/suggest"
1528        },
1529                checkout: "Payer",    
1530        strings: {
1531          addToCart: "Ajouter au panier",
1532          soldOut: "Épuisé",
1533          error: "Translation missing: fr.accessibility.error"
1534        }
1535      };
1536      window.SS_MONEY_FORMAT = window.SS_CONFIG.moneyFormat;
1537    </script>
1537
1538
1539        <link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-lang-switch.css?v=22788401149339284811788796726" rel="stylesheet" type="text/css" media="all" />
1540    
1540<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-lang-switch.js?v=96127078178344751621788796726" defer></script>
1540
1541
1542    <link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-core.css?v=134157338523243495421788791237" rel="stylesheet" type="text/css" media="all" />
1543    <link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-header.css?v=173530080667940205361788797171" rel="stylesheet" type="text/css" media="all" /> 
1543<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-utils.js?v=5504842038556194281788790389" defer></script>
1543
1544    
1544<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-animations.js?v=154397360328886739821790081503" defer></script>
1544
1545       
1546<!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1547
1548
1549
1550
1551
1552
1553
1554
1555
1556
1557
1558
1559  
1559<script async src="https://static.klaviyo.com/onsite/js/UVMffH/klaviyo.js?company_id=UVMffH"></script>
1559
1560  
1560<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1560
1561
1562  
1563
1564
1565
1566
1567  
1567<script>
1568    window.klaviyoReviewsProductDesignMode = false
1569  </script>
1569
1570
1571
1572
1573
1574
1575
1576
1577
1578
1579<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1580<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: 105021178181,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>
vendor: 1 bytes, line 1580
1580
1581<script>
1582  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1583</script>
vendor: 1 bytes, line 1583
1583
1584<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1584).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 105021178181,storefrontBaseUrl: "https://www.bonnemaison.fr",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.bonnemaison.fr/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"5579473221","configuration":"{\"tagID\":\"2612452085368\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"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"},{"id":"5462491461","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\",\\\"GT-TNGQ28B8\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/TJahCKaNsoMdELnuq-gC\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/AtsXCMbqu4MdELnuq-gC\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-9BM3ZPVX3Z\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/G_XdCMPqu4MdELnuq-gC\\\",\\\"MC-BJKBJ6WZ2B\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-9BM3ZPVX3Z\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/gyI1CKONsoMdELnuq-gC\\\",\\\"MC-BJKBJ6WZ2B\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/khMPCMDqu4MdELnuq-gC\\\",\\\"MC-BJKBJ6WZ2B\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-9BM3ZPVX3Z\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/7-oFCMnqu4MdELnuq-gC\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/DM-ACL3qu4MdELnuq-gC\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-9BM3ZPVX3Z\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","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":"5450039621","configuration":"{\"accountID\":\"UVMffH\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Bonne Maison","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"bonne-maison-fr.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/www.bonnemaison.fr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
158416175501181253","handle":"monet-les-nympheas","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362260025669","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175501148485","handle":"monet-les-nympheas-roses","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362259960133","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175499706693","handle":"livre-monet-les-nympheas","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362236858693","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175500820805","handle":"monet-les-nympheas-verts","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362253734213","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175501050181","handle":"monet-les-iris","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362259665221","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175499903301","handle":"livre-monet-les-iris","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362238923077","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175499936069","handle":"monet-les-nympheas-bleus","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362238988613","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175501115717","handle":"monet-le-pont-de-giverny","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362259894597","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175496167749","handle":"livre-monet-le-pont","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362202517829","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196065526085","handle":"chaussette-colombage-avocat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448154652997","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196068606277","handle":"chaussette-boules-noel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448166154565","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196071489861","handle":"chaussette-chat-bouton-or","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448176902469","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196069687621","handle":"chaussette-perroquet-sapin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448170119493","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196070179141","handle":"chaussette-agrumes-vermillon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448172446021","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196067754309","handle":"chaussette-carreaux-multico-colombage","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448163074373","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1584,{"id":"16196070768965","handle":"chaussette-rayures-corsaire","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448174215493","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196069097797","handle":"chaussette-semis-cannelle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448167858501","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196072472901","handle":"chaussettes-uni-corsaire","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448180703557","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196071915845","handle":"chaussettes-uni-avocat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448178835781","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15807758664005","handle":"chaussettes-vermillon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57677572440389","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15807841894725","handle":"chaussettes-unies-curcuma","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57677900480837","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196072997189","handle":"chaussette-tartan-corsaire","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448182669637","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196074864965","handle":"chaussette-fleurs-faux-noir","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448189124933","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196074176837","handle":"chaussette-personnages-ambre","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448186765637","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196073521477","handle":"chaussette-flocons-foret","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448184504645","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16189896589637","handle":"carte-cadeau-bonne-maison","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59407069872453","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15807724454213","handle":"chaussette-absinthe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57677419479365","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15807671664965","handle":"chaussette-abstrait-multico","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57677338411333","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15807732711749","handle":"chaussette-abstrait-naturel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57677446676805","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.bonnemaison.fr/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"205327728965","themeStoreId":"2481","themePublished":"true","eventMetadataId":"23ecbdfc-5c2a-4714-9620-6fd29f94740a","pageType":"home","shopId":"105021178181","storefrontBaseUrl":"https:\/\/www.bonnemaison.fr","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1584<script>
1585  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1586  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1587  window.ShopifyAnalytics.meta.currency = 'EUR';
1588  var meta = {"page":{"pageType":"home","requestId":"51c87a49-174d-4a8e-a2f2-3364734734bc-1790393832"}};
1589  for (var attr in meta) {
1590    window.ShopifyAnalytics.meta[attr] = meta[attr];
1591  }
1592</script>
vendor: 1 bytes, line 1592
1592
1593<script class="analytics">
1594  (function () {
1595    var customDocumentWrite = function(content) {
1596      var jquery = null;
1597
1598      if (window.jQuery) {
1599        jquery = window.jQuery;
1600      } else if (window.Checkout && window.Checkout.$) {
1601        jquery = window.Checkout.$;
1602      }
1603
1604      if (jquery) {
1605        jquery('body').append(content);
1606      }
1607    };
1608
1609    var hasLoggedConversion = function(token) {
1610      if (token) {
1611        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1612      }
1613      return false;
1614    }
1615
1616    var setCookieIfConversion = function(token) {
1617      if (token) {
1618        var twoMonthsFromNow = new Date(Date.now());
1619        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1620
1621        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1622      }
1623    }
1624
1625    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1626    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1627    if (trekkie.integrations) {
1628      return;
1629    }
1630    trekkie.methods = [
1631      'identify',
1632      'page',
1633      'ready',
1634      'track',
1635      'trackForm',
1636      'trackLink'
1637    ];
1638    trekkie.factory = function(method) {
1639      return function() {
1640        var args = Array.prototype.slice.call(arguments);
1641        args.unshift(method);
1642        trekkie.push(args);
1643        if (method == 'track' || method == 'page') {
1644          var pageUrl;
1645          try {
1646            pageUrl = window.location.href;
1647          } catch (e) {}
1648          var pageReferrer;
1649          try {
1650            pageReferrer = document.referrer;
1651          } catch (e) {}
1652          try {
1653            if (window.__TREKKIE_SHIM_QUEUE == null) {
1654              window.__TREKKIE_SHIM_QUEUE = [];
1655            }
1656            window.__TREKKIE_SHIM_QUEUE.push({
1657              from: 'trekkie-stub',
1658              method: method,
1659              args: args.slice(1),
1660              pageContext: {
1661                url: pageUrl,
1662                referrer: pageReferrer
1663              }
1664            });
1665          } catch (e) {
1666            // no-op
1667          }
1668        }
1669        return trekkie;
1670      };
1671    };
1672    for (var i = 0; i < trekkie.methods.length; i++) {
1673      var key = trekkie.methods[i];
1674      trekkie[key] = trekkie.factory(key);
1675    }
1676    trekkie.load = function(config) {
1677      trekkie.config = config || {};
1678      trekkie.config.initialDocumentCookie = document.cookie;
1679      var first = document.getElementsByTagName('script')[0];
1680var script = document.createElement('script');
1681script.type = 'text/javascript';
1682script.onerror = function(e) {
1683  var scriptFallback = document.createElement('script');
1684  scriptFallback.type = 'text/javascript';
1685  scriptFallback.onerror = function(error) {
1686          var Monorail = {
1687      produce: function produce(monorailDomain, schemaId, payload) {
1688        var currentMs = new Date().getTime();
1689        var event = {
1690          schema_id: schemaId,
1691          payload: payload,
1692          metadata: {
1693            event_created_at_ms: currentMs,
1694            event_sent_at_ms: currentMs
1695          }
1696        };
1697        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1698      },
1699      sendRequest: function sendRequest(endpointUrl, payload) {
1700        // Try the sendBeacon API
1701        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1702          var blobData = new window.Blob([payload], {
1703            type: 'text/plain'
1704          });
1705
1706          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1707            return true;
1708          } // sendBeacon was not successful
1709
1710        } // XHR beacon
1711
1712        var xhr = new XMLHttpRequest();
1713
1714        try {
1715          xhr.open('POST', endpointUrl);
1716          xhr.setRequestHeader('Content-Type', 'text/plain');
1717          xhr.send(payload);
1718        } catch (e) {
1719          console.log(e);
1720        }
1721
1722        return false;
1723      },
1724      isIos12: function isIos12() {
1725        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1726      }
1727    };
1728    Monorail.produce('monorail-edge.shopifysvc.com',
1729      'trekkie_storefront_load_errors/1.1',
1730      {shop_id: 105021178181,
1731      theme_id: 205327728965,
1732      app_name: "storefront",
1733      context_url: window.location.href,
1734      source_url: "//www.bonnemaison.fr/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
1735
1736  };
1737  scriptFallback.async = true;
1738  scriptFallback.src = '//www.bonnemaison.fr/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1739  first.parentNode.insertBefore(scriptFallback, first);
1740};
1741script.async = true;
1742script.src = '//www.bonnemaison.fr/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1743first.parentNode.insertBefore(script, first);
1744
1745    };
1746    trekkie.load(
1747      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":105021178181,"isMerchantRequest":null,"themeId":205327728965,"themeCityHash":"15972515810685681699","contentLanguage":"fr","currency":"EUR","eventMetadataId":"23ecbdfc-5c2a-4714-9620-6fd29f94740a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1748    );
1749
1750    var loaded = false;
1751    trekkie.ready(function() {
1752      if (loaded) return;
1753      loaded = true;
1754
1755      window.ShopifyAnalytics.lib = window.trekkie;
1756
1757      var originalDocumentWrite = document.write;
1758      document.write = customDocumentWrite;
1759      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1760      document.write = originalDocumentWrite;
1761
1762      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1763      var token = match? match[1]: undefined;
1764      if (!hasLoggedConversion(token)) {
1765        setCookieIfConversion(token);
1766        
1767      }
1768    });
1769
1770    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"51c87a49-174d-4a8e-a2f2-3364734734bc-1790393832","shopifyEmitted":true});
1771
1772    var eventsListenerScript = document.createElement('script');
1773    eventsListenerScript.async = true;
1774    eventsListenerScript.src = "//www.bonnemaison.fr/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1775    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1776})();</script>
vendor: 1 bytes, line 1776
1776
1777<script
1778  defer
1779  src="https://www.bonnemaison.fr/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1780  data-application="storefront-renderer"
1781  data-shop-id="105021178181"
1782  data-render-region="gcp-us-west1"
1783  data-page-type="index"
1784  data-theme-instance-id="205327728965"
1785  data-theme-name="Horizon"
1786  data-theme-version="3.5.1"
1787  data-monorail-region="shop_domain"
1788  data-resource-timing-sampling-rate="10"
1789  data-shs="true"
1790  data-shs-beacon="true"
1791  data-shs-export-with-fetch="true"
1792  data-shs-logs-sample-rate="1"
1793  data-shs-beacon-endpoint="https://www.bonnemaison.fr/api/collect"
1794></script>
vendor: 1 bytes, line 1794
1794
1795<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1795<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"105021178181","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":[],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":false},"visitor":{"country":"US","language":"fr"}}</script>
1795
1796<meta name="shopify-y" content="7e536d58-9dba-455b-bf51-161248618429" data-expiration="1821951432000"><meta name="shopify-s" content="1d1f50cd-7807-4b3a-bfe7-c89c9d79759b" data-expiration="1790395632000"><meta name="new-cookie-storage-activated" content="t">
1797</head>
1798
1799  
1800  <body class="index ss-theme page-width-narrow card-hover-effect-none">
1801    <a
1802  class="skip-to-content-link button-secondary"
1803  href="#MainContent"
1804>
1805  Ignorer et passer au contenu
1806</a>
1807
1808
1809
1810    <div id="header-group">
1811      <!-- BEGIN sections: header-group -->
1812<div id="shopify-section-sections--31622813319493__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
1813
1814
1815
1816<div class="section-background color-scheme-5"></div>
1817<aside
1818  class="announcement-bar spacing-style section section--page-width color-scheme-5"
1819  style="--padding-block-start: 15px; --padding-block-end:15px; 
1820--padding-inline-start:0px; --padding-inline-end:0px; 
1821; --border-bottom-width: 1px;"
1822>
1823  
1824
1825  <announcement-bar-component
1826    class="announcement-bar__slider"
1827    
1828  >
1829    
1830
1831    <div class="announcement-bar__slides">
1832      
1833<slideshow-slide
1834    ref="slides[]"
1835    class="
1836      announcement-bar__slide
1837      text-block
1838      text-block--ASkFjTnd4TnJqVXZCR__announcement_BxgCk9
1839      text-block--align-center
1840      text-block--full-width
1841      custom-typography
1842      custom-font-size
1843      
1844    "
1845    style="
1846      
1847--color: ;--font-size: 0.625rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
1848      --width: 100%;
1849      --text-align: center;
1850      --line-height: 1;
1851    "
1852    
1853    aria-hidden="false"
1854  >
1855    <p class="announcement-bar__text">
1856      Livraison gratuite à partir de 69,90 € pour la France
1857    </p>
1858
1859    
1860  </slideshow-slide>
1861
1862
1863
1864    </div>
1865  </announcement-bar-component>
1866</aside>
1867
1868
1869
1870
1871</div><header id="shopify-section-sections--31622813319493__header_section" class="shopify-section shopify-section-group-header-group header-section">
1872
1873
1874
1875
1876
1877
1878
1879
1880
1881<script type="application/ld+json">
1882  {
1883    "@context": "http://schema.org",
1884    "@type": "Organization",
1885    "name": "Bonne Maison",
1886    
1887    "url": "https:\/\/www.bonnemaison.fr"
1888  }
1889</script>
1889
1890
1891<header-component
1892  id="header-component"
1893  class="header color-scheme-6"
1894  data-theme-color="rgb(255 255 255)"
1895  
1896    transparent="not-sticky"
1897  
1898  
1899    sticky="scroll-up"
1900  
1901  data-skip-node-update
1902  data-scroll-direction="none"
1903  
1904  
1905  style="
1906    --color-scheme-top-row: rgba(255 255 255 / 1.0);
1907    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
1908    
1909  "
1910>
1911  <div class="header__underlay header__underlay-closed"></div>
1912  <div
1913    class="header__underlay header__underlay-open"
1914  ></div><h1 class="visually-hidden">Bonne Maison</h1>
1915    
1916
1917    
1918
1919    
1920    
1921      <div
1922        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
1923        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
1924        <div class="header__columns spacing-style">
1925          <div
1926      class="header__column header__column--left"
1927      data-testid="header-top-left"
1928    >
1929      
1930        
1931          
1932              
1933
1934
1935
1936    <div
1937      class="header__drawer"
1938      ref="headerDrawerContainer"
1939      data-hydration-key="header-drawer-mobile"
1940      
1941    >
1942      
1943
1944<script
1945  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/header-drawer.js?v=121243031541024704371788024220"
1946  type="module"
1947  fetchpriority="low"
1948></script>
1948
1949
1950<header-drawer
1951  class="header-drawer "
1952  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1953>
1954  <details
1955    id="Details-menu-drawer-container"
1956    data-skip-node-update="true"
1957    class="menu-drawer-container"
1958    ref="details"
1959    scroll-lock
1960  >
1961    <summary
1962      class="header__icon header__icon--menu header__icon--summary"
1963      aria-label="Menu"
1964      on:click="/toggle"
1965    >
1966      <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">
1967  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1968  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1969</svg>
1970</span>
1971      <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">
1972  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1973  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1974</svg>
1975</span>
1976    </summary>
1977    <div
1978      ref="menuDrawer"
1979      class="
1980        menu-drawer
1981        color-scheme-1
1982      "
1983    >
1984      <button
1985        class="button close-button menu-drawer__close-button"
1986        type="button"
1987        aria-label="Fermer"
1988        on:click="/close"
1989      >
1990        <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">
1991  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1992  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1993</svg>
1994</span>
1995      </button>
1996      <nav
1997        class="menu-drawer__navigation"
1998        style="--menu-top-level-font-family: var(--font-body--family);
1999--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2000
2001  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2002  var(--menu-font-2xl--line-height);
2003
2004--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2005
2006--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2007var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2008none;
2009
2010    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2011    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2012    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2013  
2014--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
2015var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2016none;
2017
2018    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2019    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2020    var(--opacity-subdued-text));
2021  
2022
2023        "
2024        aria-label="Principale"
2025      >
2026        <ul
2027          class="menu-drawer__menu has-submenu"
2028          role="list"
2029        >
2030            
2031            
2032
2033              <li
2034                style="--menu-drawer-animation-index: 1;"
2035                class="menu-drawer__list-item--flat"
2036              >
2037                
2038<a
2039                    id="HeaderDrawer-collections"
2040                    href="#"
2041                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2042                    
2043                  >
2044                    <span class="menu-drawer__menu-item-text wrap-text">Collections</span>
2045                  </a>
2046                
2047              </li>
2048              <li
2049                style="--menu-drawer-animation-index: 2;"
2050                class="menu-drawer__list-item--flat"
2051              >
2052                
2053<a
2054                    id="HeaderDrawer-tous-les-produits"
2055                    href="/collections/tous-les-produits"
2056                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2057                    
2058                  >
2059                    <span class="menu-drawer__menu-item-text wrap-text">Tous les produits</span>
2060                  </a>
2061                
2062              </li>
2063              <li
2064                style="--menu-drawer-animation-index: 3;"
2065                class="menu-drawer__list-item--flat"
2066              >
2067                
2068<a
2069                    id="HeaderDrawer-chaussettes"
2070                    href="/collections/chaussettes"
2071                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2072                    
2073                  >
2074                    <span class="menu-drawer__menu-item-text wrap-text">Chaussettes</span>
2075                  </a>
2076                
2077              </li>
2078              <li
2079                style="--menu-drawer-animation-index: 4;"
2080                class="menu-drawer__list-item--flat"
2081              >
2082                
2083<a
2084                    id="HeaderDrawer-mi-bas"
2085                    href="/collections/mi-bas-2"
2086                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2087                    
2088                  >
2089                    <span class="menu-drawer__menu-item-text wrap-text">Mi-bas</span>
2090                  </a>
2091                
2092              </li>
2093              <li
2094                style="--menu-drawer-animation-index: 5;"
2095                class="menu-drawer__list-item--flat"
2096              >
2097                
2098<a
2099                    id="HeaderDrawer-socquettes"
2100                    href="/collections/socquettes"
2101                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2102                    
2103                  >
2104                    <span class="menu-drawer__menu-item-text wrap-text">Socquettes</span>
2105                  </a>
2106                
2107              </li>
2108              <li
2109                style="--menu-drawer-animation-index: 6;"
2110                class="menu-drawer__list-item--flat"
2111              >
2112                
2113<a
2114                    id="HeaderDrawer-nos-livres-cadeaux"
2115                    href="/collections/paris"
2116                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2117                    
2118                  >
2119                    <span class="menu-drawer__menu-item-text wrap-text">Nos livres cadeaux</span>
2120                  </a>
2121                
2122              </li>
2123              <li
2124                style="--menu-drawer-animation-index: 7;"
2125                class="menu-drawer__list-item--flat"
2126              >
2127                
2128<a
2129                    id="HeaderDrawer-carte-cadeau"
2130                    href="/products/carte-cadeau-bonne-maison"
2131                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2132                    
2133                  >
2134                    <span class="menu-drawer__menu-item-text wrap-text">Carte cadeau</span>
2135                  </a>
2136                
2137              </li>
2138        </ul>
2139      </nav>
2140      <div
2141        class="menu-drawer__utility-links menu-drawer__animated-element"
2142        style="--menu-drawer-animation-index: 7;"
2143      >
2144        
2145        
2146          
2147          
2148            <drawer-localization-component class="menu-drawer__localization">
2149              <details
2150                id="drawer-localization"
2151                class="drawer-localization"
2152                on:toggle="/toggle"
2153              >
2154                <summary
2155                  id="HeaderDrawer-localization"
2156                  class="drawer-localization__button h3 link focus-inset"
2157                  aria-expanded="false"
2158                  on:click="header-drawer/open/submenu"
2159                  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2160                >
2161                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span class="currency-code">EUR</span>
2162                      </div><span>/</span><div class="mobile-localization mobile-localization--country link">
2163                        <span>
2164                          FR
2165                        </span>
2166                      </div></div>
2167                  <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">
2168  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2169</svg>
2170</span>
2171                </summary>
2172
2173                <div
2174                  class="menu-drawer__submenu has-submenu color-scheme-1"
2175                  style=""
2176                >
2177                  <div
2178                    class="menu-drawer__nav-buttons"
2179                    ref="navButtons"
2180                  >
2181                    <button
2182                      class="button menu-drawer__back-button link focus-inset"
2183                      on:click="header-drawer/back"
2184                    >
2185                      <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">
2186  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2187</svg>
2188</span>
2189                      Région et langue
2190                    </button>
2191                    <button
2192                      class="button close-button menu-drawer__close-button"
2193                      type="button"
2194                      aria-label="Fermer"
2195                      on:click="header-drawer/close"
2196                    >
2197                      <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">
2198  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2199  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2200</svg>
2201</span>
2202                    </button>
2203                  </div>
2204
2205                  
2206<localization-form-component
2207  ref="localizationForm"
2208  data-label-results-count="[count] résultats"
2209  data-show-filter="true"
2210  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2211>
2212  
2213<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" />
2214      
2215        <div class="country-filter">
2216          <div class="field">
2217            <div class="country-filter__search-icon field__button">
2218              <span class="svg-wrapper">
2219                <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>
2220
2221              </span>
2222            </div>
2223            <input
2224              class="country-filter__input"
2225              id="country-filter-input"
2226              type="search"
2227              name="country_filter"
2228              value=""
2229              placeholder="Rechercher"
2230              role="combobox"
2231              aria-owns="country-results"
2232              aria-controls="country-results"
2233              aria-haspopup="listbox"
2234              aria-autocomplete="list"
2235              aria-label="Trouver un pays"
2236              autocorrect="off"
2237              autocomplete="off"
2238              autocapitalize="off"
2239              spellcheck="false"
2240              ref="search"
2241              on:keyup="/filterCountries"
2242            >
2243            <label
2244              class="field__label visually-hidden"
2245              for="country-filter-input"
2246            >Rechercher</label>
2247            <button
2248              type="reset"
2249              class="button button-unstyled country-filter__reset-button field__button"
2250              aria-label="Réinitialiser"
2251              ref="resetButton"
2252              hidden
2253              on:click="/resetCountriesFilter"
2254            >
2255              <span class="svg-wrapper">
2256                <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>
2257
2258              </span>
2259            </button>
2260          </div>
2261        </div>
2262      
2263      <div class="country-selector-form__wrapper">
2264        <h2
2265          class="visually-hidden"
2266          id="drawer-CountryLabel"
2267        >
2268          Country/Region
2269        </h2>
2270        
2271          <div
2272            id="sr-country-search-results-ATDV4TE9DQmpUb2NZR__header-menu-1"
2273            class="visually-hidden"
2274            aria-live="polite"
2275            ref="liveRegion"
2276          ></div>
2277        
2278        <div
2279          class="localization-form__list"
2280          id="drawer-country-results"
2281          ref="countryList"
2282        >
2283          
2284          <ul
2285            role="list"
2286            class="list-unstyled countries"
2287          >
2288            <span
2289              class="localization-form__list-item localization-form__list-item-disabled"
2290              id="no-results-message"
2291              ref="noResultsMessage"
2292              hidden
2293            >Aucun résultat trouvé</span>
2294              <li
2295                class="localization-form__list-item"
2296                
2297                data-value="DE"
2298                
2299                  data-aliases=""
2300                
2301                id="Allemagne"
2302                aria-label="Allemagne"
2303                role="option"
2304                tabindex="-1"
2305                ref="countryListItems[]"
2306                on:click="/selectCountry/DE"
2307              >
2308                <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">
2309<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"/>
2310</svg>
2311</span>
2312                <span class="country">Allemagne</span>
2313                <span
2314                  class="localization-form__currency"
2315                  
2316                    hidden
2317                  
2318                >
2319                  EUR
2320                  €</span>
2321              </li>
2322              <li
2323                class="localization-form__list-item"
2324                
2325                data-value="AT"
2326                
2327                  data-aliases=""
2328                
2329                id="Autriche"
2330                aria-label="Autriche"
2331                role="option"
2332                tabindex="-1"
2333                ref="countryListItems[]"
2334                on:click="/selectCountry/AT"
2335              >
2336                <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">
2337<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"/>
2338</svg>
2339</span>
2340                <span class="country">Autriche</span>
2341                <span
2342                  class="localization-form__currency"
2343                  
2344                    hidden
2345                  
2346                >
2347                  EUR
2348                  €</span>
2349              </li>
2350              <li
2351                class="localization-form__list-item"
2352                
2353                data-value="BE"
2354                
2355                  data-aliases=""
2356                
2357                id="Belgique"
2358                aria-label="Belgique"
2359                role="option"
2360                tabindex="-1"
2361                ref="countryListItems[]"
2362                on:click="/selectCountry/BE"
2363              >
2364                <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">
2365<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"/>
2366</svg>
2367</span>
2368                <span class="country">Belgique</span>
2369                <span
2370                  class="localization-form__currency"
2371                  
2372                    hidden
2373                  
2374                >
2375                  EUR
2376                  €</span>
2377              </li>
2378              <li
2379                class="localization-form__list-item"
2380                
2381                data-value="BG"
2382                
2383                  data-aliases=""
2384                
2385                id="Bulgarie"
2386                aria-label="Bulgarie"
2387                role="option"
2388                tabindex="-1"
2389                ref="countryListItems[]"
2390                on:click="/selectCountry/BG"
2391              >
2392                <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">
2393<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"/>
2394</svg>
2395</span>
2396                <span class="country">Bulgarie</span>
2397                <span
2398                  class="localization-form__currency"
2399                  
2400                    hidden
2401                  
2402                >
2403                  EUR
2404                  €</span>
2405              </li>
2406              <li
2407                class="localization-form__list-item"
2408                
2409                data-value="CY"
2410                
2411                  data-aliases=""
2412                
2413                id="Chypre"
2414                aria-label="Chypre"
2415                role="option"
2416                tabindex="-1"
2417                ref="countryListItems[]"
2418                on:click="/selectCountry/CY"
2419              >
2420                <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">
2421<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"/>
2422</svg>
2423</span>
2424                <span class="country">Chypre</span>
2425                <span
2426                  class="localization-form__currency"
2427                  
2428                    hidden
2429                  
2430                >
2431                  EUR
2432                  €</span>
2433              </li>
2434              <li
2435                class="localization-form__list-item"
2436                
2437                data-value="HR"
2438                
2439                  data-aliases=""
2440                
2441                id="Croatie"
2442                aria-label="Croatie"
2443                role="option"
2444                tabindex="-1"
2445                ref="countryListItems[]"
2446                on:click="/selectCountry/HR"
2447              >
2448                <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">
2449<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"/>
2450</svg>
2451</span>
2452                <span class="country">Croatie</span>
2453                <span
2454                  class="localization-form__currency"
2455                  
2456                    hidden
2457                  
2458                >
2459                  EUR
2460                  €</span>
2461              </li>
2462              <li
2463                class="localization-form__list-item"
2464                
2465                data-value="DK"
2466                
2467                  data-aliases=""
2468                
2469                id="Danemark"
2470                aria-label="Danemark"
2471                role="option"
2472                tabindex="-1"
2473                ref="countryListItems[]"
2474                on:click="/selectCountry/DK"
2475              >
2476                <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">
2477<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"/>
2478</svg>
2479</span>
2480                <span class="country">Danemark</span>
2481                <span
2482                  class="localization-form__currency"
2483                  
2484                    hidden
2485                  
2486                >
2487                  EUR
2488                  €</span>
2489              </li>
2490              <li
2491                class="localization-form__list-item"
2492                
2493                data-value="ES"
2494                
2495                  data-aliases=""
2496                
2497                id="Espagne"
2498                aria-label="Espagne"
2499                role="option"
2500                tabindex="-1"
2501                ref="countryListItems[]"
2502                on:click="/selectCountry/ES"
2503              >
2504                <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">
2505<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"/>
2506</svg>
2507</span>
2508                <span class="country">Espagne</span>
2509                <span
2510                  class="localization-form__currency"
2511                  
2512                    hidden
2513                  
2514                >
2515                  EUR
2516                  €</span>
2517              </li>
2518              <li
2519                class="localization-form__list-item"
2520                
2521                data-value="EE"
2522                
2523                  data-aliases=""
2524                
2525                id="Estonie"
2526                aria-label="Estonie"
2527                role="option"
2528                tabindex="-1"
2529                ref="countryListItems[]"
2530                on:click="/selectCountry/EE"
2531              >
2532                <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">
2533<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"/>
2534</svg>
2535</span>
2536                <span class="country">Estonie</span>
2537                <span
2538                  class="localization-form__currency"
2539                  
2540                    hidden
2541                  
2542                >
2543                  EUR
2544                  €</span>
2545              </li>
2546              <li
2547                class="localization-form__list-item"
2548                
2549                  aria-current="true"
2550                
2551                data-value="US"
2552                
2553                  data-aliases="us,usa,america,united states of america"
2554                
2555                id="États-Unis"
2556                aria-label="États-Unis"
2557                role="option"
2558                tabindex="-1"
2559                ref="countryListItems[]"
2560                on:click="/selectCountry/US"
2561              >
2562                <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">
2563<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"/>
2564</svg>
2565</span>
2566                <span class="country">États-Unis</span>
2567                <span
2568                  class="localization-form__currency"
2569                  
2570                    hidden
2571                  
2572                >
2573                  EUR
2574                  €</span>
2575              </li>
2576              <li
2577                class="localization-form__list-item"
2578                
2579                data-value="FI"
2580                
2581                  data-aliases=""
2582                
2583                id="Finlande"
2584                aria-label="Finlande"
2585                role="option"
2586                tabindex="-1"
2587                ref="countryListItems[]"
2588                on:click="/selectCountry/FI"
2589              >
2590                <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">
2591<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"/>
2592</svg>
2593</span>
2594                <span class="country">Finlande</span>
2595                <span
2596                  class="localization-form__currency"
2597                  
2598                    hidden
2599                  
2600                >
2601                  EUR
2602                  €</span>
2603              </li>
2604              <li
2605                class="localization-form__list-item"
2606                
2607                data-value="FR"
2608                
2609                  data-aliases=""
2610                
2611                id="France"
2612                aria-label="France"
2613                role="option"
2614                tabindex="-1"
2615                ref="countryListItems[]"
2616                on:click="/selectCountry/FR"
2617              >
2618                <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">
2619<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"/>
2620</svg>
2621</span>
2622                <span class="country">France</span>
2623                <span
2624                  class="localization-form__currency"
2625                  
2626                    hidden
2627                  
2628                >
2629                  EUR
2630                  €</span>
2631              </li>
2632              <li
2633                class="localization-form__list-item"
2634                
2635                data-value="GR"
2636                
2637                  data-aliases=""
2638                
2639                id="Grèce"
2640                aria-label="Grèce"
2641                role="option"
2642                tabindex="-1"
2643                ref="countryListItems[]"
2644                on:click="/selectCountry/GR"
2645              >
2646                <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">
2647<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"/>
2648</svg>
2649</span>
2650                <span class="country">Grèce</span>
2651                <span
2652                  class="localization-form__currency"
2653                  
2654                    hidden
2655                  
2656                >
2657                  EUR
2658                  €</span>
2659              </li>
2660              <li
2661                class="localization-form__list-item"
2662                
2663                data-value="HU"
2664                
2665                  data-aliases=""
2666                
2667                id="Hongrie"
2668                aria-label="Hongrie"
2669                role="option"
2670                tabindex="-1"
2671                ref="countryListItems[]"
2672                on:click="/selectCountry/HU"
2673              >
2674                <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">
2675<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"/>
2676</svg>
2677</span>
2678                <span class="country">
2678Hongrie</span>
2679                <span
2680                  class="localization-form__currency"
2681                  
2682                    hidden
2683                  
2684                >
2685                  EUR
2686                  €</span>
2687              </li>
2688              <li
2689                class="localization-form__list-item"
2690                
2691                data-value="IE"
2692                
2693                  data-aliases=""
2694                
2695                id="Irlande"
2696                aria-label="Irlande"
2697                role="option"
2698                tabindex="-1"
2699                ref="countryListItems[]"
2700                on:click="/selectCountry/IE"
2701              >
2702                <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">
2703<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"/>
2704</svg>
2705</span>
2706                <span class="country">Irlande</span>
2707                <span
2708                  class="localization-form__currency"
2709                  
2710                    hidden
2711                  
2712                >
2713                  EUR
2714                  €</span>
2715              </li>
2716              <li
2717                class="localization-form__list-item"
2718                
2719                data-value="IT"
2720                
2721                  data-aliases=""
2722                
2723                id="Italie"
2724                aria-label="Italie"
2725                role="option"
2726                tabindex="-1"
2727                ref="countryListItems[]"
2728                on:click="/selectCountry/IT"
2729              >
2730                <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">
2731<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"/>
2732</svg>
2733</span>
2734                <span class="country">Italie</span>
2735                <span
2736                  class="localization-form__currency"
2737                  
2738                    hidden
2739                  
2740                >
2741                  EUR
2742                  €</span>
2743              </li>
2744              <li
2745                class="localization-form__list-item"
2746                
2747                data-value="LV"
2748                
2749                  data-aliases=""
2750                
2751                id="Lettonie"
2752                aria-label="Lettonie"
2753                role="option"
2754                tabindex="-1"
2755                ref="countryListItems[]"
2756                on:click="/selectCountry/LV"
2757              >
2758                <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">
2759<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"/>
2760</svg>
2761</span>
2762                <span class="country">Lettonie</span>
2763                <span
2764                  class="localization-form__currency"
2765                  
2766                    hidden
2767                  
2768                >
2769                  EUR
2770                  €</span>
2771              </li>
2772              <li
2773                class="localization-form__list-item"
2774                
2775                data-value="LT"
2776                
2777                  data-aliases=""
2778                
2779                id="Lituanie"
2780                aria-label="Lituanie"
2781                role="option"
2782                tabindex="-1"
2783                ref="countryListItems[]"
2784                on:click="/selectCountry/LT"
2785              >
2786                <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">
2787<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"/>
2788</svg>
2789</span>
2790                <span class="country">Lituanie</span>
2791                <span
2792                  class="localization-form__currency"
2793                  
2794                    hidden
2795                  
2796                >
2797                  EUR
2798                  €</span>
2799              </li>
2800              <li
2801                class="localization-form__list-item"
2802                
2803                data-value="LU"
2804                
2805                  data-aliases=""
2806                
2807                id="Luxembourg"
2808                aria-label="Luxembourg"
2809                role="option"
2810                tabindex="-1"
2811                ref="countryListItems[]"
2812                on:click="/selectCountry/LU"
2813              >
2814                <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">
2815<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"/>
2816</svg>
2817</span>
2818                <span class="country">Luxembourg</span>
2819                <span
2820                  class="localization-form__currency"
2821                  
2822                    hidden
2823                  
2824                >
2825                  EUR
2826                  €</span>
2827              </li>
2828              <li
2829                class="localization-form__list-item"
2830                
2831                data-value="MT"
2832                
2833                  data-aliases=""
2834                
2835                id="Malte"
2836                aria-label="Malte"
2837                role="option"
2838                tabindex="-1"
2839                ref="countryListItems[]"
2840                on:click="/selectCountry/MT"
2841              >
2842                <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">
2843<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"/>
2844</svg>
2845</span>
2846                <span class="country">Malte</span>
2847                <span
2848                  class="localization-form__currency"
2849                  
2850                    hidden
2851                  
2852                >
2853                  EUR
2854                  €</span>
2855              </li>
2856              <li
2857                class="localization-form__list-item"
2858                
2859                data-value="NL"
2860                
2861                  data-aliases=""
2862                
2863                id="Pays-Bas"
2864                aria-label="Pays-Bas"
2865                role="option"
2866                tabindex="-1"
2867                ref="countryListItems[]"
2868                on:click="/selectCountry/NL"
2869              >
2870                <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">
2871<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"/>
2872</svg>
2873</span>
2874                <span class="country">Pays-Bas</span>
2875                <span
2876                  class="localization-form__currency"
2877                  
2878                    hidden
2879                  
2880                >
2881                  EUR
2882                  €</span>
2883              </li>
2884              <li
2885                class="localization-form__list-item"
2886                
2887                data-value="PL"
2888                
2889                  data-aliases=""
2890                
2891                id="Pologne"
2892                aria-label="Pologne"
2893                role="option"
2894                tabindex="-1"
2895                ref="countryListItems[]"
2896                on:click="/selectCountry/PL"
2897              >
2898                <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">
2899<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"/>
2900</svg>
2901</span>
2902                <span class="country">Pologne</span>
2903                <span
2904                  class="localization-form__currency"
2905                  
2906                    hidden
2907                  
2908                >
2909                  EUR
2910                  €</span>
2911              </li>
2912              <li
2913                class="localization-form__list-item"
2914                
2915                data-value="PT"
2916                
2917                  data-aliases=""
2918                
2919                id="Portugal"
2920                aria-label="Portugal"
2921                role="option"
2922                tabindex="-1"
2923                ref="countryListItems[]"
2924                on:click="/selectCountry/PT"
2925              >
2926                <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">
2927<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"/>
2928</svg>
2929</span>
2930                <span class="country">Portugal</span>
2931                <span
2932                  class="localization-form__currency"
2933                  
2934                    hidden
2935                  
2936                >
2937                  EUR
2938                  €</span>
2939              </li>
2940              <li
2941                class="localization-form__list-item"
2942                
2943                data-value="RO"
2944                
2945                  data-aliases=""
2946                
2947                id="Roumanie"
2948                aria-label="Roumanie"
2949                role="option"
2950                tabindex="-1"
2951                ref="countryListItems[]"
2952                on:click="/selectCountry/RO"
2953              >
2954                <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">
2955<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"/>
2956</svg>
2957</span>
2958                <span class="country">Roumanie</span>
2959                <span
2960                  class="localization-form__currency"
2961                  
2962                    hidden
2963                  
2964                >
2965                  EUR
2966                  €</span>
2967              </li>
2968              <li
2969                class="localization-form__list-item"
2970                
2971                data-value="SK"
2972                
2973                  data-aliases=""
2974                
2975                id="Slovaquie"
2976                aria-label="Slovaquie"
2977                role="option"
2978                tabindex="-1"
2979                ref="countryListItems[]"
2980                on:click="/selectCountry/SK"
2981              >
2982                <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">
2983<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"/>
2984</svg>
2985</span>
2986                <span class="country">Slovaquie</span>
2987                <span
2988                  class="localization-form__currency"
2989                  
2990                    hidden
2991                  
2992                >
2993                  EUR
2994                  €</span>
2995              </li>
2996              <li
2997                class="localization-form__list-item"
2998                
2999                data-value="SI"
3000                
3001                  data-aliases=""
3002                
3003                id="Slovénie"
3004                aria-label="Slovénie"
3005                role="option"
3006                tabindex="-1"
3007                ref="countryListItems[]"
3008                on:click="/selectCountry/SI"
3009              >
3010                <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">
3011<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"/>
3012</svg>
3013</span>
3014                <span class="country">Slovénie</span>
3015                <span
3016                  class="localization-form__currency"
3017                  
3018                    hidden
3019                  
3020                >
3021                  EUR
3022                  €</span>
3023              </li>
3024              <li
3025                class="localization-form__list-item"
3026                
3027                data-value="SE"
3028                
3029                  data-aliases=""
3030                
3031                id="Suède"
3032                aria-label="Suède"
3033                role="option"
3034                tabindex="-1"
3035                ref="countryListItems[]"
3036                on:click="/selectCountry/SE"
3037              >
3038                <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">
3039<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"/>
3040</svg>
3041</span>
3042                <span class="country">Suède</span>
3043                <span
3044                  class="localization-form__currency"
3045                  
3046                    hidden
3047                  
3048                >
3049                  EUR
3050                  €</span>
3051              </li>
3052              <li
3053                class="localization-form__list-item"
3054                
3055                data-value="CH"
3056                
3057                  data-aliases=""
3058                
3059                id="Suisse"
3060                aria-label="Suisse"
3061                role="option"
3062                tabindex="-1"
3063                ref="countryListItems[]"
3064                on:click="/selectCountry/CH"
3065              >
3066                <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">
3067<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"/>
3068</svg>
3069</span>
3070                <span class="country">Suisse</span>
3071                <span
3072                  class="localization-form__currency"
3073                  
3074                    hidden
3075                  
3076                >
3077                  EUR
3078                  €</span>
3079              </li>
3080              <li
3081                class="localization-form__list-item"
3082                
3083                data-value="CZ"
3084                
3085                  data-aliases=""
3086                
3087                id="Tchéquie"
3088                aria-label="Tchéquie"
3089                role="option"
3090                tabindex="-1"
3091                ref="countryListItems[]"
3092                on:click="/selectCountry/CZ"
3093              >
3094                <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">
3095<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"/>
3096</svg>
3097</span>
3098                <span class="country">Tchéquie</span>
3099                <span
3100                  class="localization-form__currency"
3101                  
3102                    hidden
3103                  
3104                >
3105                  EUR
3106                  €</span>
3107              </li></ul>
3108        </div>
3109        <div class="country-selector__overlay"></div>
3110        <input
3111          type="hidden"
3112          name="country_code"
3113          value="US"
3114          ref="countryInput"
3115        >
3116      </div>
3117    
3118
3119    
3120      <div class="language-selector top-shadow">
3121        <h2
3122          class="visually-hidden"
3123          id="drawer-LanguageLabel"
3124        >
3125          Langue
3126        </h2>
3127        
3128          <span class="language-selector__label">Langue</span>
3129        
3130        <select
3131          id="drawerSelect"
3132          class="localization-form__select"
3133          name="language_code"
3134          aria-label="Langue"
3135          ref="languageInput"
3136          on:change="/changeLanguage"
3137        ><option
3138              value="fr"
3139              lang="fr"
3140              
3141                selected
3142              
3143            >
3144              Français
3145            </option><option
3146              value="en"
3147              lang="en"
3148              
3149            >
3150              English
3151            </option></select>
3152        <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">
3153  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3154</svg>
3155</span>
3156      </div>
3157    
3158</form></localization-form-component>
3159
3160
3161
3162                </div>
3163              </details>
3164            </drawer-localization-component>
3165          
3166</div>
3167
3168      
3169    </div>
3170    <div
3171      class="menu-drawer__backdrop"
3172      on:click="header-drawer/close"
3173    ></div>
3174  </details>
3175</header-drawer>
3176
3177
3178
3179    </div>
3180
3181  
3182
3183<style data-shopify>
3184  .header__underlay {
3185    --color-submenu: rgb(255 255 255 / 1.0);
3186  }
3187</style>
3188
3189
3190
3191
3192            
3193        
3194      
3195        
3196          
3197              
3198  <search-button
3199    class="search-action search-action--hidden-on-menu"
3200  >
3201    <button
3202      on:click="#search-modal/showDialog"
3203      class="button-unstyled header-actions__action"
3204      aria-label="Rechercher"
3205      aria-haspopup="dialog"
3206    >
3207      <span class="hidden">
3208        Rechercher
3209      </span>
3210
3211      <span class="svg-wrapper ">
3212        <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>
3213
3214      </span>
3215    </button>
3216  </search-button>
3217
3218
3219
3220
3221            
3222        
3223      
3224        
3225          
3226              
3227
3228
3229
3230
3231<a
3232  
3233  href="/"
3234  class="size-style spacing-style header-logo"
3235  style="
3236    --size-style-width: ;--size-style-height: ;
3237    --padding-block-start: 0px;--padding-block-end: 0px;
3238    --font-family: var(--font-body--family);
3239    --font-style: var(--font-body--style);
3240    --font-weight: 600;
3241  "
3242  
3243>
3244  
3245
3246  <span
3247    class="header-logo__image-container header-logo__image-container--original"
3248    data-testid="header-logo"
3249  ><span
3250        class="header-logo__svg"
3251        style="--header-logo-image-width: 0px;--header-logo-image-width-mobile: 0px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;"
3252        role="img"
3253        aria-label="Bonne Maison – Accueil"
3254      ><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg"
3255	 viewBox="30 0 300 93.3">
3256<g>
3257	<path d="M48.4,56.1c2.6,0,4.2-1.4,4.2-3.7c0-2.5-1.9-3.8-4.3-3.8h-7v7.4H48.4z M47.8,43.4c2.3,0,3.9-1.
32571,3.9-3.2
3258		c0-2-1.5-3.1-3.8-3.1h-6.5v6.3H47.8z M33.4,31h15.6c3.3,0,5.8,0.8,7.5,2.1c1.8,1.5,2.8,3.5,2.8,6c0,3.1-1.7,5.1-4.5,6.1v0.1
3259		c3.5,1.1,5.8,3.9,5.8,7.7c0,3.2-1.2,5.4-3.3,7c-1.9,1.4-4.6,2.2-7.9,2.2H33.4V31z"/>
3260	<path d="M80.1,51.1c0-4.1-1.7-6.8-4.9-6.8c-3.2,0-4.9,2.8-4.9,6.8c0,4.1,1.7,6.8,4.9,6.8
3261		C78.3,57.9,80.1,55.2,80.1,51.1 M62.8,51.1c0-6.7,5-11.9,12.4-11.9c7.4,0,12.3,5.1,12.3,11.9c0,6.7-4.9,11.9-12.3,11.9
3262		C67.8,63,62.8,57.9,62.8,51.1"/>
3263	<path d="M90.2,39.9h7.1v3.1h0.1c1.7-2.4,3.9-3.7,7.1-3.7c5.1,0,8,3.5,8,8.5v14.6h-7.4V49.2c0-2.4-1.2-4-3.6-4
3264		c-2.4,0-4.1,2-4.1,4.7v12.4h-7.4V39.9z"/>
3265	<path d="M116.1,39.9h7.1v3.1h0.1c1.7-2.4,3.9-3.7,7.1-3.7c5.1,0,8,3.5,8,8.5v14.6h-7.4V49.2c0-2.4-1.2-4-3.6-4
3266		c-2.4,0-4.1,2-4.1,4.7v12.4h-7.4V39.9z"/>
3267	<path d="M157.2,48.7c-0.3-2.7-2-4.4-4.4-4.4c-2.8,0-4.2,1.7-4.7,4.4H157.2z M140.8,51c0-6.7,4.8-11.8,11.9-11.8
3268		c3.3,0,5.9,1.1,7.9,2.8c2.8,2.5,4.1,6.3,4.1,10.9H148c0.5,3,2.2,4.9,5.2,4.9c1.9,0,3.2-0.8,3.8-2.2h7.2c-0.5,2-1.8,3.9-3.9,5.3
3269		c-1.9,1.3-4.3,2.1-7.2,2.1C145.5,63,140.8,57.8,140.8,51"/>
3270	<path d="M175,31h10.7l3.9,13.7c0.6,2,1.8,7.1,1.8,7.1h0.1c0,0,1.3-5.2,1.8-7.1l4-13.7h10.8v31.3h-7.3V46.5
3271		c0-1.3,0.1-6.3,0.1-6.3h-0.1c0,0-1.1,4.7-1.5,5.8l-4.6,16.2h-6.6l-4.6-16.2c-0.4-1.1-1.5-5.9-1.5-5.9H182c0,0,0.1,5,0.1,6.3v15.7
3272		H175V31z"/>
3273	<path d="M226.9,54.3v-2.7c-0.9,0.5-2.3,0.8-3.8,1.2c-2.8,0.6-4,1.3-4,3c0,1.8,1.4,2.5,3.2,2.5
3274		C225,58.3,226.9,56.7,226.9,54.3 M212,56c0-4.9,4.1-6.4,8.8-7c4.3-0.5,5.9-1,5.9-2.5c0-1.4-0.9-2.4-3.2-2.4c-2.3,0-3.5,1-3.7,2.9
3275		H213c0.2-4.2,3.5-7.7,10.5-7.7c3.5,0,5.8,0.6,7.5,1.8c2,1.4,2.9,3.6,2.9,6.4v11.3c0,1.8,0.2,2.8,0.8,3.2v0.3h-7.1
3276		c-0.4-0.5-0.6-1.4-0.8-2.5h-0.1c-1.4,1.9-3.4,3.1-6.9,3.1C215.3,62.9,212,60.5,212,56"/>
3277	<path d="M237.9,62.3h7.4V39.9h-7.4V62.3z M237.9,36.8h7.4V31h-7.4V36.8z"/>
3278	<path d="M248.3,55h6.9c0.3,2.2,1.8,3.3,4.2,3.3c2.2,0,3.6-0.8,3.6-2.2c0-2-2.8-2.2-5.9-2.8c-4-0.7-8.3-1.7-8.3-7
3279		c0-4.7,4.5-7.2,10-7.2c6.5,0,10.1,2.8,10.4,7.2h-6.8c-0.3-2-1.7-2.6-3.7-2.6c-1.8,0-3.2,0.7-3.2,2.1c0,1.6,2.6,1.8,5.5,2.3
3280		c4.1,0.7,8.8,1.7,8.8,7.4c0,4.9-4.5,7.4-10.5,7.4C252.8,63,248.5,60,248.3,55"/>
3281	<path d="M289.1,51.1c0-4.1-1.7-6.8-4.9-6.8c-3.2,0-4.9,2.8-4.9,6.8c0,4.1,1.7,6.8,4.9,6.8
3282		C287.4,57.9,289.1,55.2,289.1,51.1 M271.8,51.1c0-6.7,5-11.9,12.4-11.9
3282c7.4,0,12.3,5.1,12.3,11.9c0,6.7-4.9,11.9-12.3,11.9
3283		C276.8,63,271.8,57.9,271.8,51.1"/>
3284	<path d="M299,39.9h7.1v3.1h0.1c1.7-2.4,3.9-3.7,7.1-3.7c5.1,0,8,3.5,8,8.5v14.6H314V49.2c0-2.4-1.2-4-3.6-4
3285		c-2.4,0-4.1,2-4.1,4.7v12.4H299V39.9z"/>
3286</g>
3287</svg>
3288</span></span>
3289
3290  
3291    <span
3292      class="header-logo__image-container header-logo__image-container--inverse"
3293      data-testid="header-logo-inverse"
3294    >
3295      
3296  Bonne Maison
3297
3298
3299    </span>
3300  
3301</a>
3302
3303
3304
3305
3306
3307            
3308        
3309      
3310    </div><div
3311      class="header__column header__column--center"
3312      data-testid="header-top-center"
3313    >
3314      
3315        
3316          
3317              
3318
3319
3320
3321    
3322
3323    
3324
3325    <header-menu
3326      ref="headerMenu"
3327      class="header-menu"
3328      
3329      data-hydration-key="header-menu"
3330    >
3331      <div class="header-menu__inner">
3332        <nav
3333          class="menu-list"
3334          aria-label="Principale"
3335          style="--menu-top-level-font-family: var(--font-body--family);
3336--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
3337
3338  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
3339  var(--menu-font-sm--line-height);
3340
3341--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
3342"
3343        >
3344          
3345          <overflow-list
3346  
3347    ref="overflowMenu"
3348  
3349  
3350    class="overflow-menu color-scheme-matches-parent"
3351  
3352  
3353    minimum-items="2"
3354  
3355  
3356    data-testid="header-menu-overflow-list"
3357  
3358  
3359    data-skip-node-update
3360  
3361>
3362  <template shadowrootmode="open">
3363    <link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/overflow-list.css?v=16727044177065489451788024220" rel="stylesheet" type="text/css" media="all" />
3364
3365    <ul part="list">
3366      <slot></slot>
3367      <slot
3368        name="more"
3369        part="more"
3370        hidden
3371        
3372      >
3373        <li
3374          part="more"
3375        >
3376          <button
3377            class="button"
3378            type="button"
3379            tabindex="0"
3380            
3381          >
3382            Plus
3383          </button>
3384        </li>
3385      </slot>
3386      <li
3387        part="placeholder"
3388        hidden
3389      ></li>
3390    </ul>
3391
3392    <div part="overflow">
3393      <ul part="overflow-list">
3394        <slot name="overflow"></slot>
3395      </ul>
3396    </div>
3397  </template>
3398
3399  
3400      
3401        <li
3402          role="presentation"
3403          class="menu-list__list-item"
3404          on:focus="/activate"
3405          on:blur="/deactivate"
3406          on:pointerenter="/activate"
3407          on:pointerleave="/deactivate"
3408        >
3409          <a
3410            href="#"
3411            data-skip-node-update="true"
3412            class="menu-list__link"
3413            ref="menuitem"
3414          >
3415            <span class="menu-list__link-title">Collections</span>
3416          </a></li>
3417      
3418        <li
3419          role="presentation"
3420          class="menu-list__list-item"
3421          on:focus="/activate"
3422          on:blur="/deactivate"
3423          on:pointerenter="/activate"
3424          on:pointerleave="/deactivate"
3425        >
3426          <a
3427            href="/collections/tous-les-produits"
3428            data-skip-node-update="true"
3429            class="menu-list__link"
3430            ref="menuitem"
3431          >
3432            <span class="menu-list__link-title">Tous les produits</span>
3433          </a></li>
3434      
3435        <li
3436          role="presentation"
3437          class="menu-list__list-item"
3438          on:focus="/activate"
3439          on:blur="/deactivate"
3440          on:pointerenter="/activate"
3441          on:pointerleave="/deactivate"
3442        >
3443          <a
3444            href="/collections/chaussettes"
3445            data-skip-node-update="true"
3446            class="menu-list__link"
3447            ref="menuitem"
3448          >
3449            <span class="menu-list__link-title">Chaussettes</span>
3450          </a></li>
3451      
3452        <li
3453          role="presentation"
3454          class="menu-list__list-item"
3455          on:focus="/activate"
3456          on:blur="/deactivate"
3457          on:pointerenter="/activate"
3458          on:pointerleave="/deactivate"
3459        >
3460          <a
3461            href="/collections/mi-bas-2"
3462            data-skip-node-update="true"
3463            class="menu-list__link"
3464            ref="menuitem"
3465          >
3466            <span class="menu-list__link-title">Mi-bas</span>
3467          </a></li>
3468      
3469        <li
3470          role="presentation"
3471          class="menu-list__list-item"
3472          on:focus="/activate"
3473          on:blur="/deactivate"
3474          on:pointerenter="/activate"
3475          on:pointerleave="/deactivate"
3476        >
3477          <a
3478            href="/collections/socquettes"
3479            data-skip-node-update="true"
3480            class="menu-list__link"
3481            ref="menuitem"
3482          >
3483            <span class="menu-list__link-title">Socquettes</span>
3484          </a></li>
3485      
3486        <li
3487          role="presentation"
3488          class="menu-list__list-item"
3489          on:focus="/activate"
3490          on:blur="/deactivate"
3491          on:pointerenter="/activate"
3492          on:pointerleave="/deactivate"
3493        >
3494          <a
3495            href="/collections/paris"
3496            data-skip-node-update="true"
3497            class="menu-list__link"
3498            ref="menuitem"
3499          >
3500            <span class="menu-list__link-title">Nos livres cadeaux</span>
3501          </a></li>
3502      
3503        <li
3504          role="presentation"
3505          class="menu-list__list-item"
3506          on:focus="/activate"
3507          on:blur="/deactivate"
3508          on:pointerenter="/activate"
3509          on:pointerleave="/deactivate"
3510        >
3511          <a
3512            href="/products/carte-cadeau-bonne-maison"
3513            data-skip-node-update="true"
3514            class="menu-list__link"
3515            ref="menuitem"
3516          >
3517            <span class="menu-list__link-title">Carte cadeau</span>
3518          </a></li>
3519      
3520      <li
3521        class="menu-list__list-item"
3522        role="presentation"
3523        slot="more"
3524        on:focus="/activate"
3525        on:blur="/deactivate"
3526        on:pointerenter="/activate"
3527        on:pointerleave="/deactivate"
3528      >
3529        <button role="listitem" class="menu-list__link button-unstyled">
3530          <span class="menu-list__link-title">Plus</span>
3531        </button>
3532      </li>
3533    
3534</overflow-list>
3535
3536        </nav>
3537      </div>
3538
3539      
3539<script
3540        src="//www.bonnemaison.fr/cdn/shop/t/2/assets/header-menu.js?v=97820922056036071501788024220"
3541        type="module"
3542        fetchpriority="low"
3543      ></script>
3543
3544    </header-menu>
3545
3546
3547<style data-shopify>
3548  .header__underlay {
3549    --color-submenu: rgb(255 255 255 / 1.0);
3550  }
3551</style>
3552
3553
3554
3555
3556            
3557        
3558      
3559    </div><div
3560      class="header__column header__column--right"
3561      data-testid="header-top-right"
3562    >
3563      
3564        
3565          
3566              
3567  
3568  
3569    <dropdown-localization-component
3570      class="dropdown-localization mobile:hidden"
3571    >
3572      <button
3573        type="button"
3574        class="button dropdown-localization__button localization-selector header-actions__action"
3575        aria-expanded="false"
3576        aria-controls="dropdown-localization-results"
3577        ref="button"
3578        on:click="/toggleSelector"
3579        style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 0.875rem; "
3580      >
3581        
3582          
3583          <span
3584            class="currency-code"
3585            data-testid="localization-currency-code"
3586          >EUR</span>
3587        
3588        <span
3589          class="visually-hidden"
3590          data-testid="localization-visually-hidden"
3591        >Sélecteur de région et de langue</span><span>/</span><span>
3592            FR
3593          </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">
3594  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3595</svg>
3596</span>
3597      </button>
3598
3599      <div
3600        class="localization-wrapper right-bound color-scheme-1"
3601        hidden
3602        ref="panel"
3603      >
3604        
3605<localization-form-component
3606  ref="localizationForm"
3607  data-label-results-count="[count] résultats"
3608  data-show-filter="true"
3609  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3610>
3611  
3612<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" />
3613      
3614        <div class="country-filter">
3615          <div class="field">
3616            <div class="country-filter__search-icon field__button">
3617              <span class="svg-wrapper">
3618                <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>
3619
3620              </span>
3621            </div>
3622            <input
3623              class="country-filter__input"
3624              id="country-filter-input"
3625              type="search"
3626              name="country_filter"
3627              value=""
3628              placeholder="Rechercher"
3629              role="combobox"
3630              aria-owns="country-results"
3631              aria-controls="country-results"
3632              aria-haspopup="listbox"
3633              aria-autocomplete="list"
3634              aria-label="Trouver un pays"
3635              autocorrect="off"
3636              autocomplete="off"
3637              autocapitalize="off"
3638              spellcheck="false"
3639              ref="search"
3640              on:keyup="/filterCountries"
3641            >
3642            <label
3643              class="field__label visually-hidden"
3644              for="country-filter-input"
3645            >Rechercher</label>
3646            <button
3647              type="reset"
3648              class="button button-unstyled country-filter__reset-button field__button"
3649              aria-label="Réinitialiser"
3650              ref="resetButton"
3651              hidden
3652              on:click="/resetCountriesFilter"
3653            >
3654              <span class="svg-wrapper">
3655                <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>
3656
3657              </span>
3658            </button>
3659          </div>
3660        </div>
3661      
3662      <div class="country-selector-form__wrapper">
3663        <h2
3664          class="visually-hidden"
3665          id="dropdown-CountryLabel"
3666        >
3667          Country/Region
3668        </h2>
3669        
3670          <div
3671            id="sr-country-search-results-sections--31622813319493__header_section"
3672            class="visually-hidden"
3673            aria-live="polite"
3674            ref="liveRegion"
3675          ></div>
3676        
3677        <div
3678          class="localization-form__list"
3679          id="dropdown-country-results"
3680          ref="countryList"
3681        >
3682          
3683          <ul
3684            role="list"
3685            class="list-unstyled countries"
3686          >
3687            <span
3688              class="localization-form__list-item localization-form__list-item-disabled"
3689              id="no-results-message"
3690              ref="noResultsMessage"
3691              hidden
3692            >Aucun résultat trouvé</span>
3693              <li
3694                class="localization-form__list-item"
3695                
3696                data-value="DE"
3697                
3698                  data-aliases=""
3699                
3700                id="Allemagne"
3701                aria-label="Allemagne"
3702                role="option"
3703                tabindex="-1"
3704                ref="countryListItems[]"
3705                on:click="/selectCountry/DE"
3706              >
3707                <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">
3708<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"/>
3709</svg>
3710</span>
3711                <span class="country">Allemagne</span>
3712                <span
3713                  class="localization-form__currency"
3714                  
3715                    hidden
3716                  
3717                >
3718                  EUR
3719                  €</span>
3720              </li>
3721              <li
3722                class="localization-form__list-item"
3723                
3724                data-value="AT"
3725                
3726                  data-aliases=""
3727                
3728                id="Autriche"
3729                aria-label="Autriche"
3730                role="option"
3731                tabindex="-1"
3732                ref="countryListItems[]"
3733                on:click="/selectCountry/AT"
3734              >
3735                <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">
3736<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"/>
3737</svg>
3738</span>
3739                <span class="country">Autriche</span>
3740                <span
3741                  class="localization-form__currency"
3742                  
3743                    hidden
3744                  
3745                >
3746                  EUR
3747                  €</span>
3748              </li>
3749              <li
3750                class="localization-form__list-item"
3751                
3752                data-value="BE"
3753                
3754                  data-aliases=""
3755                
3756                id="Belgique"
3757                aria-label="Belgique"
3758                role="option"
3759                tabindex="-1"
3760                ref="countryListItems[]"
3761                on:click="/selectCountry/BE"
3762              >
3763                <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">
3764<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"/>
3765</svg>
3766</span>
3767                <span class="country">Belgique</span>
3768                <span
3769                  class="localization-form__currency"
3770                  
3771                    hidden
3772                  
3773                >
3774                  EUR
3775                  €</span>
3776              </li>
3777              <li
3778                class="localization-form__list-item"
3779                
3780                data-value="BG"
3781                
3782                  data-aliases=""
3783                
3784                id="Bulgarie"
3785                aria-label="Bulgarie"
3786                role="option"
3787                tabindex="-1"
3788                ref="countryListItems[]"
3789                on:click="/selectCountry/BG"
3790              >
3791                <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">
3792<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"/>
3793</svg>
3794</span>
3795                <span class="country">Bulgarie</span>
3796                <span
3797                  class="localization-form__currency"
3798                  
3799                    hidden
3800                  
3801                >
3802                  EUR
3803                  €</span>
3804              </li>
3805              <li
3806                class="localization-form__list-item"
3807                
3808                data-value="CY"
3809                
3810                  data-aliases=""
3811                
3812                id="Chypre"
3813                aria-label="Chypre"
3814                role="option"
3815                tabindex="-1"
3816                ref="countryListItems[]"
3817                on:click="/selectCountry/CY"
3818              >
3819                <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">
3820<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"/>
3821</svg>
3822</span>
3823                <span class="country">Chypre</span>
3824                <span
3825                  class="localization-form__currency"
3826                  
3827                    hidden
3828                  
3829                >
3830                  EUR
3831                  €</span>
3832              </li>
3833              <li
3834                class="localization-form__list-item"
3835                
3836                data-value="HR"
3837                
3838                  data-aliases=""
3839                
3840                id="Croatie"
3841                aria-label="Croatie"
3842                role="option"
3843                tabindex="-1"
3844                ref="countryListItems[]"
3845                on:click="/selectCountry/HR"
3846              >
3847                <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">
3848<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"/>
3849</svg>
3850</span>
3851                <span class="country">Croatie</span>
3852                <span
3853                  class="localization-form__currency"
3854                  
3855                    hidden
3856                  
3857                >
3858                  EUR
3859                  €</span>
3860              </li>
3861              <li
3862                class="localization-form__list-item"
3863                
3864                data-value="DK"
3865                
3866                  data-aliases=""
3867                
3868                id="Danemark"
3869                aria-label="Danemark"
3870                role="option"
3871                tabindex="-1"
3872                ref="countryListItems[]"
3873                on:click="/selectCountry/DK"
3874              >
3875                <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">
3876<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"/>
3877</svg>
3878</span>
3879                <span class="country">Danemark</span>
3880                <span
3881                  class="localization-form__currency"
3882                  
3883                    hidden
3884                  
3885                >
3886                  EUR
3887                  €</span>
3888              </li>
3889              <li
3890                class="localization-form__list-item"
3891                
3892                data-value="ES"
3893                
3894                  data-aliases=""
3895                
3896                id="Espagne"
3897                aria-label="Espagne"
3898                role="option"
3899                tabindex="-1"
3900                ref="countryListItems[]"
3901                on:click="/selectCountry/ES"
3902              >
3903                <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">
3904<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"/>
3905</svg>
3906</span>
3907                <span class="country">Espagne</span>
3908                <span
3909                  class="localization-form__currency"
3910                  
3911                    hidden
3912                  
3913                >
3914                  EUR
3915                  €</span>
3916              </li>
3917              <li
3918                class="localization-form__list-item"
3919                
3920                data-value="EE"
3921                
3922                  data-aliases=""
3923                
3924                id="Estonie"
3925                aria-label="Estonie"
3926                role="option"
3927                tabindex="-1"
3928                ref="countryListItems[]"
3929                on:click="/selectCountry/EE"
3930              >
3931                <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">
3932<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"/>
3933</svg>
3934</span>
3935                <span class="country">Estonie</span>
3936                <span
3937                  class="localization-form__currency"
3938                  
3939                    hidden
3940                  
3941                >
3942                  EUR
3943                  €</span>
3944              </li>
3945              <li
3946                class="localization-form__list-item"
3947                
3948                  aria-current="true"
3949                
3950                data-value="US"
3951                
3952                  data-aliases="us,usa,america,united states of america"
3953                
3954                id="États-Unis"
3955                aria-label="États-Unis"
3956                role="option"
3957                tabindex="-1"
3958                ref="countryListItems[]"
3959                on:click="/selectCountry/US"
3960              >
3961                <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">
3962<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"/>
3963</svg>
3964</span>
3965                <span class="country">États-Unis</span>
3966                <span
3967                  class="localization-form__currency"
3968                  
3969                    hidden
3970                  
3971                >
3972                  EUR
3973                  €</span>
3974              </li>
3975              <li
3976                class="localization-form__list-item"
3977                
3978                data-value="FI"
3979                
3980                  data-aliases=""
3981                
3982                id="Finlande"
3983                aria-label="Finlande"
3984                role="option"
3985                tabindex="-1"
3986                ref="countryListItems[]"
3987                on:click="/selectCountry/FI"
3988              >
3989                <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">
3990<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"/>
3991</svg>
3992</span>
3993                <span class="country">Finlande</span>
3994                <span
3995                  class="localization-form__currency"
3996                  
3997                    hidden
3998                  
3999                >
4000                  EUR
4001                  €</span>
4002              </li>
4003              <li
4004                class="localization-form__list-item"
4005                
4006                data-value="FR"
4007                
4008                  data-aliases=""
4009                
4010                id="France"
4011                aria-label="France"
4012                role="option"
4013                tabindex="-1"
4014                ref="countryListItems[]"
4015                on:click="/selectCountry/FR"
4016              >
4017                <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">
4018<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"/>
4019</svg>
4020</span>
4021                <span class="country">France</span>
4022                <span
4023                  class="localization-form__currency"
4024                  
4025                    hidden
4026                  
4027                >
4028                  EUR
4029                  €</span>
4030              </li>
4031              <li
4032                class="localization-form__list-item"
4033                
4034                data-value="GR"
4035                
4036                  data-aliases=""
4037                
4038                id="Grèce"
4039                aria-label="Grèce"
4040                role="option"
4041                tabindex="-1"
4042                ref="countryListItems[]"
4043                on:click="/selectCountry/GR"
4044              >
4045                <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">
4046<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"/>
4047</svg>
4048</span>
4049                <span class="country">Grèce</span>
4050                <span
4051                  class="localization-form__currency"
4052                  
4053                    hidden
4054                  
4055                >
4056                  EUR
4057                  €</span>
4058              </li>
4059              <li
4060                class="localization-form__list-item"
4061                
4062                data-value="HU"
4063                
4064                  data-aliases=""
4065                
4066                id="Hongrie"
4067                aria-label="Hongrie"
4068                role="option"
4069                tabindex="-1"
4070                ref="countryListItems[]"
4071                on:click="/selectCountry/HU"
4072              >
4073                <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">
4074<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"/>
4075</svg>
4076</span>
4077                <span class="country">Hongrie</span>
4078                <span
4079                  class="localization-form__currency"
4080                  
4081                    hidden
4082                  
4083                >
4084                  EUR
4085                  €</span>
4086              </li>
4087              <li
4088                class="localization-form__list-item"
4089                
4090                data-value="IE"
4091                
4092                  data-aliases=""
4093                
4094                id="Irlande"
4095                aria-label="Irlande"
4096                role="option"
4097                tabindex="-1"
4098                ref="countryListItems[]"
4099                on:click="/selectCountry/IE"
4100              >
4101                <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">
4102<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"/>
4103</svg>
4104</span>
4105                <span class="country">Irlande</span>
4106                <span
4107                  class="localization-form__currency"
4108                  
4109                    hidden
4110                  
4111                >
4112                  EUR
4113                  €</span>
4114              </li>
4115              <li
4116                class="localization-form__list-item"
4117                
4118                data-value="IT"
4119                
4120                  data-aliases=""
4121                
4122                id="Italie"
4123                aria-label="Italie"
4124                role="option"
4125                tabindex="-1"
4126                ref="countryListItems[]"
4127                on:click="/selectCountry/IT"
4128              >
4129                <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">
4130<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"/>
4131</svg>
4132</span>
4133                <span class="country">Italie</span>
4134                <span
4135                  class="localization-form__currency"
4136                  
4137                    hidden
4138                  
4139                >
4140                  EUR
4141                  €</span>
4142              </li>
4143              <li
4144                class="localization-form__list-item"
4145                
4146                data-value="LV"
4147                
4148                  data-aliases=""
4149                
4150                id="Lettonie"
4151                aria-label="Lettonie"
4152                role="option"
4153                tabindex="-1"
4154                ref="countryListItems[]"
4155                on:click="/selectCountry/LV"
4156              >
4157                <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">
4158<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"/>
4159</svg>
4160</span>
4161                <span class="country">Lettonie</span>
4162                <span
4163                  class="localization-form__currency"
4164                  
4165                    hidden
4166                  
4167                >
4168                  EUR
4169                  €</span>
4170              </li>
4171              <li
4172                class="localization-form__list-item"
4173                
4174                data-value="LT"
4175                
4176                  data-aliases=""
4177                
4178                id="Lituanie"
4179                aria-label="Lituanie"
4180                role="option"
4181                tabindex="-1"
4182                ref="countryListItems[]"
4183                on:click="/selectCountry/LT"
4184              >
4185                <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">
4186<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"/>
4187</svg>
4188</span>
4189                <span class="country">Lituanie</span>
4190                <span
4191                  class="localization-form__currency"
4192                  
4193                    hidden
4194                  
4195                >
4196                  EUR
4197                  €</span>
4198              </li>
4199              <li
4200                class="localization-form__list-item"
4201                
4202                data-value="LU"
4203                
4204                  data-aliases=""
4205                
4206                id="Luxembourg"
4207                aria-label="Luxembourg"
4208                role="option"
4209                tabindex="-1"
4210                ref="countryListItems[]"
4211                on:click="/selectCountry/LU"
4212              >
4213                <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">
4214<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"/>
4215</svg>
4216</span>
4217                <span class="country">Luxembourg</span>
4218                <span
4219                  class="localization-form__currency"
4220                  
4221                    hidden
4222                  
4223                >
4224                  EUR
4225                  €</span>
4226              </li>
4227              <li
4228                class="localization-form__list-item"
4229                
4230                data-value="MT"
4231                
4232                  data-aliases=""
4233                
4234                id="Malte"
4235                aria-label="Malte"
4236                role="option"
4237                tabindex="-1"
4238                ref="countryListItems[]"
4239                on:click="/selectCountry/MT"
4240              >
4241                <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">
4242<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"/>
4243</svg>
4244</span>
4245                <span class="country">Malte</span>
4246                <span
4247                  class="localization-form__currency"
4248                  
4249                    hidden
4250                  
4251                >
4252                  EUR
4253                  €</span>
4254              </li>
4255              <li
4256                class="localization-form__list-item"
4257                
4258                data-value="NL"
4259                
4260                  data-aliases=""
4261                
4262                id="Pays-Bas"
4263                aria-label="Pays-Bas"
4264                role="option"
4265                tabindex="-1"
4266                ref="countryListItems[]"
4267                on:click="/selectCountry/NL"
4268              >
4269                <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">
4270<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"/>
4271</svg>
4272</span>
4273                <span class="country">Pays-Bas</span>
4274                <span
4275                  class="localization-form__currency"
4276                  
4277                    hidden
4278                  
4279                >
4280                  EUR
4281                  €</span>
4282              </li>
4283              <li
4284                class="localization-form__list-item"
4285                
4286                data-value="PL"
4287                
4288                  data-aliases=""
4289                
4290                id="Pologne"
4291                aria-label="Pologne"
4292                role="option"
4293                tabindex="-1"
4294                ref="countryListItems[]"
4295                on:click="/selectCountry/PL"
4296              >
4297                <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">
4298<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"/>
4299</svg>
4300</span>
4301                <span class="country">Pologne</span>
4302                <span
4303                  class="localization-form__currency"
4304                  
4305                    hidden
4306                  
4307                >
4308                  EUR
4309                  €</span>
4310              </li>
4311              <li
4312                class="localization-form__list-item"
4313                
4314                data-value="PT"
4315                
4316                  data-aliases=""
4317                
4318                id="Portugal"
4319                aria-label="Portugal"
4320                role="option"
4321                tabindex="-1"
4322                ref="countryListItems[]"
4323                on:click="/selectCountry/PT"
4324              >
4325                <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">
4326<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"/>
4327</svg>
4328</span>
4329                <span class="country">Portugal</span>
4330                <span
4331                  class="localization-form__currency"
4332                  
4333                    hidden
4334                  
4335                >
4336                  EUR
4337                  €</span>
4338              </li>
4339              <li
4340                class="localization-form__list-item"
4341                
4342                data-value="RO"
4343                
4344                  data-aliases=""
4345                
4346                id="Roumanie"
4347                aria-label="Roumanie"
4348                role="option"
4349                tabindex="-1"
4350                ref="countryListItems[]"
4351                on:click="/selectCountry/RO"
4352              >
4353                <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">
4354<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"/>
4355</svg>
4356</span>
4357                <span class="country">Roumanie</span>
4358                <span
4359                  class="localization-form__currency"
4360                  
4361                    hidden
4362                  
4363                >
4364                  EUR
4365                  €</span>
4366              </li>
4367              <li
4368                class="localization-form__list-item"
4369                
4370                data-value="SK"
4371                
4372                  data-aliases=""
4373                
4374                id="Slovaquie"
4375                aria-label="Slovaquie"
4376                role="option"
4377                tabindex="-1"
4378                ref="countryListItems[]"
4379                on:click="/selectCountry/SK"
4380              >
4381                <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">
4382<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"/>
4383</svg>
4384</span>
4385                <span class="country">Slovaquie</span>
4386                <span
4387                  class="localization-form__currency"
4388                  
4389                    hidden
4390                  
4391                >
4392                  EUR
4393                  €</span>
4394              </li>
4395              <li
4396                class="localization-form__list-item"
4397                
4398                data-value="SI"
4399                
4400                  data-aliases=""
4401                
4402                id="Slovénie"
4403                aria-label="Slovénie"
4404                role="option"
4405                tabindex="-1"
4406                ref="countryListItems[]"
4407                on:click="/selectCountry/SI"
4408              >
4409                <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">
4410<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"/>
4411</svg>
4412</span>
4413                <span class="country">Slovénie</span>
4414                <span
4415                  class="localization-form__currency"
4416                  
4417                    hidden
4418                  
4419                >
4420                  EUR
4421                  €</span>
4422              </li>
4423              <li
4424                class="localization-form__list-item"
4425                
4426                data-value="SE"
4427                
4428                  data-aliases=""
4429                
4430                id="Suède"
4431                aria-label="Suède"
4432                role="option"
4433                tabindex="-1"
4434                ref="countryListItems[]"
4435                on:click="/selectCountry/SE"
4436              >
4437                <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">
4438<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"/>
4439</svg>
4440</span>
4441                <span class="country">Suède</span>
4442                <span
4443                  class="localization-form__currency"
4444                  
4445                    hidden
4446                  
4447                >
4448                  EUR
4449                  €</span>
4450              </li>
4451              <li
4452                class="localization-form__list-item"
4453                
4454                data-value="CH"
4455                
4456                  data-aliases=""
4457                
4458                id="Suisse"
4459                aria-label="Suisse"
4460                role="option"
4461                tabindex="-1"
4462                ref="countryListItems[]"
4463                on:click="/selectCountry/CH"
4464              >
4465                <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">
4466<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"/>
4467</svg>
4468</span>
4469                <span class="country">Suisse</span>
4470                <span
4471                  class="localization-form__currency"
4472                  
4473                    hidden
4474                  
4475                >
4476                  EUR
4477                  €</span>
4478              </li>
4479              <li
4480                class="localization-form__list-item"
4481                
4482                data-value="CZ"
4483                
4484                  data-aliases=""
4485                
4486                id="Tchéquie"
4487                aria-label="Tchéquie"
4488                role="option"
4489                tabindex="-1"
4490                ref="countryListItems[]"
4491                on:click="/selectCountry/CZ"
4492              >
4493                <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">
4494<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"/>
4495</svg>
4496</span>
4497                <span class="country">Tchéquie</span>
4498                <span
4499                  class="localization-form__currency"
4500                  
4501                    hidden
4502                  
4503                >
4504                  EUR
4505                  €</span>
4506              </li></ul>
4507        </div>
4508        <div class="country-selector__overlay"></div>
4509        <input
4510          type="hidden"
4511          name="country_code"
4512          value="US"
4513          ref="countryInput"
4514        >
4515      </div>
4516    
4517
4518    
4519      <div class="language-selector top-shadow">
4520        <h2
4521          class="visually-hidden"
4522          id="dropdown-LanguageLabel"
4523        >
4524          Langue
4525        </h2>
4526        
4527          <span class="language-selector__label">Langue</span>
4528        
4529        <select
4530          id="dropdownSelect"
4531          class="localization-form__select"
4532          name="language_code"
4533          aria-label="Langue"
4534          ref="languageInput"
4535          on:change="/changeLanguage"
4536        ><option
4537              value="fr"
4538              lang="fr"
4539              
4540                selected
4541              
4542            >
4543              Français
4544            </option><option
4545              value="en"
4546              lang="en"
4547              
4548            >
4549              English
4550            </option></select>
4551        <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">
4552  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4553</svg>
4554</span>
4555      </div>
4556    
4557</form></localization-form-component>
4558
4559
4560
4561      </div>
4562    </dropdown-localization-component>
4563  
4564
4565            
4566        
4567      
4568        
4569          
4570              
4571  <search-button
4572    class="search-action search-action--hidden-on-drawer"
4573  >
4574    <button
4575      on:click="#search-modal/showDialog"
4576      class="button-unstyled header-actions__action"
4577      aria-label="Rechercher"
4578      aria-haspopup="dialog"
4579    >
4580      <span class="hidden">
4581        Rechercher
4582      </span>
4583
4584      <span class="svg-wrapper ">
4585        <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>
4586
4587      </span>
4588    </button>
4589  </search-button>
4590
4591
4592
4593
4594            
4595        
4596      
4597        
4598          
4599              
4600
4601<script
4602  type="module"
4603  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/cart-icon.js?v=157241182139685326961788024220"
4604  fetchpriority="low"
4605></script>
4605
4606
4607<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-cart-drawer.css?v=46358790467216488231790238683" rel="stylesheet" type="text/css" media="all" />
4608<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-cart-drawer.js?v=142065133311994888331790237825" defer></script>
4608
4609
4610
4611
4612
4613
4614<header-actions
4615  
4616>
4617  
4618    
4619    <div
4620      class="account-button header-actions__action color-scheme-1"
4621    >
4622      <shopify-store store-domain="https://www.bonnemaison.fr" country="US" language="fr"></shopify-store>
4623<shopify-account
4624        menu="customer-account-main-menu"
4625        
4626      >
4627        
4628          <span
4629            slot="signed-out-avatar"
4630            class="account-button__text header-actions__text-style hidden"
4631          >
4632            Compte
4633          </span>
4634
4635          <span
4636            slot="signed-out-avatar"
4637            class=""
4638            aria-hidden="true"
4639          >
4640            
4641  <svg
4642    xmlns="http://www.w3.org/2000/svg"
4643    width="15"
4644    height="17"
4645    viewBox="0 0 15 17"
4646    fill="none"
4647    slot="signed-out-avatar"
4648    class="account-button__icon"
4649  >
4650    <path
4651      stroke="currentColor"
4652      stroke-linejoin="round"
4653      stroke-width="var(--icon-stroke-width)"
4654      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"
4655    />
4656  </svg>
4657
4658          </span>
4659        
4660      </shopify-account>
4661    </div>
4662  
4663
4664  
4665    
4665<script
4666      src="//www.bonnemaison.fr/cdn/shop/t/2/assets/cart-drawer.js?v=35649724213056774541788024220"
4667      type="module"
4668      fetchpriority="low"
4669    ></script>
4669
4670    
4670<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-cart-trust.js?v=66792438341112568751788891118" defer></script>
4670
4671
4672    
4673
4674    <cart-drawer-component
4675      class="cart-drawer"
4676      
4677      
4678    >
4679      <template id="empty-cart-template">
4680        
4681      <div class="cart-drawer__header">
4682        <button
4683          ref="closeButton"
4684          on:click="cart-drawer-component/close"
4685          class="button close-button cart-drawer__close-button button-unstyled"
4686          aria-label="Fermer la boîte de dialogue"
4687        >
4688          <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">
4689  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4690  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4691</svg>
4692</span>
4693        </button>
4694      </div>
4695
4696      <div
4697        class="cart-drawer__content"
4698        aria-label="Panier"
4699      >
4700        <h2
4701          class="cart-drawer__heading h4 cart-drawer__heading--empty"
4702          id="cart-drawer-heading-empty"
4703        >
4704          Votre panier est vide
4705        </h2>
4706
4707        <div class="cart-drawer__items">
4708          
4709
4710
4711
4712<script
4713  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/component-cart-items.js?v=165440327125931659001788024220"
4714  type="module"
4715  fetchpriority="low"
4716></script>
vendor: 1 bytes, line 4716
4716
4717<script
4718  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751788024220"
4719  type="module"
4720  fetchpriority="low"
4721></script>
vendor: 1 bytes, line 4721
4721
4722<script
4723  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661788024220"
4724  type="module"
4725  fetchpriority="low"
4726></script>
4726
4727
4728<div
4729  
4730  class="cart-items__wrapper"
4731  
4732>
4733  
4734<p>
4735        Vous possédez un compte ? <a href="https://shopify.com/105021178181/account?locale=fr&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJib25uZS1tYWlzb24tZnIubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwOTk4NjMyLCJuYmYiOjE3OTAzOTM4MzJ9.KX4RYnctI4iMy3jDULyT1LLx8XqwRwJ26lcEFk8QYuE&region_country=US">Connectez-vous</a> pour payer plus vite.
4736      </p><a
4737      class="button cart-items__empty-button"
4738      href="/collections/all"
4739    >
4740      <span class="button-text">
4741        Continuer les achats
4742      </span>
4743    </a></div>
4744
4745
4746
4747        </div>
4748      </div><ss-cart-trust
4749        class="ss-cd__trust-wrap"
4750        data-autoplay="true"
4751        data-delay="3500.0"
4752        data-dots="true"
4753        style="--ss-cd-trust-visible: 1;"
4754      >
4755        <div class="ss-cd__trust-row">
4756          <ul class="ss-cd__trust list-unstyled" data-ss-trust-rail role="list"><li class="ss-cd__trust-item">
4757                <span class="ss-cd__trust-icon" aria-hidden="true"><img src="https://cdn.shopify.com/s/files/1/1050/2117/8181/files/image_36.png?v=1788640202" width="var(--ss-pr-icon-stroke, 1.4)" height="" alt="" />
4758</span>
4759                <span class="ss-cd__trust-text">Livraison offerte dès 69,99€</span>
4760              </li><li class="ss-cd__trust-item">
4761                <span class="ss-cd__trust-icon" aria-hidden="true"><img src="https://cdn.shopify.com/s/files/1/1050/2117/8181/files/image_39.png?v=1788639960" width="var(--ss-pr-icon-stroke, 1.4)" height="" alt="" />
4762</span>
4763                <span class="ss-cd__trust-text">Fabriqué en France</span>
4764              </li><li class="ss-cd__trust-item">
4765                <span class="ss-cd__trust-icon" aria-hidden="true"><svg viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="var(--ss-pr-icon-stroke, 1.4)" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
4766      <path d="M8 14h18a7 7 0 0 1 0 14h-4"/>
4767      <path d="M13 8 7 14l6 6"/>
4768    </svg>
4769</span>
4770                <span class="ss-cd__trust-text">Satisfait ou remboursé</span>
4771              </li></ul><div class="ss-cd__trust-dots" data-ss-trust-dots role="tablist" aria-label="Navigation" hidden></div></div>
4772      </ss-cart-trust>
4773    
4774      </template>
4775      <button
4776        class="header-actions__action button-unstyled"
4777        on:click="/open"
4778        aria-haspopup="dialog"
4779        aria-label="Panier"
4780        aria-describedby="cart-bubble-text"
4781        data-testid="cart-drawer-trigger"
4782      >
4783        
4784  <cart-icon
4785    class="header-actions__cart-icon"
4786    data-testid="cart-icon"
4787  >
4788    <span class="hidden">
4789      Panier
4790    </span>
4791
4792    <span
4793      class="svg-wrapper "
4794      aria-hidden="true"
4795    >
4796      <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>
4797
4798    </span>
4799
4800    <div
4801  ref="cartBubble"
4802  class="cart-bubble visually-hidden"
4803  
4804  
4805    data-maintain-ratio
4806  
4807>
4808  <span class="cart-bubble__background"></span>
4809  <span
4810    ref="cartBubbleText"
4811    id="cart-bubble-text"
4812    class="cart-bubble__text"
4813  >
4814    <span
4815      class="cart-bubble__text-count hidden"
4816      ref="cartBubbleCount"
4817      aria-hidden="true"
4818      data-testid="cart-bubble"
4819    >
48200</span>
4821  </span>
4822</div>
4823
4824
4825
4826  </cart-icon>
4827
4828      </button>
4829
4830      <dialog
4831        ref="dialog"
4832        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
4833        data-testid="cart-drawer-dialog"
4834        aria-labelledby="cart-drawer-heading-empty"
4835        scroll-lock
4836        cart-summary-sticky="true"
4837      >
4838        <span
4839          ref="liveRegion"
4840          class="visually-hidden"
4841          role="status"
4842        ></span>
4843        <div
4844          class="cart-drawer__inner"
4845          data-hydration-key="cart-drawer-inner"
4846        >
4847          
4848          
4849
4850<cart-items-component
4851  class="cart-items-component"
4852  
4853    data-drawer
4854  
4855  data-section-id="sections--31622813319493__header_section"
4856>
4857  
4858
4859      <div class="cart-drawer__header">
4860        <button
4861          ref="closeButton"
4862          on:click="cart-drawer-component/close"
4863          class="button close-button cart-drawer__close-button button-unstyled"
4864          aria-label="Fermer la boîte de dialogue"
4865        >
4866          <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">
4867  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4868  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4869</svg>
4870</span>
4871        </button>
4872      </div>
4873
4874      <div
4875        class="cart-drawer__content"
4876        aria-label="Panier"
4877      >
4878        <h2
4879          class="cart-drawer__heading h4 cart-drawer__heading--empty"
4880          id="cart-drawer-heading-empty"
4881        >
4882          Votre panier est vide
4883        </h2>
4884
4885        <div class="cart-drawer__items">
4886          
4887
4888
4889
4890<script
4891  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/component-cart-items.js?v=165440327125931659001788024220"
4892  type="module"
4893  fetchpriority="low"
4894></script>
vendor: 1 bytes, line 4894
4894
4895<script
4896  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751788024220"
4897  type="module"
4898  fetchpriority="low"
4899></script>
vendor: 1 bytes, line 4899
4899
4900<script
4901  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661788024220"
4902  type="module"
4903  fetchpriority="low"
4904></script>
4904
4905
4906<div
4907  
4908  class="cart-items__wrapper"
4909  
4910>
4911  
4912<p>
4913        Vous possédez un compte ? <a href="https://shopify.com/105021178181/account?locale=fr&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJib25uZS1tYWlzb24tZnIubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwOTk4NjMyLCJuYmYiOjE3OTAzOTM4MzJ9.KX4RYnctI4iMy3jDULyT1LLx8XqwRwJ26lcEFk8QYuE&region_country=US">Connectez-vous</a> pour payer plus vite.
4914      </p><a
4915      class="button cart-items__empty-button"
4916      href="/collections/all"
4917    >
4918      <span class="button-text">
4919        Continuer les achats
4920      </span>
4921    </a></div>
4922
4923
4924
4925        </div>
4926      </div><ss-cart-trust
4927        class="ss-cd__trust-wrap"
4928        data-autoplay="true"
4929        data-delay="3500.0"
4930        data-dots="true"
4931        style="--ss-cd-trust-visible: 1;"
4932      >
4933        <div class="ss-cd__trust-row">
4934          <ul class="ss-cd__trust list-unstyled" data-ss-trust-rail role="list"><li class="ss-cd__trust-item">
4935                <span class="ss-cd__trust-icon" aria-hidden="true"><img src="https://cdn.shopify.com/s/files/1/1050/2117/8181/files/image_36.png?v=1788640202" width="var(--ss-pr-icon-stroke, 1.4)" height="" alt="" />
4936</span>
4937                <span class="ss-cd__trust-text">Livraison offerte dès 69,99€</span>
4938              </li><li class="ss-cd__trust-item">
4939                <span class="ss-cd__trust-icon" aria-hidden="true"><img src="https://cdn.shopify.com/s/files/1/1050/2117/8181/files/image_39.png?v=1788639960" width="var(--ss-pr-icon-stroke, 1.4)" height="" alt="" />
4940</span>
4941                <span class="ss-cd__trust-text">Fabriqué en France</span>
4942              </li><li class="ss-cd__trust-item">
4943                <span class="ss-cd__trust-icon" aria-hidden="true"><svg viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="var(--ss-pr-icon-stroke, 1.4)" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
4944      <path d="M8 14h18a7 7 0 0 1 0 14h-4"/>
4945      <path d="M13 8 7 14l6 6"/>
4946    </svg>
4947</span>
4948                <span class="ss-cd__trust-text">Satisfait ou remboursé</span>
4949              </li></ul><div class="ss-cd__trust-dots" data-ss-trust-dots role="tablist" aria-label="Navigation" hidden></div></div>
4950      </ss-cart-trust>
4951    
4952
4953</cart-items-component>
4954
4955
4956
4957        </div>
4958      </dialog>
4959    </cart-drawer-component>
4960  
4961
4962  <span
4963    ref="liveRegion"
4964    class="visually-hidden"
4965    role="status"
4966    data-testid="cart-count-live-region"
4967  ></span>
4968</header-actions>
4969
4970<script
4971  type="module"
4972  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/header-actions.js?v=121308165565653895611788024220"
4973  fetchpriority="low"
4974></script>
4974
4975
4976
4977
4978          
4979        
4980      
4981    </div>
4982        </div>
4983      </div>
4984    
4985  
4986    
4987
4988    
4989
4990    
4991    
4992  
4993
4994  
4995    <div class="header__row header__navigation-bar-row color-scheme-1">
4996      
4997
4998
4999
5000    
5001  
5002
5003<style data-shopify>
5004  .header__underlay {
5005    --color-submenu: rgb(255 255 255 / 1.0);
5006  }
5007</style>
5008
5009
5010
5011
5012    </div>
5013  
5014</header-component>
5015
5016<script
5017  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/header.js?v=36718054510661947891788024220"
5018  type="module"
5019></script>
5019
5020
5021
5022
5023
5024  
5024<script type="module">
5025    import { hydrate } from '@theme/section-hydration';
5026    const url = new URL(window.location.href);
5027    url.searchParams.delete('page');
5028    hydrate('sections--31622813319493__header_section', url);
5029  </script>
5029
5030
5031
5032
5033</header><div id="shopify-section-sections--31622813319493__ss_mega_menu" class="shopify-section shopify-section-group-header-group ss-mm-section">
5034
5035<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-mega-menu.css?v=153215342241607452391788793938" rel="stylesheet" type="text/css" media="all" />
5036<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-mega-menu.js?v=171190926802057507521788794777" defer></script>
5036<div
5037  class="ss-mm-root"
5038  id="ss-mm-root-sections--31622813319493__ss_mega_menu"
5039  data-ss-mm-root
5040  data-close-delay="180"
5041  data-breakpoint="980"
5042  data-trigger="hover"
5043>
5044  <style>
5045    #ss-mm-root-sections--31622813319493__ss_mega_menu {
5046      --ss-mm-gap-x: 16px;
5047      --ss-mm-gap-y: 28px;
5048      --ss-mm-max-w: 1600px;
5049      --ss-mm-pad-y: 40px;
5050      --ss-mm-pad-x: 48px;
5051      --ss-mm-bg: #ffffff;
5052      --ss-mm-color: #1a1a1a;
5053      --ss-mm-shadow: rgba(0, 0, 0, 0.1);
5054      --ss-mm-scrim: rgba(0, 0, 0, 0);
5055      --ss-mm-anim: 240ms;
5056    }
5057  </style>
5058
5059  
5060<ss-mega-panel
5061  class="ss-mm"
5062  id="ss-mm-ARk9RWVhra1ZOT0pnb__ss_mega_panel_9AFqkz"
5063  data-ss-mm-href="/collections"
5064  data-ss-mm-label="collections"
5065  data-ss-mm-block="ARk9RWVhra1ZOT0pnb__ss_mega_panel_9AFqkz"
5066  
5067>
5068  <style>
5069    #ss-mm-ARk9RWVhra1ZOT0pnb__ss_mega_panel_9AFqkz {
5070      --ss-mm-cols: 5;
5071      --ss-mm-ratio: 100%;
5072      --ss-mm-label-size: 15px;
5073      --ss-mm-label-align: center;
5074    }
5075  </style>
5076
5077  <div class="ss-mm__inner"><ul class="ss-mm__grid list-unstyled" role="list"><li class="ss-mm__item">
5078            <a class="ss-mm__link" href="/collections/boreal">
5079              <span class="ss-mm__media"><img
5080                    src="//www.bonnemaison.fr/cdn/shop/collections/101.jpg?v=1776075987&width=500"
5081                    srcset="//www.bonnemaison.fr/cdn/shop/collections/101.jpg?v=1776075987&width=300 300w,
5082                            //www.bonnemaison.fr/cdn/shop/collections/101.jpg?v=1776075987&width=500 500w,
5083                            //www.bonnemaison.fr/cdn/shop/collections/101.jpg?v=1776075987&width=800 800w"
5084                    sizes="auto"
5085                    alt="Boreal"
5086                    width="1100"
5087                    height="1100"
5088                    loading="lazy"
5089                  ></span>
5090              <span class="ss-mm__label">Boreal</span>
5091            </a>
5092          </li><li class="ss-mm__item">
5093            <a class="ss-mm__link" href="/collections/faux-semblant-1">
5094              <span class="ss-mm__media"><img
5095                    src="//www.bonnemaison.fr/cdn/shop/collections/117.jpg?v=1776076110&width=500"
5096                    srcset="//www.bonnemaison.fr/cdn/shop/collections/117.jpg?v=1776076110&width=300 300w,
5097                            //www.bonnemaison.fr/cdn/shop/collections/117.jpg?v=1776076110&width=500 500w,
5098                            //www.bonnemaison.fr/cdn/shop/collections/117.jpg?v=1776076110&width=800 800w"
5099                    sizes="auto"
5100                    alt="Faux Semblant"
5101                    width="1100"
5102                    height="1100"
5103                    loading="lazy"
5104                  ></span>
5105              <span class="ss-mm__label">Faux Semblant</span>
5106            </a>
5107          </li><li class="ss-mm__item">
5108            <a class="ss-mm__link" href="/collections/la-cueillette-1">
5109              <span class="ss-mm__media"><img
5110                    src="//www.bonnemaison.fr/cdn/shop/collections/103.jpg?v=1776076014&width=500"
5111                    srcset="//www.bonnemaison.fr/cdn/shop/collections/103.jpg?v=1776076014&width=300 300w,
5112                            //www.bonnemaison.fr/cdn/shop/collections/103.jpg?v=1776076014&width=500 500w,
5113                            //www.bonnemaison.fr/cdn/shop/collections/103.jpg?v=1776076014&width=800 800w"
5114                    sizes="auto"
5115                    alt="La Cueillette"
5116                    width="1100"
5117                    height="1100"
5118                    loading="lazy"
5119                  ></span>
5120              <span class="ss-mm__label">La Cueillette</span>
5121            </a>
5122          </li><li class="ss-mm__item">
5123            <a class="ss-mm__link" href="/collections/leventail">
5124              <span class="ss-mm__media"><img
5125                    src="//www.bonnemaison.fr/cdn/shop/collections/116.jpg?v=1776076096&width=500"
5126                    srcset="//www.bonnemaison.fr/cdn/shop/collections/116.jpg?v=1776076096&width=300 300w,
5127                            //www.bonnemaison.fr/cdn/shop/collections/116.jpg?v=1776076096&width=500 500w,
5128                            //www.bonnemaison.fr/cdn/shop/collections/116.jpg?v=1776076096&width=800 800w"
5129                    sizes="auto"
5130                    alt="L&#39;Eventail"
5131                    width="1100"
5132                    height="1100"
5133                    loading="lazy"
5134                  ></span>
5135              <span class="ss-mm__label">L'Eventail</span>
5136            </a>
5137          </li><li class="ss-mm__item">
5138            <a class="ss-mm__link" href="/collections/le-bois-1">
5139              <span class="ss-mm__media"><img
5140                    src="//www.bonnemaison.fr/cdn/shop/collections/102.jpg?v=1776076000&width=500"
5141                    srcset="//www.bonnemaison.fr/cdn/shop/collections/102.jpg?v=1776076000&width=300 300w,
5142                            //www.bonnemaison.fr/cdn/shop/collections/102.jpg?v=1776076000&width=500 500w,
5143                            //www.bonnemaison.fr/cdn/shop/collections/102.jpg?v=1776076000&width=800 800w"
5144                    sizes="auto"
5145                    alt="Le Bois"
5146                    width="1100"
5147                    height="1100"
5148                    loading="lazy"
5149                  ></span>
5150              <span class="ss-mm__label">Le Bois</span>
5151            </a>
5152          </li><li class="ss-mm__item">
5153            <a class="ss-mm__link" href="/collections/leona-rose-1">
5154              <span class="ss-mm__media"><img
5155                    src="//www.bonnemaison.fr/cdn/shop/collections/118.jpg?v=1776076122&width=500"
5156                    srcset="//www.bonnemaison.fr/cdn/shop/collections/118.jpg?v=1776076122&width=300 300w,
5157                            //www.bonnemaison.fr/cdn/shop/collections/118.jpg?v=1776076122&width=500 500w,
5158                            //www.bonnemaison.fr/cdn/shop/collections/118.jpg?v=1776076122&width=800 800w"
5159                    sizes="auto"
5160                    alt="Leona Rose"
5161                    width="531"
5162                    height="531"
5163                    loading="lazy"
5164                  ></span>
5165              <span class="ss-mm__label">Leona Rose</span>
5166            </a>
5167          </li><li class="ss-mm__item">
5168            <a class="ss-mm__link" href="/collections/les-courtes-1">
5169              <span class="ss-mm__media"><img
5170                    src="//www.bonnemaison.fr/cdn/shop/collections/41_a8dd3d9a-688c-4529-a2b5-9493b6eeed82.jpg?v=1776075555&width=500"
5171                    srcset="//www.bonnemaison.fr/cdn/shop/collections/41_a8dd3d9a-688c-4529-a2b5-9493b6eeed82.jpg?v=1776075555&width=300 300w,
5172                            //www.bonnemaison.fr/cdn/shop/collections/41_a8dd3d9a-688c-4529-a2b5-9493b6eeed82.jpg?v=1776075555&width=500 500w,
5173                            //www.bonnemaison.fr/cdn/shop/collections/41_a8dd3d9a-688c-4529-a2b5-9493b6eeed82.jpg?v=1776075555&width=800 800w"
5174                    sizes="auto"
5175                    alt="Les Courtes"
5176                    width="1100"
5177                    height="1100"
5178                    loading="lazy"
5179                  ></span>
5180              <span class="ss-mm__label">Les Courtes</span>
5181            </a>
5182          </li><li class="ss-mm__item">
5183            <a class="ss-mm__link" href="/collections/claude-monet">
5184              <span class="ss-mm__media"><img
5185                    src="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=500"
5186                    srcset="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=300 300w,
5187                            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=500 500w,
5188                            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=800 800w"
5189                    sizes="auto"
5190                    alt="Claude Monet"
5191                    width="1100"
5192                    height="1100"
5193                    loading="lazy"
5194                  ></span>
5195              <span class="ss-mm__label">Claude Monet</span>
5196            </a>
5197          </li></ul></div>
5198</ss-mega-panel>
5199
5200
5201</div>
5202
5203</div>
5204<!-- END sections: header-group -->
5205    </div>
5206
5207    
5207<script>
5208      // Inline header height and menu style calculations to prevent layout shift
5209      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
5210      (function setHeaderHeighCustomProperties() {
5211        /*
5212         * Header calculation functions for maintaining CSS variables
5213         * Mimic calculateHeaderGroupHeight() in utilities.js
5214         */
5215        const header = document.querySelector('header-component');
5216        const headerGroup = document.querySelector('#header-group');
5217        const hasHeaderSection = headerGroup?.querySelector('.header-section');
5218
5219        if (!header || !headerGroup) return;
5220
5221        const headerTopRow = header.querySelector('.header__row--top');
5222        const headerHeight = header.offsetHeight;
5223
5224        // Calculate the total height of the header group
5225        let headerGroupHeight = 0;
5226        const children = headerGroup.children;
5227        for (let i = 0; i < children.length; i++) {
5228          const element = children[i];
5229          if (element === header || !(element instanceof HTMLElement)) continue;
5230          headerGroupHeight += element.offsetHeight;
5231        }
5232
5233        // Check for transparent header special case
5234        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
5235          headerGroupHeight += headerHeight;
5236        }
5237
5238        // Set CSS variables
5239        document.body.style.setProperty('--header-height', `${headerHeight}px`);
5240        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
5241
5242        if (headerTopRow) {
5243          window.requestAnimationFrame(function () {
5244            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
5245          });
5246        }
5247
5248        /**
5249         * Updates CSS custom properties for transparent header offset calculation
5250         * Mimic updateTransparentHeaderOffset() in utilities.js
5251         */
5252
5253        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
5254          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
5255          return;
5256        }
5257
5258        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
5259
5260        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
5261        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
5262      })();
5263
5264      (function setHeaderMenuStyle() {
5265        const headerComponent = document.querySelector('#header-component');
5266        if (headerComponent) {
5267          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
5268          const overflowList = headerComponent?.querySelector('overflow-list');
5269          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
5270          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
5271        }
5272      })();
5273    </script>
5273
5274
5275    <main
5276      id="MainContent"
5277      class="content-for-layout"
5278      role="main"
5279      data-page-transition-enabled="false"
5280      data-product-transition="false"
5281      data-template="index"
5282    >
5283      <section id="shopify-section-template--31622817841477__ss_hero_3nPqr3" class="shopify-section ss-section-wrapper ss-section-wrapper--hero">
5284
5285<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-hero.css?v=130721596203296942951790177540" rel="stylesheet" type="text/css" media="all" />
5286<style>
5287  #shopify-section-template--31622817841477__ss_hero_3nPqr3 {
5288    --ss-pt: 0px;
5289    --ss-pb: 32px;
5290    --ss-px: 20px;
5291    --ss-max-width: 1440px;
5292    --ss-bg: #ffffff;
5293    --ss-text: #ffffff;
5294    --ss-gap: 8px;
5295  }
5296
5297  @media (min-width: 981px) {
5298    #shopify-section-template--31622817841477__ss_hero_3nPqr3 {
5299      --ss-pt: 0px;
5300      --ss-pb: 36px;
5301      --ss-px: 40px;
5302    }
5303  }
5304
5305  #shopify-section-template--31622817841477__ss_hero_3nPqr3 .ss-section {
5306    padding: var(--ss-pt) var(--ss-px) var(--ss-pb);
5307    background-color: var(--ss-bg);
5308    color: var(--ss-text);
5309  }
5310  #shopify-section-template--31622817841477__ss_hero_3nPqr3 .ss-section__inner {
5311    width: 100%;
5312    max-width: var(--ss-max-width);
5313    margin-inline: auto;
5314  }
5315  #shopify-section-template--31622817841477__ss_hero_3nPqr3 .ss-section__inner--full {
5316    max-width: none;
5317  }
5318</style>
5319
5320<style>
5321  #shopify-section-template--31622817841477__ss_hero_3nPqr3 {
5322    --ss-hero-h-mobile: 540px;
5323    --ss-hero-h-desktop: auto;
5324    --ss-hero-ar-mobile: auto;
5325    --ss-hero-ar-desktop: 1.556420233463035;
5326    --ss-hero-justify: center;
5327    --ss-hero-align: end;
5328    --ss-hero-text-align: center;
5329    --ss-hero-overlay: rgba(0, 0, 0, 0.1);
5330    --ss-hero-content-width: 640px;
5331
5332    --ss-hero-eyebrow-size-m: 14px;
5333    --ss-hero-eyebrow-size-d: 16px;
5334    --ss-hero-title-size-m: 32px;
5335    --ss-hero-title-size-d: 48px;
5336
5337    --ss-text-color-h: #000000;
5338  }
5339</style>
5340
5341<div
5342  class="ss-hero color-scheme-1 ss-hero--linked"
5343  id="ss-hero-template--31622817841477__ss_hero_3nPqr3"
5344><div class="ss-hero__media ss-anim ss-anim--zoom" data-ss-delay="0">
5345      <picture><source
5346          media="(max-width: 980px)"
5347          srcset="
5348            //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=600 600w,
5349            //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=900 900w,
5350            //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=1200 1200w,
5351            //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=1600 1600w
5352          "
5353          sizes="100vw"
5354        >
5355        <img
5356          src="//www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=1600"
5357          srcset="
5358            //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=900 900w,
5359            //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=1400 1400w,
5360            //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=1900 1900w,
5361            //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=2400 2400w
5362          "
5363          sizes="100vw"
5364          alt=""
5365          width="1200"
5366          height="771"
5367          
5368            loading="eager" fetchpriority="high"
5369          
5370        >
5371      </picture>
5372    </div><div class="ss-hero__overlay" aria-hidden="true"></div><a
5373      class="ss-hero__cover-link"
5374      href="/collections/claude-monet"
5375      
5376        aria-label="Voir la collection"
5377      
5378    ></a><div class="ss-hero__content">
5379    <div class="ss-hero__inner"><div class="ss-hero__actions ss-anim ss-anim--slide" data-ss-delay="440">
5380          <a
5381            class="ss-hero__button ss-hero__button--outline"
5382            
5383              href="/collections/claude-monet"
5384            
5385          >
5386            Découvrir
5387          </a>
5388        </div></div>
5389  </div>
5390</div>
5391
5392</section><section id="shopify-section-template--31622817841477__ss_product_carousel_UFwHie" class="shopify-section ss-section-wrapper">
5393
5394<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-product-carou
5394sel.css?v=28430068764930498911790238683" rel="stylesheet" type="text/css" media="all" />
5395<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-card-product.css?v=163637625392114317701788789126" rel="stylesheet" type="text/css" media="all" />
5396<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-product-carousel.js?v=64741678143985694661788368610" defer></script>
vendor: 1 bytes, line 5396
5396
5397<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-card-product.js?v=125762975433475882901788789733" defer></script>
5397<style>
5398  #shopify-section-template--31622817841477__ss_product_carousel_UFwHie {
5399    --ss-pt: 2px;
5400    --ss-pb: 8px;
5401    --ss-px: 2px;
5402    --ss-max-width: 1440px;
5403    --ss-bg: #ffffff;
5404    --ss-text: #2e4247;
5405    --ss-gap: 8px;
5406  }
5407
5408  @media (min-width: 981px) {
5409    #shopify-section-template--31622817841477__ss_product_carousel_UFwHie {
5410      --ss-pt: 4px;
5411      --ss-pb: 14px;
5412      --ss-px: 2px;
5413    }
5414  }
5415
5416  #shopify-section-template--31622817841477__ss_product_carousel_UFwHie .ss-section {
5417    padding: var(--ss-pt) var(--ss-px) var(--ss-pb);
5418    background-color: var(--ss-bg);
5419    color: var(--ss-text);
5420  }
5421  #shopify-section-template--31622817841477__ss_product_carousel_UFwHie .ss-section__inner {
5422    width: 100%;
5423    max-width: var(--ss-max-width);
5424    margin-inline: auto;
5425  }
5426  #shopify-section-template--31622817841477__ss_product_carousel_UFwHie .ss-section__inner--full {
5427    max-width: none;
5428  }
5429</style>
5430
5431<style>
5432  #shopify-section-template--31622817841477__ss_product_carousel_UFwHie {
5433    --ss-pc-cols-mobile: 2.1;
5434    --ss-pc-cols-desktop: 4;
5435    --ss-pc-gap-mobile: 2px;
5436    --ss-pc-gap-desktop: 4px;
5437    --ss-pc-ratio: 105%;
5438    
5439    --ss-pc-nav-bg: #1a1a1a;
5440    --ss-pc-nav-color: #ffffff;
5441    --ss-pc-card-border: #e5e5e5;
5442
5443    --ss-card-ratio: 105%;
5444    --ss-card-border: #e5e5e5;
5445
5446    --ss-pc-head-align: space-between;
5447    --ss-pc-foot-gap-m: 28px;
5448    --ss-pc-foot-gap-d: 40px;
5449    --ss-btn-solid-bg: #1a1a1a;
5450    --ss-btn-solid-color: #ffffff;
5451  }
5452
5453  @media(max-width:768px){
5454  #shopify-section-template--31622817841477__ss_product_carousel_UFwHie {--ss-pc-ratio: 110%;}
5455  }
5456</style>
5457
5458<ss-product-carousel
5459  class="ss-product-carousel color-scheme-1 ss-pc--head-space-between"
5460  id="ss-product-carousel-template--31622817841477__ss_product_carousel_UFwHie"
5461  data-scroll-by="1"
5462  data-open-cart="true"
5463  data-animate="true"
5464  
5465>
5466  <div class="ss-section "><div class="ss-product-carousel__viewport">
5467      <div class="ss-product-carousel__rail" data-ss-rail role="list" tabindex="0"><div class="ss-product-carousel__slide" role="listitem">
5468            <ss-card-product
5469  class="ss-card-product ss-anim ss-anim--slide"
5470  data-ss-index="0"
5471  data-product-id="16175501181253"
5472  data-product-url="/products/monet-les-nympheas"
5473  data-open-cart="true"
5474>
5475  <div class="ss-card-product__media">
5476    <a class="ss-card-product__link" href="/products/monet-les-nympheas" aria-label="Monet - Les nymphéas"><img
5477          class="ss-card-product__img"
5478          src="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=800"
5479          srcset="
5480            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=400 400w,
5481            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=700 700w,
5482            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=1000 1000w
5483          "
5484          sizes="(min-width: 981px) 25vw, 50vw"
5485          alt="Monet - Les nymphéas"
5486          width="1100"
5487          height="1100"
5488          loading="lazy"
5489        ></a><div class="ss-card-product__sizes" data-ss-sizes><button
5490                type="button"
5491                class="ss-card-product__size"
5492                data-ss-add
5493                data-variant-id="59362260025669"
5494                aria-label="Ajouter la taille  36 | 38 au panier"
5495              >
5496                <span class="ss-card-product__size-label">36 | 38</span>
5497              </button><button
5498                type="button"
5499                class="ss-card-product__size"
5500                data-ss-add
5501                data-variant-id="59362260058437"
5502                aria-label="Ajouter la taille  39 | 41 au panier"
5503              >
5504                <span class="ss-card-product__size-label">39 | 41</span>
5505              </button><button
5506                type="button"
5507                class="ss-card-product__size"
5508                data-ss-add
5509                data-variant-id="59447696195909"
5510                aria-label="Ajouter la taille  42 | 44 au panier"
5511              >
5512                <span class="ss-card-product__size-label">42 | 44</span>
5513              </button></div></div>
5514
5515  <div class="ss-card-product__body">
5516    <a class="ss-card-product__title" href="/products/monet-les-nympheas">Monet - Les nymphéas</a>
5517    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
5518    </p>
5519  </div>
5520</ss-card-product>
5521          </div>
5521<div class="ss-product-carousel__slide" role="listitem">
5522            <ss-card-product
5523  class="ss-card-product ss-anim ss-anim--slide"
5524  data-ss-index="1"
5525  data-product-id="16175501148485"
5526  data-product-url="/products/monet-les-nympheas-roses"
5527  data-open-cart="true"
5528>
5529  <div class="ss-card-product__media">
5530    <a class="ss-card-product__link" href="/products/monet-les-nympheas-roses" aria-label="Monet - les nymphéas roses"><img
5531          class="ss-card-product__img"
5532          src="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-roses.jpg?v=1789492960&width=800"
5533          srcset="
5534            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-roses.jpg?v=1789492960&width=400 400w,
5535            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-roses.jpg?v=1789492960&width=700 700w,
5536            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-roses.jpg?v=1789492960&width=1000 1000w
5537          "
5538          sizes="(min-width: 981px) 25vw, 50vw"
5539          alt="Monet - les nymphéas roses"
5540          width="1100"
5541          height="1100"
5542          loading="lazy"
5543        ></a><div class="ss-card-product__sizes" data-ss-sizes><button
5544                type="button"
5545                class="ss-card-product__size"
5546                data-ss-add
5547                data-variant-id="59362259960133"
5548                aria-label="Ajouter la taille  36 | 38 au panier"
5549              >
5550                <span class="ss-card-product__size-label">36 | 38</span>
5551              </button><button
5552                type="button"
5553                class="ss-card-product__size"
5554                data-ss-add
5555                data-variant-id="59362259992901"
5556                aria-label="Ajouter la taille  39 | 41 au panier"
5557              >
5558                <span class="ss-card-product__size-label">39 | 41</span>
5559              </button><button
5560                type="button"
5561                class="ss-card-product__size"
5562                data-ss-add
5563                data-variant-id="59447696064837"
5564                aria-label="Ajouter la taille  42 | 44 au panier"
5565              >
5566                <span class="ss-card-product__size-label">42 | 44</span>
5567              </button></div></div>
5568
5569  <div class="ss-card-product__body">
5570    <a class="ss-card-product__title" href="/products/monet-les-nympheas-roses">Monet - les nymphéas roses</a>
5571    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
5572    </p>
5573  </div>
5574</ss-card-product>
5575          </div><div class="ss-product-carousel__slide" role="listitem">
5576            <ss-card-product
5577  class="ss-card-product ss-anim ss-anim--slide"
5578  data-ss-index="2"
5579  data-product-id="16175499706693"
5580  data-product-url="/products/livre-monet-les-nympheas"
5581  data-open-cart="true"
5582>
5583  <div class="ss-card-product__media">
5584    <a class="ss-card-product__link" href="/products/livre-monet-les-nympheas" aria-label="Livre Monet - Les Nymphéas"><img
5585          class="ss-card-product__img"
5586          src="//www.bonnemaison.fr/cdn/shop/files/livre-monet-nympheas.jpg?v=1789492920&width=800"
5587          srcset="
5588            //www.bonnemaison.fr/cdn/shop/files/livre-monet-nympheas.jpg?v=1789492920&width=400 400w,
5589            //www.bonnemaison.fr/cdn/shop/files/livre-monet-nympheas.jpg?v=1789492920&width=700 700w,
5590            //www.bonnemaison.fr/cdn/shop/files/livre-monet-nympheas.jpg?v=1789492920&width=1000 1000w
5591          "
5592          sizes="(min-width: 981px) 25vw, 50vw"
5593          alt="Livre Monet - Les Nymphéas"
5594          width="1100"
5595          height="1100"
5596          loading="lazy"
5597        ></a><div class="ss-card-product__sizes" data-ss-sizes><button
5598                type="button"
5599                class="ss-card-product__size"
5600                data-ss-add
5601                data-variant-id="59362236858693"
5602                aria-label="Ajouter la taille  36 | 38 au panier"
5603              >
5604                <span class="ss-card-product__size-label">36 | 38</span>
5605              </button><button
5606                type="button"
5607                class="ss-card-product__size"
5608                data-ss-add
5609                data-variant-id="59362236891461"
5610                aria-label="Ajouter la taille  39 | 41 au panier"
5611              >
5612                <span class="ss-card-product__size-label">39 | 41</span>
5613              </button><button
5614                type="button"
5615                class="ss-card-product__size"
5616                data-ss-add
5617                data-variant-id="59447693705541"
5618                aria-label="Ajouter la taille  42 | 44 au panier"
5619              >
5620                <span class="ss-card-product__size-label">42 | 44</span>
5621              </button></div></div>
5622
5623  <div class="ss-card-product__body">
5624    <a class="ss-card-product__title" href="/products/livre-monet-les-nympheas">Livre Monet - Les Nymphéas</a>
5625    <p class="ss-card-product__price"><span class="ss-card-product__price-current">45€</span>
5626    </p>
5627  </div>
5628</ss-card-product>
5629          </div><div class="ss-product-carousel__slide" role="listitem">
5630            <ss-card-product
5631  class="ss-card-product ss-anim ss-anim--slide"
5632  data-ss-index="3"
5633  data-product-id="16175500820805"
5634  data-product-url="/products/monet-les-nympheas-verts"
5635  data-open-cart="true"
5636>
5637  <div class="ss-card-product__media">
5638    <a class="ss-card-product__link" href="/products/monet-les-nympheas-verts" aria-label="Monet - les nymphéas verts"><img
5639          class="ss-card-product__img"
5640          src="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-verts.jpg?v=1789492943&width=800"
5641          srcset="
5642            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-verts.jpg?v=1789492943&width=400 400w,
5643            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-verts.jpg?v=1789492943&width=700 700w,
5644            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-verts.jpg?v=1789492943&width=1000 1000w
5645          "
5646          sizes="(min-width: 981px) 25vw, 50vw"
5647          alt="Monet - les nymphéas verts"
5648          width="1100"
5649          height="1100"
5650          loading="lazy"
5651        ></a><div class="ss-card-product__sizes" data-ss-sizes><button
5652                type="button"
5653                class="ss-card-product__size"
5654                data-ss-add
5655                data-variant-id="59362253734213"
5656                aria-label="Ajouter la taille  36 | 38 au panier"
5657              >
5658                <span class="ss-card-product__size-label">36 | 38</span>
5659              </button><button
5660                type="button"
5661                class="ss-card-product__size"
5662                data-ss-add
5663                data-variant-id="59362253766981"
5664                aria-label="Ajouter la taille  39 | 41 au panier"
5665              >
5666                <span class="ss-card-product__size-label">39 | 41</span>
5667              </button><button
5668                type="button"
5669                class="ss-card-product__size"
5670                data-ss-add
5671                data-variant-id="59447694950725"
5672                aria-label="Ajouter la taille  42 | 44 au panier"
5673              >
5674                <span class="ss-card-product__size-label">42 | 44</span>
5675              </button></div></div>
5676
5677  <div class="ss-card-product__body">
5678    <a class="ss-card-product__title" href="/products/monet-les-nympheas-verts">Monet - les nymphéas verts</a>
5679    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
5680    </p>
5681  </div>
5682</ss-card-product>
5683          </div><div class="ss-product-carousel__slide" role="listitem">
5684            <ss-card-product
5685  class="ss-card-product ss-anim ss-anim--slide"
5686  data-ss-index="4"
5687  data-product-id="16175501050181"
5688  data-product-url="/products/monet-les-iris"
5689  data-open-cart="true"
5690>
5691  <div class="ss-card-product__media">
5692    <a class="ss-card-product__link" href="/products/monet-les-iris" aria-label="Monet - Les iris"><img
5693          class="ss-card-product__img"
5694          src="//www.bonnemaison.fr/cdn/shop/files/monet-les-iris.jpg?v=1789492949&width=800"
5695          srcset="
5696            //www.bonnemaison.fr/cdn/shop/files/monet-les-iris.jpg?v=1789492949&width=400 400w,
5697            //www.bonnemaison.fr/cdn/shop/files/monet-les-iris.jpg?v=1789492949&width=700 700w,
5698            //www.bonnemaison.fr/cdn/shop/files/monet-les-iris.jpg?v=1789492949&width=1000 1000w
5699          "
5700          sizes="(min-width: 981px) 25vw, 50vw"
5701          alt="Monet - Les iris"
5702          width="1100"
5703          height="1100"
5704          loading="lazy"
5705        ></a><div class="ss-card-product__sizes" data-ss-sizes><button
5706                type="button"
5707                class="ss-card-product__size"
5708                data-ss-add
5709                data-variant-id="59362259665221"
5710                aria-label="Ajouter la taille  36 | 38 au panier"
5711              >
5712                <span class="ss-card-product__size-label">36 | 38</span>
5713              </button><button
5714                type="button"
5715                class="ss-card-product__size"
5716                data-ss-add
5717                data-variant-id="59362259697989"
5718                aria-label="Ajouter la taille  39 | 41 au panier"
5719              >
5720                <span class="ss-card-product__size-label">39 | 41</span>
5721              </button><button
5722                type="button"
5723                class="ss-card-product__size"
5724                data-ss-add
5725                data-variant-id="59447695245637"
5726                aria-label="Ajouter la taille  42 | 44 au panier"
5727              >
5728                <span class="ss-card-product__size-label">42 | 44</span>
5729              </button></div></div>
5730
5731  <div class="ss-card-product__body">
5732    <a class="ss-card-product__title" href="/products/monet-les-iris">Monet - Les iris</a>
5733    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
5734    </p>
5735  </div>
5736</ss-card-product>
5737          </div><div class="ss-product-carousel__slide" role="listitem">
5738            <ss-card-product
5739  class="ss-card-product ss-anim ss-anim--slide"
5740  data-ss-index="5"
5741  data-product-id="16175499903301"
5742  data-product-url="/products/livre-monet-les-iris"
5743  data-open-cart="true"
5744>
5745  <div class="ss-card-product__media">
5746    <a class="ss-card-product__link" href="/products/livre-monet-les-iris" aria-label="Livre Monet - Les Iris"><img
5747          class="ss-card-product__img"
5748          src="//www.bonnemaison.fr/cdn/shop/files/livre-monet-les-iris.jpg?v=1789492931&width=800"
5749          srcset="
5750            //www.bonnemaison.fr/cdn/shop/files/livre-monet-les-iris.jpg?v=1789492931&width=400 400w,
5751            //www.bonnemaison.fr/cdn/shop/files/livre-monet-les-iris.jpg?v=1789492931&width=700 700w,
5752            //www.bonnemaison.fr/cdn/shop/files/livre-monet-les-iris.jpg?v=1789492931&width=1000 1000w
5753          "
5754          sizes="(min-width: 981px) 25vw, 50vw"
5755          alt="Livre Monet - Les Iris"
5756          width="1100"
5757          height="1100"
5758          loading="lazy"
5759        ></a><div class="ss-card-product__sizes" data-ss-sizes><button
5760                type="button"
5761                class="ss-card-product__size"
5762                data-ss-add
5763                data-variant-id="59362238923077"
5764                aria-label="Ajouter la taille  36 | 38 au panier"
5765              >
5766                <span class="ss-card-product__size-label">36 | 38</span>
5767              </button><button
5768                type="button"
5769                class="ss-card-product__size"
5770                data-ss-add
5771                data-variant-id="59362238955845"
5772                aria-label="Ajouter la taille  39 | 41 au panier"
5773              >
5774                <span class="ss-card-product__size-label">39 | 41</span>
5775              </button><button
5776                type="button"
5777                class="ss-card-product__size"
5778                data-ss-add
5779                data-variant-id="59447694131525"
5780                aria-label="Ajouter la taille  42 | 44 au panier"
5781              >
5782                <span class="ss-card-product__size-label">42 | 44</span>
5783              </button></div></div>
5784
5785  <div class="ss-card-product__body">
5786    <a class="ss-card-product__title" href="/products/livre-monet-les-iris">Livre Monet - Les Iris</a>
5787    <p class="ss-card-product__price"><span class="ss-card-product__price-current">45€</span>
5788    </p>
5789  </div>
5790</ss-card-product>
5791          </div><div class="ss-product-carousel__slide" role="listitem">
5792            <ss-card-product
5793  class="ss-card-product ss-anim ss-anim--slide"
5794  data-ss-index="6"
5795  data-product-id="16175499936069"
5796  data-product-url="/products/monet-les-nympheas-bleus"
5797  data-open-cart="true"
5798>
5799  <div class="ss-card-product__media">
5800    <a class="ss-card-product__link" href="/products/monet-les-nympheas-bleus" aria-label="Monet - Les nymphéas bleus"><img
5801          class="ss-card-product__img"
5802          src="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-bleus.jpg?v=1789492937&width=800"
5803          srcset="
5804            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-bleus.jpg?v=1789492937&width=400 400w,
5805            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-bleus.jpg?v=1789492937&width=700 700w,
5806            //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-bleus.jpg?v=1789492937&width=1000 1000w
5807          "
5808          sizes="(min-width: 981px) 25vw, 50vw"
5809          alt="Monet - Les nymphéas bleus"
5810          width="1100"
5811          height="1100"
5812          loading="lazy"
5813        ></a><div class="ss-card-product__sizes" data-ss-sizes><button
5814                type="button"
5815                class="ss-card-product__size"
5816                data-ss-add
5817                data-variant-id="59362238988613"
5818                aria-label="Ajouter la taille  36 | 38 au panier"
5819              >
5820                <span class="ss-card-product__size-label">36 | 38</span>
5821              </button><button
5822                type="button"
5823                class="ss-card-product__size"
5824                data-ss-add
5825                data-variant-id="59362239021381"
5826                aria-label="Ajouter la taille  39 | 41 au panier"
5827              >
5828                <span class="ss-card-product__size-label">39 | 41</span>
5829              </button><button
5830                type="button"
5831                class="ss-card-product__size"
5832                data-ss-add
5833                data-variant-id="59447694655813"
5834                aria-label="Ajouter la taille  42 | 44 au panier"
5835              >
5836                <span class="ss-card-product__size-label">42 | 44</span>
5837              </button></div></div>
5838
5839  <div class="ss-card-product__body">
5840    <a class="ss-card-product__title" href="/products/monet-les-nympheas-bleus">Monet - Les nymphéas bleus</a>
5841    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
5842    </p>
5843  </div>
5844</ss-card-product>
5845          </div><div class="ss-product-carousel__slide" role="listitem">
5846            <ss-card-product
5847  class="ss-card-product ss-anim ss-anim--slide"
5848  data-ss-index="7"
5849  data-product-id="16175501115717"
5850  data-product-url="/products/monet-le-pont-de-giverny"
5851  data-open-cart="true"
5852>
5853  <div class="ss-card-product__media">
5854    <a class="ss-card-product__link" href="/products/monet-le-pont-de-giverny" aria-label="Monet - Le Pont de Giverny"><img
5855          class="ss-card-product__img"
5856          src="//www.bonnemaison.fr/cdn/shop/files/monet-le-pont-de-giverny.jpg?v=1789492954&width=800"
5857          srcset="
5858            //www.bonnemaison.fr/cdn/shop/files/monet-le-pont-de-giverny.jpg?v=1789492954&width=400 400w,
5859            //www.bonnemaison.fr/cdn/shop/files/monet-le-pont-de-giverny.jpg?v=1789492954&width=700 700w,
5860            //www.bonnemaison.fr/cdn/shop/files/monet-le-pont-de-giverny.jpg?v=1789492954&width=1000 1000w
5861          "
5862          sizes="(min-width: 981px) 25vw, 50vw"
5863          alt="Monet - Le Pont de Giverny"
5864          width="1100"
5865          height="1100"
5866          loading="lazy"
5867        ></a><div class="ss-card-product__sizes" data-ss-sizes><button
5868                type="button"
5869                class="ss-card-product__size"
5870                data-ss-add
5871                data-variant-id="59362259894597"
5872                aria-label="Ajouter la taille  36 | 38 au panier"
5873              >
5874                <span class="ss-card-product__size-label">36 | 38</span>
5875              </button><button
5876                type="button"
5877                class="ss-card-product__size"
5878                data-ss-add
5879                data-variant-id="59362259927365"
5880                aria-label="Ajouter la taille  39 | 41 au panier"
5881              >
5882                <span class="ss-card-product__size-label">39 | 41</span>
5883              </button><button
5884                type="button"
5885                class="ss-card-product__size"
5886                data-ss-add
5887                data-variant-id="59447695409477"
5888                aria-label="Ajouter la taille  42 | 44 au panier"
5889              >
5890                <span class="ss-card-product__size-label">42 | 44</span>
5891              </button></div></div>
5892
5893  <div class="ss-card-product__body">
5894    <a class="ss-card-product__title" href="/products/monet-le-pont-de-giverny">Monet - Le Pont de Giverny</a>
5895    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
5896    </p>
5897  </div>
5898</ss-card-product>
5899          </div><div class="ss-product-carousel__slide" role="listitem">
5900            <ss-card-product
5901  class="ss-card-product ss-anim ss-anim--slide"
5902  data-ss-index="8"
5903  data-product-id="16175496167749"
5904  data-product-url="/products/livre-monet-le-pont"
5905  data-open-cart="true"
5906>
5907  <div class="ss-card-product__media">
5908    <a class="ss-card-product__link" href="/products/livre-monet-le-pont" aria-label="Livre Monet - Le Pont"><img
5909          class="ss-card-product__img"
5910          src="//www.bonnemaison.fr/cdn/shop/files/livre-monet-le-pont.jpg?v=1789492879&width=800"
5911          srcset="
5912            //www.bonnemaison.fr/cdn/shop/files/livre-monet-le-pont.jpg?v=1789492879&width=400 400w,
5913            //www.bonnemaison.fr/cdn/shop/files/livre-monet-le-pont.jpg?v=1789492879&width=700 700w,
5914            //www.bonnemaison.fr/cdn/shop/files/livre-monet-le-pont.jpg?v=1789492879&width=1000 1000w
5915          "
5916          sizes="(min-width: 981px) 25vw, 50vw"
5917          alt="Livre Monet - Le Pont"
5918          width="1100"
5919          height="1100"
5920          loading="lazy"
5921        ></a><div class="ss-card-product__sizes" data-ss-sizes><button
5922                type="button"
5923                class="ss-card-product__size"
5924                data-ss-add
5925                data-variant-id="59362202517829"
5926                aria-label="Ajouter la taille  36 | 38 au panier"
5927              >
5928                <span class="ss-card-product__size-label">36 | 38</span>
5929              </button><button
5930                type="button"
5931                class="ss-card-product__size"
5932                data-ss-add
5933                data-variant-id="59362202550597"
5934                aria-label="Ajouter la taille  39 | 41 au panier"
5935              >
5936                <span class="ss-card-product__size-label">39 | 41</span>
5937              </button><button
5938                type="button"
5939                class="ss-card-product__size"
5940                data-ss-add
5941                data-variant-id="59447693312325"
5942                aria-label="Ajouter la taille  42 | 44 au panier"
5943              >
5944                <span class="ss-card-product__size-label">42 | 44</span>
5945              </button></div></div>
5946
5947  <div class="ss-card-product__body">
5948    <a class="ss-card-product__title" href="/products/livre-monet-le-pont">Livre Monet - Le Pont</a>
5949    <p class="ss-card-product__price"><span class="ss-card-product__price-current">45€</span>
5950    </p>
5951  </div>
5952</ss-card-product>
5953          </div></div><button type="button" class="ss-product-carousel__nav ss-product-carousel__nav--prev" data-ss-prev aria-label="Produits précédents" hidden>
5954          <svg class="ss-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
5955      <path d="M15 5l-7 7 7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5956    </svg>
5957        </button>
5958        <button type="button" class="ss-product-carousel__nav ss-product-carousel__nav--next" data-ss-next aria-label="Produits suivants">
5959          <svg class="ss-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
5960      <path d="M9 5l7 7-7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5961    </svg>
5962        </button></div></div>
5963</ss-product-carousel>
5964
5965</section><section id="shopify-section-template--31622817841477__ss_media_banners_MM6VCx" class="shopify-section ss-section-wrapper">
5966
5967<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-media-banners.css?v=21370207898762119141788824801" rel="stylesheet" type="text/css" media="all" />
5968<style>
5969  #shopify-section-template--31622817841477__ss_media_banners_MM6VCx {
5970    --ss-pt: 0px;
5971    --ss-pb: 0px;
5972    --ss-px: 0px;
5973    --ss-max-width: 1440px;
5974    --ss-bg: #ffffff;
5975    --ss-text: #2e4247;
5976    --ss-gap: 8px;
5977  }
5978
5979  @media (min-width: 981px) {
5980    #shopify-section-template--31622817841477__ss_media_banners_MM6VCx {
5981      --ss-pt: 0px;
5982      --ss-pb: 0px;
5983      --ss-px: 0px;
5984    }
5985  }
5986
5987  #shopify-section-template--31622817841477__ss_media_banners_MM6VCx .ss-section {
5988    padding: var(--ss-pt) var(--ss-px) var(--ss-pb);
5989    background-color: var(--ss-bg);
5990    color: var(--ss-text);
5991  }
5992  #shopify-section-template--31622817841477__ss_media_banners_MM6VCx .ss-section__inner {
5993    width: 100%;
5994    max-width: var(--ss-max-width);
5995    margin-inline: auto;
5996  }
5997  #shopify-section-template--31622817841477__ss_media_banners_MM6VCx .ss-section__inner--full {
5998    max-width: none;
5999  }
6000</style>
6001
6002<style>
6003  #shopify-section-template--31622817841477__ss_media_banners_MM6VCx {
6004    --ss-mbs-cols-d: 1;
6005    --ss-mbs-cols-m: 1;
6006    --ss-mbs-gap-mobile: 8px;
6007    --ss-mbs-gap-desktop: 8px;
6008    --ss-mbs-footer-gap-m: 24px;
6009    --ss-mbs-footer-gap-d: 32px;
6010
6011    --ss-text-color-h: #ffffff;
6012    --ss-bg-color-h: #000000;
6013  }
6014
6015  #shopify-section-template--31622817841477__ss_media_banners_MM6VCx .ss-section__inner{max-width:100%}
6016  .ss-media-banner__content{
6017    max-width: var(--ss-max-width);
6018    margin-inline: auto;
6019  }
6020  @media (min-width: 981px) {
6021    .ss-media-banner__content {
6022        padding: var(--ss-mb-pad-d);
6023    }
6024  }
6025</style>
6026
6027<div class="ss-media-banners ss-section color-scheme-1" id="ss-media-banners-template--31622817841477__ss_media_banners_MM6VCx">
6028  <div class="ss-section__inner ss-section__inner--full">
6029    <div class="ss-media-banners__grid">
6030      
6031<div
6032  class="ss-media-banner"
6033  id="ss-media-banner-AS21ER0xKSkVtYmdGY__ss_media_banner_4JKmPg"
6034  
6035>
6036  <style>
6037    #ss-media-banner-AS21ER0xKSkVtYmdGY__ss_media_banner_4JKmPg {
6038      --ss-mb-ratio-m: 100%;
6039      --ss-mb-ratio-d: 55%;
6040      --ss-mb-justify: start;
6041      --ss-mb-align: end;
6042      --ss-mb-text-align: left;
6043      --ss-mb-title-m: 26px;
6044      --ss-mb-title-d: 34px;
6045      --ss-mb-link-m: 14px;
6046      --ss-mb-link-d: 16px;
6047      --ss-mb-color: #ffffff;
6048      --ss-mb-scrim: rgba(0, 0, 0, 0.4);
6049      --ss-mb-scrim-height: 55%;
6050      --ss-mb-pad-m: 20px;
6051      --ss-mb-pad-d: 48px;
6052    }
6053  </style><a class="ss-media-banner__cover" href="/collections/colombage" aria-label="Colombage"></a><div class="ss-media-banner__media ss-anim ss-anim--zoom" data-ss-delay="0"><picture>
6054        <source
6055          media="(max-width: 749px)"
6056          srcset="
6057            //www.bonnemaison.fr/cdn/shop/files/collection-colombage.
6057webp?v=1790064956&width=600 600w,
6058            //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=900 900w,
6059            //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=1200 1200w
6060          "
6061          sizes="auto"
6062        >
6063        <img
6064          src="//www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=1400"
6065          srcset="
6066            //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=800 800w,
6067            //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=1200 1200w,
6068            //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=1800 1800w,
6069            //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=2400 2400w
6070          "
6071          sizes="auto"
6072          alt="Colombage"
6073          width="2848"
6074          height="1426"
6075          loading="lazy"
6076        >
6077      </picture></div><div class="ss-media-banner__scrim" aria-hidden="true"></div><div class="ss-media-banner__content">
6078    <div class="ss-media-banner__inner"><h2 class="ss-media-banner__title ss-anim ss-anim--slide" data-ss-delay="220">
6079          Colombage
6080        </h2><div class="ss-media-banner__actions ss-anim ss-anim--slide" data-ss-delay="340"><span class="ss-media-banner__link">Découvrir la collection</span></div></div>
6081  </div>
6082</div>
6083
6084
6085
6086
6087    </div></div>
6088</div>
6089
6090</section><section id="shopify-section-template--31622817841477__ss_product_carousel_MFBwpb" class="shopify-section ss-section-wrapper">
6091
6092<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-product-carousel.css?v=28430068764930498911790238683" rel="stylesheet" type="text/css" media="all" />
6093<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-card-product.css?v=163637625392114317701788789126" rel="stylesheet" type="text/css" media="all" />
6094<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-product-carousel.js?v=64741678143985694661788368610" defer></script>
vendor: 1 bytes, line 6094
6094
6095<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-card-product.js?v=125762975433475882901788789733" defer></script>
6095<style>
6096  #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb {
6097    --ss-pt: 2px;
6098    --ss-pb: 8px;
6099    --ss-px: 2px;
6100    --ss-max-width: 1440px;
6101    --ss-bg: #ffffff;
6102    --ss-text: #2e4247;
6103    --ss-gap: 8px;
6104  }
6105
6106  @media (min-width: 981px) {
6107    #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb {
6108      --ss-pt: 4px;
6109      --ss-pb: 14px;
6110      --ss-px: 2px;
6111    }
6112  }
6113
6114  #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb .ss-section {
6115    padding: var(--ss-pt) var(--ss-px) var(--ss-pb);
6116    background-color: var(--ss-bg);
6117    color: var(--ss-text);
6118  }
6119  #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb .ss-section__inner {
6120    width: 100%;
6121    max-width: var(--ss-max-width);
6122    margin-inline: auto;
6123  }
6124  #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb .ss-section__inner--full {
6125    max-width: none;
6126  }
6127</style>
6128
6129<style>
6130  #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb {
6131    --ss-pc-cols-mobile: 2.1;
6132    --ss-pc-cols-desktop: 4;
6133    --ss-pc-gap-mobile: 2px;
6134    --ss-pc-gap-desktop: 4px;
6135    --ss-pc-ratio: 100%;
6136    
6137    --ss-pc-nav-bg: #1a1a1a;
6138    --ss-pc-nav-color: #ffffff;
6139    --ss-pc-card-border: #e5e5e5;
6140
6141    --ss-card-ratio: 100%;
6142    --ss-card-border: #e5e5e5;
6143
6144    --ss-pc-head-align: space-between;
6145    --ss-pc-foot-gap-m: 28px;
6146    --ss-pc-foot-gap-d: 40px;
6147    --ss-btn-solid-bg: #1a1a1a;
6148    --ss-btn-solid-color: #ffffff;
6149  }
6150
6151  @media(max-width:768px){
6152  #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb {--ss-pc-ratio: 110%;}
6153  }
6154</style>
6155
6156<ss-product-carousel
6157  class="ss-product-carousel color-scheme-1 ss-pc--head-space-between"
6158  id="ss-product-carousel-template--31622817841477__ss_product_carousel_MFBwpb"
6159  data-scroll-by="1"
6160  data-open-cart="true"
6161  data-animate="true"
6162  
6163>
6164  <div class="ss-section "><div class="ss-product-carousel__viewport">
6165      <div class="ss-product-carousel__rail" data-ss-rail role="list" tabindex="0"><div class="ss-product-carousel__slide" role="listitem">
6166            <ss-card-product
6167  class="ss-card-product ss-anim ss-anim--slide"
6168  data-ss-index="0"
6169  data-product-id="16196065526085"
6170  data-product-url="/products/chaussette-colombage-avocat"
6171  data-open-cart="true"
6172>
6173  <div class="ss-card-product__media">
6174    <a class="ss-card-product__link" href="/products/chaussette-colombage-avocat" aria-label="Chaussettes Colombage Avocat"><img
6175          class="ss-card-product__img"
6176          src="//www.bonnemaison.fr/cdn/shop/files/chaussette-colombage-avocat.jpg?v=1790065634&width=800"
6177          srcset="
6178            //www.bonnemaison.fr/cdn/shop/files/chaussette-colombage-avocat.jpg?v=1790065634&width=400 400w,
6179            //www.bonnemaison.fr/cdn/shop/files/chaussette-colombage-avocat.jpg?v=1790065634&width=700 700w,
6180            //www.bonnemaison.fr/cdn/shop/files/chaussette-colombage-avocat.jpg?v=1790065634&width=1000 1000w
6181          "
6182          sizes="(min-width: 981px) 25vw, 50vw"
6183          alt="Chaussettes Colombage Avocat"
6184          width="800"
6185          height="800"
6186          loading="lazy"
6187        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6188                class="ss-card-product__size"
6189                href="/products/chaussette-colombage-avocat?variant=59448154652997"
6190                aria-label="Voir Chaussettes Colombage Avocat en taille  36 | 38"
6191              >
6192                <span class="ss-card-product__size-label">36 | 38</span>
6193              </a><a
6194                class="ss-card-product__size"
6195                href="/products/chaussette-colombage-avocat?variant=59448154685765"
6196                aria-label="Voir Chaussettes Colombage Avocat en taille  39 | 41"
6197              >
6198                <span class="ss-card-product__size-label">39 | 41</span>
6199              </a><a
6200                class="ss-card-product__size"
6201                href="/products/chaussette-colombage-avocat?variant=59448154718533"
6202                aria-label="Voir Chaussettes Colombage Avocat en taille  42 | 44"
6203              >
6204                <span class="ss-card-product__size-label">42 | 44</span>
6205              </a></div></div>
6206
6207  <div class="ss-card-product__body">
6208    <a class="ss-card-product__title" href="/products/chaussette-colombage-avocat">Chaussettes Colombage Avocat</a>
6209    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
6210    </p>
6211  </div>
6212</ss-card-product>
6213          </div>
6213<div class="ss-product-carousel__slide" role="listitem">
6214            <ss-card-product
6215  class="ss-card-product ss-anim ss-anim--slide"
6216  data-ss-index="1"
6217  data-product-id="16196068606277"
6218  data-product-url="/products/chaussette-boules-noel"
6219  data-open-cart="true"
6220>
6221  <div class="ss-card-product__media">
6222    <a class="ss-card-product__link" href="/products/chaussette-boules-noel" aria-label="Chaussettes Boules de Noël Faux-Noir"><img
6223          class="ss-card-product__img"
6224          src="//www.bonnemaison.fr/cdn/shop/files/chaussette-boules-noel.jpg?v=1790065698&width=800"
6225          srcset="
6226            //www.bonnemaison.fr/cdn/shop/files/chaussette-boules-noel.jpg?v=1790065698&width=400 400w,
6227            //www.bonnemaison.fr/cdn/shop/files/chaussette-boules-noel.jpg?v=1790065698&width=700 700w,
6228            //www.bonnemaison.fr/cdn/shop/files/chaussette-boules-noel.jpg?v=1790065698&width=1000 1000w
6229          "
6230          sizes="(min-width: 981px) 25vw, 50vw"
6231          alt="Chaussettes Boules de Noël Faux-Noir"
6232          width="1100"
6233          height="1100"
6234          loading="lazy"
6235        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6236                class="ss-card-product__size"
6237                href="/products/chaussette-boules-noel?variant=59448166154565"
6238                aria-label="Voir Chaussettes Boules de Noël Faux-Noir en taille  36 | 38"
6239              >
6240                <span class="ss-card-product__size-label">36 | 38</span>
6241              </a><a
6242                class="ss-card-product__size"
6243                href="/products/chaussette-boules-noel?variant=59448166187333"
6244                aria-label="Voir Chaussettes Boules de Noël Faux-Noir en taille  39 | 41"
6245              >
6246                <span class="ss-card-product__size-label">39 | 41</span>
6247              </a><a
6248                class="ss-card-product__size"
6249                href="/products/chaussette-boules-noel?variant=59448166220101"
6250                aria-label="Voir Chaussettes Boules de Noël Faux-Noir en taille  42 | 44"
6251              >
6252                <span class="ss-card-product__size-label">42 | 44</span>
6253              </a></div></div>
6254
6255  <div class="ss-card-product__body">
6256    <a class="ss-card-product__title" href="/products/chaussette-boules-noel">Chaussettes Boules de Noël Faux-Noir</a>
6257    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
6258    </p>
6259  </div>
6260</ss-card-product>
6261          </div><div class="ss-product-carousel__slide" role="listitem">
6262            <ss-card-product
6263  class="ss-card-product ss-anim ss-anim--slide"
6264  data-ss-index="2"
6265  data-product-id="16196071489861"
6266  data-product-url="/products/chaussette-chat-bouton-or"
6267  data-open-cart="true"
6268>
6269  <div class="ss-card-product__media">
6270    <a class="ss-card-product__link" href="/products/chaussette-chat-bouton-or" aria-label="Chaussettes Chat Bouton d&#39;Or"><img
6271          class="ss-card-product__img"
6272          src="//www.bonnemaison.fr/cdn/shop/files/chaussette-chat-bouton-or_1adc2e50-0ea9-40ba-90e4-0dfff7b6ad34.jpg?v=1790065763&width=800"
6273          srcset="
6274            //www.bonnemaison.fr/cdn/shop/files/chaussette-chat-bouton-or_1adc2e50-0ea9-40ba-90e4-0dfff7b6ad34.jpg?v=1790065763&width=400 400w,
6275            //www.bonnemaison.fr/cdn/shop/files/chaussette-chat-bouton-or_1adc2e50-0ea9-40ba-90e4-0dfff7b6ad34.jpg?v=1790065763&width=700 700w,
6276            //www.bonnemaison.fr/cdn/shop/files/chaussette-chat-bouton-or_1adc2e50-0ea9-40ba-90e4-0dfff7b6ad34.jpg?v=1790065763&width=1000 1000w
6277          "
6278          sizes="(min-width: 981px) 25vw, 50vw"
6279          alt="Chaussettes Chat Bouton d&#39;Or"
6280          width="1100"
6281          height="1100"
6282          loading="lazy"
6283        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6284                class="ss-card-product__size"
6285                href="/products/chaussette-chat-bouton-or?variant=59448176902469"
6286                aria-label="Voir Chaussettes Chat Bouton d&#39;Or en taille  36 | 38"
6287              >
6288                <span class="ss-card-product__size-label">36 | 38</span>
6289              </a><a
6290                class="ss-card-product__size"
6291                href="/products/chaussette-chat-bouton-or?variant=59448176935237"
6292                aria-label="Voir Chaussettes Chat Bouton d&#39;Or en taille  39 | 41"
6293              >
6294                <span class="ss-card-product__size-label">39 | 41</span>
6295              </a><a
6296                class="ss-card-product__size"
6297                href="/products/chaussette-chat-bouton-or?variant=59448176968005"
6298                aria-label="Voir Chaussettes Chat Bouton d&#39;Or en taille  42 | 44"
6299              >
6300                <span class="ss-card-product__size-label">42 | 44</span>
6301              </a></div></div>
6302
6303  <div class="ss-card-product__body">
6304    <a class="ss-card-product__title" href="/products/chaussette-chat-bouton-or">Chaussettes Chat Bouton d'Or</a>
6305    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
6306    </p>
6307  </div>
6308</ss-card-product>
6309          </div><div class="ss-product-carousel__slide" role="listitem">
6310            <ss-card-product
6311  class="ss-card-product ss-anim ss-anim--slide"
6312  data-ss-index="3"
6313  data-product-id="16196069687621"
6314  data-product-url="/products/chaussette-perroquet-sapin"
6315  data-open-cart="true"
6316>
6317  <div class="ss-card-product__media">
6318    <a class="ss-card-product__link" href="/products/chaussette-perroquet-sapin" aria-label="Chaussettes Perroquet Sapin"><img
6319          class="ss-card-product__img"
6320          src="//www.bonnemaison.fr/cdn/shop/files/chaussette-perroquet-sapin.jpg?v=1790065724&width=800"
6321          srcset="
6322            //www.bonnemaison.fr/cdn/shop/files/chaussette-perroquet-sapin.jpg?v=1790065724&width=400 400w,
6323            //www.bonnemaison.fr/cdn/shop/files/chaussette-perroquet-sapin.jpg?v=1790065724&width=700 700w,
6324            //www.bonnemaison.fr/cdn/shop/files/chaussette-perroquet-sapin.jpg?v=1790065724&width=1000 1000w
6325          "
6326          sizes="(min-width: 981px) 25vw, 50vw"
6327          alt="Chaussettes Perroquet Sapin"
6328          width="1100"
6329          height="1100"
6330          loading="lazy"
6331        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6332                class="ss-card-product__size"
6333                href="/products/chaussette-perroquet-sapin?variant=59448170119493"
6334                aria-label="Voir Chaussettes Perroquet Sapin en taille  36 | 38"
6335              >
6336                <span class="ss-card-product__size-label">36 | 38</span>
6337              </a><a
6338                class="ss-card-product__size"
6339                href="/products/chaussette-perroquet-sapin?variant=59448170152261"
6340                aria-label="Voir Chaussettes Perroquet Sapin en taille  39 | 41"
6341              >
6342                <span class="ss-card-product__size-label">39 | 41</span>
6343              </a><a
6344                class="ss-card-product__size"
6345                href="/products/chaussette-perroquet-sapin?variant=59448170185029"
6346                aria-label="Voir Chaussettes Perroquet Sapin en taille  42 | 44"
6347              >
6348                <span class="ss-card-product__size-label">42 | 44</span>
6349              </a></div></div>
6350
6351  <div class="ss-card-product__body">
6352    <a class="ss-card-product__title" href="/products/chaussette-perroquet-sapin">Chaussettes Perroquet Sapin</a>
6353    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
6354    </p>
6355  </div>
6356</ss-card-product>
6357          </div><div class="ss-product-carousel__slide" role="listitem">
6358            <ss-card-product
6359  class="ss-card-product ss-anim ss-anim--slide"
6360  data-ss-index="4"
6361  data-product-id="16196070179141"
6362  data-product-url="/products/chaussette-agrumes-vermillon"
6363  data-open-cart="true"
6364>
6365  <div class="ss-card-product__media">
6366    <a class="ss-card-product__link" href="/products/chaussette-agrumes-vermillon" aria-label="Chaussettes Agrumes Vermillon"><img
6367          class="ss-card-product__img"
6368          src="//www.bonnemaison.fr/cdn/shop/files/chaussette-agrumes-vermillon.jpg?v=1790065736&width=800"
6369          srcset="
6370            //www.bonnemaison.fr/cdn/shop/files/chaussette-agrumes-vermillon.jpg?v=1790065736&width=400 400w,
6371            //www.bonnemaison.fr/cdn/shop/files/chaussette-agrumes-vermillon.jpg?v=1790065736&width=700 700w,
6372            //www.bonnemaison.fr/cdn/shop/files/chaussette-agrumes-vermillon.jpg?v=1790065736&width=1000 1000w
6373          "
6374          sizes="(min-width: 981px) 25vw, 50vw"
6375          alt="Chaussettes Agrumes Vermillon"
6376          width="1100"
6377          height="1100"
6378          loading="lazy"
6379        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6380                class="ss-card-product__size"
6381                href="/products/chaussette-agrumes-vermillon?variant=59448172446021"
6382                aria-label="Voir Chaussettes Agrumes Vermillon en taille  36 | 38"
6383              >
6384                <span class="ss-card-product__size-label">36 | 38</span>
6385              </a><a
6386                class="ss-card-product__size"
6387                href="/products/chaussette-agrumes-vermillon?variant=59448172478789"
6388                aria-label="Voir Chaussettes Agrumes Vermillon en taille  39 | 41"
6389              >
6390                <span class="ss-card-product__size-label">39 | 41</span>
6391              </a><a
6392                class="ss-card-product__size"
6393                href="/products/chaussette-agrumes-vermillon?variant=59448172511557"
6394                aria-label="Voir Chaussettes Agrumes Vermillon en taille  42 | 44"
6395              >
6396                <span class="ss-card-product__size-label">42 | 44</span>
6397              </a></div></div>
6398
6399  <div class="ss-card-product__body">
6400    <a class="ss-card-product__title" href="/products/chaussette-agrumes-vermillon">Chaussettes Agrumes Vermillon</a>
6401    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
6402    </p>
6403  </div>
6404</ss-card-product>
6405          </div><div class="ss-product-carousel__slide" role="listitem">
6406            <ss-card-product
6407  class="ss-card-product ss-anim ss-anim--slide"
6408  data-ss-index="5"
6409  data-product-id="16196067754309"
6410  data-product-url="/products/chaussette-carreaux-multico-colombage"
6411  data-open-cart="true"
6412>
6413  <div class="ss-card-product__media">
6414    <a class="ss-card-product__link" href="/products/chaussette-carreaux-multico-colombage" aria-label="Chaussettes Carreaux Multico"><img
6415          class="ss-card-product__img"
6416          src="//www.bonnemaison.fr/cdn/shop/files/chaussette-carreaux-multico_0c06b94e-d117-4b42-b53f-4abde8c9a030.jpg?v=1790065682&width=800"
6417          srcset="
6418            //www.bonnemaison.fr/cdn/shop/files/chaussette-carreaux-multico_0c06b94e-d117-4b42-b53f-4abde8c9a030.jpg?v=1790065682&width=400 400w,
6419            //www.bonnemaison.fr/cdn/shop/files/chaussette-carreaux-multico_0c06b94e-d117-4b42-b53f-4abde8c9a030.jpg?v=1790065682&width=700 700w,
6420            //www.bonnemaison.fr/cdn/shop/files/chaussette-carreaux-multico_0c06b94e-d117-4b42-b53f-4abde8c9a030.jpg?v=1790065682&width=1000 1000w
6421          "
6422          sizes="(min-width: 981px) 25vw, 50vw"
6423          alt="Chaussettes Carreaux Multico"
6424          width="1100"
6425          height="1100"
6426          loading="lazy"
6427        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6428              class="ss-card-product__size ss-card-product__size--unavailable"
6429              href="/products/chaussette-carreaux-multico-colombage?variant=59448163074373"
6430              data-variant-id="59448163074373"
6431              data-variant-title="36 | 38"
6432              aria-label="Être alerté du retour en stock de la taille  36 | 38"
6433            >
6434              <svg class="ss-icon ss-icon--bell" width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false">
6435      <path d="M8 1.5a3.75 3.75 0 0 0-3.75 3.75c0 3-1.25 4-1.25 4h10s-1.25-1-1.25-4A3.75 3.75 0 0 0 8 1.5Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
6436      <path d="M6.7 11.75a1.5 1.5 0 0 0 2.6 0" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
6437    </svg>
6438              <span class="ss-card-product__size-label"> 36 | 38</span>
6439            </a><a
6440                class="ss-card-product__size"
6441                href="/products/chaussette-carreaux-multico-colombage?variant=59448163107141"
6442                aria-label="Voir Chaussettes Carreaux Multico en taille  39 | 41"
6443              >
6444                <span class="ss-card-product__size-label">39 | 41</span>
6445              </a><a
6446                class="ss-card-product__size"
6447                href="/products/chaussette-carreaux-multico-colombage?variant=59448163139909"
6448                aria-label="Voir Chaussettes Carreaux Multico en taille  42 | 44"
6449              >
6450                <span class="ss-card-product__size-label">42 | 44</span>
6451              </a></div></div>
6452
6453  <div class="ss-card-product__body">
6454    <a class="ss-card-product__title" href="/products/chaussette-carreaux-multico-colombage">Chaussettes Carreaux Multico</a>
6455    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
6456    </p>
6457  </div>
6458</ss-card-product>
6459          </div>
6459<div class="ss-product-carousel__slide" role="listitem">
6460            <ss-card-product
6461  class="ss-card-product ss-anim ss-anim--slide"
6462  data-ss-index="6"
6463  data-product-id="16196070768965"
6464  data-product-url="/products/chaussette-rayures-corsaire"
6465  data-open-cart="true"
6466>
6467  <div class="ss-card-product__media">
6468    <a class="ss-card-product__link" href="/products/chaussette-rayures-corsaire" aria-label="Chaussettes Rayures Corsaire"><img
6469          class="ss-card-product__img"
6470          src="//www.bonnemaison.fr/cdn/shop/files/chaussette-rayures-corsaire_e511d447-40c3-4f91-80a2-697460dfb2b3.jpg?v=1790065748&width=800"
6471          srcset="
6472            //www.bonnemaison.fr/cdn/shop/files/chaussette-rayures-corsaire_e511d447-40c3-4f91-80a2-697460dfb2b3.jpg?v=1790065748&width=400 400w,
6473            //www.bonnemaison.fr/cdn/shop/files/chaussette-rayures-corsaire_e511d447-40c3-4f91-80a2-697460dfb2b3.jpg?v=1790065748&width=700 700w,
6474            //www.bonnemaison.fr/cdn/shop/files/chaussette-rayures-corsaire_e511d447-40c3-4f91-80a2-697460dfb2b3.jpg?v=1790065748&width=1000 1000w
6475          "
6476          sizes="(min-width: 981px) 25vw, 50vw"
6477          alt="Chaussettes Rayures Corsaire"
6478          width="1100"
6479          height="1100"
6480          loading="lazy"
6481        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6482                class="ss-card-product__size"
6483                href="/products/chaussette-rayures-corsaire?variant=59448174215493"
6484                aria-label="Voir Chaussettes Rayures Corsaire en taille  36 | 38"
6485              >
6486                <span class="ss-card-product__size-label">36 | 38</span>
6487              </a><a
6488                class="ss-card-product__size"
6489                href="/products/chaussette-rayures-corsaire?variant=59448174248261"
6490                aria-label="Voir Chaussettes Rayures Corsaire en taille  39 | 41"
6491              >
6492                <span class="ss-card-product__size-label">39 | 41</span>
6493              </a><a
6494                class="ss-card-product__size"
6495                href="/products/chaussette-rayures-corsaire?variant=59448174281029"
6496                aria-label="Voir Chaussettes Rayures Corsaire en taille  42 | 44"
6497              >
6498                <span class="ss-card-product__size-label">42 | 44</span>
6499              </a></div></div>
6500
6501  <div class="ss-card-product__body">
6502    <a class="ss-card-product__title" href="/products/chaussette-rayures-corsaire">Chaussettes Rayures Corsaire</a>
6503    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
6504    </p>
6505  </div>
6506</ss-card-product>
6507          </div><div class="ss-product-carousel__slide" role="listitem">
6508            <ss-card-product
6509  class="ss-card-product ss-anim ss-anim--slide"
6510  data-ss-index="7"
6511  data-product-id="16196069097797"
6512  data-product-url="/products/chaussette-semis-cannelle"
6513  data-open-cart="true"
6514>
6515  <div class="ss-card-product__media">
6516    <a class="ss-card-product__link" href="/products/chaussette-semis-cannelle" aria-label="Chaussettes Semis Cannelle"><img
6517          class="ss-card-product__img"
6518          src="//www.bonnemaison.fr/cdn/shop/files/chaussette-semis-cannelle_03fd01b4-7189-40af-8e8f-f606c911a6cb.jpg?v=1790065710&width=800"
6519          srcset="
6520            //www.bonnemaison.fr/cdn/shop/files/chaussette-semis-cannelle_03fd01b4-7189-40af-8e8f-f606c911a6cb.jpg?v=1790065710&width=400 400w,
6521            //www.bonnemaison.fr/cdn/shop/files/chaussette-semis-cannelle_03fd01b4-7189-40af-8e8f-f606c911a6cb.jpg?v=1790065710&width=700 700w,
6522            //www.bonnemaison.fr/cdn/shop/files/chaussette-semis-cannelle_03fd01b4-7189-40af-8e8f-f606c911a6cb.jpg?v=1790065710&width=1000 1000w
6523          "
6524          sizes="(min-width: 981px) 25vw, 50vw"
6525          alt="Chaussettes Semis Cannelle"
6526          width="1100"
6527          height="1100"
6528          loading="lazy"
6529        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6530                class="ss-card-product__size"
6531                href="/products/chaussette-semis-cannelle?variant=59448167858501"
6532                aria-label="Voir Chaussettes Semis Cannelle en taille  36 | 38"
6533              >
6534                <span class="ss-card-product__size-label">36 | 38</span>
6535              </a><a
6536                class="ss-card-product__size"
6537                href="/products/chaussette-semis-cannelle?variant=59448167891269"
6538                aria-label="Voir Chaussettes Semis Cannelle en taille  39 | 41"
6539              >
6540                <span class="ss-card-product__size-label">39 | 41</span>
6541              </a><a
6542                class="ss-card-product__size"
6543                href="/products/chaussette-semis-cannelle?variant=59448167924037"
6544                aria-label="Voir Chaussettes Semis Cannelle en taille  42 | 44"
6545              >
6546                <span class="ss-card-product__size-label">42 | 44</span>
6547              </a></div></div>
6548
6549  <div class="ss-card-product__body">
6550    <a class="ss-card-product__title" href="/products/chaussette-semis-cannelle">Chaussettes Semis Cannelle</a>
6551    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
6552    </p>
6553  </div>
6554</ss-card-product>
6555          </div><div class="ss-product-carousel__slide" role="listitem">
6556            <ss-card-product
6557  class="ss-card-product ss-anim ss-anim--slide"
6558  data-ss-index="8"
6559  data-product-id="16196072472901"
6560  data-product-url="/products/chaussettes-uni-corsaire"
6561  data-open-cart="true"
6562>
6563  <div class="ss-card-product__media">
6564    <a class="ss-card-product__link" href="/products/chaussettes-uni-corsaire" aria-label="Chaussettes Uni Corsaire"><img
6565          class="ss-card-product__img"
6566          src="//www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-corsaire_2736863a-5e8d-485c-bb7a-3e25d7b090d4.jpg?v=1790065785&width=800"
6567          srcset="
6568            //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-corsaire_2736863a-5e8d-485c-bb7a-3e25d7b090d4.jpg?v=1790065785&width=400 400w,
6569            //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-corsaire_2736863a-5e8d-485c-bb7a-3e25d7b090d4.jpg?v=1790065785&width=700 700w,
6570            //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-corsaire_2736863a-5e8d-485c-bb7a-3e25d7b090d4.jpg?v=1790065785&width=1000 1000w
6571          "
6572          sizes="(min-width: 981px) 25vw, 50vw"
6573          alt="Chaussettes Uni Corsaire"
6574          width="1100"
6575          height="1100"
6576          loading="lazy"
6577        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6578                class="ss-card-product__size"
6579                href="/products/chaussettes-uni-corsaire?variant=59448180703557"
6580                aria-label="Voir Chaussettes Uni Corsaire en taille  36 | 38"
6581              >
6582                <span class="ss-card-product__size-label">36 | 38</span>
6583              </a><a
6584                class="ss-card-product__size"
6585                href="/products/chaussettes-uni-corsaire?variant=59448180736325"
6586                aria-label="Voir Chaussettes Uni Corsaire en taille  39 | 41"
6587              >
6588                <span class="ss-card-product__size-label">39 | 41</span>
6589              </a><a
6590                class="ss-card-product__size"
6591                href="/products/chaussettes-uni-corsaire?variant=59448180769093"
6592                aria-label="Voir Chaussettes Uni Corsaire en taille  42 | 44"
6593              >
6594                <span class="ss-card-product__size-label">42 | 44</span>
6595              </a></div></div>
6596
6597  <div class="ss-card-product__body">
6598    <a class="ss-card-product__title" href="/products/chaussettes-uni-corsaire">Chaussettes Uni Corsaire</a>
6599    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
6600    </p>
6601  </div>
6602</ss-card-product>
6603          </div><div class="ss-product-carousel__slide" role="listitem">
6604            <ss-card-product
6605  class="ss-card-product ss-anim ss-anim--slide"
6606  data-ss-index="9"
6607  data-product-id="16196071915845"
6608  data-product-url="/products/chaussettes-uni-avocat"
6609  data-open-cart="true"
6610>
6611  <div class="ss-card-product__media">
6612    <a class="ss-card-product__link" href="/products/chaussettes-uni-avocat" aria-label="Chaussettes Uni Avocat"><img
6613          class="ss-card-product__img"
6614          src="//www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-avocat_8c81e40d-bd12-4c4c-a873-89faf4e2cf3e.jpg?v=1790065774&width=800"
6615          srcset="
6616            //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-avocat_8c81e40d-bd12-4c4c-a873-89faf4e2cf3e.jpg?v=1790065774&width=400 400w,
6617            //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-avocat_8c81e40d-bd12-4c4c-a873-89faf4e2cf3e.jpg?v=1790065774&width=700 700w,
6618            //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-avocat_8c81e40d-bd12-4c4c-a873-89faf4e2cf3e.jpg?v=1790065774&width=1000 1000w
6619          "
6620          sizes="(min-width: 981px) 25vw, 50vw"
6621          alt="Chaussettes Uni Avocat"
6622          width="1100"
6623          height="1100"
6624          loading="lazy"
6625        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6626                class="ss-card-product__size"
6627                href="/products/chaussettes-uni-avocat?variant=59448178835781"
6628                aria-label="Voir Chaussettes Uni Avocat en taille  36 | 38"
6629              >
6630                <span class="ss-card-product__size-label">36 | 38</span>
6631              </a><a
6632                class="ss-card-product__size"
6633                href="/products/chaussettes-uni-avocat?variant=59448178868549"
6634                aria-label="Voir Chaussettes Uni Avocat en taille  39 | 41"
6635              >
6636                <span class="ss-card-product__size-label">39 | 41</span>
6637              </a><a
6638                class="ss-card-product__size"
6639                href="/products/chaussettes-uni-avocat?variant=59448178901317"
6640                aria-label="Voir Chaussettes Uni Avocat en taille  42 | 44"
6641              >
6642                <span class="ss-card-product__size-label">42 | 44</span>
6643              </a></div></div>
6644
6645  <div class="ss-card-product__body">
6646    <a class="ss-card-product__title" href="/products/chaussettes-uni-avocat">Chaussettes Uni Avocat</a>
6647    <p class="ss-card-product__price"><span class="ss-card-product__price-current">22€</span>
6648    </p>
6649  </div>
6650</ss-card-product>
6651          </div><div class="ss-product-carousel__slide" role="listitem">
6652            <ss-card-product
6653  class="ss-card-product ss-anim ss-anim--slide"
6654  data-ss-index="10"
6655  data-product-id="15807758664005"
6656  data-product-url="/products/chaussettes-vermillon"
6657  data-open-cart="true"
6658>
6659  <div class="ss-card-product__media">
6660    <a class="ss-card-product__link" href="/products/chaussettes-vermillon" aria-label="Chaussette Vermillon"><img
6661          class="ss-card-product__img"
6662          src="//www.bonnemaison.fr/cdn/shop/files/4447.jpg?v=1776096527&width=800"
6663          srcset="
6664            //www.bonnemaison.fr/cdn/shop/files/4447.jpg?v=1776096527&width=400 400w,
6665            //www.bonnemaison.fr/cdn/shop/files/4447.jpg?v=1776096527&width=700 700w,
6666            //www.bonnemaison.fr/cdn/shop/files/4447.jpg?v=1776096527&width=1000 1000w
6667          "
6668          sizes="(min-width: 981px) 25vw, 50vw"
6669          alt="Chaussette Vermillon"
6670          width="1100"
6671          height="1100"
6672          loading="lazy"
6673        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6674              class="ss-card-product__size ss-card-product__size--unavailable"
6675              href="/products/chaussettes-vermillon?variant=57677572440389"
6676              data-variant-id="57677572440389"
6677              data-variant-title="36 | 38"
6678              aria-label="Être alerté du retour en stock de la taille  36 | 38"
6679            >
6680              <svg class="ss-icon ss-icon--bell" width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false">
6681      <path d="M8 1.5a3.75 3.75 0 0 0-3.75 3.75c0 3-1.25 4-1.25 4h10s-1.25-1-1.25-4A3.75 3.75 0 0 0 8 1.5Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
6682      <path d="M6.7 11.75a1.5 1.5 0 0 0 2.6 0" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
6683    </svg>
6684              <span class="ss-card-product__size-label"> 36 | 38</span>
6685            </a><a
6686                class="ss-card-product__size"
6687                href="/products/chaussettes-vermillon?variant=57677572473157"
6688                aria-label="Voir Chaussette Vermillon en taille  42 | 44"
6689              >
6690                <span class="ss-card-product__size-label">42 | 44</span>
6691              </a></div></div>
6692
6693  <div class="ss-card-product__body">
6694    <a class="ss-card-product__title" href="/products/chaussettes-vermillon">Chaussette Vermillon</a>
6695    <p class="ss-card-product__price"><span class="ss-card-product__price-current">25,50€</span>
6696    </p>
6697  </div>
6698</ss-card-product>
6699          </div><div class="ss-product-carousel__slide" role="listitem">
6700            <ss-card-product
6701  class="ss-card-product ss-anim ss-anim--slide"
6702  data-ss-index="11"
6703  data-product-id="15807841894725"
6704  data-product-url="/products/chaussettes-unies-curcuma"
6705  data-open-cart="true"
6706>
6707  <div class="ss-card-product__media">
6708    <a class="ss-card-product__link" href="/products/chaussettes-unies-curcuma" aria-label="Chaussettes Unies Curcuma"><img
6709          class="ss-card-product__img"
6710          src="//www.bonnemaison.fr/cdn/shop/files/4930.jpg?v=1776100027&width=800"
6711          srcset="
6712            //www.bonnemaison.fr/cdn/shop/files/4930.jpg?v=1776100027&width=400 400w,
6713            //www.bonnemaison.fr/cdn/shop/files/4930.jpg?v=1776100027&width=700 700w,
6714            //www.bonnemaison.fr/cdn/shop/files/4930.jpg?v=1776100027&width=1000 1000w
6715          "
6716          sizes="(min-width: 981px) 25vw, 50vw"
6717          alt="Chaussettes Unies Curcuma"
6718          width="1100"
6719          height="1100"
6720          loading="lazy"
6721        ></a><div class="ss-card-product__sizes" data-ss-sizes><a
6722                class="ss-card-product__size"
6723                href="/products/chaussettes-unies-curcuma?variant=57677900480837"
6724                aria-label="Voir Chaussettes Unies Curcuma en taille  36 | 38"
6725              >
6726                <span class="ss-card-product__size-label">36 | 38</span>
6727              </a><a
6728                class="ss-card-product__size"
6729                href="/products/chaussettes-unies-curcuma?variant=57677900513605"
6730                aria-label="Voir Chaussettes Unies Curcuma en taille  39 | 41"
6731              >
6732                <span class="ss-card-product__size-label">39 | 41</span>
6733              </a><a
6734                class="ss-card-product__size"
6735                href="/products/chaussettes-unies-curcuma?variant=57677900546373"
6736                aria-label="Voir Chaussettes Unies Curcuma en taille  42 | 44"
6737              >
6738                <span class="ss-card-product__size-label">42 | 44</span>
6739              </a></div></div>
6740
6741  <div class="ss-card-product__body">
6742    <a class="ss-card-product__title" href="/products/chaussettes-unies-curcuma">Chaussettes Unies Curcuma</a>
6743    <p class="ss-card-product__price"><span class="ss-card-product__price-current">25,50€</span>
6744    </p>
6745  </div>
6746</ss-card-product>
6747          </div></div><button type="button" class="ss-product-carousel__nav ss-product-carousel__nav--prev" data-ss-prev aria-label="Produits précédents" hidden>
6748          <svg class="ss-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
6749      <path d="M15 5l-7 7 7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6750    </svg>
6751        </button>
6752        <button type="button" class="ss-product-carousel__nav ss-product-carousel__nav--next" data-ss-next aria-label="Produits suivants">
6753          <svg class="ss-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
6754      <path d="M9 5l7 7-7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6755    </svg>
6756        </button></div></div>
6757</ss-product-carousel>
6758
6759</section><section id="shopify-section-template--31622817841477__ss_media_banners_MJ9A3M" class="shopify-section ss-section-wrapper">
6760
6761<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-media-banners.css?v=21370207898762119141788824801" rel="stylesheet" type="text/css" media="all" />
6762<style>
6763  #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M {
6764    --ss-pt: 0px;
6765    --ss-pb: 0px;
6766    --ss-px: 0px;
6767    --ss-max-width: 1440px;
6768    --ss-bg: #ffffff;
6769    --ss-text: #2e4247;
6770    --ss-gap: 8px;
6771  }
6772
6773  @media (min-width: 981px) {
6774    #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M {
6775      --ss-pt: 0px;
6776      --ss-pb: 0px;
6777      --ss-px: 0px;
6778    }
6779  }
6780
6781  #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M .ss-section {
6782    padding: var(--ss-pt) var(--ss-px) var(--ss-pb);
6783    background-color: var(--ss-bg);
6784    color: var(--ss-text);
6785  }
6786  #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M .ss-section__inner {
6787    width: 100%;
6788    max-width: var(--ss-max-width);
6789    margin-inline: auto;
6790  }
6791  #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M .ss-section__inner--full {
6792    max-width: none;
6793  }
6794</style>
6795
6796<style>
6797  #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M {
6798    --ss-mbs-cols-d: 2;
6799    --ss-mbs-cols-m: 2;
6800    --ss-mbs-gap-mobile: 2px;
6801    --ss-mbs-gap-desktop: 2px;
6802    --ss-mbs-footer-gap-m: 28px;
6803    --ss-mbs-footer-gap-d: 40px;
6804
6805    --ss-text-color-h: #ffffff;
6806    --ss-bg-color-h: #000000;
6807  }
6808
6809  #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M .ss-section__inner{max-width:100%}
6810  .ss-media-banner__content{
6811    max-width: var(--ss-max-width);
6812    margin-inline: auto;
6813  }
6814  @media (min-width: 981px) {
6815    .ss-media-banner__content {
6816        padding: var(--ss-mb-pad-d);
6817    }
6818  }
6819</style>
6820
6821<div class="ss-media-banners ss-section color-scheme-1" id="ss-media-banners-template--31622817841477__ss_media_banners_MJ9A3M">
6822  <div class="ss-section__inner ss-section__inner--full">
6823    <div class="ss-media-banners__grid">
6824      
6825<div
6826  class="ss-media-banner ss-media-banner--link-hidden-m"
6827  id="ss-media-banner-AcDFyOUNBK0dVdEZpY__ss_media_banner_TeeTJB"
6828  
6829>
6830  <style>
6831    #ss-media-banner-AcDFyOUNBK0dVdEZpY__ss_media_banner_TeeTJB {
6832      --ss-mb-ratio-m: 130%;
6833      --ss-mb-ratio-d: 130%;
6834      --ss-mb-justify: start;
6835      --ss-mb-align: end;
6836      --ss-mb-text-align: left;
6837      --ss-mb-title-m: 16px;
6838      --ss-mb-title-d: 34px;
6839      --ss-mb-link-m: 14px;
6840      --ss-mb-link-d: 16px;
6841      --ss-mb-color: #ffffff;
6842      --ss-mb-scrim: rgba(0, 0, 0, 0.4);
6843      --ss-mb-scrim-height: 55%;
6844      --ss-mb-pad-m: 20px;
6845      --ss-mb-pad-d: 48px;
6846    }
6847  </style><a class="ss-media-banner__cover" href="/collections/eventail" aria-label="L&#39;éventail"></a><div class="ss-media-banner__media ss-anim ss-anim--zoom" data-ss-delay="0"><picture>
6848        <source
6849          media="(max-width: 749px)"
6850          srcset="
6851            //www.bonnemaison.fr/cdn/shop/files/image_2-c-d.png?v=1788190023&width=600 600w,
6852            //www.bonnemaison.fr/cdn/shop/files/image_2-c-d.png?v=1788190023&width=900 900w,
6853            //www.bonnemaison.fr/cdn/shop/files/image_2-c-d.png?v=1788190023&width=1200 1200w
6854          "
6855          sizes="auto"
6856        >
6857        <img
6858          src="//www.bonnemaison.fr/cdn/shop/files/collection-leventail.webp?v=1790067104&width=1400"
6859          srcset="
6860            //www.bonnemaison.fr/cdn/shop/files/collection-leventail.webp?v=1790067104&width=800 800w,
6861            //www.bonnemaison.fr/cdn/shop/files/collection-leventail.webp?v=1790067104&width=1200 1200w,
6862            //www.bonnemaison.fr/cdn/shop/files/collection-leventail.webp?v=1790067104&width=1800 1800w,
6863            //www.bonnemaison.fr/cdn/shop/files/collection-leventail.webp?v=1790067104&width=2400 2400w
6864          "
6865          sizes="auto"
6866          alt="L&#39;éventail"
6867          width="2300"
6868          height="1402"
6869          loading="lazy"
6870        >
6871      </picture></div><div class="ss-media-banner__scrim" aria-hidden="true"></div><div class="ss-media-banner__content">
6872    <div class="ss-media-banner__inner"><h3 class="ss-media-banner__title ss-anim ss-anim--slide" data-ss-delay="220">
6873          L'éventail
6874        </h3><div class="ss-media-banner__actions ss-anim ss-anim--slide" data-ss-delay="340"><span class="ss-media-banner__link">Découvrir la collection</span></div></div>
6875  </div>
6876</div>
6877
6878
6879
6880
6881<div
6882  class="ss-media-banner ss-media-banner--link-hidden-m"
6883  id="ss-media-banner-AbFVjTHFRbWFLU3REM__ss_media_banner_JwYqV7"
6884  
6885>
6886  <style>
6887    #ss-media-banner-AbFVjTHFRbWFLU3REM__ss_media_banner_JwYqV7 {
6888      --ss-mb-ratio-m: 130%;
6889      --ss-mb-ratio-d: 130%;
6890      --ss-mb-justify: start;
6891      --ss-mb-align: end;
6892      --ss-mb-text-align: left;
6893      --ss-mb-title-m: 16px;
6894      --ss-mb-title-d: 34px;
6895      --ss-mb-link-m: 14px;
6896      --ss-mb-link-d: 16px;
6897      --ss-mb-color: #ffffff;
6898      --ss-mb-scrim: rgba(0, 0, 0, 0.4);
6899      --ss-mb-scrim-height: 55%;
6900      --ss-mb-pad-m: 20px;
6901      --ss-mb-pad-d: 48px;
6902    }
6903  </style><a class="ss-media-banner__cover" href="/collections/faux-semblant-1" aria-label="Faux Semblant"></a><div class="ss-media-banner__media ss-anim ss-anim--zoom" data-ss-delay="0"><picture>
6904        <source
6905          media="(max-width: 749px)"
6906          srcset="
6907            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=600 600w,
6908            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=900 900w,
6909            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=1200 1200w
6910          "
6911          sizes="auto"
6912        >
6913        <img
6914          src="//www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=1400"
6915          srcset="
6916            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=800 800w,
6917            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=1200 1200w,
6918            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=1800 1800w,
6919            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=2400 2400w
6920          "
6921          sizes="auto"
6922          alt="Faux Semblant"
6923          width="1506"
6924          height="1890"
6925          loading="lazy"
6926        >
6927      </picture></div><div class="ss-media-banner__scrim" aria-hidden="true"></div><div class="ss-media-banner__content">
6928    <div class="ss-media-banner__inner"><h3 class="ss-media-banner__title ss-anim ss-anim--slide" data-ss-delay="220">
6929          Faux Semblant
6930        </h3><div class="ss-media-banner__actions ss-anim ss-anim--slide" data-ss-delay="340"><span class="ss-media-banner__link">Découvrir la collection</span></div></div>
6931  </div>
6932</div>
6933
6934
6935
6936
6937<div
6938  class="ss-media-banner ss-media-banner--link-hidden-m"
6939  id="ss-media-banner-ANVp1WXdaMjNTcy92R__ss_media_banner_6yFzR7"
6940  
6941>
6942  <style>
6943    #ss-media-banner-ANVp1WXdaMjNTcy92R__ss_media_banner_6yFzR7 {
6944      --ss-mb-ratio-m: 130%;
6945      --ss-mb-ratio-d: 130%;
6946      --ss-mb-justify: start;
6947      --ss-mb-align: end;
6948      --ss-mb-text-align: left;
6949      --ss-mb-title-m: 16px;
6950      --ss-mb-title-d: 34px;
6951      --ss-mb-link-m: 14px;
6952      --ss-mb-link-d: 16px;
6953      --ss-mb-color: #ffffff;
6954      --ss-mb-scrim: rgba(0, 0, 0, 0.4);
6955      --ss-mb-scrim-height: 55%;
6956      --ss-mb-pad-m: 20px;
6957      --ss-mb-pad-d: 48px;
6958    }
6959  </style><a class="ss-media-banner__cover" href="/collections/petit-trianon-1" aria-label="Petit Trianon"></a><div class="ss-media-banner__media ss-anim ss-anim--zoom" data-ss-delay="0"><picture>
6960        <source
6961          media="(max-width: 749px)"
6962          srcset="
6963            //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=600 600w,
6964            //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=900 900w,
6965            //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=1200 1200w
6966          "
6967          sizes="auto"
6968        >
6969        <img
6970          src="//www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=1400"
6971          srcset="
6972            //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=800 800w,
6973            //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=1200 1200w,
6974            //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=1800 1800w,
6975            //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=2400 2400w
6976          "
6977          sizes="auto"
6978          alt="Petit Trianon"
6979          width="1512"
6980          height="1890"
6981          loading="lazy"
6982        >
6983      </picture></div><div class="ss-media-banner__scrim" aria-hidden="true"></div><div class="ss-media-banner__content">
6984    <div class="ss-media-banner__inner"><h3 class="ss-media-banner__title ss-anim ss-anim--slide" data-ss-delay="220">
6985          Petit Trianon
6986        </h3><div class="ss-media-banner__actions ss-anim ss-anim--slide" data-ss-delay="340"><span class="ss-media-banner__link">Découvrir la collection</span></div></div>
6987  </div>
6988</div>
6989
6990
6991
6992
6993<div
6994  class="ss-media-banner ss-media-banner--link-hidden-m"
6995  id="ss-media-banner-AQVkzM0lXWjNwMFU4O__ss_media_banner_md7pYJ"
6996  
6997>
6998  <style>
6999    #ss-media-banner-AQVkzM0lXWjNwMFU4O__ss_media_banner_md7pYJ {
7000      --ss-mb-ratio-m: 130%;
7001      --ss-mb-ratio-d: 130%;
7002      --ss-mb-justify: start;
7003      --ss-mb-align: end;
7004      --ss-mb-text-align: left;
7005      --ss-mb-title-m: 16px;
7006      --ss-mb-title-d: 34px;
7007      --ss-mb-link-m: 14px;
7008      --ss-mb-link-d: 16px;
7009      --ss-mb-color: #ffffff;
7010      --ss-mb-scrim: rgba(0, 0, 0, 0.4);
7011      --ss-mb-scrim-height: 55%;
7012      --ss-mb-pad-m: 20px;
7013      --ss-mb-pad-d: 48px;
7014    }
7015  </style><a class="ss-media-banner__cover" href="/collections/boreal" aria-label="Boreal"></a><div class="ss-media-banner__media ss-anim ss-anim--zoom" data-ss-delay="0"><picture>
7016        <source
7017          media="(max-width: 749px)"
7018          srcset="
7019            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=600 600w,
7020            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=900 900w,
7021            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=1200 1200w
7022          "
7023          sizes="auto"
7024        >
7025        <img
7026          src="//www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=1400"
7027          srcset="
7028            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=800 800w,
7029            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=1200 1200w,
7030            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=1800 1800w,
7031            //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=2400 2400w
7032          "
7033          sizes="auto"
7034          alt="Boreal"
7035          width="1506"
7036          height="1890"
7037          loading="lazy"
7038        >
7039      </picture></div><div class="ss-media-banner__scrim" aria-hidden="true"></div><div class="ss-media-banner__content">
7040    <div class="ss-media-banner__inner"><h2 class="ss-media-banner__title ss-anim ss-anim--slide" data-ss-delay="220">
7041          Boreal
7042        </h2><div class="ss-media-banner__actions ss-anim ss-anim--slide" data-ss-delay="340"><span class="ss-media-banner__link">Découvrir la collection</span></div></div>
7043  </div>
7044</div>
7045
7046
7047
7048
7049    </div><div class="ss-media-banners__footer ss-anim ss-anim--slide" data-ss-delay="200">
7050        <a
7051          class="ss-media-banners__cta ss-media-banners__cta--outline ss-media-banners__cta--full-m"
7052          
7053            href="/collections"
7054          
7055        >
7056          <span class="ss-media-banners__cta-label">Voir toutes les collections</span><span class="ss-media-banners__cta-arrow"><svg class="ss-icon" width="16" height="16" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
7057    <path d="M5.03125 12.0764H19.1204M12.0758 19.121L19.1204 12.0764L12.0758 5.03186" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
7058    </svg></span></a>
7059      </div></div>
7060</div>
7061
7062</section><section id="shopify-section-template--31622817841477__ss_commitments_Tbixzy" class="shopify-section ss-section-wrapper">
7063
7064<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-commitments.css?v=87457877612918469841788191149" rel="stylesheet" type="text/css" media="all" />
7065<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-commitments.js?v=50818079059969157621788191183" defer></script>
7065<style>
7066  #shopify-section-template--31622817841477__ss_commitments_Tbixzy {
7067    --ss-pt: 24px;
7068    --ss-pb: 24px;
7069    --ss-px: 22px;
7070    --ss-max-width: 1440px;
7071    --ss-bg: #ffffff;
7072    --ss-text: #2e4247;
7073    --ss-gap: 8px;
7074  }
7075
7076  @media (min-width: 981px) {
7077    #shopify-section-template--31622817841477__ss_commitments_Tbixzy {
7078      --ss-pt: 60px;
7079      --ss-pb: 20px;
7080      --ss-px: 0px;
7081    }
7082  }
7083
7084  #shopify-section-template--31622817841477__ss_commitments_Tbixzy .ss-section {
7085    padding: var(--ss-pt) var(--ss-px) var(--ss-pb);
7086    background-color: var(--ss-bg);
7087    color: var(--ss-text);
7088  }
7089  #shopify-section-template--31622817841477__ss_commitments_Tbixzy .ss-section__inner {
7090    width: 100%;
7091    max-width: var(--ss-max-width);
7092    margin-inline: auto;
7093  }
7094  #shopify-section-template--31622817841477__ss_commitments_Tbixzy .ss-section__inner--full {
7095    max-width: none;
7096  }
7097</style>
7098
7099<style>
7100  #shopify-section-template--31622817841477__ss_commitments_Tbixzy {
7101    --ss-cmt-cols: 2;
7102    --ss-cmt-gap-mobile: 12px;
7103    --ss-cmt-gap-desktop: 8px;
7104    --ss-cmt-ratio-m: 125%;
7105    --ss-cmt-ratio-d: 125%;
7106    --ss-cmt-peek: 1;
7107    --ss-cmt-side-m: 0px;
7108    --ss-cmt-heading-m: 20px;
7109    --ss-cmt-heading-d: 28px;
7110    --ss-cmt-nav-color: #8a8a8a;
7111    --ss-cmt-dot-color: #c4c4c4;
7112    --ss-cmt-dot-active: #1a1a1a;
7113
7114    --ss-cmt-heading-align: center;
7115    --ss-cmt-heading-gap-m: 20px;
7116    --ss-cmt-heading-gap-d: 32px;
7117  }
7118</style>
7119
7120<ss-commitments
7121  class="ss-commitments ss-section color-scheme-1"
7122  id="ss-commitments-template--31622817841477__ss_commitments_Tbixzy"
7123  data-slider-mobile="true"
7124  data-block-count="2"
7125>
7126  <div class="ss-section__inner ss-section__inner--full"><h2 class="ss-commitments__heading ss-anim ss-anim--slide" data-ss-delay="0">
7127        Les engagements de Bonne Maison
7128      </h2><div class="ss-commitments__viewport">
7129      <div class="ss-commitments__rail" data-ss-rail role="list">
7130        
7131<div
7132  class="ss-commitment-card"
7133  id="ss-commitment-card-Aa25zc0gwcFJyUjVsU__ss_commitment_card_9RW8bQ"
7134  role="listitem"
7135  
7136>
7137  <style>
7138    #ss-commitment-card-Aa25zc0gwcFJyUjVsU__ss_commitment_card_9RW8bQ {
7139      --ss-cc-title-m: 20px;
7140      --ss-cc-title-d: 24px;
7141      --ss-cc-text-m: 14px;
7142      --ss-cc-text-d: 15px;
7143      --ss-cc-color: #ffffff;
7144      --ss-cc-scrim: rgba(0, 0, 0, 0.2);
7145      --ss-cc-pad-m: 24px;
7146      --ss-cc-pad-d: 32px;
7147      --ss-cc-empty-bg: #dcdcdc;
7148    }
7149  </style><a class="ss-commitment-card__cover" href="/pages/la-qualite-des-matieres-1" aria-label="La qualité des matières"></a><div class="ss-commitment-card__media"><picture>
7150        <source
7151          media="(max-width: 749px)"
7152          srcset="
7153            //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=500 500w,
7154            //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=800 800w,
7155            //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=1100 1100w
7156          "
7157          sizes="auto"
7158        >
7159        <img
7160          src="//www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=900"
7161          srcset="
7162            //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=500 500w,
7163            //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=800 800w,
7164            //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=1200 1200w,
7165            //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=1600 1600w
7166          "
7167          sizes="auto"
7168          alt="La qualité des matières"
7169          width="994"
7170          height="1416"
7171          loading="lazy"
7172        >
7173      </picture></div><div class="ss-commitment-card__scrim" aria-hidden="true"></div><div class="ss-commitment-card__content">
7174    <div class="ss-commitment-card__inner"><h3 class="ss-commitment-card__title">La qualité des matières</h3></div>
7175  </div>
7176</div>
7177
7178
7179
7180
7181<div
7182  class="ss-commitment-card"
7183  id="ss-commitment-card-AMmFpYnhMdDNUbGgzO__ss_commitment_card_mkPaGz"
7184  role="listitem"
7185  
7186>
7187  <style>
7188    #ss-commitment-card-AMmFpYnhMdDNUbGgzO__ss_commitment_card_mkPaGz {
7189      --ss-cc-title-m: 20px;
7190      --ss-cc-title-d: 24px;
7191      --ss-cc-text-m: 14px;
7192      --ss-cc-text-d: 15px;
7193      --ss-cc-color: #ffffff;
7194      --ss-cc-scrim: rgba(0, 0, 0, 0.2);
7195      --ss-cc-pad-m: 24px;
7196      --ss-cc-pad-d: 32px;
7197      --ss-cc-empty-bg: #dcdcdc;
7198    }
7199  </style><a class="ss-commitment-card__cover" href="/pages/notre-histoire" aria-label="Une entreprise Française"></a><div class="ss-commitment-card__media"><picture>
7200        <source
7201          media="(max-width: 749px)"
7202          srcset="
7203            //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=500 500w,
7204            //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=800 800w,
7205            //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=1100 1100w
7206          "
7207          sizes="auto"
7208        >
7209        <img
7210          src="//www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=900"
7211          srcset="
7212            //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=500 500w,
7213            //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=800 800w,
7214            //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=1200 1200w,
7215            //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=1600 1600w
7216          "
7217          sizes="auto"
7218          alt="Une entreprise Française"
7219          width="1004"
7220          height="1416"
7221          loading="lazy"
7222        >
7223      </picture></div><div class="ss-commitment-card__scrim" aria-hidden="true"></div><div class="ss-commitment-card__content">
7224    <div class="ss-commitment-card__inner"><h3 class="ss-commitment-card__title">Une entreprise Française</h3></div>
7225  </div>
7226</div>
7227
7228
7229
7230
7231      </div><button type="button" class="ss-commitments__nav ss-commitments__nav--prev" data-ss-prev aria-label="Précédent" hidden>
7232          <svg class="ss-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
7233      <path d="M15 5l-7 7 7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7234    </svg>
7235        </button>
7236        <button type="button" class="ss-commitments__nav ss-commitments__nav--next" data-ss-next aria-label="Suivant" hidden>
7237          <svg class="ss-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
7238      <path d="M9 5l7 7-7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7239    </svg>
7240        </button></div><div class="ss-commitments__dots" data-ss-dots role="tablist" aria-label="Navigation du carrousel" hidden></div></div>
7241</ss-commitments>
7242
7243</section>
7244    </main>
7245
7246    <footer>
7247      <!-- BEGIN sections: footer-group -->
7248<section id="shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw" class="shopify-section shopify-section-group-footer-group ss-section-wrapper">
7249
7250<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-footer-newsletter.css?v=26623118730492924771788781586" rel="stylesheet" type="text/css" media="all" />
7251<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-footer-newsletter.js?v=78867361449002657731788192118" defer></script>
7251<style>
7252  #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw {
7253    --ss-pt: 30px;
7254    --ss-pb: 30px;
7255    --ss-px: 15px;
7256    --ss-max-width: 1440px;
7257    --ss-bg: #ffffff;
7258    --ss-text: #2e4247;
7259    --ss-gap: 8px;
7260  }
7261
7262  @media (min-width: 981px) {
7263    #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw {
7264      --ss-pt: 60px;
7265      --ss-pb: 40px;
7266      --ss-px: 0px;
7267    }
7268  }
7269
7270  #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section {
7271    padding: var(--ss-pt) var(--ss-px) var(--ss-pb);
7272    background-color: var(--ss-bg);
7273    color: var(--ss-text);
7274  }
7275  #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section__inner {
7276    width: 100%;
7277    max-width: var(--ss-max-width);
7278    margin-inline: auto;
7279  }
7280  #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section__inner--full {
7281    max-width: none;
7282  }
7283</style>
7284
7285<style>
7286  #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw {
7287    --ss-fn-nl-order-m: 2;
7288    --ss-fn-re-order-m: 1;
7289    --ss-fn-nl-order-d: 1;
7290    --ss-fn-re-order-d: 2;
7291
7292    --ss-fn-cols-m: 2;
7293    --ss-fn-cols-d: 4;
7294
7295    --ss-fn-nl-bg-m: #1a1a1a;
7296    --ss-fn-nl-color-m: #ffffff;
7297    --ss-fn-nl-bg-d: #000000;
7298    --ss-fn-nl-color-d: #ffffff;
7299
7300    --ss-fn-nl-width: 700px;
7301    --ss-fn-heading-m: 17px;
7302    --ss-fn-heading-d: 18px;
7303
7304    --ss-fn-input-bg: #ffffff;
7305    --ss-fn-input-color: #1a1a1a;
7306    --ss-fn-input-border: #c9c9c9;
7307    --ss-fn-input-h: 44px;
7308    --ss-fn-btn-bg: #ffffff;
7309    --ss-fn-btn-color: #000000;
7310
7311    --ss-fn-divider: #e0e0e0;
7312    --ss-fn-divider-m: #d8d8d8;
7313    --ss-fn-reassurance-bg: #ffffff;
7314
7315    --ss-fn-item-title-m: 14px;
7316    --ss-fn-item-title-d: 16px;
7317    --ss-fn-item-text-m: 13px;
7318    --ss-fn-item-text-d: 15px;
7319    --ss-fn-item-text-font: var(--ss-font-body);
7320    --ss-fn-icon-size: 28px;
7321
7322    --ss-fn-gap-m: 0px;
7323    --ss-fn-gap-d: 76px;
7324
7325    --ss-fn-rule-d: 1px;
7326  }
7327  #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section__inner {
7328    width: 100%;
7329    max-width: 100%;
7330    margin-inline: auto;
7331  }
7332
7333  #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section__inner .ss-footer-newsletter__re{
7334    max-width: var(--ss-max-width);
7335    margin-inline: auto;
7336    width:100%;
7337  }
7338  @media(max-width:768px){
7339    #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section{
7340      padding-left:0;
7341      padding-right:0;
7342    }
7343  }
7344</style>
7345
7346<ss-footer-newsletter
7347  class="ss-footer-newsletter ss-section color-scheme-1"
7348  id="ss-footer-newsletter-sections--31622813188421__ss_footer_newsletter_jxzyUw"
7349>
7350  <div class="ss-section__inner "><div class="ss-footer-newsletter__nl">
7351        <div class="ss-footer-newsletter__nl-inner"><h2 class="ss-footer-newsletter__heading ss-anim ss-anim--slide" data-ss-delay="0">
7352              Toutes nos créations en avant-première
7353            </h2><form method="post" action="/contact#ss-newsletter-form-sections--31622813188421__ss_footer_newsletter_jxzyUw" id="ss-newsletter-form-sections--31622813188421__ss_footer_newsletter_jxzyUw" accept-charset="UTF-8" class="ss-footer-newsletter__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
7354            <input type="hidden" name="contact[accepts_marketing]" value="true"><div class="ss-footer-newsletter__row">
7355                <label class="ss-u-visually-hidden" for="ss-nl-email-sections--31622813188421__ss_footer_newsletter_jxzyUw">
7356                  Votre adresse e-mail
7357                </label>
7358                <input
7359                  class="ss-footer-newsletter__input"
7360                  id="ss-nl-email-sections--31622813188421__ss_footer_newsletter_jxzyUw"
7361                  type="email"
7362                  name="contact[email]"
7363                  value=""
7364                  placeholder="Votre adresse e-mail"
7365                  autocomplete="email"
7366                  autocorrect="off"
7367                  autocapitalize="off"
7368                  spellcheck="false"
7369                  required
7370                  
7371                >
7372                <button
7373                  class="ss-footer-newsletter__submit"
7374                  type="submit"
7375                  aria-label="S’inscrire"
7376                >
7377                  <svg class="ss-icon" width="20" height="20" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
7378    <path d="M5.03125 12.0764H19.1204M12.0758 19.121L19.1204 12.0764L12.0758 5.03186" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
7379    </svg>
7380                </button>
7381              </div><div class="ss-footer-newsletter__consent">
7382                  <input
7383                    class="ss-footer-newsletter__checkbox"
7384                    id="ss-nl-consent-sections--31622813188421__ss_footer_newsletter_jxzyUw"
7385                    type="checkbox"
7386                    name="contact[consent]"
7387                    value="1"
7388                    
7389                  >
7390                  <label class="ss-footer-newsletter__consent-label" for="ss-nl-consent-sections--31622813188421__ss_footer_newsletter_jxzyUw">
7391                    <p>En vous inscrivant, vous acceptez notre Politique de confidentialité et nos Conditions d'utilisation.</p>
7392                  </label>
7393                </div></form></div>
7394      </div><div class="ss-footer-newsletter__re">
7395        <div class="ss-footer-newsletter__re-grid ss-anim ss-anim--fade" data-ss-delay="120" role="list">
7396          
7397<div
7398  class="ss-reassurance-item"
7399  id="ss-reassurance-item-AS2l4N0JaK3pkbkVze__ss_reassurance_item_y6Bqah"
7400  role="listitem"
7401  
7402><p class="ss-reassurance-item__title">Expertise et qualité</p><p class="ss-reassurance-item__text">Fabriqué en France et au Portugal</p></div>
7403
7404
7405
7406
7407<div
7408  class="ss-reassurance-item"
7409  id="ss-reassurance-item-AcU1QeGpTYzRqcCtaQ__ss_reassurance_item_CW7jeE"
7410  role="listitem"
7411  
7412><p class="ss-reassurance-item__title">Paiement sécurisé</p><p class="ss-reassurance-item__text">Commandez en toute confiance</p></div>
7413
7414
7415
7416
7417<div
7418  class="ss-reassurance-item"
7419  id="ss-reassurance-item-AdEJmemlvL2xzM08yN__ss_reassurance_item_xKVii3"
7420  role="listitem"
7421  
7422><p class="ss-reassurance-item__title">Livraison offerte</p><p class="ss-reassurance-item__text">Dès 69,90€ pour la France, 79.90€ EU</p></div>
7423
7424
7425
7426
7427<div
7428  class="ss-reassurance-item"
7429  id="ss-reassurance-item-AbWhna1B4bWg4eDVLO__ss_reassurance_item_RMgzfH"
7430  role="listitem"
7431  
7432><p class="ss-reassurance-item__title">Satisfait ou remboursé</p><p class="ss-reassurance-item__text">Retour gratuit (hors frais de port)</p></div>
7433
7434
7435
7436
7437        </div>
7438      </div></div>
7439</ss-footer-newsletter>
7440
7441</section><div id="shopify-section-sections--31622813188421__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
7442
7443<div class="section-background color-scheme-1"></div>
7444<div
7445  class="section section--page-width color-scheme-1"
7446>
7447  
7448  <div
7449    class="
7450      footer-content
7451      spacing-style
7452      
7453      
7454    "
7455    style="
7456      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
7457      --footer-gap: 20px;
7458      --grid-columns: 4;
7459      --last-row-count: 4;
7460      --tablet-last-row-count: 2;
7461    "
7462  >
7463    
7464
7465
7466<div
7467  class="
7468    group-block
7469    group-block--height-fit
7470    group-block--width-fill
7471    border-style
7472    spacing-style
7473    size-style
7474    
7475    
7476  "
7477  style="
7478    --border-width: 1px; --border-style: none; --border-color:
7479rgb(var(--color-border-rgb) / 1.0); --border-radius:
74800px; 
7481
7482    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7483    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7484    
7485  "
7486  
7487  data-testid="group-block"
7488><div class="group-block__media-wrapper">
7489    
7490
7491
7492
7493    
7494  </div>
7495
7496  <div
7497    class="
7498      group-block-content
7499      
7500      layout-panel-flex
7501      layout-panel-flex--column
7502       mobile-column
7503    "
7504    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7505
7506--gap: 6px;
7507
7508--horizontal-alignment: flex-start; --vertical-alignment: center;
7509--vertical-alignment-mobile: center;
7510"
7511  >
7512  
7513
7514
7515
7516
7517
7518
7519
7520
7521  <div class=" spacing-style text-block text-block--AUW0zK2hjVlZZMmhvR__text_LWt8Pz h4    text-block--align-left  "  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: left;          ">
7522    <p>Une question ?</p>
7523  </div>
7524
7525
7526
7527
7528
7529
7530
7531
7532
7533
7534
7535
7536
7537
7538
7539  <rte-formatter class=" spacing-style text-block text-block--ATVVyM2pNTWN1WXcrQ__text_f9CFLH 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-normal);          --text-align: left;          ">
7540    <p>Contactez-nous<br/>Notre boutique - Bonne Maison Annecy<br/>Mardi à Samedi de 11h à 19h </p>
7541  </rte-formatter>
7542
7543
7544
7545
7546
7547
7548
7549</div>
7550</div>
7551
7552
7553
7554
7555
7556
7557
7558
7559<div
7560  class="
7561    group-block
7562    group-block--height-fit
7563    group-block--width-fill
7564    border-style
7565    spacing-style
7566    size-style
7567    
7568    
7569  "
7570  style="
7571    --border-width: 1px; --border-style: none; --border-color:
7572rgb(var(--color-border-rgb) / 1.0); --border-radius:
75730px; 
7574
7575    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7576    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7577    
7578  "
7579  
7580  data-testid="group-block"
7581><div class="group-block__media-wrapper">
7582    
7583
7584
7585
7586    
7587  </div>
7588
7589  <div
7590    class="
7591      group-block-content
7592      
7593      layout-panel-flex
7594      layout-panel-flex--column
7595       mobile-column
7596    "
7597    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7598
7599--gap: 6px;
7600
7601--horizontal-alignment: flex-start; --vertical-alignment: center;
7602--vertical-alignment-mobile: center;
7603"
7604  >
7605  
7606
7607
7608
7609
7610
7611  <accordion-custom
7612  
7613    class="menu menu--accordion"
7614  
7615  
7616  
7617    open-by-default-on-desktop
7618  
7619  
7620  
7621    data-disable-on-desktop="true"
7622  
7623  
7624  
7625  
7626  
7627>
7628  
7629    <details
7630      class="
7631        menu__details
7632        spacing-style
7633        
7634      "
7635      data-testid="menu-details"
7636      style="
7637        --spacing--size: 12px;
7638        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7639      "
7640      
7641      
7642    >
7643      <summary class="menu__heading h4">
7644        <span class="menu__heading__default">Bonne Maison</span>
7645        <span class="menu__heading__accordion">
7646          Bonne Maison
7647          
7648            <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">
7649  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7650</svg>
7651</span>
7652          
7653        </span>
7654      </summary>
7655
7656      <nav
7657        class="details-content"
7658        
7659          aria-label="Bonne Maison"
7660        
7661      >
7662        
7663          <ul class="list-unstyled">
7664            
7665              <li class="menu__item paragraph">
7666                <a href="/pages/notre-histoire">
7667                  Notre histoire
7668                </a>
7669              </li>
7670            
7671              <li class="menu__item paragraph">
7672                <a href="/collections/all">
7673                  Boutique
7674                </a>
7675              </li>
7676            
7677              <li class="menu__item paragraph">
7678                <a href="/collections/fin-d-histoires">
7679                  Fin des histoires
7680                </a>
7681              </li>
7682            
7683          </ul>
7684        
7685      </nav>
7686    </details>
7687  
7688</accordion-custom>
7689
7690
7691
7692
7693
7694
7695
7696
7697
7698
7699
7700</div>
7701</div>
7702
7703
7704
7705
7706
7707
7708
7709
7710<div
7711  class="
7712    group-block
7713    group-block--height-fit
7714    group-block--width-fill
7715    border-style
7716    spacing-style
7717    size-style
7718    
7719    
7720  "
7721  style="
7722    --border-width: 1px; --border-style: none; --border-color:
7723rgb(var(--color-border-rgb) / 1.0); --border-radius:
77240px; 
7725
7726    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7727    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7728    
7729  "
7730  
7731  data-testid="group-block"
7732><div class="group-block__media-wrapper">
7733    
7734
7735
7736
7737    
7738  </div>
7739
7740  <div
7741    class="
7742      group-block-content
7743      
7744      layout-panel-flex
7745      layout-panel-flex--column
7746       mobile-column
7747    "
7748    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7749
7750--gap: 6px;
7751
7752--horizontal-alignment: flex-start; --vertical-alignment: center;
7753--vertical-alignment-mobile: center;
7754"
7755  >
7756  
7757
7758
7759
7760
7761
7762  <accordion-custom
7763  
7764    class="menu menu--accordion"
7765  
7766  
7767  
7768    open-by-default-on-desktop
7769  
7770  
7771  
7772    data-disable-on-desktop="true"
7773  
7774  
7775  
7776  
7777  
7778>
7779  
7780    <details
7781      class="
7782        menu__details
7783        spacing-style
7784        
7785      "
7786      data-testid="menu-details"
7787      style="
7788        --spacing--size: 12px;
7789        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7790      "
7791      
7792      
7793    >
7794      <summary class="menu__heading h4">
7795        <span class="menu__heading__default">Service après ventes</span>
7796        <span class="menu__heading__accordion">
7797          Service après ventes
7798          
7799            <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">
7800  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7801</svg>
7802</span>
7803          
7804        </span>
7805      </summary>
7806
7807      <nav
7808        class="details-content"
7809        
7810          aria-label="Service après ventes"
7811        
7812      >
7813        
7814          <ul class="list-unstyled">
7815            
7816              <li class="menu__item paragraph">
7817                <a href="/pages/paiement-securise">
7818                  Paiement sécurisé
7819                </a>
7820              </li>
7821            
7822              <li class="menu__item paragraph">
7823                <a href="/pages/livraison">
7824                  Livraison
7825                </a>
7826              </li>
7827            
7828              <li class="menu__item paragraph">
7829                <a href="/pages/suivi-de-commande">
7830                  Suivi de commande
7831                </a>
7832              </li>
7833            
7834              <li class="menu__item paragraph">
7835                <a href="/policies/terms-of-sale">
7836                  Retour ou échange
7837                </a>
7838              </li>
7839            
7840              <li class="menu__item paragraph">
7841                <a href="/pages/guide-entretien">
7842                  Guide d'entretiens
7843                </a>
7844              </li>
7845            
7846              <li class="menu__item paragraph">
7847                <a href="/pages/tailles">
7848                  Tailles
7849                </a>
7850              </li>
7851            
7852          </ul>
7853        
7854      </nav>
7855    </details>
7856  
7857</accordion-custom>
7858
7859
7860
7861
7862
7863
7864
7865
7866
7867
7868
7869</div>
7870</div>
7871
7872
7873
7874
7875
7876
7877
7878
7879<div
7880  class="
7881    group-block
7882    group-block--height-fit
7883    group-block--width-fill
7884    border-style
7885    spacing-style
7886    size-style
7887    
7888    
7889  "
7890  style="
7891    --border-width: 1px; --border-style: none; --border-color:
7892rgb(var(--color-border-rgb) / 1.0); --border-radius:
78930px; 
7894
7895    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7896    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7897    
7898  "
7899  
7900  data-testid="group-block"
7901><div class="group-block__media-wrapper">
7902    
7903
7904
7905
7906    
7907  </div>
7908
7909  <div
7910    class="
7911      group-block-content
7912      
7913      layout-panel-flex
7914      layout-panel-flex--column
7915       mobile-column
7916    "
7917    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7918
7919--gap: 6px;
7920
7921--horizontal-alignment: flex-start; --vertical-alignment: center;
7922--vertical-alignment-mobile: center;
7923"
7924  >
7925  
7926
7927
7928
7929
7930
7931  <accordion-custom
7932  
7933    class="menu menu--accordion"
7934  
7935  
7936  
7937    open-by-default-on-desktop
7938  
7939  
7940  
7941    data-disable-on-desktop="true"
7942  
7943  
7944  
7945  
7946  
7947>
7948  
7949    <details
7950      class="
7951        menu__details
7952        spacing-style
7953        
7954      "
7955      data-testid="menu-details"
7956      style="
7957        --spacing--size: 12px;
7958        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7959      "
7960      
7961      
7962    >
7963      <summary class="menu__heading h4">
7964        <span class="menu__heading__default">Informations</span>
7965        <span class="menu__heading__accordion">
7966          Informations
7967          
7968            <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">
7969  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7970</svg>
7971</span>
7972          
7973        </span>
7974      </summary>
7975
7976      <nav
7977        class="details-content"
7978        
7979          aria-label="Informations"
7980        
7981      >
7982        
7983          <ul class="list-unstyled">
7984            
7985              <li class="menu__item paragraph">
7986                <a href="/policies/legal-notice">
7987                  Mentions légales
7988                </a>
7989              </li>
7990            
7991              <li class="menu__item paragraph">
7992                <a href="/policies/terms-of-sale">
7993                  CGV
7994                </a>
7995              </li>
7996            
7997              <li class="menu__item paragraph">
7998                <a href="/policies/privacy-policy">
7999                  Politique de confidentialité
8000                </a>
8001              </li>
8002            
8003              <li class="menu__item paragraph">
8004                <a href="/policies/shipping-policy">
8005                  Livraison
8006                </a>
8007              </li>
8008            
8009              <li class="menu__item paragraph">
8010                <a href="/policies/refund-policy">
8011                  Retours et remboursement
8012                </a>
8013              </li>
8014            
8015          </ul>
8016        
8017      </nav>
8018    </details>
8019  
8020</accordion-custom>
8021
8022
8023
8024
8025
8026
8027
8028
8029
8030
8031
8032</div>
8033</div>
8034
8035
8036
8037
8038
8039
8040  </div>
8041</div>
8042
8043
8044
8045
8046</div><div id="shopify-section-sections--31622813188421__ss_footer_bar" class="shopify-section shopify-section-group-footer-group ss-section-wrapper ss-footer-bar-wrapper">
8047
8048<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-footer-bar.css?v=55398790069451183101790241670" rel="stylesheet" type="text/css" media="all" />
8049<style>
8050  #shopify-section-sections--31622813188421__ss_footer_bar {
8051    --ss-pt: 16px;
8052    --ss-pb: 0px;
8053    --ss-px: 0px;
8054    --ss-max-width: 1440px;
8055    --ss-bg: #ffffff;
8056    --ss-text: #2e4247;
8057    --ss-gap: 8px;
8058  }
8059
8060  @media (min-width: 981px) {
8061    #shopify-section-sections--31622813188421__ss_footer_bar {
8062      --ss-pt: 24px;
8063      --ss-pb: 32px;
8064      --ss-px: 40px;
8065    }
8066  }
8067
8068  #shopify-section-sections--31622813188421__ss_footer_bar .ss-section {
8069    padding: var(--ss-pt) var(--ss-px) var(--ss-pb);
8070    background-color: var(--ss-bg);
8071    color: var(--ss-text);
8072  }
8073  #shopify-section-sections--31622813188421__ss_footer_bar .ss-section__inner {
8074    width: 100%;
8075    max-width: var(--ss-max-width);
8076    margin-inline: auto;
8077  }
8078  #shopify-section-sections--31622813188421__ss_footer_bar .ss-section__inner--full {
8079    max-width: none;
8080  }
8081</style>
8082
8083<style>
8084  #shopify-section-sections--31622813188421__ss_footer_bar {
8085    --ss-fb-bar-bg-m: #1a1a1a;
8086    --ss-fb-bar-color-m: #ffffff;
8087    --ss-fb-bar-bg-d: #ffffff;
8088    --ss-fb-bar-color-d: #1a1a1a;
8089
8090    --ss-fb-hashtag-m: 14px;
8091    --ss-fb-hashtag-d: 15px;
8092    --ss-fb-icon-size: 20px;
8093    --ss-fb-icon-gap: 14px;
8094
8095    --ss-fb-divider: #e0e0e0;
8096    --ss-fb-rule: 1px;
8097
8098    --ss-fb-pay-h: 24px;
8099    --ss-fb-pay-gap: 8px;
8100    --ss-fb-pay-filter: grayscale(1);
8101
8102    --ss-fb-select-border-m: #5a5a5a;
8103    --ss-fb-select-border-d: #c9c9c9;
8104
8105    --ss-fb-row-gap-m: 16px;
8106    --ss-fb-row-gap-d: 24px;
8107  }
8108</style>
8109
8110<div class="ss-footer-bar color-scheme-1" id="ss-footer-bar-sections--31622813188421__ss_footer_bar">
8111  <div class="ss-footer-bar__inner "><div class="ss-footer-bar__payments">
8112        <ul class="ss-footer-bar__payment-list list-unstyled" role="list"><li class="ss-footer-bar__payment">
8113              <svg class="ss-footer-bar__payment-icon" 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;"/>
8113<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>
8114
8115            </li><li class="ss-footer-bar__payment">
8116              <svg class="ss-footer-bar__payment-icon" 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" />
8116<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>
8117
8118            </li><li class="ss-footer-bar__payment">
8119              <svg class="ss-footer-bar__payment-icon" 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)"/>
8119<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>
8120            </li><li class="ss-footer-bar__payment">
8121              <svg class="ss-footer-bar__payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-cartes_bancaires"><title id="pi-cartes_bancaires">Cartes Bancaires</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="url(#pi-cartes_bancaires-bg)" 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="M359.76,172.39L377.69,176.41C391.283,180.103 404.573,185.387 417.56,192.26L436.24,204.32C444.133,210.28 451.377,216.933 457.97,224.28C468.75,236.533 477.46,250.08 484.1,264.92C491.547,282.307 496.263,300.463 498.25,319.39L498.88,325.76C498.884,325.797 498.885,325.833 498.885,325.87C498.885,326.477 498.387,326.978 497.78,326.98L488.04,327.03L463.22,327.01L364.28,327.01L314.43,327.03C314.189,327.03 313.99,327.229 313.99,327.47L313.97,358.76C313.97,359.149 314.291,359.47 314.68,359.47L347.03,359.44L392.51,359.36L455.5,359.39L476.03,359.37L497.93,359.27C497.934,359.27 497.938,359.27 497.942,359.27C498.436,359.27 498.842,359.676 498.842,360.17C498.842,360.19 498.841,360.21 498.84,360.23C497.793,375.25 495.07,389.85 490.67,404.03C481.463,433.73 465.017,458.42 441.33,478.1C434.7,482.97 427.99,488.11 421.1,492.01C414.607,495.677 407.88,499.007 400.92,502C390.773,505.96 380.283,509.25 369.45,511.87C358.57,514.083 347.61,515.697 336.57,516.71C323.27,517.67 310.147,517.68 297.2,516.74C284.933,515.8 273.123,514.087 261.77,511.6L238.33,504.64L222.81,498.06C213.743,493.66 205.42,488.693 197.84,483.16C194.92,481.02 191.367,478.213 187.18,474.74C179.267,467.567 172.037,459.82 165.49,451.5C149.837,429.727 139.937,405.473 135.79,378.74C134.997,373.607 134.313,368.713 133.74,364.06C133.493,359.447 133.287,355.093 133.12,351C130.62,288.62 154.03,229.02 209.21,195.62C221.257,188.393 234.053,182.7 247.6,178.54C266.753,172.68 286.397,169.49 306.53,168.97C310.04,168.99 313.69,168.59 316.97,168.67C332.75,169.1 344.72,169.82 359.76,172.39Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><path d="M543.53,178.39L564.53,178.48L615.29,178.46L626.64,178.39L658.03,178.43L695.21,178.41L715.29,178.46L742.47,178.47C754.77,178.27 765.197,178.96 773.75,180.54C775.25,180.813 778.343,181.547 783.03,182.74C791.683,185.62 799.43,190.06 806.27,196.06C821.137,209.253 829.46,225.9 831.24,246C831.54,249.353 831.53,254.247 831.21,260.68C830.883,262.76 830.52,264.863 830.12,266.99C826.12,288.283 815.17,304.643 797.27,316.07C791.15,319.983 784.14,322.75 776.24,324.37C766.087,326.103 757.34,326.973 750,326.98C729.9,327.007 709.807,327.017 689.72,327.01L640.23,327.03L610.96,327.03L552.22,327.08L529.14,326.99C528.66,326.99 528.42,326.75 528.42,326.27L528.39,210.79L528.46,182.34L528.39,178.97C528.39,178.966 528.39,178.963 528.39,178.959C528.385,178.641 528.647,178.375 528.971,178.37C528.974,178.37 528.977,178.37 528.98,178.37L543.53,178.39Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><path d="M544.02,359.28L600.29,359.41L629.53,359.47L686.76,359.42C710.667,359.473 734.58,359.523 758.5,359.57C761.013,359.57 764.993,359.987 770.44,360.82C794.68,363.74 814.59,379.34 824.72,401.32C830.253,413.787 832.43,426.597 831.25,439.75C828.89,466.217 816.147,486.057 793.02,499.27C777.79,506.54 761.85,507.5 745.02,507.51C735.833,507.517 726.643,507.513 717.45,507.5L680.94,507.51L653.28,507.52L592.8,507.63L585.32,507.53L539.82,507.52L529.54,507.64C528.88,507.58 528.55,507.367 528.55,507C528.557,475.087 528.537,443.147 528.49,411.18L528.47,360.61C528.47,359.71 528.917,359.263 529.81,359.27L544.02,359.28Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><defs><linearGradient id="pi-cartes_bancaires-bg" x1="1" y1="23" x2="37" y2="
81211" gradientUnits="userSpaceOnUse"><stop stop-color="#003087"/><stop offset=".32" stop-color="#005AA8"/><stop offset=".5" stop-color="#E7DFDC"/><stop offset=".74" stop-color="#C8102E"/><stop offset="1" stop-color="#B00020"/></linearGradient></defs></svg>
8122
8123            </li><li class="ss-footer-bar__payment">
8124              <svg class="ss-footer-bar__payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-eps"> <title id="pi-eps">EPS</title> <path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" opacity=".07"/> <path 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" fill="#fff"/> <path fill="#71706f" d="M27.745 12.32h-2.322a.465.465 0 01-.468-.464c0-.258.21-.484.468-.484h3.535V9.628h-3.535c-1.233 0-2.237 1.006-2.237 2.236s1.004 2.237 2.237 2.237h2.29c.259 0 .469.205.469.462 0 .258-.21.448-.468.448h-4.912c-.417.796-.822 1.478-1.645 1.82h6.588c1.213-.018 2.205-1.045 2.205-2.265 0-1.22-.992-2.23-2.205-2.247z"/> <path fill="#71706f" d="M18.845 9.628c-1.968 0-3.571 1.612-3.571 3.594V20.697h1.782V16.83h1.785c1.968 0 3.565-1.634 3.565-3.615 0-1.98-1.593-3.587-3.561-3.587zm0 5.383h-1.79v-1.796c0-1.003.8-1.82 1.79-1.82s1.796.817 1.796 1.82a1.79 1.79 0 01-1.796 1.796z"/> <path fill="#c8036f" d="M9.634 16.83c-1.685 0-3.101-1.2-3.484-2.768 0 0-.111-.519-.111-.86 0-.342.105-.865.105-.865a3.594 3.594 0 013.482-2.73c1.978 0 3.6 1.608 3.6 3.586v.87H7.973c.31.60
81247.938.948 1.662.948h4.724l.006-5.13c0-.764-.625-1.39-1.39-1.39H6.278c-.764 0-1.39.607-1.39 1.371v6.696c0 .765.626 1.41 1.39 1.41h6.696c.686 0 1.259-.493 1.37-1.138h-4.71z"/> <path fill="#c8036f" d="M9.626 11.31c-.72 0-1.348.44-1.66 1.01h3.32c-.312-.57-.939-1.01-1.66-1.01zM12.659 6.314c0-1.635-1.359-2.96-3.034-2.96-1.647 0-2.987 1.282-3.031 2.879v.91c0 .106.086.21.195.21h1.116c.11 0 .205-.104.205-.21v-.83c0-.815.68-1.48 1.516-1.48.837 0 1.516.665 1.516 1.48v.83c0 .106.089.21.198.21h1.116c.109 0 .202-.104.202-.21v-.83z"/> <g> <path fill="#71706f" d="M20.843 19.142l-.16.914c-.082.462-.384.673-.794.673-.347 0-.616-.226-.538-.672l.161-.914h.249l-.161.913c-.05.285.078.447.32.447.249 0 .462-.148.513-.446l.161-.915h.25zm-.977-.285c0 .076.059.112.121.112.079 0 .164-.057.164-.162 0-.074-.05-.112-.114-.112-.08 0-.17.052-.17.162zm.538-.003c0 .079.06.114.126.114.07 0 .161-.056.161-.159 0-.074-.054-.114-.114-.114-.08 0-.173.052-.173.16zM21.445 19.142l-.112.632a.57.57 0 01.423-.199c.278 0 .47.163.47.465 0 .428-.297.686-.678.686-.148 0-.274-.055-.35-.194l-.042.165h-.218l.276-1.554h.23zm-.175 1.066c-.01.183.11.302.282.302a.444.444 0 00.441-.423c.01-.186-.111-.296-.28-.296a.45.45 0 00-.443.417zM22.68 20.242c-.01.151.11.275.311.275.112 0 .26-.044.34-.12l.126.145a.782.782 0 01-.508.188c-.319 0-.505-.19-.505-.482 0-.388.305-.677.695-.677.356 0 .558.216.437.67h-.896zm.708-.19c.018-.19-.094-.267-.28-.267-.168 0-.323.078-.39.267h.67zM24.193 19.597l-.012.146a.414.414 0 01.357-.17c.107 0 .204.039.255.095l-.139.201a.244.244 0 00-.183-.067.346.346 0 00-.352.3l-.106.595h-.23l.195-1.1h.215zM25.905 19.597l.116.87.422-.87h.257l-.578 1.1h-.27l-.11-.725-.178.36-.192.365h-.27l-.194-1.1h.26l.114.87.424-.87h.199zM26.997 20.242c-.01.151.11.275.311.275.112 0 .26-.044.34-.12l.126.145a.782.782 0 01-.508.188c-.319 0-.505-.19-.505-.482 0-.388.305-.677.695-.677.356 0 .558.216.437.67h-.896zm.708-.19c.018-.19-.094-.267-.28-.267-.168 0-.323.078-.39.267h.67zM28.525 19.597l-.194 1.1H28.1l.195-1.1h.23zm-.204-.3c0 .08.059.12.121.12.09 0 .173-.059.173-.168a.113.113 0 00-.117-.117c-.082 0-.177.054-.177.166zM29.55 19.87c-.072-.081-.164-.104-.274-.104-.152 0-.26.052-.26.148 0 .08.088.114.218.126.201.017.459.085.405.37-.038.205-.244.326-.53.326-.18 0-.353-.04-.47-.204l.151-.163c.083.114.229.161.358.164.11 0 .24-.04.26-.144.02-.098-.067-.136-.228-.152-.188-.018-.394-.087-.394-.296 0-.276.298-.372.522-.372.17 0 .295.038.399.148l-.157.152zM30.278 19.597l-.105.592c-.034.189.051.319.244.319.181 0 .336-.15.367-.334l.101-.576h.231l-.195 1.099h-.208l.015-.16a.573.573 0 01-.412.182c-.271 0-.432-.194-.374-.528l.105-.593h.231zM32.13 20.697l.105-.589c.033-.19-.032-.317-.242-.317-.184 0-.339.148-.37.33l-.1.576h-.232l.195-1.1h.21l-.015.16a.583.583 0 01.403-.176c.27 0 .444.187.384.525l-.106.59h-.233zM32.912 20.848c-.016.152.1.213.296.213.17 0 .354-.095.396-.337l.034-.189c-.1.142-.285.197-.421.197-.283 0-.48-.168-.48-.473 0-.434.323-.685.688-.685.155 0 .294.073.343.199l.038-.176h.224l-.193 1.132c-.071.42-.383.55-.668.55-.34 0-.528-.165-.481-.43h.224zm.065-.633c0 .188.123.302.3.302.477 0 .605-.733.128-.733a.42.42 0 00-.428.43z"/></g></svg>
8125            </li><li class="ss-footer-bar__payment">
8126              <svg class="ss-footer-bar__payment-icon" 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
8126-.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>
8127            </li><li class="ss-footer-bar__payment">
8128              <svg class="ss-footer-bar__payment-icon" 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>
8129
8130            </li><li class="ss-footer-bar__payment">
8131              <svg class="ss-footer-bar__payment-icon" viewBox="0 0 38 24" role="img" width="38" height="24" aria-labelledby="pi-mbway" xmlns="http://www.w3.org/2000/svg"><title id="pi-mbway">MB WAY</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M2.652 18.267l-.059.459a.38.38 0 00.381.424H17.88c.232 0 .41-.198.383-.424l-.061-.459a.658.658 0 01.579-.72.646.646 0 01.712.579l.057.445c.116.998-.448 1.872-1.456 1.872H2.761c-1.008 0-1.573-.874-1.457-1.872l.058-.445a.646.646 0 01.711-.579.657.657 0 01.579.72" fill="#d81e25"/><path d="M18.225 10.154c0 .608-.215.952-.571 1.374l-.036.043.05.029c.705.43 1.197 1.079 1.234 1.991.055 1.359-1.097 2.482-2.463 2.479h-3.602a.642.642 0 01-.634-.65V8.435c0-.361.283-.652.632-.652l2.974.009c1.297.002 2.416.955 2.416 2.362m-1.793 4.659c.726 0 1.303-.528 1.288-1.223-.016-.712-.663-1.172-1.385-1.174h-1.46a.595.595 0 01-.588-.605c0-.337.264-.606.588-.606h.974c.658-.026 1.165-.424 1.196-1.046.032-.666-.539-1.165-1.238-1.165H13.44l-.008 5.819h3" fill="#100f0d"/><path d="M6.616 13.676l.016.049.018-.049c.168-.46.369-.969.583-1.525.22-.584.439-1.143.658-1.675.221-.541.431-1.024.631-1.444.2-.429.366-.724.493-.886a.97.97 0 01.781-.354h.149c.199 0 .354.053.47.15.107.093.171.2.188.323l.931 7.219a.593.593 0 01-.159.437c-.105.1-.256.149-.453.149-.198 0-.353-.047-.469-.138a.506.506 0 01-.218-.361c-.03-.24-.06-.507-.089-.8-.04-.292-.186-1.552-.226-1.868-.038-.327-.301-2.368-.389-3.109l-.008-.062-.299.625c-.101.215-.21.474-.331.776-.119.3-.241.618-.36.954-.13.325-.707 1.972-.707 1.972-.052.15-.154.451-.245.727a12.48 12.48 0 01-.202.572.82.82 0 01-.744.455.813.813 0 01-.746-.455 10.32 10.32 0 01-.202-.572c-.093-.276-.193-.577-.248-.727 0 0-.577-1.647-.704-1.972a29.247 29.247 0 00-.363-.954c-.12-.302-.229-.561-.328-.776l-.3-.625-.007.062c-.09.741-.35 2.782-.39 3.109-.041.316-.186 1.576-.226 1.868-.03.293-.06.56-.093.8a.502.502 0 01-.215.361c-.116.091-.273.138-.47.138-.197 0-.345-.049-.451-.149-.106-.106-.159-.252-.16-.437l.931-7.219a.529.529 0 01.189-.323.703.703 0 01.467-.15h.151c.325 0 .585.119.781.354.128.162.292.457.492.886.202.42.41.903.632 1.444.219.532.439 1.091.659 1.675.214.556.415 1.065.582 1.525" fill="#100f0d"/><path d="M4.79 3.419h11.322c1.066 0 1.597.8 1.722 1.856l.047.339a.662.662 0 01-.583.725.652.652 0 01-.715-.587l-.046-.323c-.047-.401-.217-.711-.625-.711H4.989c-.407 0-.577.31-.625.711l-.043.323a.653.653 0 11-1.301-.138l.047-.339c.126-1.056.656-1.856 1.723-1.856" fill="#d81e25"/><path d="M25.154 11.027c-.079.302-.159.625-.244.969-.085.343-.17.67-.253.984-.082.313-.161.588-.236.825a3.002 3.002 0 01-.185.486c-.089.154-.243.232-.464.232-.061 0-.141-.013-.241-.039-.098-.025-.18-.096-.248-.21a3.005 3.005 0 01-.185-.511 24.53 24.53 0 01-.235-.873c-.084-.33-.165-.679-.249-1.047a79.928 79.928 0 01-.223-1.026c-.066-.316-.121-.587-.166-.808a13.422 13.422 0 01-.074-.4c-.004-.028-.007-.047-.007-.058v-.033c0-.093.033-.169.106-.228a.42.42 0 01.264-.086c.1 0 .179.022.241.064.06.039.105.113.132.218 0 .01.016.091.045.239.032.148.07.338.116.568.048.232.101.49.158.776.058.285.117.576.182.869.063.293.128.576.191.853.063.275.12.512.176.708a36.527 36.527 0 00.381-1.38c.066-.256.13-.51.19-.767l.17-.712c.053-.221.098-.415.136-.586.039-.171.069-.297.091-.379a.46.46 0 01.157-.248c.079-.06.17-.09.281-.09a.46.46 0 01.299.095.437.437 0 01.
8131148.243c.062.268.127.57.199.903a59.514 59.514 0 00.463 2.011c.084.327.163.617.24.869.055-.197.115-.434.178-.708l.194-.85c.067-.289.129-.578.19-.865l.167-.771a106.486 106.486 0 00.164-.778c.027-.105.072-.179.132-.218a.418.418 0 01.24-.064c.104 0 .193.03.264.086a.28.28 0 01.109.228v.033a6.253 6.253 0 01-.088.458 108.095 108.095 0 01-.392 1.829 49.61 49.61 0 01-.244 1.042c-.08.33-.156.621-.232.872a2.898 2.898 0 01-.185.506.439.439 0 01-.252.218.92.92 0 01-.245.047.663.663 0 01-.099-.01.748.748 0 01-.141-.033.516.516 0 01-.148-.078.362.362 0 01-.117-.144 3.826 3.826 0 01-.178-.52 37.54 37.54 0 01-.458-1.776c-.077-.332-.15-.645-.215-.935" fill="#100f0d"/><path d="M31.315 12.279a40 40 0 00-.33-.984 17.49 17.49 0 00-.411-1.065l-.052-.142a.692.692 0 00-.053.136 16.567 16.567 0 00-.408 1.071c-.1.299-.209.627-.325.984zm-1.835.718a24.52 24.52 0 00-.22.732 5.932 5.932 0 01-.178.553c-.06.16-.181.241-.363.241-.127 0-.219-.032-.278-.096a.347.347 0 01-.086-.243.36.36 0 01.016-.109c.011-.031.045-.144.105-.337.057-.191.132-.431.226-.717.093-.286.197-.599.31-.939a34.26 34.26 0 01.707-1.941c.115-.289.224-.522.322-.696a.382.382 0 01.178-.192.785.785 0 01.303-.049c.123 0 .225.021.309.059a.324.324 0 01.178.198c.078.164.171.386.279.662.106.278.22.578.338.899.118.322.235.651.352.985.115.336.223.648.318.937l.248.738c.068.203.113.335.128.393.01.035.017.071.017.109a.32.32 0 01-.099.243c-.067.064-.163.096-.289.096-.096 0-.164-.022-.213-.064a.404.404 0 01-.11-.177 11.55 11.55 0 01-.196-.553c-.073-.225-.153-.468-.235-.732H29.48" fill="#100f0d"/><path d="M34.12 12.443a.654.654 0 01-.079-.091 5.456 5.456 0 01-.33-.514 9.736 9.736 0 01-.275-.497c-.09-.177-.177-.356-.262-.534a12.458 12.458 0 01-.231-.496c-.071-.155-.13-.289-.178-.4a1.671 1.671 0 01-.112-.298.428.428 0 01-.005-.062c0-.099.034-.182.103-.246a.395.395 0 01.286-.101c.11 0 .187.028.235.083.047.056.082.11.103.165.01.029.038.088.079.181l.152.346c.061.138.13.289.207.453.079.166.156.328.237.488.079.159.158.311.232.458.073.144.145.264.21.359a6.14 6.14 0 00.34-.603c.12-.242.236-.48.347-.716.11-.238.204-.447.286-.627.079-.182.127-.295.144-.339a.666.666 0 01.103-.165c.046-.055.126-.083.235-.083.122 0 .216.034.287.101a.327.327 0 01.101.246c0 .026 0 .048-.002.062-.003.014-.011.035-.02.062l-.096.239a24.658 24.658 0 01-.405.903c-.087.178-.174.355-.265.531-.091.175-.182.344-.274.503-.09.158-.175.295-.252.404a1.237 1.237 0 01-.156.188v1.707c0 .11-.035.199-.105.27a.37.37 0 01-.268.103.37.37 0 01-.268-.103.366.366 0 01-.104-.27v-1.707" fill="#100f0d"/></svg>
8132
8133            </li><li class="ss-footer-bar__payment">
8134              <svg class="ss-footer-bar__payment-icon" 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>
8135            </li><li class="ss-footer-bar__payment">
8136              <svg class="ss-footer-bar__payment-icon" 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"/>
8136<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>
8137            </li><li class="ss-footer-bar__payment">
8138              <svg class="ss-footer-bar__payment-icon" 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 
813816.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>
8139
8140            </li></ul>
8141      </div><div class="ss-footer-bar__brand"><a class="ss-footer-bar__hashtag" href="#" target="_blank" rel="noopener">#bonnemaison</a><ul class="ss-footer-bar__socials list-unstyled" role="list">
8142          
8143<li class="ss-social-link" ><a
8144      class="ss-social-link__a"
8145      href="#"
8146      target="_blank"
8147      rel="noopener"
8148      aria-label="Facebook"
8149    ><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">
8150      <path d="M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.96.93-1.96 1.89v2.25h3.33l-.53 3.49h-2.8V24C19.61 23.1 24 18.1 24 12.07Z"/>
8151    </svg>
8152</a></li>
8153
8154
8155
8156
8157<li class="ss-social-link" ><a
8158      class="ss-social-link__a"
8159      href="#"
8160      target="_blank"
8161      rel="noopener"
8162      aria-label="Pinterest"
8163    ><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">
8164      <path d="M12 0C5.37 0 0 5.37 0 12c0 5.08 3.16 9.43 7.63 11.18-.11-.95-.2-2.41.04-3.45.22-.94 1.4-5.96 1.4-5.96s-.36-.72-.36-1.78c0-1.67.97-2.92 2.17-2.92 1.02 0 1.52.77 1.52 1.69 0 1.03-.66 2.57-1 4-.28 1.2.6 2.17 1.78 2.17 2.14 0 3.78-2.25 3.78-5.5 0-2.88-2.07-4.89-5.02-4.89-3.42 0-5.43 2.56-5.43 5.21 0 1.03.4 2.14.89 2.74.1.12.11.22.08.34-.9.38-.29 1.2-.33 1.36-.5.22-.17.27-.4.16-1.5-.7-2.43-2.89-2.43-4.65 0-3.79 2.75-7.26 7.93-7.26 4.16 0 7.4 2.97 7.4 6.93 0 4.14-2.61 7.47-6.23 7.47-1.22 0-2.36-.63-2.75-1.38l-.75 2.85c-.27 1.04-1 2.35-1.49 3.15 1.12.35 2.31.53 3.55.53 6.63 0 12-5.37 12-12S18.63 0 12 0Z"/>
8165    </svg>
8166</a></li>
8167
8168
8169
8170
8171<li class="ss-social-link" ><a
8172      class="ss-social-link__a"
8173      href="#"
8174      target="_blank"
8175      rel="noopener"
8176      aria-label="Instagram"
8177    ><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">
8178      <path d="M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.26.07 1.64.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.26.06-1.64.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41-.56-.22-.96-.48-1.38-.9-.42-.42-.68-.82-.9-1.38-.16-.42-.36-1.06-.41-2.23-.06-1.26-.07-1.64-.07-4.85s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41 1.26-.06 1.64-.07 4.85-.07M12 0C8.74 0 8.33.01 7.05.07 5.78.13 4.9.33 4.14.63c-.79.3-1.46.72-2.12 1.39C1.35 2.68.93 3.35.63 4.14.33 4.9.13 5.78.07 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.06 1.27.26 2.15.56 2.91.3.79.72 1.46 1.39 2.12.66.66 1.33 1.08 2.12 1.39.76.3 1.64.5 2.91.56C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c1.27-.06 2.15-.26 2.91-.56.79-.3 1.46-.72 2.12-1.39.66-.66 1.08-1.33 1.39-2.12.3-.76.5-1.64.56-2.91.06-1.27.07-1.68.07-4.95s-.01-3.67-.07-4.95c-.06-1.27-.26-2.15-.56-2.91-.3-.79-.72-1.46-1.39-2.12-.66-.66-1.33-1.08-2.12-1.39-.76-.3-1.64-.5-2.91-.56C15.67.01 15.26 0 12 0Z"/>
8179      <path d="M12 5.84a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32Zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z"/>
8180      <circle cx="18.41" cy="5.59" r="1.44"/>
8181    </svg>
8182</a></li>
8183
8184
8185
8186
8187        </ul></div><div class="ss-footer-bar__selectors"><form method="post" action="/localization" id="ss-fb-locale-sections--31622813188421__ss_footer_bar" accept-charset="UTF-8" class="ss-footer-bar__form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><label class="ss-u-visually-hidden" for="ss-fb-locale-sections--31622813188421__ss_footer_bar-select">
8188              Translation missing: fr.localization.language_label
8189            </label>
8190            <div class="ss-footer-bar__select-wrap">
8191              <select
8192                class="ss-footer-bar__select"
8193                id="ss-fb-locale-sections--31622813188421__ss_footer_bar-select"
8194                name="locale_code"
8195                data-ss-locale-select
8196              ><option
8197                    value="fr"
8198                    lang="fr"
8199                    selected
8200                  >Français</option><option
8201                    value="en"
8202                    lang="en"
8203                    
8204                  >English</option></select>
8205              <span class="ss-footer-bar__select-chevron" aria-hidden="true"></span>
8206            </div>
8207            <noscript>
8208              <button class="ss-footer-bar__select-submit" type="submit">
8209                Translation missing: fr.localization.update_language
8210              </button>
8211            </noscript></form></div></div>
8212</div>
8213
8214</div>
8215<!-- END sections: footer-group -->
8216    </footer>
8217
8218    
8219
8220<script
8221  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021788024220"
8222  type="module"
8223></script>
8223
8224
8225<script
8226  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/predictive-search.js?v=149240552485540508541788024220"
8227  type="module"
8228  fetchpriority="low"
8229></script>
8229
8230
8231<dialog-component
8232  id="search-modal"
8233  class="search-modal"
8234  
8235>
8236  <dialog
8237    ref="dialog"
8238    on:click="/closeDialogOnClickOutside"
8239    on:keydown="/closeDialogOnEscapePress"
8240    class="search-modal__content dialog-modal"
8241    scroll-lock
8242    aria-labelledby="search-modal-heading"
8243  >
8244    <h2
8245      id="search-modal-heading"
8246      class="visually-hidden"
8247    >
8248      Rechercher
8249    </h2>
8250    <predictive-search-component
8251      class="predictive-search color-scheme-1"
8252      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
8253      data-section-id="predictive-search"
8254      data-testid="search-component--modal"
8255      role="search"
8256      aria-label="Rechercher"
8257    >
8258      <form
8259        action="/search"
8260        method="get"
8261        role="search"
8262        class="predictive-search-form"
8263        ref="form"
8264        on:keydown="/onSearchKeyDown"
8265      >
8266        <div
8267          class="predictive-search-form__header"
8268        >
8269          <div class="predictive-search-form__header-inner">
8270            <label
8271              for="cmdk-input"
8272              class="visually-hidden"
8273            >Rechercher</label>
8274            <input
8275              class="search-input"
8276              id="cmdk-input"
8277              type="search"
8278              name="q"
8279              role="combobox"
8280              aria-expanded="false"
8281              aria-owns="predictive-search-results"
8282              aria-controls="predictive-search-results"
8283              aria-haspopup="listbox"
8284              aria-autocomplete="list"
8285              autocomplete="off"
8286              placeholder="Rechercher"
8287              ref="searchInput"
8288              on:input="/search"
8289              on:keydown="/onSearchKeyDown"
8290            >
8291            <input
8292              name="options[prefix]"
8293              type="hidden"
8294              value="last"
8295            ><input
8296              name="type"
8297              type="hidden"
8298              value="product"
8299            >
8300            <span class="svg-wrapper predictive-search__icon">
8301              <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>
8302
8303            </span>
8304            <button
8305              type="button"
8306              class="button-unstyled predictive-search__reset-button"
8307              ref="resetButton"
8308              hidden
8309              on:click="/resetSearch"
8310            >
8311              Effacer
8312            </button>
8313          </div>
8314          <button
8315            type="button"
8316            class="button predictive-search__close-modal-button"
8317            aria-label="Fermer la boîte de dialogue"
8318            on:click="dialog-component/closeDialog"
8319            ref="closeModalButton"
8320          >
8321            <span class="svg-wrapper">
8322              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8323  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8324  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8325</svg>
8326
8327            </span>
8328          </button>
8329        </div>
8330
8331        <div class="predictive-search-form__content-wrapper">
8332          <div
8333            class="predictive-search-form__content"
8334            ref="predictiveSearchResults"
8335            on:click="/handleModalClick"
8336          >
8337            
8338
8339<div
8340  id="predictive-search-results"
8341  class="predictive-search-dropdown"
8342  role="listbox"
8343  aria-expanded="true"
8344  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
8345>
8346  
8347    <div class="predictive-search-results__inner">
8348      
8349      
8350        
8351        
8352        
8353          <div
8354  id="predictive-search-products"
8355  class="predictive-search-results__products"
8356  
8357    data-testid="products-list-default--modal"
8358  
8359>
8360  
8361    <h4 class="predictive-search-results__title">
8362      Produits
8363    </h4>
8364    <ul
8365      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
8366    >
8367      
8368      
8369        <li
8370          class="predictive-search-results__card predictive-search-results__card--product"
8371          ref="resultsItems[]"
8372        >
8373          
8374<div
8375  class="resource-card"
8376  data-resource-type="product"
8377>
8378  <a
8379    class="resource-card__link"
8380    href="/products/carte-cadeau-bonne-maison"
8381  >
8382    <span class="visually-hidden">
8383      Carte-Cadeau Bonne Maison
8384    </span>
8385  </a>
8386  <div
8387    class="resource-card__media"
8388    style="--resource-card-aspect-ratio: 4 / 5;"
8389    
8390  >
8391      
8392      
8393
8394        <img src="//www.bonnemaison.fr/cdn/shop/files/4670.jpg?v=1776098107&amp;width=500" alt="Carte-cadeau Bonne Maison 150 euros" srcset="//www.bonnemaison.fr/cdn/shop/files/4670.jpg?v=1776098107&amp;width=240 240w, //www.bonnemaison.fr/cdn/shop/files/4670.jpg?v=1776098107&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
8395</div>
8396
8397  <div class="resource-card__content">
8398    <p class="resource-card__title paragraph">Carte-Cadeau Bonne Maison</p>
8399
8400    
8401      <div ref="priceContainer">
8402  
8403    
8404    <div
8405      class="
8406        price__regular
8407        
8408      "
8409    >
8410      <span class="price">25,00€</span>
8411    </div>
8412    <div
8413      class="
8414        price__sale
8415        
8416          price__hidden
8417        
8418      "
8419    >
8420      
8421        <span class="price-item__group">
8422          <span class="visually-hidden">Prix régulier&nbsp;</span>
8423          <span class="price-item--regular compare-at-price"></span>
8424        </span>
8425        <span class="price-item__group">
8426          <span class="visually-hidden">Prix promotionnel&nbsp;</span>
8427          <span class="price-item--sale price">25,00€</span>
8428        </span>
8429      
8430    </div>
8431  
8432</div>
8433    
8434  </div>
8435</div>
8436
8437        </li>
8438      
8439        <li
8440          class="predictive-search-results__card predictive-search-results__card--product"
8441          ref="resultsItems[]"
8442        >
8443          
8444<div
8445  class="resource-card"
8446  data-resource-type="product"
8447>
8448  <a
8449    class="resource-card__link"
8450    href="/products/chaussette-absinthe"
8451  >
8452    <span class="visually-hidden">
8453      Chaussette Absinthe
8454    </span>
8455  </a>
8456  <div
8457    class="resource-card__media"
8458    style="--resource-card-aspect-ratio: 4 / 5;"
8459    
8460  >
8461      
8462      
8463
8464        <img src="//www.bonnemaison.fr/cdn/shop/files/3942.jpg?v=1776094849&amp;width=500" alt="Chaussette Absinthe - Bonne Maison" srcset="//www.bonnemaison.fr/cdn/shop/files/3942.jpg?v=1776094849&amp;width=240 240w, //www.bonnemaison.fr/cdn/shop/files/3942.jpg?v=1776094849&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
8465
8466          <img src="//www.bonnemaison.fr/cdn/shop/files/3943.jpg?v=1776094849&amp;width=500" alt="chaussettes - bonne maison -  Uni - Vert - femme - homme - mixte" srcset="//www.bonnemaison.fr/cdn/shop/files/3943.jpg?v=1776094849&amp;width=240 240w, //www.bonnemaison.fr/cdn/shop/files/3943.jpg?v=1776094849&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="71884645400901" style="object-position: 50.0% 50.0%;">
8467</div>
8468
8469  <div class="resource-card__content">
8470    <p class="resource-card__title paragraph">Chaussette Absinthe</p>
8471
8472    
8473      <div ref="priceContainer">
8474  
8475    
8476    <div
8477      class="
8478        price__regular
8479        
8480      "
8481    >
8482      <span class="price">25,50€</span>
8483    </div>
8484    <div
8485      class="
8486        price__sale
8487        
8488          price__hidden
8489        
8490      "
8491    >
8492      
8493        <span class="price-item__group">
8494          <span class="visually-hidden">Prix régulier&nbsp;</span>
8495          <span class="price-item--regular compare-at-price"></span>
8496        </span>
8497        <span class="price-item__group">
8498          <span class="visually-hidden">Prix promotionnel&nbsp;</span>
8499          <span class="price-item--sale price">25,50€</span>
8500        </span>
8501      
8502    </div>
8503  
8504</div>
8505    
8506  </div>
8507</div>
8508
8509        </li>
8510      
8511        <li
8512          class="predictive-search-results__card predictive-search-results__card--product"
8513          ref="resultsItems[]"
8514        >
8515          
8516<div
8517  class="resource-card"
8518  data-resource-type="product"
8519>
8520  <a
8521    class="resource-card__link"
8522    href="/products/chaussette-abstrait-multico"
8523  >
8524    <span class="visually-hidden">
8525      Chaussette Abstrait Multico
8526    </span>
8527  </a>
8528  <div
8529    class="resource-card__media"
8530    style="--resource-card-aspect-ratio: 4 / 5;"
8531    
8532  >
8533      
8534      
8535
8536        <img src="//www.bonnemaison.fr/cdn/shop/files/4026.jpg?v=1776094633&amp;width=500" alt="chaussettes - bonne maison -  Abstrait - Multico - femme - homme - mixte" srcset="//www.bonnemaison.fr/cdn/shop/files/4026.jpg?v=1776094633&amp;width=240 240w, //www.bonnemaison.fr/cdn/shop/files/4026.jpg?v=1776094633&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
8537
8538          <img src="//www.bonnemaison.fr/cdn/shop/files/4027.jpg?v=1776094632&amp;width=500" alt="chaussettes - bonne maison -  Abstrait - Multico - femme - homme - mixte" srcset="//www.bonnemaison.fr/cdn/shop/files/4027.jpg?v=1776094632&amp;width=240 240w, //www.bonnemaison.fr/cdn/shop/files/4027.jpg?v=1776094632&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="71884548833605" style="object-position: 50.0% 50.0%;">
8539</div>
8540
8541  <div class="resource-card__content">
8542    <p class="resource-card__title paragraph">Chaussette Abstrait Multico</p>
8543
8544    
8545      <div ref="priceContainer">
8546  
8547    
8548    <div
8549      class="
8550        price__regular
8551        
8552      "
8553    >
8554      <span class="price">25,50€</span>
8555    </div>
8556    <div
8557      class="
8558        price__sale
8559        
8560          price__hidden
8561        
8562      "
8563    >
8564      
8565        <span class="price-item__group">
8566          <span class="visually-hidden">Prix régulier&nbsp;</span>
8567          <span class="price-item--regular compare-at-price"></span>
8568        </span>
8569        <span class="price-item__group">
8570          <span class="visually-hidden">Prix promotionnel&nbsp;</span>
8571          <span class="price-item--sale price">25,50€</span>
8572        </span>
8573      
8574    </div>
8575  
8576</div>
8577    
8578  </div>
8579</div>
8580
8581        </li>
8582      
8583        <li
8584          class="predictive-search-results__card predictive-search-results__card--product"
8585          ref="resultsItems[]"
8586        >
8587          
8588<div
8589  class="resource-card"
8590  data-resource-type="product"
8591>
8592  <a
8593    class="resource-card__link"
8594    href="/products/chaussette-abstrait-naturel"
8595  >
8596    <span class="visually-hidden">
8597      Chaussette Abstrait Naturel
8598    </span>
8599  </a>
8600  <div
8601    class="resource-card__media"
8602    style="--resource-card-aspect-ratio: 4 / 5;"
8603    
8604  >
8605      
8606      
8607
8608        <img src="//www.bonnemaison.fr/cdn/shop/files/4336.jpg?v=1776095089&amp;width=500" alt="chaussettes - bonne maison -  Abstrait - Blanc - femme - homme - mixte" srcset="//www.bonnemaison.fr/cdn/shop/files/4336.jpg?v=1776095089&amp;width=240 240w, //www.bonnemaison.fr/cdn/shop/files/4336.jpg?v=1776095089&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
8609
8610          <img src="//www.bonnemaison.fr/cdn/shop/files/4072.jpg?v=1776095089&amp;width=500" alt="chaussettes - bonne maison -  Abstrait - Blanc - femme - homme - mixte" srcset="//www.bonnemaison.fr/cdn/shop/files/4072.jpg?v=1776095089&amp;width=240 240w, //www.bonnemaison.fr/cdn/shop/files/4072.jpg?v=1776095089&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="71884728926533" style="object-position: 50.0% 50.0%;">
8611</div>
8612
8613  <div class="resource-card__content">
8614    <p class="resource-card__title paragraph">Chaussette Abstrait Naturel</p>
8615
8616    
8617      <div ref="priceContainer">
8618  
8619    
8620    <div
8621      class="
8622        price__regular
8623        
8624      "
8625    >
8626      <span class="price">25,50€</span>
8627    </div>
8628    <div
8629      class="
8630        price__sale
8631        
8632          price__hidden
8633        
8634      "
8635    >
8636      
8637        <span class="price-item__group">
8638          <span class="visually-hidden">Prix régulier&nbsp;</span>
8639          <span class="price-item--regular compare-at-price"></span>
8640        </span>
8641        <span class="price-item__group">
8642          <span class="visually-hidden">Prix promotionnel&nbsp;</span>
8643          <span class="price-item--sale price">25,50€</span>
8644        </span>
8645      
8646    </div>
8647  
8648</div>
8649    
8650  </div>
8651</div>
8652
8653        </li>
8654      
8655    </ul>
8656  
8657</div>
8658
8659        
8660      
8661    </div>
8662  
8663</div>
8664
8665          </div>
8666
8667          <div class="predictive-search-form__footer">
8668            <button
8669              class="button predictive-search__search-button"
8670              ref="viewAllButton"
8671            >
8672              Tout afficher
8673            </button>
8674          </div>
8675        </div>
8676      </form>
8677    </predictive-search-component>
8678  </dialog>
8679</dialog-component>
8680
8681
8682
8683
8684    
8685      
8685<script
8686  src="//www.bonnemaison.fr/cdn/shop/t/2/assets/gift-card-recipient-form.js?v=129634859299628245901788024220"
8687  type="module"
8688  fetchpriority="low"
8689></script>
8689
8690<quick-add-dialog id="quick-add-dialog">
8691  <dialog
8692    class="quick-add-modal dialog-modal color-scheme-1"
8693    ref="dialog"
8694    scroll-lock
8695  >
8696    <button
8697      ref="closeButton"
8698      on:click="/closeDialog"
8699      class="button button-unstyled close-button quick-add-modal__close"
8700      aria-label="Fermer la boîte de dialogue"
8701    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8702  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8703  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8704</svg>
8705</button>
8706
8707    <div
8708      id="quick-add-modal-content"
8709      class="quick-add-modal__content"
8710    ></div>
8711  </dialog>
8712</quick-add-dialog>
8713
8714
8715
8716
8717
8718
8719    
8720
8721      <div class="ss-lang" data-ss-lang hidden><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="ss-lang__form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><input type="hidden" name="locale_code" value="fr" data-ss-lang-input>
8722      <ul class="ss-lang__list list-unstyled" role="list"><li class="ss-lang__item">
8723            <button
8724              type="submit"
8725              name="locale_code"
8726              value="fr"
8727              class="ss-lang__btn is-current"
8728              aria-current="true"
8729              lang="fr"
8730              aria-label="Français"
8731            >FR</button>
8732          </li><li class="ss-lang__item">
8733            <button
8734              type="submit"
8735              name="locale_code"
8736              value="en"
8737              class="ss-lang__btn"
8738              
8739              lang="en"
8740              aria-label="English"
8741            >EN</button>
8742          </li></ul></form></div> 
8743  
8743<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8743
8744</body>
8745</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.