PageSourceSearch

https://shopfrbillieeilish.com/

html shopfrbillieeilish.com collected 2026-10-06 17:57:01 UTC 473,753 bytes, 10,553 lines download raw bytes

1<!doctype html>
2<html class="flex flex-col min-h-full" lang="fr">
3<head><meta charset="utf-8">
4  <meta name="robots" content="noai, noimageai">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"><style data-shopify>
7/* TYPOGRAPHY */:root {
8--typeface_primary: pp-neue-montreal, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--typeface_secondary: pp-neue-montreal, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--typeface_tertiary: helvetica-neue-lt-ext, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font_display_md: var(--typeface_primary);
9  --font_display_md_weight: 400;
10  --font_display_md_letter: 0.075rem;
11  --font_display_md_line: 1.2;
12  --font_display_md_text_transform: uppercase;--font_display_md_size: 0.75rem;
13  --font_display_md_size_md: 0.8125rem;--font_heading_2xl: var(--typeface_tertiary);
14  --font_heading_2xl_weight: 700;
15  --font_heading_2xl_letter: 0.0rem;
16  --font_heading_2xl_line: 1.2;
17  --font_heading_2xl_text_transform: uppercase;--font_heading_2xl_size: 1.375rem;
18  --font_heading_2xl_size_md: 3.0rem;--font_heading_xl: var(--typeface_tertiary);
19  --font_heading_xl_weight: 700;
20  --font_heading_xl_letter: 0.0rem;
21  --font_heading_xl_line: 1.2;
22  --font_heading_xl_text_transform: uppercase;--font_heading_xl_size: 1.0rem;
23  --font_heading_xl_size_md: 2.0rem;--font_heading_lg: var(--typeface_primary);
24  --font_heading_lg_weight: 400;
25  --font_heading_lg_letter: 0.0rem;
26  --font_heading_lg_line: 1.2;
27  --font_heading_lg_text_transform: none;--font_heading_lg_size: 1.375rem;
28  --font_heading_lg_size_md: 3.0rem;--font_heading_md: var(--typeface_primary);
29  --font_heading_md_weight: 400;
30  --font_heading_md_letter: 0.0625rem;
31  --font_heading_md_line: 1.5;
32  --font_heading_md_text_transform: uppercase;--font_heading_md_size: 1.0rem;
33  --font_heading_md_size_md: 1.25rem;--font_body_lg: var(--typeface_primary);
34  --font_body_lg_weight: 400;
35  --font_body_lg_letter: 0.05625rem;
36  --font_body_lg_line: 1.5;
37  --font_body_lg_text_transform: uppercase;--font_body_lg_size: 0.8125rem;
38  --font_body_lg_size_md: 0.75rem;--font_body_md: var(--typeface_primary);
39  --font_body_md_weight: 400;
40  --font_body_md_letter: 0.0rem;
41  --font_body_md_line: 1.3;
42  --font_body_md_text_transform: none;--font_body_md_size: 0.75rem;
43  --font_body_md_size_md: 0.875rem;--font_body_sm: var(--typeface_primary);
44  --font_body_sm_weight: 400;
45  --font_body_sm_letter: 0.0rem;
46  --font_body_sm_line: 1.5;
47  --font_body_sm_text_transform: none;--font_body_sm_size: 0.75rem;
48  --font_body_sm_size_md: 0.875rem;--font_body_xs: var(--typeface_primary);
49  --font_body_xs_weight: 400;
50  --font_body_xs_letter: 0.0rem;
51  --font_body_xs_line: 1.5;
52  --font_body_xs_text_transform: none;--font_body_xs_size: 0.75rem;
53  --font_body_xs_size_md: 0.75rem;--font_button: var(--typeface_primary);
54  --font_button_weight: 400;
55  --font_button_letter: 0.0625rem;
56  --font_button_line: 1;
57  --font_button_text_transform: uppercase;--font_button_size: 0.75rem;
58  --font_button_size_md: 0.875rem;--font_navigation_lg: var(--typeface_primary);
59  --font_navigation_lg_weight: 400;
60  --font_navigation_lg_letter: 0.075rem;
61  --font_navigation_lg_line: 1.5;
62  --font_navigation_lg_text_transform: uppercase;--font_navigation_lg_size: 0.875rem;
63  --font_navigation_lg_size_md: 0.8125rem;--font_navigation_md: var(--typeface_primary);
64  --font_navigation_md_weight: 400;
65  --font_navigation_md_letter: 0.075rem;
66  --font_navigation_md_line: 1.5;
67  --font_navigation_md_text_transform: uppercase;--font_navigation_md_size: 0.75rem;
68  --font_navigation_md_size_md: 0.8125rem;--font_navigation_sm: var(--typeface_primary);
69  --font_navigation_sm_weight: 400;
70  --font_navigation_sm_letter: 0.03125rem;
71  --font_navigation_sm_line: 1.5;
72  --font_navigation_sm_text_transform: none;--font_navigation_sm_size: 0.75rem;
73  --font_navigation_sm_size_md: 0.8125rem;
74}
75/* TYPOGRAPHY */
76
77</style><style data-shopify>
78  /**
79      Set Color Variable from shopify
80  */
81  :root {
82    --color-outline: #2563eb;
83    --color-black: hsl(0 0% 5%);
84    --color-white: hsl(0 0% 95%);
85    --color-transparent: rgba(0,0,0,0);
86
87    --color-gray-50: hsl(210 20% 98%);
88    --color-gray-100: hsl(220 14% 96%);
89    --color-gray-200: hsl(220 13% 91%);
90    --color-gray-300: hsl(216 12% 84%);
91    --color-gray-400: hsl(218 11% 65%);
92    --color-gray-500: hsl(220 9% 46%);
93    --color-gray-600: hsl(215 14% 34%);
94    --color-gray-700: hsl(217 19% 27%);
95    --color-gray-800: hsl(215 28% 17%);
96    --color-gray-900: hsl(221 39% 11%);
97
98    --color-gray-100-on: hsl(221 39% 11%);
99    --color-gray-900-on: hsl(220 14% 96%);--scheme1-content-base:0 0% 0%;
100      --scheme1-content-subtle:0 0% 0%;
101      --scheme1-content-emphasis:0 0% 0%;
102      --scheme1-content-heading:0 0% 0%;
103
104      --scheme1-surface:0 0% 100%;
105      --scheme1-surface-gradient: ;
106      --scheme1-background:0 0% 100%;
107      --scheme1-background-gradient: ;
108
109      --scheme1-primary:0 0% 0%;
110      --scheme1-primary-light:0 0% 20%;
111      --scheme1-primary-dark:0 0% 0%;
112      --scheme1-primary-on:0 0% 100%;
113      --scheme1-primary-gradient: ;
114
115      --scheme1-secondary:228 72% 32%;
116      --scheme1-secondary-light:228 72% 52%;
117      --scheme1-secondary-dark:229 70% 12%;
118      --scheme1-secondary-on:0 0% 100%;
119      --scheme1-secondary-gradient: ;
120
121      --scheme1-tertiary:0 0% 85%;
122      --scheme1-tertiary-light:0 0% 100%;
123      --scheme1-tertiary-dark:0 0% 65%;
124      --scheme1-tertiary-on:0 0% 0%;
125      --scheme1-tertiary-gradient: ;--scheme1-notification-on:200 4% 13%;
126      --scheme1-notification:220 6% 90%;
127      --scheme1-notification-mix: hsl(211, 11%, 42%);--scheme1-success-on:150 3% 13%;
128      --scheme1-success:141 79% 85%;
129      --scheme1-success-mix: hsl(141, 22%, 39%);--scheme1-error-on:0 74% 42%;
130      --scheme1-error:0 100% 97%;
131      --scheme1-error-mix: hsl(0, 66%, 60%);--scheme2-content-base:0 0% 0%;
132      --scheme2-content-subtle:0 0% 85%;
133      --scheme2-content-emphasis:0 0% 0%;
134      --scheme2-content-heading:0 0% 0%;
135
136      --scheme2-surface:0 0% 100%;
137      --scheme2-surface-gradient: ;
138      --scheme2-background:0 0% 100%;
139      --scheme2-background-gradient: ;
140
141      --scheme2-primary:0 0% 0%;
142      --scheme2-primary-light:0 0% 20%;
143      --scheme2-primary-dark:0 0% 0%;
144      --scheme2-primary-on:0 0% 100%;
145      --scheme2-primary-gradient: ;
146
147      --scheme2-secondary:0 0% 0%;
148      --scheme2-secondary-light:0 0% 20%;
149      --scheme2-secondary-dark:0 0% 0%;
150      --scheme2-secondary-on:0 0% 100%;
151      --scheme2-secondary-gradient: ;
152
153      --scheme2-tertiary:0 0% 85%;
154      --scheme2-tertiary-light:0 0% 100%;
155      --scheme2-tertiary-dark:0 0% 65%;
156      --scheme2-tertiary-on:0 0% 0%;
157      --scheme2-tertiary-gradient: ;--scheme2-notification-on:200 4% 13%;
158      --scheme2-notification:220 6% 90%;
159      --scheme2-notification-mix: hsl(211, 11%, 42%);--scheme2-success-on:150 3% 13%;
160      --scheme2-success:141 79% 85%;
161      --scheme2-success-mix: hsl(141, 22%, 39%);--scheme2-error-on:0 74% 42%;
162      --scheme2-error:0 100% 97%;
163      --scheme2-error-mix: hsl(0, 66%, 60%);--scheme3-content-base:220 13% 91%;
164      --scheme3-content-subtle:216 12% 84%;
165      --scheme3-content-emphasis:210 20% 98%;
166      --scheme3-content-heading:210 20% 98%;
167
168      --scheme3-surface:221 39% 11%;
169      --scheme3-surface-gradient: ;
170      --scheme3-background:224 71% 4%;
171      --scheme3-background-gradient: ;
172
173      --scheme3-primary:224 71% 4%;
174      --scheme3-primary-light:224 71% 24%;
175      --scheme3-primary-dark:0 0% 0%;
176      --scheme3-primary-on:210 20% 98%;
177      --scheme3-primary-gradient: ;
178
179      --scheme3-secondary:221 39% 11%;
180      --scheme3-secondary-light:221 39% 31%;
181      --scheme3-secondary-dark:0 0% 0%;
182      --scheme3-secondary-on:220 13% 91%;
183      --scheme3-secondary-gradient: ;
184
185      --scheme3-tertiary:217 19% 27%;
186      --scheme3-tertiary-light:217 19% 47%;
187      --scheme3-tertiary-dark:220 18% 7%;
188      --scheme3-tertiary-on:210 20% 98%;
189      --scheme3-tertiary-gradient: ;--scheme3-notification-on:200 4% 13%;
190      --scheme3-notification:220 6% 90%;
191      --scheme3-notification-mix: hsl(211, 11%, 42%);--scheme3-success-on:150 3% 13%;
192      --scheme3-success:141 79% 85%;
193      --scheme3-success-mix: hsl(141, 22%, 39%);--scheme3-error-on:0 74% 42%;
194      --scheme3-error:0 100% 97%;
195      --scheme3-error-mix: hsl(0, 66%, 60%);--scheme4-content-base:226 100% 94%;
196      --scheme4-content-subtle:228 96% 89%;
197      --scheme4-content-emphasis:0 0% 100%;
198      --scheme4-content-heading:0 0% 100%;
199
200      --scheme4-surface:244 47% 20%;
201      --scheme4-surface-gradient: ;
202      --scheme4-background:242 47% 34%;
203      --scheme4-background-gradient: ;
204
205      --scheme4-primary:0 0% 100%;
206      --scheme4-primary-light:0 0% 100%;
207      --scheme4-primary-dark:0 0% 80%;
208      --scheme4-primary-on:230 94% 82%;
209      --scheme4-primary-gradient: ;
210
211      --scheme4-secondary:226 100% 94%;
212      --scheme4-secondary-light:0 0% 100%;
213      --scheme4-secondary-dark:226 100% 74%;
214      --scheme4-secondary-on:0 0% 98%;
215      --scheme4-secondary-gradient: ;
216
217      --scheme4-tertiary:230 94% 82%;
218      --scheme4-tertiary-light:0 0% 100%;
219      --scheme4-tertiary-dark:230 94% 62%;
220      --scheme4-tertiary-on:0 0% 98%;
221      --scheme4-tertiary-gradient: ;--scheme4-notification-on:200 4% 13%;
222      --scheme4-notification:220 6% 90%;
223      --scheme4-notification-mix: hsl(211, 11%, 42%);--scheme4-success-on:150 3% 13%;
224      --scheme4-success:141 79% 85%;
225      --scheme4-success-mix: hsl(141, 22%, 39%);--scheme4-error-on:0 74% 42%;
226      --scheme4-error:0 100% 97%;
227      --scheme4-error-mix: hsl(0, 66%, 60%);}.scheme-scheme1 {
228        /* Content */
229        --color-content-base: hsl(var(--scheme1-content-base));
230        --color-content-subtle: hsl(var(--scheme1-content-subtle));
231        --color-content-emphasis: hsl(var(--scheme1-content-emphasis));
232        --color-content-heading: hsl(var(--scheme1-content-heading));
233
234        /* Surface */
235        --color-surface: hsl(var(--scheme1-surface, var(--scheme1-background)));--color-surface-gradient: hsl(var(--scheme1-surface));
236        /* Background */
237        --color-background: hsl(var(--scheme1-background));--color-background-gradient: hsl(var(--scheme1-background));/* Primary Color */
238        --color-primary-on: hsl(var(--scheme1-primary-on));
239        --color-primary: hsl(var(--scheme1-primary));
240        --color-primary-dark: hsl(var(--scheme1-primary-dark));
241        --color-primary-light: hsl(var(--scheme1-primary-light));--color-primary-gradient: hsl(var(--scheme1-primary));/* Secondary Color */
242        --color-secondary-on: hsl(var(--scheme1-secondary-on));
243        --color-secondary: hsl(var(--scheme1-secondary));
244        --color-secondary-dark: hsl(var(--scheme1-secondary-dark));
245        --color-secondary-light: hsl(var(--scheme1-secondary-light));--color-secondary-gradient: hsl(var(--scheme1-secondary));/* Tertiary Color */
246        --color-tertiary-on: hsl(var(--scheme1-tertiary-on));
247        --color-tertiary: hsl(var(--scheme1-tertiary));
248        --color-tertiary-dark: hsl(var(--scheme1-tertiary-dark));
249        --color-tertiary-light: hsl(var(--scheme1-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme1-tertiary));/* Accent Colors */
250        /* Notification */
251        --color-on-notification: hsl(var(--scheme1-notification-on));
252        --color-notification: hsl(var(--scheme1-notification));
253        --color-notification-mix: var(--scheme1-notification-mix);
254
255        /* Success */
256        --color-on-success: hsl(var(--scheme1-success-on));
257        --color-success: hsl(var(--scheme1-success));
258        --color-success-mix: var(--scheme1-success-mix);
259
260        /* Error */
261        --color-on-error: hsl(var(--scheme1-error-on));
262        --color-error-on: var(--color-on-error);
263        --color-error: hsl(var(--scheme1-error));
264        --color-error-mix: var(--scheme1-error-mix);--color-error-mix-on: var(--color-black);
265
266        /* Section */--color-text: var(--color-content-base, var(--color-content-base));
267        --color-border: var(--color-content-base, var(--border-default-color));
268        /* Section */
269
270        /* Tables BG Color */
271        --color-table-bg: var(--color-default, var(--color-background));
272
273        /* Input Color */
274        --color-input-text: hsl(var(--scheme1-content-base));
275      }
276    .scheme-scheme2 {
277        /* Content */
278        --color-content-base: hsl(var(--scheme2-content-base));
279        --color-content-subtle: hsl(var(--scheme2-content-subtle));
280        --color-content-emphasis: hsl(var(--scheme2-content-emphasis));
281        --color-content-heading: hsl(var(--scheme2-content-heading));
282
283        /* Surface */
284        --color-surface: hsl(var(--scheme2-surface, var(--scheme2-background)));--color-surface-gradient: hsl(var(--scheme2-surface));
285        /* Background */
286        --color-background: hsl(var(--scheme2-background));--color-background-gradient: hsl(var(--scheme2-background));/* Primary Color */
287        --color-primary-on: hsl(var(--scheme2-primary-on));
288        --color-primary: hsl(var(--scheme2-primary));
289        --color-primary-dark: hsl(var(--scheme2-primary-dark));
290        --color-primary-light: hsl(var(--scheme2-primary-light));--color-primary-gradient: hsl(var(--scheme2-primary));/* Secondary Color */
291        --color-secondary-on: hsl(var(--scheme2-secondary-on));
292        --color-secondary: hsl(var(--scheme2-secondary));
293        --color-secondary-dark: hsl(var(--scheme2-secondary-dark));
294        --color-secondary-light: hsl(var(--scheme2-secondary-light));--color-secondary-gradient: hsl(var(--scheme2-secondary));/* Tertiary Color */
295        --color-tertiary-on: hsl(var(--scheme2-tertiary-on));
296        --color-tertiary: hsl(var(--scheme2-tertiary));
297        --color-tertiary-dark: hsl(var(--scheme2-tertiary-dark));
298        --color-tertiary-light: hsl(var(--scheme2-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme2-tertiary));/* Accent Colors */
299        /* Notification */
300        --color-on-notification: hsl(var(--scheme2-notification-on));
301        --color-notification: hsl(var(--scheme2-notification));
302        --color-notification-mix: var(--scheme2-notification-mix);
303
304        /* Success */
305        --color-on-success: hsl(var(--scheme2-success-on));
306        --color-success: hsl(var(--scheme2-success));
307        --color-success-mix: var(--scheme2-success-mix);
308
309        /* Error */
310        --color-on-error: hsl(var(--scheme2-error-on));
311        --color-error-on: var(--color-on-error);
312        --color-error: hsl(var(--scheme2-error));
313        --color-error-mix: var(--scheme2-error-mix);--color-error-mix-on: var(--color-black);
314
315        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
316        --color-border: var(--color-content-base, var(--border-default-color));
317        /* Section */
318
319        /* Tables BG Color */
320        --color-table-bg: var(--color-default, var(--color-background));
321
322        /* Input Color */
323        --color-input-text: hsl(var(--scheme2-content-base));
324      }
325    .scheme-scheme3 {
326        /* Content */
327        --color-content-base: hsl(var(--scheme3-content-base));
328        --color-content-subtle: hsl(var(--scheme3-content-subtle));
329        --color-content-emphasis: hsl(var(--scheme3-content-emphasis));
330        --color-content-heading: hsl(var(--scheme3-content-heading));
331
332        /* Surface */
333        --color-surface: hsl(var(--scheme3-surface, var(--scheme3-background)));--color-surface-gradient: hsl(var(--scheme3-surface));
334        /* Background */
335        --color-background: hsl(var(--scheme3-background));--color-background-gradient: hsl(var(--scheme3-background));/* Primary Color */
336        --color-primary-on: hsl(var(--scheme3-primary-on));
337        --color-primary: hsl(var(--scheme3-primary));
338        --color-primary-dark: hsl(var(--scheme3-primary-dark));
339        --color-primary-light: hsl(var(--scheme3-primary-light));--color-primary-gradient: hsl(var(--scheme3-primary));/* Secondary Color */
340        --color-secondary-on: hsl(var(--scheme3-secondary-on));
341        --color-secondary: hsl(var(--scheme3-secondary));
342        --color-secondary-dark: hsl(var(--scheme3-secondary-dark));
343        --color-secondary-light: hsl(var(--scheme3-secondary-light));--color-secondary-gradient: hsl(var(--scheme3-secondary));/* Tertiary Color */
344        --color-tertiary-on: hsl(var(--scheme3-tertiary-on));
345        --color-tertiary: hsl(var(--scheme3-tertiary));
346        --color-tertiary-dark: hsl(var(--scheme3-tertiary-dark));
347        --color-tertiary-light: hsl(var(--scheme3-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme3-tertiary));/* Accent Colors */
348        /* Notification */
349        --color-on-notification: hsl(var(--scheme3-notification-on));
350        --color-notification: hsl(var(--scheme3-notification));
351        --color-notification-mix: var(--scheme3-notification-mix);
352
353        /* Success */
354        --color-on-success: hsl(var(--scheme3-success-on));
355        --color-success: hsl(var(--scheme3-success));
356        --color-success-mix: var(--scheme3-success-mix);
357
358        /* Error */
359        --color-on-error: hsl(var(--scheme3-error-on));
360        --color-error-on: var(--color-on-error);
361        --color-error: hsl(var(--scheme3-error));
362        --color-error-mix: var(--scheme3-error-mix);--color-error-mix-on: var(--color-black);
363
364        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
365        --color-border: var(--color-content-base, var(--border-default-color));
366        /* Section */
367
368        /* Tables BG Color */
369        --color-table-bg: var(--color-default, var(--color-background));
370
371        /* Input Color */
372        --color-input-text: hsl(var(--scheme3-content-base));
373      }
374    .scheme-scheme4 {
375        /* Content */
376        --color-content-base: hsl(var(--scheme4-content-base));
377        --color-content-subtle: hsl(var(--scheme4-content-subtle));
378        --color-content-emphasis: hsl(var(--scheme4-content-emphasis));
379        --color-content-heading: hsl(var(--scheme4-content-heading));
380
381        /* Surface */
382        --color-surface: hsl(var(--scheme4-surface, var(--scheme4-background)));--color-surface-gradient: hsl(var(--scheme4-surface));
383        /* Background */
384        --color-background: hsl(var(--scheme4-background));--color-background-gradient: hsl(var(--scheme4-background));/* Primary Color */
385        --color-primary-on: hsl(var(--scheme4-primary-on));
386        --color-primary: hsl(var(--scheme4-primary));
387        --color-primary-dark: hsl(var(--scheme4-primary-dark));
388        --color-primary-light: hsl(var(--scheme4-primary-light));--color-primary-gradient: hsl(var(--scheme4-primary));/* Secondary Color */
389        --color-secondary-on: hsl(var(--scheme4-secondary-on));
390        --color-secondary: hsl(var(--scheme4-secondary));
391        --color-secondary-dark: hsl(var(--scheme4-secondary-dark));
392        --color-secondary-light: hsl(var(--scheme4-secondary-light));--color-secondary-gradient: hsl(var(--scheme4-secondary));/* Tertiary Color */
393        --color-tertiary-on: hsl(var(--scheme4-tertiary-on));
394        --color-tertiary: hsl(var(--scheme4-tertiary));
395        --color-tertiary-dark: hsl(var(--scheme4-tertiary-dark));
396        --color-tertiary-light: hsl(var(--scheme4-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme4-tertiary));/* Accent Colors */
397        /* Notification */
398        --color-on-notification: hsl(var(--scheme4-notification-on));
399        --color-notification: hsl(var(--scheme4-notification));
400        --color-notification-mix: var(--scheme4-notification-mix);
401
402        /* Success */
403        --color-on-success: hsl(var(--scheme4-success-on));
404        --color-success: hsl(var(--scheme4-success));
405        --color-success-mix: var(--scheme4-success-mix);
406
407        /* Error */
408        --color-on-error: hsl(var(--scheme4-error-on));
409        --color-error-on: var(--color-on-error);
410        --color-error: hsl(var(--scheme4-error));
411        --color-error-mix: var(--scheme4-error-mix);--color-error-mix-on: var(--color-black);
412
413        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
414        --color-border: var(--color-content-base, var(--border-default-color));
415        /* Section */
416
417        /* Tables BG Color */
418        --color-table-bg: var(--color-default, var(--color-background));
419
420        /* Input Color */
421        --color-input-text: hsl(var(--scheme4-content-base));
422      }
423    
424</style>
425<style data-shopify>:root {
426    --border-default-width: 1px;
427    --border-default-width-narrow: 1px;
428    --border-default-width-wide: 2px;
429    --border-default-radius: 0;
430    --border-default-color: var(--color-content-subtle);
431  }</style><style data-shopify>
432  :root {--button-px-sm: 0.75rem; --button-py-sm: 0.5rem; --button-px-md: 1rem; --button-py-md: 0.625rem; --button-px-lg: 1.25rem; --button-py-lg: 0.75rem; --button-font-size: var(--font_button_size);--button-all-border-radius: 0;/* default */ --border-button-width: var(--border-default-width);--button-px-default: var(--button-px-lg);--button-py-default: var(--button-py-md);}
433
434  .btn {--tw-shadow: 0 0px 0px 0 var(--button-shadow-color);
434 --button-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; overflow: hidden; color: var(--button-color); border: var(--border-button-width) solid var(--border-color); border-radius: var(--button-all-border-radius); box-shadow: var(--button-box-shadow); padding: var(--button-py-default) var(--button-px-default); font-size: var(--button-font-size); font-family: var(--font_button); font-weight: var(--font_button_weight); letter-spacing: var(--font_button_letter); line-height: var(--font_button_line); text-transform: var(--font_button_text_transform); transition: .2s ease-out; --border-color: var(--color-primary,var(--color-primary-on)); --button-color: var(--color-primary-on-on); --button-shadow-color: var(--color-primary-on-20); text-decoration-color: transparent; --button-fill: var(--color-primary-on);--button-fill-hover: var(--color-secondary); background: var(--button-fill); --button-gradient-visible: hidden;}
435
436  .btn:before,
437  .btn:after {
438    content: '';
439    background: transparent;
440    inset: 0;
441    position: absolute;
442    display: block;
443    visibility: var(--button-gradient-visible, hidden);
444    z-index: -1;
445    transition: .2s ease-out;
446    transform: translate3d(0,0,0);
447  }
448  .btn:before {
449    background: var(--button-fill-hover);
450    opacity: 0;
451  }
452  .btn:hover::before {
453    opacity: var(--button-bg-opacity, 1);
454  }
455
456  .btn:after {
457    background: var(--button-fill);
458    opacity: var(--button-bg-opacity, 1);
459  }
460  .btn:hover::after {
461    opacity: 0;
462  }
463
464  input.btn {
465    background: var(--button-fill);
466  }
467  input.btn:before {
468    display: none;
469  }
470  input.btn:after {
471    display: none;
472  }
473  input.btn:hover {
474    background: var(--button-fill-hover);
475  }
476
477  .btn--sm {
478    --button-py-default: var(--button-py-sm);
479    --button-px-default: var(--button-px-sm);
480    font-size: max(calc(var(--button-font-size) * .618em ), 14px)
481  }
482  .btn--md {
483    --button-py-default: var(--button-py-md);
484    --button-px-default: var(--button-px-md);
485  }
486  .btn--lg {
487    --button-py-default: var(--button-py-lg);
488    --button-px-default: var(--button-px-lg);
489  }
490
491  .btn:hover,
492  .btn--primary:hover {--border-color: var(--default,var(--color-secondary)); --button-color: var(--color-secondary-on); --button-shadow-color: var(--color-secondary-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
493
494  .btn--secondary {--border-color: var(--color-primary,var(--color-secondary)); --button-color: var(--color-secondary-on); --button-shadow-color: var(--color-secondary-20); text-decoration-color: transparent; --button-fill: var(--color-secondary);--button-fill-hover: var(--color-secondary-dark); background: var(--button-fill); --button-gradient-visible: hidden;}
495
496  .btn--secondary:hover {--border-color: var(--color-primary,var(--color-secondary-dark)); --button-color: var(--color-secondary-on); --button-shadow-color: var(--color-secondary-dark-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
497
498  .btn--tertiary {--button-color: var(--color-primary); --border-color: var(--default, var(--color-primary)); --button-shadow-color: transparent; border-width: 0; text-decoration: underline; text-underline-offset: var(--button-py-default); text-decoration-thickness: var(--border-default-width-default); text-decoration-color: var(--default, var(--color-primary)); --button-fill: var(--color-transparent);--button-fill-hover: var(--color-transparent); background: var(--button-fill); --button-gradient-visible: hidden;}
499
500  .btn--tertiary:hover {--button-color: var(--color-secondary); --border-color: var(--default, var(--color-secondary)); --button-shadow-color: transparent; border-width: 0; text-decoration: underline; text-underline-offset: var(--button-py-default); text-decoration-thickness: var(--border-default-width-default); text-decoration-color: var(--default, var(--color-secondary)); background: var(--button-fill-hover);}
501
502  .btn--light {--border-color: var(--color-gray-100,var(--color-gray-100)); --button-color: var(--color-gray-100-on); --button-shadow-color: var(--color-gray-100-20); text-decoration-color: transparent; --button-fill: var(--color-gray-100);--button-fill-hover: var(--color-gray-100);}
503
504  .btn--light:hover {--border-color: var(--color-gray-100,var(--color-gray-100)); --button-color: var(--color-gray-100-on); --button-shadow-color: var(--color-gray-100-20); text-decoration-color: transparent;}
505
506  .btn--dark {--border-color: var(--color-gray-900,var(--color-gray-900)); --button-color: var(--color-gray-900-on); --button-shadow-color: var(--color-gray-900-20); text-decoration-color: transparent; --button-fill: var(--color-gray-900);--button-fill-hover: var(--color-gray-900);}
507
508  .btn--dark:hover {--border-color: var(--color-gray-900,var(--color-gray-900)); --button-color: var(--color-gray-900-on); --button-shadow-color: var(--color-gray-900-20); text-decoration-color: transparent;}
509
510  @media screen and (min-width: 48em) {
511    .btn {
512      --button-font-size: var(--font_button_size_md);
513    }
514  }
515</style>
516<style data-shopify>
517:root {
518  --gap-sm-2xs: 0.25rem;
519  --gap-sm-xs: 0.5rem;
520  --gap-sm-sm: 0.75rem;
521  --gap-sm-md: 1.0rem;
522  --gap-sm-lg: 1.25rem;
523  --gap-sm-xl: 1.5rem;
524  --gap-sm-2xl: 2.0rem;
525  --gap-lg-2xs: 0.5rem;
526  --gap-lg-xs: 1.0rem;
527  --gap-lg-sm: 1.5rem;
528  --gap-lg-md: 2.0rem;
529  --gap-lg-lg: 2.5rem;
530  --gap-lg-xl: 3.0rem;
531  --gap-lg-2xl: 3.5rem;
532  --gap-container-2xs: 0.5rem;
533  --gap-container-xs: 1.0rem;
534  --gap-container-sm: 2.0rem;
535  --gap-container-md: 3.0rem;
536  --gap-container-lg: 4.0rem;
537  --gap-container-xl: 5.0rem;
538  --gap-container-2xl: 6.0rem;
539  --padding-xs-2xs: 0.125rem;
540  --padding-xs-xs: 0.25rem;
541  --padding-xs-sm: 0.375rem;
542  --padding-xs-md: 0.5rem;
543  --padding-xs-lg: 0.625rem;
544  --padding-xs-xl: 0.75rem;
545  --padding-xs-2xl: 1.0rem;
546  --padding-sm-2xs: 0.25rem;
547  --padding-sm-xs: 0.5rem;
548  --padding-sm-sm: 0.75rem;
549  --padding-sm-md: 1.0rem;
550  --padding-sm-lg: 1.25rem;
551  --padding-sm-xl: 1.5rem;
552  --padding-sm-2xl: 2.0rem;
553  --padding-lg-2xs: 0.5rem;
554  --padding-lg-xs: 1.0rem;
555  --padding-lg-sm: 1.5rem;
556  --padding-lg-md: 2.0rem;
557  --padding-lg-lg: 2.5rem;
558  --padding-lg-xl: 3.0rem;
559  --padding-lg-2xl: 3.5rem;
560  --padding-container-2xs: 0.5rem;
561  --padding-container-xs: 1.0rem;
562  --padding-container-sm: 2.0rem;
563  --padding-container-md: 3.0rem;
564  --padding-container-lg: 4.0rem;
565  --padding-container-xl: 5.0rem;
566  --padding-container-2xl: 6.0rem;
567  --padding-section-desktop-2xs: .5rem;
568  --padding-section-desktop-xs: 1rem;
569  --padding-section-desktop-sm: 2rem;
570  --padding-section-desktop-md: 3rem;
571  --padding-section-desktop-lg: 4rem;
572  --padding-section-desktop-xl: 5rem;
573  --padding-section-desktop-2xl: 6rem;
574  --padding-section-mobile-2xs: .25rem;
575  --padding-section-mobile-xs: .5rem;
576  --padding-section-mobile-sm: 1.5rem;
577  --padding-section-mobile-md: 2rem;
578  --padding-section-mobile-lg: 2.5rem;
579  --padding-section-mobile-xl: 3rem;
580  --padding-section-mobile-2xl: 4rem;
581  --margin-sm-2xs: 0.25rem;
582  --margin-sm-xs: 0.5rem;
583  --margin-sm-sm: 0.75rem;
584  --margin-sm-md: 1.0rem;
585  --margin-sm-lg: 1.25rem;
586  --margin-sm-xl: 1.5rem;
587  --margin-sm-2xl: 2.0rem;
588  --margin-lg-2xs: 0.5rem;
589  --margin-lg-xs: 1.0rem;
590  --margin-lg-sm: 1.5rem;
591  --margin-lg-md: 2.0rem;
592  --margin-lg-lg: 2.5rem;
593  --margin-lg-xl: 3.0rem;
594  --margin-lg-2xl: 3.5rem;
595  --margin-container-2xs: 0.5rem;
596  --margin-container-xs: 1.0rem;
597  --margin-container-sm: 2.0rem;
598  --margin-container-md: 3.0rem;
599  --margin-container-lg: 4.0rem;
600  --margin-container-xl: 5.0rem;
601  --margin-container-2xl: 6.0rem;
602  --w-tooltip-sm: 180px;
603  --w-tooltip-md: 210px;
604  --w-tooltip-lg: 240px;
605  --w-tooltip-xl: 270px;
606
607  --container-max-w-sm: 100rem;
608  --container-max-w-lg: 200rem;--select-pad-r: calc(var(--border-default-width) + 1rem + (2 * var(--padding-sm-xs)));
609}
610
611</style><link href="//shopfrbillieeilish.com/cdn/shop/t/33/assets/styles-critical.bundle.css?v=175612445462960063841778242908" rel="stylesheet" type="text/css" media="all" />
612  <title>Store Billie Eilish - Billie Eilish Store</title>
612<script src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/runtime.bundle.js?v=110957048876496987111778242908"></script>
612<script defer="defer" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/geolocation.bundle.js?v=168306528723717385311778242908"></script>
612<script>
613  window.dataLayer = window.dataLayer || [];
614  
615window.dataLayer.push({
616    event:'page_data_loaded',
617    user: {
618      logged_in: 'false'
619    },
620    pageType: 'index',
621    platform: 'shopify',
622    shopify_consent: 'true',
623    platform_theme: 'global',
624    platform_version: '2026.04.2.2'
625  });
626</script>
626
627
628<script>
vendor: 327 bytes, lines 628-632
628(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
629new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
630j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
631'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
632})(window,document,'script','dataLayer','
632GTM-TCJ87SS
vendor: 3 bytes, line 632
632');
632</script>
632
633
634<link rel="canonical" href="https://shopfrbillieeilish.com/">
635
636  
636<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
636<meta name="google-site-verification" content="VX3cXssMWbZwEmIGXmvWNKyJ1v8N5Qf1ua9ndkfDY2c">
637<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/65171980523/digital_wallets/dialog">
638<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
638<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR&default_configuration_id=2166391127"></script>
vendor: 1 bytes, line 638
638
639<script id="shopify-features" type="application/json">{"accessToken":"cd19bdddfd732d9c3b6ebc54b965aa2e","betas":["rich-media-storefront-analytics"],"domain":"shopfrbillieeilish.com","predictiveSearch":true,"shopId":65171980523,"locale":"fr"}</script>
vendor: 1 bytes, line 639
639
640<script>var Shopify = Shopify || {};
641Shopify.shop = "billieeilish-official-fr.myshopify.com";
642Shopify.locale = "fr";
643Shopify.currency = {"active":"EUR","rate":"1.0"};
644Shopify.country = "FR";
645Shopify.theme = {"name":"new-one-may","id":198864044375,"schema_name":"Rhythm","schema_version":"2026.04.2.2","theme_store_id":null,"role":"main"};
646Shopify.theme.handle = "null";
647Shopify.theme.style = {"id":null,"handle":null};
648Shopify.cdnHost = "shopfrbillieeilish.com/cdn";
649Shopify.routes = Shopify.routes || {};
650Shopify.routes.root = "/";
651Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
652Shopify.SignInWithShop = Shopify.SignInWithShop || {};
653Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
654Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 654
654
655<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 655
655
656<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 656
656
657<script>
658  window.Shopify = window.Shopify || {};
659  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
660  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
661  window.Shopify.SignInWithShop.eligible = true;
662</script>
vendor: 1 bytes, line 662
662
663<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 663
663
664<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 664
664
665<script type="module">
666  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
667
668  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
669
670</script>
vendor: 1 bytes, line 670
670
671<script>
672  window.Shopify = window.Shopify || {};
673  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
674  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"]};
675</script>
vendor: 1 bytes, line 675
675
676<script>(function() {
677  var isLoaded = false;
678  function asyncLoad() {
679    if (isLoaded) return;
680    isLoaded = true;
681    var urls = ["\/\/shopify.privy.com\/widget.js?shop=billieeilish-official-fr.myshopify.com"];
682    for (var i = 0; i < urls.length; i++) {
683      var s = document.createElement('script');
684      s.type = 'text/javascript';
685      s.async = true;
686      s.src = urls[i];
687      var x = document.getElementsByTagName('script')[0];
688      x.parentNode.insertBefore(s, x);
689    }
690  };
691  if(window.attachEvent) {
692    window.attachEvent('onload', asyncLoad);
693  } else {
694    window.addEventListener('load', asyncLoad, false);
695  }
696})();</script>
vendor: 1 bytes, line 696
696
697<script id="__st">var __st={"a":65171980523,"offset":7200,"reqid":"7396e046-54cd-451e-a778-b5c32acb3457-1791309421","pageurl":"shopfrbillieeilish.com\/","u":"8ccee00d9a1f","p":"home"};</script>
vendor: 1 bytes, line 697
697
698<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 698
698
699<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 699
699
700<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//shopfrbillieeilish.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 700
700
701<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 = "//shopfrbillieeilish.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
701<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 701
701
702<script>
703  window.Shopify = window.Shopify || {};
704  window.Shopify.MCP = window.Shopify.MCP || {};
705  window.Shopify.MCP.enabled = true;
706  window.Shopify.MCP.shop = "billieeilish-official-fr.myshopify.com";
707  window.Shopify.MCP.mcpEndpoint = "https:\/\/shopfrbillieeilish.com\/api\/mcp";
708  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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
709</script>
vendor: 1 bytes, line 709
709
710<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("\/\/shopfrbillieeilish.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
711</script>
vendor: 1 bytes, line 711
711
712<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://shopfrbillieeilish.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
713</script>
vendor: 1 bytes, line 713
713
714<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
715  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);
716</script>
vendor: 1 bytes, line 716
716
717<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})}}));
718</script>
718
719
720<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
720 <link rel="stylesheet" href="https://cdn.rhythm.umgapps.com/fonts/family/pp-neue-montreal/stylesheet.css"><link rel="stylesheet" href="https://cdn.rhythm.umgapps.com/fonts/family/helvetica-neue-lt-ext/stylesheet.css"><style>
721  dialog[open]::backdrop,
722  .umg-backdrop {
723    
724      --theme-color: ;
725      background: hsl(0 0% 0% / 0.4);
726      -webkit-backdrop-filter: blur(10px);
727      backdrop-filter: blur(10px);
728  }
729  
730  #PBarNextFrameWrapper::backdrop,
731  #web-pixels-helper-sandbox-container::backdrop {
732    --theme-color: unset;
733    background: unset;
734    -webkit-backdrop-filter: unset;
735    backdrop-filter: unset;
736  }
737</style><link href="//shopfrbillieeilish.com/cdn/shop/t/33/assets/styles.bundle.css?v=138502811345322781091778242908" rel="stylesheet" type="text/css" media="print" id="styles_css_bundle" onload="this.media=`all`;this.removeAttribute(`onload`)" />
738  <noscript><link href="//shopfrbillieeilish.com/cdn/shop/t/33/assets/styles.bundle.css?v=138502811345322781091778242908" rel="stylesheet" type="text/css" media="all" id="styles_css_bundle" /></noscript>
738<script defer="defer" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/alpine.bundle.js?v=73840622025017525521778242908"></script>
738<script>
739  document.documentElement.classList.add('supports-js');
740</script>
740
741
742
743
744
745
746  
747  <style>
748    .announcement-bar__wrapper.brand:not(.brand--official-store),
749    .header__wrapper.brand:not(.brand--official-store) {
750      display: none;
751    }
752  </style>
753
754
755
756<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/TqO3iNCq82X43Iv7rlkN61Z148Ut7Xm4GHHvI7nl" async></script>
756<style data-shopify>/* GLOBAL */
757body {
758  --custom-border-color: #000;
759  -webkit-font-smoothing: antialiased;
760}
761
762/* TABLET FONT SIZES */
763@media (min-width: 48em) and (max-width: 75em) {
764  .text_display_md,
765  .text_display_md button {
766    font-size: calc((var(--font_display_md_size) + var(--font_display_md_size_md)) / 2);
767  }
768  .text_heading_2xl {
769    font-size: calc((var(--font_heading_2xl_size) + var(--font_heading_2xl_size_md)) / 2);
770  }
771  .text_heading_xl {
772    font-size: calc((var(--font_heading_xl_size) + var(--font_heading_xl_size_md)) / 2);
773  }
774  .text_heading_lg {
775    font-size: calc((var(--font_heading_lg_size) + var(--font_heading_lg_size_md)) / 2);
776  }
777  .text_heading_md {
778    font-size: calc((var(--font_heading_md_size) + var(--font_heading_md_size_md)) / 2);
779  }
780}
781
782/* BUTTONS */
783.btn--primary,
784.btn--secondary {
785  padding-left: 2.5rem;
786  padding-right: 2.5rem;
787}
788.section__wrapper.scheme-scheme2 .btn--secondary {
789  --button-fill-hover: var(--color-secondary-on);
790}
791.section__wrapper.scheme-scheme2 .btn--secondary:hover {
792  --button-color: var(--color-secondary);
793}
794
795/* MEDIA SECTION BUTTON BUG FIX */
796.media-section .btn {
797  z-index: 0;
798}
799
800/* HEADER */
801.shopify-section-group-header-group.developer {
802  position: sticky !important;
803}
804@media (min-width: 768px) {
805  .shopify-section-group-header-group {
806    z-index: 999999;
807  }
808}
809.supports-js .section__wrapper.custom-header-overlap {
810  margin-top: calc((-1 * var(--header-group-height, 11.4375rem)) - 1px);
811}
812@media (min-width: 768px) {
813  .supports-js .section__wrapper.custom-header-overlap {
814    margin-top: calc((-1 * var(--header-group-height, 12.5625rem)) - 1px);
815  }
816}
817.supports-js body:not(:has(.shopify-section-group-header-group.announcement-bar)) .section__wrapper.custom-header-overlap {
818  margin-top: calc((-1 * var(--header-group-height, 7.6875rem)) - 1px);
819}
820@media (min-width: 768px) {
821  .supports-js body:not(:has(.shopify-section-group-header-group.announcement-bar)) .section__wrapper.custom-header-overlap {
822    margin-top: calc((-1 * var(--header-group-height, 8.6875rem)) - 1px);
823  }
824}
825
826/* HEADER: announcement bar */
827.announcement-bar__wrapper.brand {
828  margin: 1rem 1rem 0;
829  border: 1px solid var(--custom-border-color);
830}
831@media (min-width: 768px) {
832  .announcement-bar__wrapper.brand {
833    margin: 1rem 1.25rem 0;
834  }
835}
836.announcement-bar__wrapper.brand .announcement-bar__container {
837  padding-top: 0.875rem;
838  padding-bottom: 0.875rem;
839}
840
841/* HEADER: store switcher */
842.store-switcher {
843  margin: 1rem 1rem 0;
844  background-color: #fff;
845  border: 1px solid var(--custom-border-color);
846}
847@media (min-width: 768px) {
848  .store-switcher {
849    margin: 1rem 1.25rem 0;
850  }
851}
852.store-switcher .section__container {
853  display: flex;
854  justify-content: space-between;
855}
856@media (max-width: 767px) {
857  .store-switcher #brands-fragment,
858  .store-switcher .brands-list,
859  .store-switcher .brand-item {
860    flex-grow: 1;
861  }
862}
863.store-switcher .header__brands-wrapper {
864  min-height: 100%;
865}
866.store-switcher .brand-item {
867  cursor: pointer;
868  position: relative;
869  border-right: 1px solid var(--custom-border-color);
870}
871.store-switcher .brand-item:not(.active) {
872  transition:
873    color 0.2s ease-out,
874    background-color 0.2s ease-out;
875}
876@media (max-width: 767px) {
877  .store-switcher .brand-item:last-of-type {
878    border-right: none;
879  }
880}
881.store-switcher .brand-item[data-brand="official-store"].active,
882.store-switcher .brand-item[data-brand="official-store"]:not(.active):hover {
883  color: #fff;
884  background-color: #162e8c;
885}
886.store-switcher .brand-item[data-brand="fragrance"].active,
887.store-switcher .brand-item[data-brand="fragrance"]:not(.active):hover {
888  color: #fff;
889  background-color: #000;
890}
891.store-switcher .brand-item svg {
892  display: inline-block;
893  margin-right: 0.5em;
894}
895@media (max-width: 767px) {
896  .store-switcher .brand-item svg {
897    display: none;
898  }
899}
900.store-switcher .brand-item a {
901  width: 100%;
902  padding: 0.5rem 1rem;
903  text-align: center;
904  text-transform: uppercase;
905}
906@media (min-width: 768px) {
907  .store-switcher .brand-item a {
908    padding: 0.5rem 1.5rem;
909    min-width: 12rem;
910  }
911}
912.store-switcher .actions {
913  margin-left: auto;
914}
915@media (min-width: 768px) {
916  .store-switcher .actions {
917    column-gap: 0.25rem;
918    padding-right: 1rem;
919  }
920}
921@media (max-width: 767px) {
922  .store-switcher .header__action--account-link {
923    border-left: 1px solid var(--custom-border-color);
924    border-right: 1px solid var(--custom-border-color);
925  }
926}
927.store-switcher .header__action .umg-icon {
928  height: 1.375rem;
929  width: 1.375rem;
930}
931.store-switcher .header__action .cart-count {
932  top: 1px;
933  right: 1px;
934  min-height: 1.125rem;
935  min-width: 1.125rem;
936}
937
938/* HEADER: navigation bar */
939.site-header {
940  padding: 0 1rem;
941}
942@media (min-width: 768px) {
943  .site-header {
944    padding: 0 1.25rem;
945  }
946}
947.header__wrapper {
948  border-bottom: none;
949}
950.header__container {
951  border-right: 1px solid var(--custom-border-color);
952  border-bottom: 1px solid var(--custom-border-color);
953  border-left: 1px solid var(--custom-border-color);
954  align-items: center;
955  background-color: #fff;
956}
957.header__container .header__column--developer {
958  display: flex;
959  justify-content: center;
960}
961@media (min-width: 768px) {
962  .header__container .header__column--developer {
963    justify-content: flex-start;
964  }
965}
966.header__container .cart-toggle {
967  display: none;
968}
969.header__container--md {
970  padding-right: 1rem;
971}
972.header__container--md .mega-menu__primary-list {
973  padding-left: 3rem;
974}
975.header__search-wrapper {
976  border-right: 1px solid var(--custom-border-color);
977  border-bottom: 1px solid var(--custom-border-color);
978  border-left: 1px solid var(--custom-border-color);
979}
980.header__search-container {
981  max-width: none;
982  padding-left: 2.5rem;
983  padding-right: 2.5rem;
984}
985.header__search-container > button.w-6.h-6 {
986  width: 2.5rem;
987  height: 2.5rem;
988  margin: 0;
989  display: flex;
990  justify-content: center;
991  align-items: center;
992}
993.header__search-container .icon--close {
994  width: 1rem;
995  height: 1rem;
996}
997.header__search-container .predictive-search__form {
998  max-width: 70ch;
999}
1000.mega-menu__submenu {
1001  width: 100%;
1002  border-right: 1px solid var(--custom-border-color);
1003  border-bottom: 1px solid var(--custom-border-color);
1004  border-left: 1px solid var(--custom-border-color);
1005}
1006.header__wrapper .umg-backdrop {
1007  position: fixed;
1008  top: 0;
1009}
1010.nav-drawer__menu {
1011  border-right: 1px solid var(--custom-border-color);
1012}
1013.nav-drawer__menu .nav-drawer__child-link--view-all {
1014  display: none;
1015}
1016
1017/* FOOTER */
1018.site-footer h3 {
1019  margin-bottom: 0.25rem;
1020}
1021@media (max-width: 767px) {
1022  .footer__griditem--5.footer__griditem--developer {
1023    grid-row: 3 / 4;
1024  }
1025}
1026
1027/* CART DRAWER */
1028@media (min-width: 768px) {
1029  #cart-drawer {
1030    border-left: 1px solid var(--custom-border-color);
1031  }
1032}
1033.cart-drawer__innerwrapper .cart-drawer__main {
1034  padding: 0;
1035}
1036.cart-drawer__innerwrapper:not(.cart-drawer--empty) .cart-drawer__main {
1037  border-top: 1px solid var(--custom-border-color);
1038}
1039.cart-drawer__innerwrapper:not(.cart-drawer--empty) .cart-items {
1040  border-bottom: 1px solid var(--custom-border-color);
1041}
1042.cart-drawer__innerwrapper .cart-items > .section__container,
1043.cart-drawer__innerwrapper .cart-upsell__item.grid,
1044.cart-drawer__innerwrapper .cart__item > .grid {
1045  gap: 0;
1046}
1047.cart-drawer__innerwrapper .cart-upsell__item.grid.grid-cols-\[1fr_5fr\],
1048.cart-drawer__innerwrapper .cart__item > .grid.grid-cols-\[1fr_5fr\] {
1049  grid-template-columns: 1fr 4fr;
1050}
1051@media (min-width: 768px) {
1052  .cart-drawer__innerwrapper .cart-upsell__item.grid.md\:grid-cols-\[100px_1fr\],
1053  .cart-drawer__innerwrapper .cart__item > .grid.md\:grid-cols-\[100px_1fr\] {
1054    grid-template-columns: 150px 1fr;
1055  }
1056}
1057.cart-drawer__innerwrapper .cart-upsell__item-image,
1058.cart-drawer__innerwrapper .cart-item-image {
1059  background-color: #dedddb;
1060  border-right: 1px solid var(--custom-border-color);
1061  min-height: 100%;
1062  display: flex;
1063}
1064.cart-drawer__innerwrapper .cart-upsell__item-image img,
1065.cart-drawer__innerwrapper .cart-item-image img {
1066  object-fit: contain;
1067  height: 100%;
1068  margin: auto;
1069}
1070.cart-drawer__innerwrapper .cart-upsell__item-info,
1071.cart-drawer__innerwrapper .product-info {
1072  padding: 1rem;
1073}
1074@media (min-width: 768px) {
1075  .cart-drawer__innerwrapper .cart-upsell__item-info,
1076  .cart-drawer__innerwrapper .product-info {
1077    padding: 1.5rem 1rem;
1078  }
1079}
1080.cart-drawer__innerwrapper .cart-upsell__item-prompt {
1081  text-transform: uppercase;
1082}
1083.cart-drawer__innerwrapper .cart-drawer__footer > .px-sm-md.pb-sm-xl {
1084  padding-bottom: 0;
1085}
1086.cart-drawer__innerwrapper .cart-drawer__button {
1087  margin-left: -1rem;
1088  margin-right: -1rem;
1089  margin-top: 1rem;
1090}
1091.cart-drawer__innerwrapper .cart-drawer__button .btn {
1092  min-height: 3rem;
1093  border: none;
1094  border-top: 1px solid var(--custom-border-color);
1095  --button-fill: var(--color-primary);
1096  --button-fill-hover: var(--color-primary-on);
1097  --button-color: var(--color-primary-on);
1098}
1099.cart-drawer__innerwrapper .cart-drawer__button .btn:hover {
1100  --button-color: var(--color-primary);
1101}
1102.cart-drawer__innerwrapper .cart-drawer__count .text_body_sm,
1103.cart-drawer__innerwrapper .cart-drawer__footer .text_body_sm {
1104  font-family: var(--font_body_lg);
1105  font-size: var(--font_body_lg_size);
1106  font-weight: var(--font_body_lg_weight);
1107  letter-spacing: var(--font_body_lg_letter);
1108  line-height: var(--font_body_lg_line);
1109  text-transform: var(--font_body_lg_text_transform);
1110}
1111@media (min-width: 48em) {
1112  .cart-drawer__innerwrapper .cart-drawer__count .text_body_sm,
1113  .cart-drawer__innerwrapper .cart-drawer__footer .text_body_sm {
1114    font-size: var(--font_body_lg_size_md);
1115  }
1116}
1117
1118/* FILTERS DRAWER */
1119#side-drawer-facets-drawer-wrapper .hamburger-menu-wrapper {
1120  max-width: 400px;
1121  border-right: 1px solid var(--custom-border-color);
1122}
1123#side-drawer-facets-drawer-title .text_heading_md {
1124  font-family: var(--font_heading_xl);
1125  font-size: var(--font_heading_xl_size);
1126  font-weight: var(--font_heading_xl_weight);
1127  letter-spacing: var(--font_heading_xl_letter);
1128  line-height: var(--font_heading_xl_line);
1129  text-transform: var(--font_heading_xl_text_transform);
1130}
1131@media (min-width: 48em) {
1132  #side-drawer-facets-drawer-title .text_heading_md {
1133    font-size: calc((var(--font_heading_xl_size) + var(--font_heading_xl_size_md)) / 2);
1134  }
1135}
1136#side-drawer-facets-drawer-description {
1137  padding-left: 0;
1138  padding-right: 0;
1139  margin-top: 1rem;
1140}
1141.drawer-content #facets-filters > .flex {
1142  row-gap: 3rem;
1143}
1144.drawer-content #facets-filters > .flex > .flex {
1145  gap: 0;
1146}
1147.drawer-content .filters__label,
1148.drawer-content .filters__title,
1149.drawer-content .filter__header,
1150.drawer-content .filter__body,
1151.drawer-content .active-filters {
1152  padding-left: 1.25rem;
1153  padding-right: 1.25rem;
1154}
1155.drawer-content .facets-results-count {
1156  padding-right: 1.25rem;
1157}
1158.drawer-content .filters__label,
1159.drawer-content .filters__title {
1160  font-family: var(--font_body_lg);
1161  font-size: var(--font_body_lg_size);
1162  font-weight: var(--font_body_lg_weight);
1163  letter-spacing: var(--font_body_lg_letter);
1164  line-height: var(--font_body_lg_line);
1165  text-transform: var(--font_body_lg_text_transform);
1166}
1167@media (min-width: 48em) {
1168  .drawer-content .filters__label,
1169  .drawer-content .filters__title {
1170    font-size: var(--font_body_lg_size_md);
1171  }
1172}
1173.drawer-content .filter__header {
1174  padding-top: 0.75rem;
1175  padding-bottom: 0.75rem;
1176}
1177.drawer-content .filter__group-title {
1178  text-decoration: none;
1179}
1180.drawer-content .filter__body {
1181  border-bottom: 1px solid var(--custom-border-color);
1182}
1183.drawer-content .filter-item .c-text-content-subtle {
1184  color: var(--color-content-base);
1185}
1186.drawer-content .filter__content {
1187  padding-top: 0;
1188}
1189.drawer-content .active-filters .c-border-content-subtle {
1190  border-color: var(--color-content-base);
1191}
1192
1193/* PRODUCT GRIDS */
1194.section__wrapper:not(.no-custom-grid-lines) .product-grid .grid-layout,
1195.section__wrapper:not(.no-custom-grid-lines) .grid--product,
1196.template__product:not(.template__product--fragrance) .recommended-products .grid--product {
1197  border-top: 1px solid var(--custom-border-color);
1198  border-bottom: 1px solid var(--custom-border-color);
1199  gap: 1px;
1200  --grid-gap-x: 1px !important;
1201  --grid-gap-y: 1px !important;
1202}
1203.section__wrapper:not(.no-custom-grid-lines) .product-grid .grid-layout > .product_card,
1204.section__wrapper:not(.no-custom-grid-lines) .grid--product > .grid-item__wrapper,
1205.template__product:not(.template__product--fragrance) .recommended-products .grid--product > .grid-item__wrapper {
1206  box-shadow: 0 0 0 1px var(--custom-border-color);
1207}
1208.grid--product > .grid-item__wrapper,
1209.product-grid .grid-layout > .product_card {
1210  height: auto;
1211}
1212.product_card .card__container {
1213  background-color: var(--color-background);
1214  grid-template-rows: auto 1fr;
1215}
1216.product_card .card__image-wrapper {
1217  background-color: #dedddb;
1218}
1219
1220/* COLLECTION PAGE */
1221.js-open-drawer {
1222  margin-left: 1.5rem;
1223  margin-right: auto;
1224}
1225.collection .product-grid .grid-layout {
1226  overflow: hidden;
1227}
1228.collection .card__wrapper:not(.product_card) {
1229  height: auto;
1230}
1231.collection .card__wrapper:not(.product_card) .card__container {
1232  grid-template-rows: 1fr;
1233}
1234.collection .card__wrapper:not(.product_card) .card__image .image__responsive.object-cover {
1235  width: calc(100% + 1px);
1236  height: calc(100% + 1px);
1237}
1238.collection .card__wrapper:not(.product_card) .card__title {
1239  padding: 1rem 1.5rem;
1240}
1241
1242/* PAGINATION */
1243.pagination-wrapper {
1244  overflow: hidden;
1245  border-top: 1px solid var(--custom-border-color);
1246  border-bottom: 1px solid var(--custom-border-color);
1247  margin-top: -1px;
1248}
1249.pagination__list {
1250  justify-content: flex-end;
1251  gap: 1px;
1252}
1253.pagination__list-item {
1254  box-shadow: 0 0 0 1px var(--custom-border-color);
1255}
1256.pagination__item {
1257  font-family: var(--typeface_tertiary);
1258  font-size: 0.825rem;
1259  width: 4ch;
1260  height: 4ch;
1261  text-decoration: none;
1262}
1263@media (min-width: 768px) {
1264  .pagination__item {
1265    font-size: 1.125rem;
1266  }
1267}
1268.pagination__item .w-\[1ch\].md\:w-\[2ch\] {
1269  width: 1ch;
1270  height: 1ch;
1271}
1272.pagination__item--current {
1273  color: var(--color-secondary-on);
1274  background-color: var(--color-secondary);
1275}
1276
1277/* PRODUCT PAGE */
1278.template-product__spacing {
1279  padding: 0;
1280}
1281.template-product .section-container {
1282  gap: 0;
1283}
1284.template-product .product__media {
1285  margin: 0;
1286}
1287.template-product .swiper--thumbs .swiper-viewport--thumbs {
1288  margin-left: 0;
1289  padding-left: 0;
1290  padding-right: 0;
1291}
1292.template-product .swiper--thumbs .swiper-slide:first-child {
1293  margin-left: 1rem;
1294}
1295.template-product .swiper--thumbs .swiper-slide:last-child {
1296  margin-right: 1rem !important;
1297}
1298@media (min-width: 768px) {
1299  .template-product .product__media {
1300    border-right: 1px solid var(--custom-border-color);
1301  }
1302  .template-product .swiper--thumbs.md\:hidden {
1303    display: none;
1304  }
1305}
1306.pdp-image-wrapper,
1307.product__media .dialog-media-container {
1308  background-color: #dedddb;
1309}
1310.template-product .product__info {
1311  max-width: none;
1312  row-gap: 0;
1313}
1314.template-product .product__info > *:not(.section-spacing):not(.divider) {
1315  padding: 1rem;
1316  border-bottom: 1px solid var(--custom-border-color);
1317}
1318.template-product .product__info .card__tags,
1319.template-product .product-title,
1320.template-product .product-attribute--artist,
1321.template-product .product-price {
1322  padding-top: 0 !important;
1323  border-bottom: none !important;
1324}
1325.template-product .form__label,
1326.template-product .product__date {
1327  font-family: var(--font_display_md);
1328  font-size: var(--font_display_md_size);
1329  font-weight: var(--font_display_md_weight);
1330  letter-spacing: var(--font_display_md_letter);
1331  line-height: var(--font_display_md_line);
1332  text-transform: var(--font_display_md_text_transform);
1333}
1334@media (min-width: 48em) {
1335  .template-product .form__label,
1336  .template-product .product__date {
1337    font-size: var(--font_display_md_size_md);
1338  }
1339}
1340@media (min-width: 48em) and (max-width: 75em) {
1341  .template-product .form__label,
1342  .template-product .product__date {
1343    font-size: calc((var(--font_display_md_size) + var(--font_display_md_size_md)) / 2);
1344  }
1345}
1346.template-product .form__label {
1347  padding: 0.5rem 1rem;
1348}
1349.template-product .product-variant-selector {
1350  padding: 0 !important;
1351  overflow: hidden;
1352}
1353.template-product .product-variant-selector:has(.product-form__input.hidden) {
1354  border-bottom: none !important;
1355}
1356.template-product .product-variant-selector .product-form__input {
1357  gap: 1px;
1358  align-items: flex-start;
1359}
1360.template-product .product-variant-selector .form__label {
1361  width: auto;
1362  min-width: 6.75rem;
1363  height: 3rem;
1364  margin-bottom: 0;
1365  display: flex;
1366  justify-content: center;
1367  align-items: center;
1368  box-shadow: 0 0 0 1px var(--custom-border-color);
1369}
1370.template-product .product-variant-selector .options-values {
1371  gap: 1px;
1372  width: 100%;
1373}
1374.template-product .product-variant-selector .option-value {
1375  flex-grow: 1;
1376  box-shadow: 0 0 0 1px var(--custom-border-color);
1377}
1378.template-product .product-variant-selector .option-value .option--swatch {
1379  width: 100%;
1380  min-width: 3rem;
1381  min-height: 3rem;
1382  transition: 0.2s ease-out;
1383  display: flex;
1384  justify-content: center;
1385  align-items: center;
1386  text-transform: uppercase;
1387  border: none;
1388}
1389.template-product .product-form {
1390  gap: 0;
1391}
1392.template-product .quantity-spinner-wrapper {
1393  gap: 0;
1394  border-right: 1px solid var(--custom-border-color);
1395}
1396.template-product .quantity-spinner {
1397  width: 100%;
1398  justify-content: space-between;
1399  border: none;
1400}
1401.template-product .quantity-spinner .quantity-spinner__input,
1402.template-product .quantity-spinner .quantity-spinner__button {
1403  min-width: 2.25rem;
1404  min-height: 3rem;
1405}
1406.template-product .quantity-spinner .quantity-spinner__input {
1407  flex-grow: 1;
1408  max-width: 100%;
1409}
1410.template-product .quantity-spinner .quantity-spinner__button {
1411  font-size: 1.125rem;
1412  transition: 0.2s ease-out;
1413}
1414.template-product .quantity-spinner .quantity-spinner__input {
1415  -webkit-text-fill-color: var(--color-content-base);
1416}
1417.template-product .product-variant-selector .option-value input:checked + .option--swatch,
1418.template-product .product-variant-selector .option-value input:not(:checked):not(:disabled) + .option--swatch:hover {
1419  color: var(--color-secondary-on);
1420  background-color: var(--color-secondary);
1421  opacity: 1;
1422}
1423.template-product .product-form-cntr {
1424  padding: 0 !important;
1425}
1426.template-product .product-form-cntr:not(:has(.product-form__submit, .product-form__sold-out)) {
1427  border-bottom: none !important;
1428}
1429.template-product .product-form__submit,
1430.template-product .product-form__retail-link {
1431  min-height: 3rem;
1432  border: none;
1433}
1434.template-product .product-form__sold-out {
1435  min-height: 3rem;
1436  display: flex;
1437  align-items: center;
1438  justify-content: center;
1439  text-align: center;
1440  position: relative;
1441  padding: var(--button-py-default) var(--button-px-default);
1442  font-size: var(--button-font-size);
1443  font-family: var(--font_button);
1444  font-weight: var(--font_button_weight);
1445  letter-spacing: var(--font_button_letter);
1446  line-height: var(--font_button_line);
1447  text-transform: var(--font_button_text_transform);
1448}
1449@media screen and (min-width: 48em) {
1450  .template-product .product-form__sold-out {
1451    --button-font-size: var(--font_button_size_md);
1452  }
1453}
1454.template-product .product-form__error-message-wrapper {
1455  margin-top: 0;
1456  padding: 1rem;
1457  border-top: 1px solid var(--custom-border-color);
1458}
1459.template-product .accordion {
1460  padding: 0 !important;
1461  border-top: none;
1462  border-right: none;
1463  border-left: none;
1464}
1465.template-product .accordion__header {
1466  padding: 1rem;
1467}
1468.template-product .accordion__content {
1469  padding: 1rem;
1470}
1471
1472/* FRAGRANCE PRODUCT GRIDS */
1473.no-custom-grid-lines .js-open-drawer {
1474  margin-left: 0;
1475}
1476
1477.no-custom-grid-lines .card__details--wrapper,
1478.template__product--fragrance .recommended-products .card__details--wrapper {
1479  padding-left: 0;
1480  padding-right: 0;
1481}
1482.no-custom-grid-lines .card__cta,
1483.template__product--fragrance .recommended-products .card__cta {
1484  padding-left: 0;
1485  padding-right: 0;
1486  margin-top: 0.5rem;
1487}
1488
1489/* FRAGRANCE COLLECTION PAGE PAGINATION */
1490.template__collection--fragrance .pagination__list {
1491  margin-top: 1.5rem;
1492  justify-content: center;
1493}
1494.template__collection--fragrance .pagination__list-item {
1495  box-shadow: none;
1496}
1497.template__collection--fragrance .pagination__item {
1498  font-family: var(--typeface_primary);
1499  font-size: 0.75rem;
1500}
1501@media (min-width: 768px) {
1502  .template__collection--fragrance .pagination__item {
1503    font-size: 0.875rem;
1504  }
1505}
1506.template__collection--fragrance .pagination__item.underline {
1507  text-decoration: underline;
1508}
1509.template__collection--fragrance .pagination__item--current {
1510  color: var(--color-text-base);
1511  background-color: transparent;
1512}
1513
1514/* FRAGRANCE PRODUCT PAGE */
1515@media (min-width: 768px) {
1516  .template__product--fragrance .product__media {
1517    border-right: none;
1518    padding-left: var(--padding-container-md);
1519    padding-right: var(--padding-container-md);
1520  }
1521  .template__product--fragrance .product__info {
1522    margin-bottom: 10rem;
1523  }
1524}
1525
1526/* HOMEPAGE */
1527.template__index .text_heading_2xl {
1528  margin-top: 0.25rem;
1529  margin-bottom: 0.25rem;
1530}
1531
1532/* HOMEPAGE: custom collection grid */
1533.homepage-collection-grid .card__wrapper:not(.product_card) {
1534  height: 100%;
1535}
1536.homepage-collection-grid .card__wrapper:not(.product_card) .card__container,
1537.homepage-collection-grid .card__wrapper:not(.product_card) .card__image--container {
1538  grid-template-rows: 1fr;
1539}
1540.homepage-collection-grid .card__wrapper:not(.product_card) .card__image {
1541  height: auto;
1542}
1543.homepage-collection-grid .card__wrapper:not(.product_card) .card__overlay {
1544  padding: 1rem 1.5rem;
1545}
1546.homepage-collection-grid .card__wrapper:not(.product_card) .card__overlay p {
1547  font-family: var(--font_heading_xl);
1548  font-size: var(--font_heading_xl_size);
1549  font-weight: var(--font_heading_xl_weight);
1550  letter-spacing: var(--font_heading_xl_letter);
1551  line-height: var(--font_heading_xl_line);
1552  text-transform: var(--font_heading_xl_text_transform);
1553}
1554@media (min-width: 48em) {
1555  .homepage-collection-grid .card__wrapper:not(.product_card) .card__overlay p {
1556    font-size: var(--font_heading_xl_size_md);
1557  }
1558}
1559@media (min-width: 48em) and (max-width: 75em) {
1560  .homepage-collection-grid .card__wrapper:not(.product_card) .card__overlay p {
1561    font-size: calc((var(--font_heading_xl_size) + var(--font_heading_xl_size_md)) / 2);
1562  }
1563}
1564
1565/* HOMEPAGE: custom product carousel */
1566@media (max-width: 767px) {
1567  .homepage-product-carousel {
1568    margin-top: 0.5rem;
1569    margin-bottom: 0.5rem;
1570  }
1571}
1572.homepage-product-carousel .media-item-seo-text .underline {
1573  font-family: var(--font_display_md);
1574  font-size: var(--font_display_md_size);
1575  font-weight: var(--font_display_md_weight);
1576  letter-spacing: var(--font_display_md_letter);
1577  line-height: var(--font_display_md_line);
1578  text-transform: var(--font_display_md_text_transform);
1579}
1580@media (min-width: 48em) {
1581  .homepage-product-carousel .media-item-seo-text .underline {
1582    font-size: var(--font_display_md_size_md);
1583  }
1584}
1585@media (min-width: 48em) and (max-width: 75em) {
1586  .homepage-product-carousel .media-item-seo-text .underline {
1587    font-size: calc((var(--font_display_md_size) + var(--font_display_md_size_md)) / 2);
1588  }
1589}
1590
1591/* CAROUSELS: arrows */
1592@media (max-width: 767px) {
1593  .recommended-products .carousel-wrapper[data-carousel-layout="carousel"],
1594  .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"],
1595  .featured-products .carousel-wrapper[data-carousel-layout="carousel"],
1596  .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"],
1597  .featured-collection .carousel-wrapper[data-carousel-layout="carousel"],
1598  .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] {
1599    padding-bottom: 4rem;
1600  }
1601  .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav,
1602  .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav,
1603  .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav,
1604  .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav,
1605  .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav,
1606  .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav {
1607    transform: none;
1608    top: auto;
1609    bottom: 0.75rem;
1610    padding: 0;
1611  }
1612  .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button,
1613  .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button,
1614  .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button,
1615  .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button,
1616  .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button,
1617  .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button {
1618    width: 2.5rem;
1619    height: 2.5rem;
1620  }
1621  .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.left-0,
1622  .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.left-0,
1623  .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.left-0,
1624  .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.left-0,
1625  .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.left-0,
1626  .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.left-0 {
1627    right: 3rem;
1628    left: auto;
1629  }
1630  .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.right-0,
1631  .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.right-0,
1632  .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.right-0,
1633  .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.right-0,
1634  .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.right-0,
1635  .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.right-0 {
1636    right: 0.5rem;
1637    left: auto;
1638  }
1639  .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__icon,
1640  .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__icon,
1641  .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__icon,
1642  .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__icon,
1643  .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__icon,
1644  .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__icon {
1645    color: var(--color-content-base);
1646  }
1647  .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled,
1648  .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled,
1649  .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled,
1650  .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled,
1651  .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled,
1652  .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled {
1653    opacity: 0.4;
1654  }
1655  .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button-bg,
1656  .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button-bg,
1657  .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button-bg,
1658  .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button-bg,
1659  .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button-bg,
1660  .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button-bg {
1661    background-color: transparent;
1662  }
1663}
1664@media (min-width: 768px) {
1665  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"],
1666  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"],
1667  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"],
1668  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"],
1669  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"],
1670  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] {
1671    padding-bottom: 4rem;
1672  }
1673  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav,
1674  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav,
1675  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav,
1676  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav,
1677  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav,
1678  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav {
1679    transform: none;
1680    top: auto;
1681    bottom: 0.75rem;
1682    padding: 0;
1683  }
1684  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button,
1685  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button,
1686  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button,
1687  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button,
1688  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button,
1689  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button {
1690    width: 2.5rem;
1691    height: 2.5rem;
1692  }
1693  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.left-0,
1694  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.left-0,
1695  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.left-0,
1696  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.left-0,
1697  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.left-0,
1698  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.left-0 {
1699    right: 3rem;
1700    left: auto;
1701  }
1702  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.right-0,
1703  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.right-0,
1704  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.right-0,
1705  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.right-0,
1706  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.right-0,
1707  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.right-0 {
1708    right: 0.5rem;
1709    left: auto;
1710  }
1711  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__icon,
1712  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__icon,
1713  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__icon,
1714  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__icon,
1715  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__icon,
1716  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__icon {
1717    color: var(--color-content-base);
1718  }
1719  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled,
1720  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled,
1721  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled,
1722  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled,
1723  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled,
1724  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled {
1725    opacity: 0.4;
1726  }
1727  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button-bg,
1728  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button-bg,
1729  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button-bg,
1730  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button-bg,
1731  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button-bg,
1732  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button-bg {
1733    background-color: transparent;
1734  }
1735}
1736
1737/* CAROUSELS: bottom border line fix */
1738@media (max-width: 767px) {
1739  .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .swiper__viewport,
1740  .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .swiper__viewport,
1741  .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .swiper__viewport,
1742  .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .swiper__viewport,
1743  .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .swiper__viewport,
1744  .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .swiper__viewport {
1745    padding-bottom: 1px;
1746  }
1747}
1748@media (min-width: 768px) {
1749  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .swiper__viewport,
1750  .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .swiper__viewport,
1751  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .swiper__viewport,
1752  .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .swiper__viewport,
1753  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .swiper__viewport,
1754  .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .swiper__viewport {
1755    padding-bottom: 1px;
1756  }
1757}
1758
1759/* MEDIA SECTION GRID LINES */
1760.custom-grid-lines .media-section__wrapper {
1761  border-top: 1px solid var(--custom-border-color);
1762  border-bottom: 1px solid var(--custom-border-color);
1763  gap: 1px;
1764}
1765.media-section:has(.custom-grid-lines) + .media-section:has(.custom-grid-lines) .media-section__wrapper {
1766  border-top: none;
1767}
1768.custom-grid-lines .media-section__wrapper > .media-item {
1769  box-shadow: 0 0 0 1px var(--custom-border-color);
1770}
1771
1772/* FIXED VIDEO ASPECT RATIO */
1773.custom-video-aspect-ratio .video__poster {
1774  display: block !important;
1775}
1776.custom-video-aspect-ratio .video-umg-playback {
1777  aspect-ratio: 1080 / 1750;
1778  background-color: #000;
1779}
1780@media (min-width: 768px) {
1781  .custom-video-aspect-ratio .video-umg-playback {
1782    aspect-ratio: 1920 / 1080;
1783  }
1784}/* PRODUCT PAGE: quantity input width update */
1785.template-product .product-variant-selector .form__label {
1786  min-width: 7rem;
1787}
1788.template-product .quantity-spinner .quantity-spinner__input {
1789  min-width: 2.5rem;
1790  flex-grow: 0;
1791  max-width: 4ch;
1792}</style><link rel="apple-touch-icon" sizes="180x180" href="//shopfrbillieeilish.com/cdn/shop/files/BE-000087_2026Store_Meta-01_Favicon.jpg?crop=center&height=180&v=1778256509&width=180">
1793    <link rel="icon" href="//shopfrbillieeilish.com/cdn/shop/files/BE-000087_2026Store_Meta-01_Favicon.jpg?crop=center&height=32&v=1778256509&width=32"><meta name="description" content="Retrouvez toute l&#39;actualité musicale et merch de Billie Eilish.">
1794
1795  <meta property="og:site_name" content="Store Billie Eilish">
1796  <meta property="og:url" content="https://shopfrbillieeilish.com/">
1797  <meta property="og:title" content="Billie Eilish Store - Store Billie Eilish">
1798  <meta property="og:type" content="website">
1799  <meta property="og:description" content="Retrouvez toute l&#39;actualité musicale et merch de Billie Eilish."><meta property="og:image" content="http://shopfrbillieeilish.com/cdn/shop/files/BE-000087_2026Store_Meta-01_ShareImage.jpg?v=1778256233">
1800  <meta property="og:image:secure_url" content="https://shopfrbillieeilish.com/cdn/shop/files/BE-000087_2026Store_Meta-01_ShareImage.jpg?v=1778256233">
1801  <meta property="og:image:width" content="5001">
1802  <meta property="og:image:height" content="2618"><meta name="twitter:card" content="summary_large_image">
1803  <meta name="twitter:title" content="Billie Eilish Store - Store Billie Eilish">
1804  <meta name="twitter:description" content="Retrouvez toute l&#39;actualité musicale et merch de Billie Eilish.">
1804<script>
1805      window.dotDigital = {
1806        shopDomain: 'shopfrbillieeilish.com',
1807        insightId: 'DM-6208674043-02'
1808      }
1809    </script>
1809<script defer="defer" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/dot-digital.bundle.js?v=111676681593682757461778242908"></script>
1809<!-- BEGIN app block: shopify://apps/privy-pop-ups-email-sms/blocks/privy-convert-production/1d8599fa-4edf-4071-bda6-4d5d6d82de9c -->
1809<script src="https://shopify.privy.com/widget.js?shop=billieeilish-official-fr.myshopify.com"></script>
1809
1810
1811<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1812<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: 65171980523,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 1812
1812
1813<script>
1814  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1815</script>
vendor: 1 bytes, line 1815
1815
1816<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}
1816).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: 65171980523,storefrontBaseUrl: "https://shopfrbillieeilish.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://shopfrbillieeilish.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"4879614295","configuration":"{\"pixelCode\":\"D6BEQRBC77U2724EQ79G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"4366172503","configuration":"{\"tagId\":\"DM-6208674043-02\",\"baseWebBehaviourAppUrl\":\"https:\/\/r2.trackedweb.net\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c42396e3542122fe46f6c5b4c170816b","type":"APP","apiClientId":1479713,"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"}
1816,{"id":"1590100311","configuration":"{\"gtm_id\":\"GTM-TCJ87SS\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"9c02f134f72408f0926e349d50d5e1fe","type":"APP","apiClientId":37773246465,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1110278487","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-16520768007\\\",\\\"GT-PH3FZNPL\\\"],\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-16520768007\\\/ZybMCIfI08caEIfU28U9\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-16520768007\\\/XvqVCJPI08caEIfU28U9\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-16520768007\\\/iA3ACJDI08caEIfU28U9\\\",\\\"MC-BMDJ9ZZ7Z9\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-16520768007\\\/CJKMCITI08caEIfU28U9\\\",\\\"MC-BMDJ9ZZ7Z9\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-16520768007\\\/2Xp8CI3I08caEIfU28U9\\\",\\\"MC-BMDJ9ZZ7Z9\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-16520768007\\\/V9kZCJbI08caEIfU28U9\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-16520768007\\\/8hSoCIrI08caEIfU28U9\\\"}],\\\"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":"1110081879","configuration":"{\"pixel_id\":\"216071549965002\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"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":"Store Billie Eilish","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"billieeilish-official-fr.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/shopfrbillieeilish.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10760742306135","handle":"hit-me-hard-and-soft-the-tour-live-vinyl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53317691343191","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10851971072343","handle":"billie-eilish-view-master","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53498795000151","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760366883159","handle":"billie-eyes-live-in-3d-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315958997335","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1816,{"id":"10760366915927","handle":"hit-me-hard-and-soft-live-in-3d-jump-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315959161175","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760366981463","handle":"live-in-3d-hair-whip-mustard-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315959357783","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760367046999","handle":"billie-upside-down-live-in-3d-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315959554391","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760367112535","handle":"hit-me-hard-and-soft-live-in-3d-hands-black-zip-hoodie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315959750999","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760367145303","handle":"live-in-3d-embroidered-star-red-crewneck","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315959914839","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760367210839","handle":"hit-me-hard-and-soft-live-in-3d-track-jacket","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315960111447","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760367243607","handle":"hit-me-hard-and-soft-mesh-basketball-shorts","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315960275287","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760621293911","handle":"orange-hit-me-hard-and-soft-snapback","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53317420384599","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760607564119","handle":"live-in-3d-knit-beanie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53317375426903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760367341911","handle":"be-lenticular-star-keychain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315960439127","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760367374679","handle":"live-in-3d-sticker-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315960471895","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760367407447","handle":"live-in-3d-commemorative-movie-ticket","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315960504663","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760367440215","handle":"be-star-and-blohsh-shoelace-set","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315960537431","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10760367505751","handle":"hit-me-hard-and-soft-bag-charm","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53315960602967","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1816,{"id":"10330333643095","handle":"collier-blohsh-noir","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51897546637655","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10400851820887","handle":"gold-blohsh-pennant-necklace","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52163482648919","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10400848445783","handle":"gold-blohsh-mini-stud-earrings","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52163474620759","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10045869293911","handle":"blohsh-sterling-silver-stud-boucles-doreilles","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50687546458455","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10045869654359","handle":"collier-blohsh-argent","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50687549178199","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8674886156631","handle":"collier-blohsh-rouge","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47451389591895","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10045869097303","handle":"blohsh-racer-1-blue-polo-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50687545213271","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9802931732823","handle":"blohsh-striped-red-and-black-collard-long-sleeve","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49762959229271","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7760816406763","handle":"popsocket-blanc-blohsh-billie-eilish","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43053643858155","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10457464897879","handle":"jewelry-box","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52397242614103","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9802927866199","handle":"hit-me-hard-and-soft-gym-shorts","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49762949366103","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9824288506199","handle":"caribiner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49840573546839","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10246909526359","handle":"billie-repeat-blue-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51559555334487","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10400853393751","handle":"billie-tartan-plaid-snapback-hat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52163484811607","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10045868704087","handle":"billie-bandana-white-football-jersey","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50687540658519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8966605111639","handle":"hit-me-hard-and-soft-vinyle-standard","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47999243878743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1816,{"id":"10061377405271","handle":"hit-me-hard-and-soft-edition-limitee-vinyle-vert-bouteille-transparent","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50763400216919","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://shopfrbillieeilish.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"198864044375","themePublished":"true","eventMetadataId":"d5f92916-b2b8-4ceb-94b9-78786f9942a0","pageType":"home","shopId":"65171980523","storefrontBaseUrl":"https:\/\/shopfrbillieeilish.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1816<script>
1817  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1818  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1819  window.ShopifyAnalytics.meta.currency = 'EUR';
1820  var meta = {"page":{"pageType":"home","requestId":"7396e046-54cd-451e-a778-b5c32acb3457-1791309421"}};
1821  for (var attr in meta) {
1822    window.ShopifyAnalytics.meta[attr] = meta[attr];
1823  }
1824</script>
vendor: 1 bytes, line 1824
1824
1825<script class="analytics">
1826  (function () {
1827    var customDocumentWrite = function(content) {
1828      var jquery = null;
1829
1830      if (window.jQuery) {
1831        jquery = window.jQuery;
1832      } else if (window.Checkout && window.Checkout.$) {
1833        jquery = window.Checkout.$;
1834      }
1835
1836      if (jquery) {
1837        jquery('body').append(content);
1838      }
1839    };
1840
1841    var hasLoggedConversion = function(token) {
1842      if (token) {
1843        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1844      }
1845      return false;
1846    }
1847
1848    var setCookieIfConversion = function(token) {
1849      if (token) {
1850        var twoMonthsFromNow = new Date(Date.now());
1851        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1852
1853        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1854      }
1855    }
1856
1857    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1858    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1859    if (trekkie.integrations) {
1860      return;
1861    }
1862    trekkie.methods = [
1863      'identify',
1864      'page',
1865      'ready',
1866      'track',
1867      'trackForm',
1868      'trackLink'
1869    ];
1870    trekkie.factory = function(method) {
1871      return function() {
1872        var args = Array.prototype.slice.call(arguments);
1873        args.unshift(method);
1874        trekkie.push(args);
1875        if (method == 'track' || method == 'page') {
1876          var pageUrl;
1877          try {
1878            pageUrl = window.location.href;
1879          } catch (e) {}
1880          var pageReferrer;
1881          try {
1882            pageReferrer = document.referrer;
1883          } catch (e) {}
1884          try {
1885            if (window.__TREKKIE_SHIM_QUEUE == null) {
1886              window.__TREKKIE_SHIM_QUEUE = [];
1887            }
1888            window.__TREKKIE_SHIM_QUEUE.push({
1889              from: 'trekkie-stub',
1890              method: method,
1891              args: args.slice(1),
1892              pageContext: {
1893                url: pageUrl,
1894                referrer: pageReferrer
1895              }
1896            });
1897          } catch (e) {
1898            // no-op
1899          }
1900        }
1901        return trekkie;
1902      };
1903    };
1904    for (var i = 0; i < trekkie.methods.length; i++) {
1905      var key = trekkie.methods[i];
1906      trekkie[key] = trekkie.factory(key);
1907    }
1908    trekkie.load = function(config) {
1909      trekkie.config = config || {};
1910      trekkie.config.initialDocumentCookie = document.cookie;
1911      var first = document.getElementsByTagName('script')[0];
1912var script = document.createElement('script');
1913script.type = 'text/javascript';
1914script.onerror = function(e) {
1915  var scriptFallback = document.createElement('script');
1916  scriptFallback.type = 'text/javascript';
1917  scriptFallback.onerror = function(error) {
1918          var Monorail = {
1919      produce: function produce(monorailDomain, schemaId, payload) {
1920        var currentMs = new Date().getTime();
1921        var event = {
1922          schema_id: schemaId,
1923          payload: payload,
1924          metadata: {
1925            event_created_at_ms: currentMs,
1926            event_sent_at_ms: currentMs
1927          }
1928        };
1929        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1930      },
1931      sendRequest: function sendRequest(endpointUrl, payload) {
1932        // Try the sendBeacon API
1933        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1934          var blobData = new window.Blob([payload], {
1935            type: 'text/plain'
1936          });
1937
1938          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1939            return true;
1940          } // sendBeacon was not successful
1941
1942        } // XHR beacon
1943
1944        var xhr = new XMLHttpRequest();
1945
1946        try {
1947          xhr.open('POST', endpointUrl);
1948          xhr.setRequestHeader('Content-Type', 'text/plain');
1949          xhr.send(payload);
1950        } catch (e) {
1951          console.log(e);
1952        }
1953
1954        return false;
1955      },
1956      isIos12: function isIos12() {
1957        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1958      }
1959    };
1960    Monorail.produce('monorail-edge.shopifysvc.com',
1961      'trekkie_storefront_load_errors/1.1',
1962      {shop_id: 65171980523,
1963      theme_id: 198864044375,
1964      app_name: "storefront",
1965      context_url: window.location.href,
1966      source_url: "//shopfrbillieeilish.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1967
1968  };
1969  scriptFallback.async = true;
1970  scriptFallback.src = '//shopfrbillieeilish.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1971  first.parentNode.insertBefore(scriptFallback, first);
1972};
1973script.async = true;
1974script.src = '//shopfrbillieeilish.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1975first.parentNode.insertBefore(script, first);
1976
1977    };
1978    trekkie.load(
1979      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":65171980523,"isMerchantRequest":null,"themeId":198864044375,"themeCityHash":"13233119975750799826","contentLanguage":"fr","currency":"EUR","eventMetadataId":"d5f92916-b2b8-4ceb-94b9-78786f9942a0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1980    );
1981
1982    var loaded = false;
1983    trekkie.ready(function() {
1984      if (loaded) return;
1985      loaded = true;
1986
1987      window.ShopifyAnalytics.lib = window.trekkie;
1988
1989      var originalDocumentWrite = document.write;
1990      document.write = customDocumentWrite;
1991      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1992      document.write = originalDocumentWrite;
1993
1994      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1995      var token = match? match[1]: undefined;
1996      if (!hasLoggedConversion(token)) {
1997        setCookieIfConversion(token);
1998        
1999      }
2000    });
2001
2002    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"7396e046-54cd-451e-a778-b5c32acb3457-1791309421","shopifyEmitted":true});
2003
2004    var eventsListenerScript = document.createElement('script');
2005    eventsListenerScript.async = true;
2006    eventsListenerScript.src = "//shopfrbillieeilish.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2007    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2008})();</script>
vendor: 1 bytes, line 2008
2008
2009<script
2010  defer
2011  src="https://shopfrbillieeilish.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
2012  data-application="storefront-renderer"
2013  data-shop-id="65171980523"
2014  data-render-region="gcp-europe-west1"
2015  data-page-type="index"
2016  data-theme-instance-id="198864044375"
2017  data-theme-name="Rhythm"
2018  data-theme-version="2026.04.2.2"
2019  data-monorail-region="shop_domain"
2020  data-resource-timing-sampling-rate="10"
2021  data-shs="true"
2022  data-shs-beacon="true"
2023  data-shs-export-with-fetch="true"
2024  data-shs-logs-sample-rate="1"
2025  data-shs-beacon-endpoint="https://shopfrbillieeilish.com/api/collect"
2026></script>
2026
2027<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1822867021000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1791311221000"><meta name="new-cookie-storage-activated" content="t">
2028</head><body class="template__index flex flex-col grow min-h-full relative md:relative scheme-scheme1 c-bg-background c-text-content-base" data-theme="rhythm" data-themev="2026.04.2.2">
2029  <span class="sr-only" data-e2e="aria-countdown-change" aria-live="assertive"></span>
vendor: 67 bytes, line 2029
2029<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2029GTM-TCJ87SS
vendor: 86 bytes, lines 2029-2030
2029"
2030    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2030<a class="skip-to-content-link button sr-only focus:not-sr-only" href="#MainContent">Aller au contenu</a><content-overlay>
2031  <div class="overlay hidden fixed top-0 left-0 w-full h-full z-[1000001] c-bg-gray-900 opacity-50"></div>
2032</content-overlay><!-- BEGIN sections: header-group -->
2033<aside id="shopify-section-sections--29700483678551__announcement_bar_top_FjRVfk" class="shopify-section shopify-section-group-header-group announcement-bar">
2034  
2035  
2036  
2037    
2038  
2039  
2040
2041  
2042
2043
2044  
2045  
2046
2047  
2048
2049  
2050
2051  
2052
2053  
2054
2055
2056
2057
2058  
2059
2060  <div class="announcement-bar__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden c-bg-secondary c-text-secondary-on brand brand--official-store" aria-live="polite" role="region" aria-label="Barre d’informations">
2061    
2062      <span class="sr-only">
2063        render_section=true,countdown_script=false,
2064      </span>
2065    
2066
2067    
2068    
2069      
2070    <div class="announcement-bar__container section-spacing mx-auto w-full relative z-10 py-container-xs px-none max-w-full md:px-none md:max-w-full section-spacing mx-auto w-full relative z-10 py-container-xs px-none max-w-full md:px-none md:max-w-full marquee flex gap-sm-md items-center justify-center" 
2071    style="--duration: 120s;"
2072  >
2073      <div class="announcement-bar__spacing flex pause-on-hover items-center gap-sm-md marquee__group shrink-0 marquee_animation_x justify-end text-right">
2074        
2075          
2076            
2077    
2078
2079          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2080
2081        
2082    
2083  
2084          
2085            
2086    
2087
2088          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2089
2090        
2091    
2092  
2093          
2094            
2095    
2096
2097          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2098
2099        
2100    
2101  
2102          
2103            
2104    
2105
2106          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2107
2108        
2109    
2110  
2111          
2112            
2113    
2114
2115          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2116
2117        
2118    
2119  
2120          
2121            
2122    
2123
2124          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">
2124BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2125
2126        
2127    
2128  
2129          
2130            
2131    
2132
2133          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2134
2135        
2136    
2137  
2138          
2139            
2140    
2141
2142          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2143
2144        
2145    
2146  
2147          
2148            
2149    
2150
2151          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2152
2153        
2154    
2155  
2156          
2157            
2158    
2159
2160          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2161
2162        
2163    
2164  
2165          
2166        
2167      </div>
2168      
2169        <div class="announcement-bar__spacing flex pause-on-hover items-center gap-sm-md marquee__group shrink-0 marquee_animation_x justify-end text-right" aria-hidden="true">
2170          
2171            
2172    
2173
2174          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2175
2176        
2177    
2178  
2179          
2180            
2181    
2182
2183          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2184
2185        
2186    
2187  
2188          
2189            
2190    
2191
2192          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2193
2194        
2195    
2196  
2197          
2198            
2199    
2200
2201          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2202
2203        
2204    
2205  
2206          
2207            
2208    
2209
2210          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">
2210BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2211
2212        
2213    
2214  
2215          
2216            
2217    
2218
2219          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2220
2221        
2222    
2223  
2224          
2225            
2226    
2227
2228          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2229
2230        
2231    
2232  
2233          
2234            
2235    
2236
2237          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2238
2239        
2240    
2241  
2242          
2243            
2244    
2245
2246          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2247
2248        
2249    
2250  
2251          
2252            
2253    
2254
2255          <a class="announcement-bar__item announcement-bar__item--text announcement-bar__item--sections--29700483678551__announcement_bar_top_FjRVfk-text_tXXG4P announcement-bar__item--link focus-inset cursor-pointer shrink-0 text_display_md overflow-hidden relative"  href="https://www.billieeilish-lefilm.fr/"   title=""  data-id="text_tXXG4P">BILLIE EILISH HIT ME HARD AND SOFT: THE TOUR LIVE IN 3D. ACHETEZ VOS TICKETS ICI</a>
2256
2257        
2258    
2259  
2260          
2261        </div>
2262      
2263    </div>
2264
2265    
2266  
2267    
2268  </div>
2269
2270  
2271
2272
2273
2274
2275
2276
2277
2278</aside><section id="shopify-section-sections--29700483678551__developer_z8geQN" class="shopify-section shopify-section-group-header-group developer">
2279  
2280  <div class="developer__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden store-switcher">
2281  
2282  
2283  
2284  
2285  <div class="developer__spacing section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
2286  
2287  <div class="developer__container section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-gray-500 rounded-none shadow-none">
2288
2289<div id="brands-fragment">
2290  <div class="header__brands-wrapper flex w-full justify-between">
2291    <div class="list brands brands-list flex justify-start gap-x-md px-md">
2292      
2293
2294      
2295        <brand-item
2296          class="list-item brand-item flex items-center text_navigation_md active"
2297          data-brand="official-store"
2298        >
2299          <a href="/">
2300            
2301  <svg xmlns="http://www.w3.org/2000/svg" width="10" height="22" viewBox="0 0 10 22" fill="currentColor" aria-hidden="true" focusable="false">
2302    <path d="M7.73379 1.69992C8.45023 1.58789 9.31892 2.16513 9.49552 2.81774V9.81676C9.23061 10.57 8.05786 10.5235 7.7973 9.78987L7.78599 4.52706C7.75424 4.37348 7.36883 4.39141 7.29401 4.56454C7.24964 7.9119 7.29271 11.2678 7.27748 14.6184C7.27096 16.1082 7.24051 17.6069 7.24312 19.0999C6.87206 20.3106 5.05291 20.1566 4.98157 18.8718L4.98375 11.8601C4.96896 11.6866 4.45175 11.6862 4.47176 11.8817L4.47437 18.9801C4.36562 19.702 4.53831 20.544 4.4474 21.2553C4.41521 21.507 4.02371 21.9079 3.76097 21.958C3.02018 22.099 2.38073 21.8916 2.22457 21.1502L2.22326 7.28414C2.14931 6.96762 1.75216 7.14564 1.76217 7.41246L1.75129 12.285C1.49378 13.1837 0.129194 13.1177 0 12.1872V6.32601C0.140939 5.06438 0.912621 4.27775 2.11016 3.7885C3.64353 3.16237 5.29868 2.52525 6.86032 1.96552C7.11088 1.8759 7.4754 1.73903 7.73423 1.6987L7.73379 1.69992Z"/>
2303    <path d="M2.73001 0.00849292C4.06371 -0.120236 4.9585 1.24079 4.22727 2.30076C3.63089 3.16561 2.24456 3.18761 1.61295 2.34394C0.923477 1.42247 1.53856 0.123371 2.73001 0.00849292Z"/>
2304  </svg>
2305
2306            Official Store
2307          </a>
2308        </brand-item>
2309      
2310    </div>
2311  </div>
2312</div>
2313
2314<div class="actions flex">
2315  
2316
2317
2318
2319<a href="/account?view=orders" class="header__action header__action--account-link flex h-full fill-current items-center justify-center min-w-min-click-s
2319pace min-h-min-click-space block overflow-hidden">
2320  
2321      <div class="icon-wrapper">
2322        
2323
2324
2325
2326  
2327  
2328  
2329      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor">
2330        <path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336h101.3C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480z"/>
2331      </svg>
2332    
2333
2334        <span class="sr-only">Compte</span>
2335      </div>
2336    
2337</a>
2338
2339  
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350
2351
2352
2353
2354
2355
2356
2357
2358
2359
2360
2361
2362
2363
2364
2365   
2366  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative" tabindex="-1">
2367    
2368  <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
2369    
2370      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
2371        
2372
2373
2374
2375  
2376  
2377  
2378      
2379          
2380          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
2381            <path d="M80 0C87.47 0 93.95 5.17 95.6 12.45L100 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H158.2L172.8 352H496C504.8 352 512 359.2 512 368C512 376.8 504.8 384 496 384H160C152.5 384 146.1 378.8 144.4 371.5L67.23 32H16C7.164 32 0 24.84 0 16C0 7.164 7.164 0 16 0H80zM107.3 64L150.1 256H487.8L541.8 64H107.3zM128 456C128 425.1 153.1 400 184 400C214.9 400 240 425.1 240 456C240 486.9 214.9 512 184 512C153.1 512 128 486.9 128 456zM184 480C197.3 480 208 469.3 208 456C208 442.7 197.3 432 184 432C170.7 432 160 442.7 160 456C160 469.3 170.7 480 184 480zM512 456C512 486.9 486.9 512 456 512C425.1 512 400 486.9 400 456C400 425.1 425.1 400 456 400C486.9 400 512 425.1 512 456zM456 432C442.7 432 432 442.7 432 456C432 469.3 442.7 480 456 480C469.3 480 480 469.3 480 456C480 442.7 469.3 432 456 432z"/>
2382          </svg>
2383      
2384    
2385
2386      </div>
2387      <span class="sr-only">Panier</span>
2388    
2389    <div id="header-cart-count_md" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-tertiary c-text-tertiary-on empty:hidden"></div>
2390    
2391  </a>
2392
2393  </cart-drawer-toggle-button>
2394
2395    
2396
2397</div>
2398
2399</div></div>
2400
2401
2402
2403  </div></section><header id="shopify-section-sections--29700483678551__header" class="shopify-section shopify-section-group-header-group site-header md:hidden"><style>
2404	#shopify-section-sections--29700483678551__header {
2405		position: sticky;top: 0;z-index: 999997;
2406    width: 100%;
2407	}
2408	</style>
2409  
2409<script>document.getElementById('shopify-section-sections--29700483678551__header').classList.add('umg-sticky', 'transition-[transform]')</script>
2409
2410
2411
2412
2413
2414
2415
2416<div id="header-wrapper--29700483678551" class="header__wrapper scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mb-none brand brand--official-store" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_sticky_header" style=" --icon-width: 1.25rem; --icon-height: 1.25rem; ">
2417  <div id="header-container--29700483678551" class="header__container grid gap-y-sm-sm gap-x-none grid-cols-8 section-spacing mx-auto w-full relative z-10 py-container-2xs px-lg-2xs max-w-full md:px-container-2xs md:max-w-full c-border-default-color border-default-width border-x-0 border-t-0 mx-auto text-center" >
2418    
2419      
2420          
2421
2422
2423
2424
2425<div  class="nav-drawer__block navigation-wrapper header__column flex col-span-2 justify-start" x-data="{ open: false, triggerRef: null, handleEscape(e){ this.triggerRef = e.target.closest('.nav-drawer__block')?.querySelector('.nav-drawer__toggle'); this.triggerRef?.focus(); this.open = false; } }" @keydown.escape.window="handleEscape">
2426  <button
2427    class="nav-drawer__overlay umg-backdrop fixed top-0 bottom-0 left-0 right-0 w-full h-full z-10"
2428    @click="open = false; $el.ownerDocument.body.classList.remove('overflow-hidden')"
2429    x-show="open"
2430    x-cloak
2431    :aria-label="open ? 'Fermer le menu de navigation' : 'Ouvrir le menu de navigation'"
2432    x-transition x-transition.opacity></button>
2433
2434  
2435
2436
2437
2438<button 
2439  class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-center" 
2440  @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 
2441  :aria-expanded="open"
2442  :aria-label="open ? 'Fermer le menu de navigation' : 'Ouvrir le menu de navigation'">
2443  <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition>
2444    
2445
2446
2447
2448  
2449  
2450  
2451      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
2452        <path d="M0 80C0 71.16 7.164 64 16 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H16C7.164 96 0 88.84 0 80zM0 240C0 231.2 7.164 224 16 224H432C440.8 224 448 231.2 448 240C448 248.8 440.8 256 432 256H16C7.164 256 0 248.8 0 240zM432 416H16C7.164 416 0 408.8 0 400C0 391.2 7.164 384 16 384H432C440.8 384 448 391.2 448 400C448 408.8 440.8 416 432 416z"/>
2453      </svg>
2454    
2455
2456  </div>
2457  <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition>
2458    
2459
2460
2461
2462  
2463  
2464  
2465      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
2466        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
2467      </svg>
2468    
2469
2470  </div>
2471</button>
2472
2473  <div class="nav-drawer__menu flex flex-col fixed z-100 top-0 max-h-[100vh] bottom-0 w-[90%] max-w-[400px] transition duration-300 overflow-y-scroll c-bg-surface c-text-on-surface left-0" x-show="open" x-cloak x-transition:enter="transition ease-out duration-300"x-transition:enter-start="-translate-x-full"x-transition:enter-end="translate-x-0"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="translate-x-0"x-transition:leave-end="-translate-x-full">
2474    <div class="flex justify-between md:justify-end p-lg-sm">
2475      
2476         <div x-html="$refs.logoContainer ? $refs.logoContainer.innerHTML : ''" class="logo-container flex justify-center items-center c-text-content-base"></div>
2477      
2478      
2479
2480
2481
2482<button 
2483  class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-end c-text-content-base" 
2484  @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 
2485  :aria-expanded="open"
2486  :aria-label="open ? 'Fermer le menu de navigation' : 'Ouvrir le menu de navigation'">
2487  <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition>
2488    
2489
2490
2491
2492  
2493  
2494  
2495      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
2496        <path d="M0 80C0 71.16 7.164 64 16 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H16C7.164 96 0 88.84 0 80zM0 240C0 231.2 7.164 224 16 224H432C440.8 224 448 231.2 448 240C448 248.8 440.8 256 432 256H16C7.164 256 0 248.8 0 240zM432 416H16C7.164 416 0 408.8 0 400C0 391.2 7.164 384 16 384H432C440.8 384 448 391.2 448 400C448 408.8 440.8 416 432 416z"/>
2497      </svg>
2498    
2499
2500  </div>
2501  <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition>
2502    
2503
2504
2505
2506  
2507  
2508  
2509      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
2510        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
2511      </svg>
2512    
2513
2514  </div>
2515</button>
2516    </div>
2517    <ul class="gap-sm-sm">
2518
2519      
2520      
2521
2522      
2523
2524        
2525
2526        
2527
2528        
2529
2530        
2531
2532        
2533          
2534          <div x-data="{ expanded: false }">
2535            
2536            <button
2537              @click="expanded = !expanded"
2538              :aria-expanded="expanded"
2539              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
2540              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
2541              
2542            >
2543              <div class="text_navigation_lg w-full min-h-min-click-s
2543pace flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">Merch</div>
2544              
2545
2546
2547<div class="w-1em h-1em absolute right-0 mr-lg-sm">
2548  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
2549
2550
2551
2552  
2553  
2554  
2555  
2556      
2557          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
2558            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
2559          </svg>
2560        
2561    
2562</span>
2563</div>
2564            </button>
2565            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs c-text-content-base c-bg-transparent px-lg-sm" x-show="expanded" x-collapse>
2566              
2567                
2568                
2569                
2570                  
2571                
2572                  
2573                
2574                  
2575                
2576                  
2577                
2578                  
2579                
2580                  
2581                
2582                  
2583                
2584
2585                
2586                  
2587                    
2588
2589
2590
2591<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-space flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/tout-le-merch">
2592  <span>Voir Tous Les Merch</span>
2593  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
2594    
2595
2596
2597
2598  
2599  
2600  
2601  
2602      
2603          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
2604            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
2605          </svg>
2606        
2607    
2608
2609  </div>
2610</a>
2611                  
2612
2613                  
2614
2615
2616
2617
2618  
2619  <li class="flex items-center w-full relative">
2620    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/tout-le-merch" @click="open = false">
2621      tout le merch
2622    </a>
2623  </li>
2624
2625
2626
2627                  
2628                
2629                  
2630
2631                  
2632
2633
2634
2635
2636  
2637  <li class="flex items-center w-full relative">
2638    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/tops" @click="open = false">
2639      Tops
2640    </a>
2641  </li>
2642
2643
2644
2645                  
2646                
2647                  
2648
2649                  
2650
2651
2652
2653
2654  
2655  <li class="flex items-center w-full relative">
2656    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/exterieur" @click="open = false">
2657      Exterieur
2658    </a>
2659  </li>
2660
2661
2662
2663                  
2664                
2665                  
2666
2667                  
2668
2669
2670
2671
2672  
2673  <li class="flex items-center w-full relative">
2674    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="https://shopfrbillieeilish.com/collections/vetements" @click="open = false">
2675      Vêtements
2676    </a>
2677  </li>
2678
2679
2680
2681                  
2682                
2683                  
2684
2685                  
2686
2687
2688
2689
2690  
2691  <li class="flex items-center w-full relative">
2692    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
2692pace flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/bottoms" @click="open = false">
2693      Bas
2694    </a>
2695  </li>
2696
2697
2698
2699                  
2700                
2701                  
2702
2703                  
2704
2705
2706
2707
2708  
2709  <li class="flex items-center w-full relative">
2710    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/bijoux" @click="open = false">
2711      Bijoux
2712    </a>
2713  </li>
2714
2715
2716
2717                  
2718                
2719                  
2720
2721                  
2722
2723
2724
2725
2726  
2727  <li class="flex items-center w-full relative">
2728    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="https://shopfrbillieeilish.com/collections/accessories" @click="open = false">
2729      Accesoires
2730    </a>
2731  </li>
2732
2733
2734
2735                  
2736                
2737               
2738
2739              
2740              
2741                
2742                
2743
2744
2745
2746
2747
2748
2749
2750
2751
2752
2753
2754
2755
2756<div class="mega-menu__promo-tiles flex gap-sm-md justify-start snap-x snap-mandatory overflow-x-auto scroll-smooth -mr-[var(--padding-lg-sm)] pr-lg-sm">
2757  
2758    
2759    
2760    
2761
2762
2763
2764  
2765
2766
2767
2768
2769
2770
2771
2772
2773
2774
2775
2776
2777
2778
2779
2780
2781<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
2782  
2783    <a href="/collections/hit-me-hard-and-soft-tour-live" class="h-full" aria-label="Hit me hard and soft tour live">
2784  
2785  <div class="flex flex-col gap-sm-xs relative h-full">
2786    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
2787      
2788
2789
2790
2791
2792
2793
2794
2795
2796
2797
2798
2799
2800
2801  
2802<img src="//shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&amp;width=400" alt="Hit me hard and soft tour live" srcset="//shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&amp;width=400 400w" width="400" height="500" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
2803
2804
2805
2806    </div>
2807    
2808    
2809      <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Hit me hard and soft tour live</h4>
2810    
2811    
2812      <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center text-left mt-auto">
2813        Voir la collection
2814        
2815          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
2816
2817
2818
2819  
2820  
2821  
2822  
2823      
2824          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
2825            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
2826          </svg>
2827        
2828    
2829</span>
2830        
2831      </span>
2832    
2833  </div>
2834  
2835  
2836    </a>
2837  
2838</div>
2839
2840  
2841
2842  
2843    
2844    
2845    
2846
2847
2848
2849  
2850
2851
2852
2853
2854
2855
2856
2857
2858
2859
2860
2861
2862
2863
2864
2865
2866<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
2867  
2868  <div class="flex flex-col gap-sm-xs relative h-full">
2869    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
2870      
2871
2872
2873
2874
2875
2876
2877
2878
2879
2880
2881
2882
2883
2884  
2885<img src="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778242745&amp;width=400" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778242745&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778242745&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778242745&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
2886
2887
2888
2889    </div>
2890    
2891    
2892    
2893      <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center text-left">
2894        Voir la collection
2895        
2896          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
2897
2898
2899
2900  
2901  
2902  
2903  
2904      
2905          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
2906            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
2907          </svg>
2908        
2909    
2910</span>
2911        
2912      </span>
2913    
2914  </div>
2915  
2916  
2917</div>
2918
2919  
2920  
2921    
2922    
2923    
2924
2925
2926
2927  
2928
2929
2930
2931
2932
2933
2934
2935
2936
2937
2938
2939
2940
2941
2942
2943
2944<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
2945  
2946    <a href="/collections/hit-me-hard-and-soft-tour" class="h-full" aria-label="HIT ME HARD AND SOFT TOUR">
2947  
2948  <div class="flex flex-col gap-sm-xs relative h-full">
2949    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
2950      
2951
2952
2953
2954
2955
2956
2957
2958
2959
2960
2961
2962
2963
2964  
2965<img src="//shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTour-01.png?v=1778245321&amp;width=400" alt="HIT ME HARD AND SOFT TOUR" srcset="//shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTour-01.png?v=1778245321&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTour-01.png?v=1778245321&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTour-01.png?v=1778245321&amp;width=400 400w" width="400" height="412" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
2966
2967
2968
2969    </div>
2970    
2971    
2972      <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">HIT ME HARD AND SOFT TOUR</h4>
2973    
2974    
2975      <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center text-left mt-auto">
2976        Voir la collection
2977        
2978          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
2979
2980
2981
2982  
2983  
2984  
2985  
2986      
2987          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
2988            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
2989          </svg>
2990        
2991    
2992</span>
2993        
2994      </span>
2995    
2996  </div>
2997  
2998  
2999    </a>
3000  
3001</div>
3002
3003  
3004  
3005    
3006    
3007    
3008
3009
3010
3011  
3012
3013
3014
3015
3016
3017
3018
3019
3020
3021
3022
3023
3024
3025
3026
3027
3028<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
3029  
3030    <a href="/products/billie-bandana-white-football-jersey" class="h-full" aria-label="Billie Bandana White Football Jersey">
3031  
3032  <div class="flex flex-col gap-sm-xs relative h-full">
3033    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
3034      
3035
3036
3037
3038
3039
3040
3041
3042
3043
3044
3045
3046
3047
3048  
3049<img src="//shopfrbillieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778167857&amp;width=400" alt="Billie Bandana White Football Jersey" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778167857&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778167857&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778167857&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
3050
3051
3052
3053    </div>
3054    
3055    
3056      <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Billie Bandana White Football Jersey</h4>
3057    
3058    
3059      <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center text-left mt-auto">
3060        Voir le produit
3061        
3062          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
3063
3064
3065
3066  
3067  
3068  
3069  
3070      
3071          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3072            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3073          </svg>
3074        
3075    
3076</span>
3077        
3078      </span>
3079    
3080  </div>
3081  
3082  
3083    </a>
3084  
3085</div>
3086
3087  
3088  
3089</div>
3090              
3091            </div>
3092          </div>
3093        
3094        
3095
3096<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div>
3097      
3098
3099        
3100
3101        
3102
3103        
3104
3105        
3106
3107        
3108          
3109          <div x-data="{ expanded: false }">
3110            
3111            <button
3112              @click="expanded = !expanded"
3113              :aria-expanded="expanded"
3114              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
3115              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
3116              
3117            >
3118              <div class="text_navigation_lg w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">Musique</div>
3119              
3120
3121
3122<div class="w-1em h-1em absolute right-0 mr-lg-sm">
3123  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
3124
3125
3126
3127  
3128  
3129  
3130  
3131      
3132          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3133            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3134          </svg>
3135        
3136    
3137</span>
3138</div>
3139            </button>
3140            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs c-text-content-base c-bg-transparent px-lg-sm" x-show="expanded" x-collapse>
3141              
3142                
3143                
3144                
3145                  
3146                
3147                  
3148                
3149                  
3150                
3151
3152                
3153                  
3154                    
3155
3156
3157
3158<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-space flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/musique">
3159  <span>Voir Tous Les Musique</span>
3160  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
3161    
3162
3163
3164
3165  
3166  
3167  
3168  
3169      
3170          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3171            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3172          </svg>
3173        
3174    
3175
3176  </div>
3177</a>
3178                  
3179
3180                  
3181
3182
3183
3184
3185  
3186  <li class="flex items-center w-full relative">
3187    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/musique" @click="open = false">
3188      Toute la musique
3189    </a>
3190  </li>
3191
3192
3193
3194                  
3195                
3196                  
3197
3198                  
3199
3200
3201
3202
3203  
3204  <li class="flex items-center w-full relative">
3205    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
3205pace flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/vinyles" @click="open = false">
3206      Vinyles
3207    </a>
3208  </li>
3209
3210
3211
3212                  
3213                
3214                  
3215
3216                  
3217
3218
3219
3220
3221  
3222  <li class="flex items-center w-full relative">
3223    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/cd" @click="open = false">
3224      CD  + Cassettes
3225    </a>
3226  </li>
3227
3228
3229
3230                  
3231                
3232               
3233
3234              
3235              
3236                
3237                
3238
3239
3240
3241
3242
3243
3244
3245
3246
3247
3248
3249
3250
3251<div class="mega-menu__promo-tiles flex gap-sm-md justify-start snap-x snap-mandatory overflow-x-auto scroll-smooth -mr-[var(--padding-lg-sm)] pr-lg-sm">
3252  
3253    
3254    
3255    
3256
3257
3258
3259  
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270
3271
3272
3273
3274
3275
3276<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
3277  
3278  <div class="flex flex-col gap-sm-xs relative h-full">
3279    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
3280      
3281
3282
3283
3284
3285
3286
3287
3288
3289
3290
3291
3292
3293
3294  
3295<img src="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&amp;width=400" srcset="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
3296
3297
3298
3299    </div>
3300    
3301    
3302      <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">HIT ME HARD AND SOFT</h4>
3303    
3304    
3305      <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center text-left mt-auto">
3306        Voir la collection
3307        
3308          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
3309
3310
3311
3312  
3313  
3314  
3315  
3316      
3317          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3318            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3319          </svg>
3320        
3321    
3322</span>
3323        
3324      </span>
3325    
3326  </div>
3327  
3328  
3329</div>
3330
3331  
3332
3333  
3334    
3335    
3336    
3337
3338
3339
3340  
3341
3342
3343
3344
3345
3346
3347
3348
3349
3350
3351
3352
3353
3354
3355
3356
3357<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
3358  
3359    <a href="/products/hit-me-hard-and-soft-the-tour-live-vinyl" class="h-full" aria-label="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYLE">
3360  
3361  <div class="flex flex-col gap-sm-xs relative h-full">
3362    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
3363      
3364
3365
3366
3367
3368
3369
3370
3371
3372
3373
3374
3375
3376
3377  
3378<img src="//shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1778242747&amp;width=400" srcset="//shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1778242747&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1778242747&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1778242747&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
3379
3380
3381
3382    </div>
3383    
3384    
3385      <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYLE</h4>
3386    
3387    
3388      <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center text-left mt-auto">
3389        Voir le produit
3390        
3391          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
3392
3393
3394
3395  
3396  
3397  
3398  
3399      
3400          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3401            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3402          </svg>
3403        
3404    
3405</span>
3406        
3407      </span>
3408    
3409  </div>
3410  
3411  
3412    </a>
3413  
3414</div>
3415
3416  
3417  
3418    
3419    
3420    
3421
3422
3423
3424  
3425
3426
3427
3428
3429
3430
3431
3432
3433
3434
3435
3436
3437
3438
3439
3440
3441<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
3442  
3443    <a href="/products/hit-me-hard-and-soft-vinyle-standard" class="h-full" aria-label="HIT ME HARD AND SOFT Vinyle standard">
3444  
3445  <div class="flex flex-col gap-sm-xs relative h-full">
3446    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
3447      
3448
3449
3450
3451
3452
3453
3454
3455
3456
3457
3458
3459
3460
3461  
3462<img src="//shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Black-Product-Shot-1000x1000.png?v=1716286332&amp;width=400" alt="HIT ME HARD AND SOFT Vinyle standard" srcset="//shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Black-Product-Shot-1000x1000.png?v=1716286332&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Black-Product-Shot-1000x1000.png?v=1716286332&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Black-Product-Shot-1000x1000.png?v=1716286332&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
3463
3464
3465
3466    </div>
3467    
3468    
3469      <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">HIT ME HARD AND SOFT Vinyle standard</h4>
3470    
3471    
3472      <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center text-left mt-auto">
3473        Voir le produit
3474        
3475          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
3476
3477
3478
3479  
3480  
3481  
3482  
3483      
3484          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3485            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3486          </svg>
3487        
3488    
3489</span>
3490        
3491      </span>
3492    
3493  </div>
3494  
3495  
3496    </a>
3497  
3498</div>
3499
3500  
3501  
3502    
3503    
3504    
3505
3506
3507
3508  
3509
3510
3511
3512
3513
3514
3515
3516
3517
3518
3519
3520
3521
3522
3523
3524
3525<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
3526  
3527    <a href="/products/hit-me-hard-and-soft-edition-limitee-vinyle-vert-bouteille-transparent" class="h-full" aria-label="HIT ME HARD AND SOFT Edition Limitée Vinyle Vert Bouteille Transparent">
3528  
3529  <div class="flex flex-col gap-sm-xs relative h-full">
3530    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
3531      
3532
3533
3534
3535
3536
3537
3538
3539
3540
3541
3542
3543
3544
3545  
3546<img src="//shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Spotify-FF-Product-Shot-d4.png?v=1748249823&amp;width=400" alt="HIT ME HARD AND SOFT Edition Limitée Vinyle Vert Bouteille Transparent" srcset="//shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Spotify-FF-Product-Shot-d4.png?v=1748249823&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Spotify-FF-Product-Shot-d4.png?v=1748249823&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Spotify-FF-Product-Shot-d4.png?v=1748249823&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
3547
3548
3549
3550    </div>
3551    
3552    
3553      <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">HIT ME HARD AND SOFT Edition Limitée Vinyle Vert Bouteille Transparent</h4>
3554    
3555    
3556      <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center text-left mt-auto">
3557        Voir le produit
3558        
3559          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
3560
3561
3562
3563  
3564  
3565  
3566  
3567      
3568          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3569            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3570          </svg>
3571        
3572    
3573</span>
3574        
3575      </span>
3576    
3577  </div>
3578  
3579  
3580    </a>
3581  
3582</div>
3583
3584  
3585  
3586</div>
3587              
3588            </div>
3589          </div>
3590        
3591        
3592
3593<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div>
3594      
3595
3596        
3597
3598        
3599
3600        
3601
3602        
3603
3604        
3605          
3606          <div x-data="{ expanded: false }">
3607            
3608            <button
3609              @click="expanded = !expanded"
3610              :aria-expanded="expanded"
3611              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
3612              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
3613              
3614            >
3615              <div class="text_navigation_lg w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">Upcycled</div>
3616              
3617
3618
3619<div class="w-1em h-1em absolute right-0 mr-lg-sm">
3620  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
3621
3622
3623
3624  
3625  
3626  
3627  
3628      
3629          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3630            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3631          </svg>
3632        
3633    
3634</span>
3635</div>
3636            </button>
3637            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs c-text-content-base c-bg-transparent px-lg-sm" x-show="expanded" x-collapse>
3638              
3639                
3640                
3641                
3642                  
3643                
3644                  
3645                
3646
3647                
3648                  
3649                    
3650
3651
3652
3653<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-space flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="#">
3654  <span>Voir Tous Les Upcycled</span>
3655  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
3656    
3657
3658
3659
3660  
3661  
3662  
3663  
3664      
3665          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3666            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3667          </svg>
3668        
3669    
3670
3671  </div>
3672</a>
3673                  
3674
3675                  
3676
3677
3678
3679
3680  
3681  <li class="flex items-center w-full relative">
3682    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/tout-le-upcycled" @click="open = false">
3683      tout le upcycled
3684    </a>
3685  </li>
3686
3687
3688
3689                  
3690                
3691                  
3692
3693                  
3694
3695
3696
3697
3698  
3699  <li class="flex items-center w-full relative">
3700    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
3700pace flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/billie-eilish-x-suay" @click="open = false">
3701      billie eilish x suay
3702    </a>
3703  </li>
3704
3705
3706
3707                  
3708                
3709               
3710
3711              
3712              
3713            </div>
3714          </div>
3715        
3716        
3717
3718<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div>
3719      
3720
3721        
3722
3723        
3724
3725        
3726
3727        
3728
3729        
3730          
3731          <div x-data="{ expanded: false }">
3732            
3733            <button
3734              @click="expanded = !expanded"
3735              :aria-expanded="expanded"
3736              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
3737              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
3738              
3739            >
3740              <div class="text_navigation_lg w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">Sustainability</div>
3741              
3742
3743
3744<div class="w-1em h-1em absolute right-0 mr-lg-sm">
3745  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
3746
3747
3748
3749  
3750  
3751  
3752  
3753      
3754          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3755            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3756          </svg>
3757        
3758    
3759</span>
3760</div>
3761            </button>
3762            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs c-text-content-base c-bg-transparent px-lg-sm" x-show="expanded" x-collapse>
3763              
3764                
3765                
3766                
3767                  
3768                
3769                  
3770                
3771
3772                
3773                  
3774                    
3775
3776
3777
3778<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-space flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="#">
3779  <span>Voir Tous Les Sustainability</span>
3780  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
3781    
3782
3783
3784
3785  
3786  
3787  
3788  
3789      
3790          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3791            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3792          </svg>
3793        
3794    
3795
3796  </div>
3797</a>
3798                  
3799
3800                  
3801
3802
3803
3804
3805  
3806  <li class="flex items-center w-full relative">
3807    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/sustainability" @click="open = false">
3808      about
3809    </a>
3810  </li>
3811
3812
3813
3814                  
3815                
3816                  
3817
3818                  
3819
3820
3821
3822
3823  
3824  <li class="flex items-center w-full relative">
3825    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/tour-impact-report" @click="open = false">
3826      tour impact
3827    </a>
3828  </li>
3829
3830
3831
3832                  
3833                
3834               
3835
3836              
3837              
3838            </div>
3839          </div>
3840        
3841        
3842
3843<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div>
3844      
3845
3846        
3847
3848        
3849
3850        
3851
3852        
3853
3854        
3855          
3856          <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base">
3857            <a class="text_navigation_lg w-full min-h-min-click-s
3857pace flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="/pages/tour">Tour</a>
3858          </li>
3859        
3860        
3861
3862<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div>
3863      
3864
3865        
3866
3867        
3868
3869        
3870
3871        
3872
3873        
3874          
3875          <div x-data="{ expanded: false }">
3876            
3877            <button
3878              @click="expanded = !expanded"
3879              :aria-expanded="expanded"
3880              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
3881              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
3882              
3883            >
3884              <div class="text_navigation_lg w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">More</div>
3885              
3886
3887
3888<div class="w-1em h-1em absolute right-0 mr-lg-sm">
3889  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
3890
3891
3892
3893  
3894  
3895  
3896  
3897      
3898          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3899            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3900          </svg>
3901        
3902    
3903</span>
3904</div>
3905            </button>
3906            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs c-text-content-base c-bg-transparent px-lg-sm" x-show="expanded" x-collapse>
3907              
3908                
3909                
3910                
3911                  
3912                
3913                  
3914                
3915
3916                
3917                  
3918                    
3919
3920
3921
3922<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-space flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="#">
3923  <span>Voir Tous Les More</span>
3924  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
3925    
3926
3927
3928
3929  
3930  
3931  
3932  
3933      
3934          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
3935            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
3936          </svg>
3937        
3938    
3939
3940  </div>
3941</a>
3942                  
3943
3944                  
3945
3946
3947
3948
3949  
3950  <li class="flex items-center w-full relative">
3951    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="https://www.youtube.com/channel/UCiGm_E4ZwYSHV3bcW1pnSeQ" @click="open = false">
3952      video
3953    </a>
3954  </li>
3955
3956
3957
3958                  
3959                
3960                  
3961
3962                  
3963
3964
3965
3966
3967  
3968  <li class="flex items-center w-full relative">
3969    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="https://billieeilish.lnk.to/hitmehardandsoft" @click="open = false">
3970      ecouter
3971    </a>
3972  </li>
3973
3974
3975
3976                  
3977                
3978               
3979
3980              
3981              
3982            </div>
3983          </div>
3984        
3985        
3986
3987<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div>
3988      
3989    </ul>
3990
3991    
3992      
3993      
3994        
3995        
3996
3997
3998
3999
4000
4001
4002
4003
4004
4005
4006
4007
4008
4009
4010
4011<ul class="my-sm-sm">
4012  
4013    
4014    <li class="" >
4015      
4016      
4017      <a href="https://shopify.com/65171980523/account/orders?locale=fr&region_country=FR&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJiaWxsaWVlaWxpc2gtb2ZmaWNpYWwtZnIubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkxOTE0MjI
4017xLCJuYmYiOjE3OTEzMDk0MjF9.qx9KiOYt_XOPMmgBU0cnu0Mk0h3JKtm2zJep_NRjpFc" class="text_navigation_sm w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline px-lg-sm c-text-content-base">
4018        Identifiant
4019      </a>
4020    </li>
4021
4022    
4023      
4024      <li class="" >
4025        <a href="/account/register" class="text_navigation_sm w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline px-lg-sm c-text-content-base">
4026          Créer un compte
4027        </a>
4028      </li>
4029    
4030  
4031</ul>
4032
4033      
4034    
4035  </div>
4036</div>
4037        
4038        
4039    
4040      
4041    
4042      
4043    
4044      
4045          
4046
4047<div class="header__column header__column--3 header__column--developer col-span-4" >
4048  <div class="developer-container items-center col-span-full" >
4049    <div class="logo-container">
4050  
4051    
4052
4053
4054
4055
4056
4057
4058
4059
4060
4061
4062
4063
4064
4065
4066
4067
4068
4069<h1>
4070    <span class="sr-only">Billie Eilish Store</span>
4071  
4072
4073  
4074  
4075
4076  
4077  
4078
4079  
4080
4081  
4082
4083  <a class="logo-cntr block" href="/" style=" --logo-width: 21.875rem; " title="Store Billie Eilish">
4084    
4085      
4086
4087            
4088
4089
4090
4091
4092
4093
4094
4095
4096
4097
4098  <picture class="image__adaptive">
4099    
4100
4101
4102
4103
4104
4105
4106
4107
4108
4109
4110
4111
4112
4113    
4114  
4115<source data-src="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621" alt="Store Billie Eilish" srcset="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1921 1921w" width="1921" height="129" loading="eager" media="(min-width: 760px)">
4116
4117
4118
4119    
4120
4121
4122
4123
4124
4125
4126
4127
4128
4129
4130
4131
4132
4133  
4134<img src="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621" alt="Store Billie Eilish" srcset="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1921 1921w" width="1921" height="129" loading="eager" class="w-full object-cover image__responsive image__responsive--svg">
4135
4136
4137
4138  </picture>
4139
4140
4141    
4142  </a></h1>
4143  
4144</div>
4145
4146  </div>
4147</div>
4148        
4149    
4150      
4151          
4152
4153<div class="header__column header__column--4 header__column--actions flex col-span-2 justify-end items-center"  >
4154  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
4155    
4156
4157
4158    
4159    
4160    
4161    
4162    
4163    <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
4164      <button class="btn-search text_navigation_md no-underline" 
4165      x-on:click="searchBarOpen = true;$nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchInput.focus(), 10) })" type="button" aria-label="Ouvrir la barre de recherche" x-ref="searchToggle" :aria-expanded="searchBarOpen" aria-controls="header-search-dropdown"
4166     >
4167        
4168
4169
4170
4171  
4172  
4173  
4174      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
4175        <path d="M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z"/>
4176      </svg>
4177    
4178
4179      </button>
4180    </div>
4181
4182  
4183
4184
4185
4186
4187
4188
4189
4190
4191
4192
4193
4194
4195
4196
4197
4198
4199
4200
4201
4202
4203
4204
4205
4206
4207
4208
4209
4210   
4211  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline" tabindex="-1">
4212    
4213  <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-s
4213pace min-h-min-click-space">
4214    
4215      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
4216        
4217
4218
4219
4220  
4221  
4222  
4223      
4224          
4225          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
4226            <path d="M80 0C87.47 0 93.95 5.17 95.6 12.45L100 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H158.2L172.8 352H496C504.8 352 512 359.2 512 368C512 376.8 504.8 384 496 384H160C152.5 384 146.1 378.8 144.4 371.5L67.23 32H16C7.164 32 0 24.84 0 16C0 7.164 7.164 0 16 0H80zM107.3 64L150.1 256H487.8L541.8 64H107.3zM128 456C128 425.1 153.1 400 184 400C214.9 400 240 425.1 240 456C240 486.9 214.9 512 184 512C153.1 512 128 486.9 128 456zM184 480C197.3 480 208 469.3 208 456C208 442.7 197.3 432 184 432C170.7 432 160 442.7 160 456C160 469.3 170.7 480 184 480zM512 456C512 486.9 486.9 512 456 512C425.1 512 400 486.9 400 456C400 425.1 425.1 400 456 400C486.9 400 512 425.1 512 456zM456 432C442.7 432 432 442.7 432 456C432 469.3 442.7 480 456 480C469.3 480 480 469.3 480 456C480 442.7 469.3 432 456 432z"/>
4227          </svg>
4228      
4229    
4230
4231      </div>
4232      <span class="sr-only">Panier</span>
4233    
4234    <div id="header-cart-count" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-tertiary c-text-tertiary-on empty:hidden"></div>
4235    
4236  </a>
4237
4238  </cart-drawer-toggle-button>
4239
4240    
4241
4242  </div>
4243</div>
4244          
4245        
4246    
4247  </div>
4248  
4249  
4250    
4251
4252
4253
4254
4255  
4256  
4257
4258  
4259  
4260  
4261
4262  
4263  
4264
4265  
4266  
4267
4268  
4269
4270  
4271
4272  <div class="header__search-wrapper section__wrapper w-full hidden absolute top-0 border-x-0 border-y-0 z-10 h-full border-default-width c-border-default-color c-bg-surface c-text-on-surface" 
4273    x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
4274    @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
4275    id="header-search-dropdown"
4276  >
4277    <div class="header__search-container flex md:max-w-[70ch] lg:max-w-[90ch] mx-auto justify-center section-spacing mx-auto w-full relative z-10 py-none px-lg-sm max-w-full md:px-container-sm md:max-w-full h-full items-center">
4278      
4279        
4280      <button type="button" x-on:click="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" class="absolute top-0 right-0 w-6 h-6 mr-sm-xs mt-sm-xs c-text-content-base" aria-label="Fermer la barre de recherche">
4281        
4282
4283
4284
4285  
4286  
4287  
4288      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
4289        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
4290      </svg>
4291    
4292
4293      </button>
4294    
4295      
4296      
4297
4298
4299
4300
4301    <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sur l’ensemble du site">
4302      <div class="predictive-search__input-wrapper relative w-full">
4303        <input class="predictive-search__input appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs header__search-input" id="search-sections--29700483678551__header" type="search" value="" name="q" placeholder="Recherche"aria-label="Recherche" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" >
4304        <button class="predictive-search__input-icon box-content h-full border-default-size flex absolute z-10 top-1/2 right-0 items-center justify-center transform -translate-y-1/2 border-r-default-width border-transparent c-text-content-base w-4 px-sm-xs" type="submit" aria-label="Recherche">
4305          
4306
4307
4308
4309  
4310  
4311  
4312      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
4313        <path d="M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z"/>
4314      </svg>
4315    
4316
4317        </button>
4318        
4319      </div>
4320    </form>
4321
4322    </div>
4323  </div>
4324
4325  
4326
4327  
4328
4329  
4330
4331
4332
4333
4334</div>
4335
4336</header><header id="shopify-section-sections--29700483678551__header-md" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid"><style>
4337	#shopify-section-sections--29700483678551__header-md {
4338		position: sticky;top: 0;z-index: 999997;
4339    width: 100%;
4340	}
4341	</style>
4342  
4342<script>document.getElementById('shopify-section-sections--29700483678551__header-md').classList.add('umg-sticky', 'transition-[transform]')</script>
4342
4343
4344
4345
4346
4347
4348
4349<div id="header-md-wrapper--29700483678551" class="header__wrapper header__wrapper--md scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mb-none border-default-width c-border-primary border-x-0 border-t-0 brand brand--official-store" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_sticky_header" style=" --icon-width: 1.375rem; --icon-height: 1.375rem; ">
4350  <div id="header-md-container--29700483678551" class="header__container header__container--md grid gap-y-none gap-x-none grid-cols-12 section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-sm max-w-full md:px-container-sm md:max-w-full mx-auto text-center" >
4351    
4352      
4353          
4354
4355<div class="header__column header__column--0 header__column--developer col-span-3" >
4356  <div class="developer-container items-center col-span-full" >
4357    <div class="logo-container">
4358  
4359    
4360
4361
4362
4363
4364
4365
4366
4367
4368
4369
4370
4371
4372
4373
4374
4375
4376
4377<h1>
4378    <span class="sr-only">Billie Eilish Store</span>
4379  
4380
4381  
4382  
4383
4384  
4385  
4386
4387  
4388
4389  
4390
4391  <a class="logo-cntr block" href="/" style=" --logo-width: 25.0rem; " title="Store Billie Eilish">
4392    
4393      
4394
4395            
4396
4397
4398
4399
4400
4401
4402
4403
4404
4405
4406  <picture class="image__adaptive">
4407    
4408
4409
4410
4411
4412
4413
4414
4415
4416
4417
4418
4419
4420
4421    
4422  
4423<source data-src="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621" alt="Store Billie Eilish" srcset="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1921 1921w" width="1921" height="129" loading="eager" media="(min-width: 760px)">
4424
4425
4426
4427    
4428
4429
4430
4431
4432
4433
4434
4435
4436
4437
4438
4439
4440
4441  
4442<img src="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621" alt="Store Billie Eilish" srcset="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1921 1921w" width="1921" height="129" loading="eager" class="w-full object-cover image__responsive image__responsive--svg">
4443
4444
4445
4446  </picture>
4447
4448
4449    
4450  </a></h1>
4451  
4452</div>
4453
4454  </div>
4455</div>
4456      
4457    
4458      
4459          
4460
4461<div class="mega-menu flex items-center col-span-8" >
4462  
4463
4464
4465
4466
4467
4468
4469
4470
4471
4472
4473
4474
4475
4476
4477
4478
4479
4480
4481
4482
4483<div class="mega-menu w-full overscroll-contain"
4484  x-data="{
4485    activeMenu: null,
4486    isOpen: false,
4487    close() {
4488      this.isOpen = false;
4489      this.activeMenu = null;
4490    },
4491    handleKeydown(e) {
4492      if (e.key === 'Escape') {
4493        this.close()
4494      }
4495    }
4496  }"
4497  @keydown="handleKeydown($event)">
4498  <nav class="mega-menu__nav" aria-label="Menu principal En-tête">
4499    <ul class="mega-menu__primary-list flex items-center w-full flex-wrap gap-x-lg-sm text-right justify-end" role="menubar">
4500      
4501        
4502
4503        
4504        
4505        
4506
4507        
4508        
4509
4510        <li class="mega-menu__primary-item grow-0 "
4511          x-data="{ id: 'merch' }"
4512          role="none"
4513          
4514            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
4515          
4516        >
4517          <button
4518            
4519            
4520            :id="'button-' + id"
4521            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--has-submenu no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline group-[.child-active]:no-underline"
4522            
4523              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
4524              :aria-expanded="activeMenu === id ? 'true' : 'false'"
4525              aria-haspopup="true"
4526              :aria-controls="'dropdown-' + id"
4527              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
4528              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
4529            
4530            role="menuitem"
4531          >
4532            Merch
4533            
4534              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
4535                
4536
4537
4538
4539  
4540  
4541  
4542  
4543      
4544          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
4545            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
4546          </svg>
4547        
4548    
4549
4550              </span>
4551            
4552          </button>
4553
4554          
4555            
4556            
4557              
4558                
4559                  
4560                  
4561
4562
4563
4564
4565
4566
4567
4568
4569
4570
4571
4572
4573
4574
4575
4576
4577
4578
4579
4580
4581
4582
4583
4584
4585
4586
4587
4588
4589
4590
4591
4592
4593
4594
4595
4596
4597
4598
4599
4600
4601
4602
4603
4604
4605
4606
4607
4608
4609
4610
4611
4612
4613
4614
4615
4616
4617
4618
4619
4620
4621
4622
4623
4624
4625
4626
4627
4628
4629
4630
4631<!-- append mega menu panel to header wrapper -->
4632<template x-teleport="#header-md-wrapper--29700483678551">
4633  <div
4634    
4635    class="mega-menu__submenu absolute top-[var(--header-md-height)] left-0 w-screen shadow-lg z-100 max-h-[calc(100vh-var(--header-md-height)-44px)] overflow-y-auto c-bg-background c-text-content-base"
4636    x-cloak
4637    x-show="activeMenu === id"
4638    x-trap.noscroll="activeMenu === id"
4639    role="region"
4640    :id="'panel-' + id"
4641    :aria-labelledby="'button-' + id"
4642    x-effect="
4643      if (activeMenu === id) {
4644        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--29700483678551')?.offsetHeight + 'px')
4645      }
4646    "
4647    @resize.window="
4648      if (activeMenu === id) {
4649        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--29700483678551')?.offsetHeight + 'px')
4650      }
4651    "
4652    x-transition:enter="transition ease-out duration-200"
4653    x-transition:enter-start="opacity-0 -translate-y-1"
4654    x-transition:enter-end="opacity-100 translate-y-0"
4655    x-transition:leave="transition ease-in duration-150"
4656    x-transition:leave-start="opacity-100 translate-y-0"
4657    x-transition:leave-end="opacity-0 -translate-y-1"
4658    @keydown.escape.prevent.stop="close()"
4659    @click.away="close()"
4660  >
4661    <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-full px-container-sm flex justify-center items-start gap-sm-lg">
4662      
4663      
4664        <div
4665          class="mega-menu__grid w-auto max-w-full min-w-[200px] grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] items-start justify-items-start gap-sm-md"
4666          role="presentation"
4667        >
4668          
4669          
4670            
4671          
4672            
4673          
4674            
4675          
4676            
4677          
4678            
4679          
4680            
4681          
4682            
4683          
4684
4685          
4686            
4687            <ul class="mega-menu__subgrid items-baseline justify-items-start grid grid-cols-subgrid col-span-full gap-sm-md" role="menu">
4688              
4689                
4690                  
4691
4692                  
4693                  
4694
4695                  
4696                  
4697                  <li class="mega-menu__child-item " role="none">
4698                    <a
4699                      href="/collections/tout-le-merch"
4700                      class="mega-menu__submenu-header--link text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
4701                      role="menuitem"
4702                      
4703                      :tabindex="activeMenu === id ? '0' : '-1'"
4704                      @keydown.enter.prevent="window.location.href='/collections/tout-le-merch'"
4705                      @keydown.space.prevent="window.location.href='/collections/tout-le-merch'"
4706                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4707                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4708                    >
4709                      tout le merch
4710                    </a>
4711                  </li>
4712                
4713              
4714                
4715                  
4716
4717                  
4718                  
4719
4720                  
4721                  
4722                  <li class="mega-menu__child-item " role="none">
4723                    <a
4724                      href="/collections/tops"
4725                      class="mega-menu__submenu-header--link text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
4726                      role="menuitem"
4727                      
4728                      :tabindex="activeMenu === id ? '0' : '-1'"
4729                      @keydown.enter.prevent="window.location.href='/collections/tops'"
4730                      @keydown.space.prevent="window.location.href='/collections/tops'"
4731                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4732                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4733                    >
4734                      Tops
4735                    </a>
4736                  </li>
4737                
4738              
4739                
4740                  
4741
4742                  
4743                  
4744
4745                  
4746                  
4747                  <li class="mega-menu__child-item " role="none">
4748                    <a
4749                      href="/collections/exterieur"
4750                      class="mega-menu__submenu-header--link text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
4751                      role="menuitem"
4752                      
4753                      :tabindex="activeMenu === id ? '0' : '-1'"
4754                      @keydown.enter.prevent="window.location.href='/collections/exterieur'"
4755                      @keydown.space.prevent="window.location.href='/collections/exterieur'"
4756                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4757                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4758                    >
4759                      Exterieur
4760                    </a>
4761                  </li>
4762                
4763              
4764                
4765                  
4766
4767                  
4768                  
4769
4770                  
4771                  
4772                  <li class="mega-menu__child-item " role="none">
4773                    <a
4774                      href="https://shopfrbillieeilish.com/collections/vetements"
4775                      class="mega-menu__submenu-header--link text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
4776                      role="menuitem"
4777                      
4778                      :tabindex="activeMenu === id ? '0' : '-1'"
4779                      @keydown.enter.prevent="window.location.href='https://shopfrbillieeilish.com/collections/vetements'"
4780                      @keydown.space.prevent="window.location.href='https://shopfrbillieeilish.com/collections/vetements'"
4781                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4782                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4783                    >
4784                      Vêtements
4785                    </a>
4786                  </li>
4787                
4788              
4789                
4790                  
4791
4792                  
4793                  
4794
4795                  
4796                  
4797                  <li class="mega-menu__child-item " role="none">
4798                    <a
4799                      href="/collections/bottoms"
4800                      class="mega-menu__submenu-header--link text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
4801                      role="menuitem"
4802                      
4803                      :tabindex="activeMenu === id ? '0' : '-1'"
4804                      @keydown.enter.prevent="window.location.href='/collections/bottoms'"
4805                      @keydown.space.prevent="window.location.href='/collections/bottoms'"
4806                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4807                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4808                    >
4809                      Bas
4810                    </a>
4811                  </li>
4812                
4813              
4814                
4815                  
4816
4817                  
4818                  
4819
4820                  
4821                  
4822                  <li class="mega-menu__child-item " role="none">
4823                    <a
4824                      href="/collections/bijoux"
4825                      class="mega-menu__submenu-header--link text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
4826                      role="menuitem"
4827                      
4828                      :tabindex="activeMenu === id ? '0' : '-1'"
4829                      @keydown.enter.prevent="window.location.href='/collections/bijoux'"
4830                      @keydown.space.prevent="window.location.href='/collections/bijoux'"
4831                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4832                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4833                    >
4834                      Bijoux
4835                    </a>
4836                  </li>
4837                
4838              
4839                
4840                  
4841
4842                  
4843                  
4844
4845                  
4846                  
4847                  <li class="mega-menu__child-item " role="none">
4848                    <a
4849                      href="https://shopfrbillieeilish.com/collections/accessories"
4850                      class="mega-menu__submenu-header--link text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
4851                      role="menuitem"
4852                      
4853                      :tabindex="activeMenu === id ? '0' : '-1'"
4854                      @keydown.enter.prevent="window.location.href='https://shopfrbillieeilish.com/collections/accessories'"
4855                      @keydown.space.prevent="window.location.href='https://shopfrbillieeilish.com/collections/accessories'"
4856                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4857                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4858                    >
4859                      Accesoires
4860                    </a>
4861                  </li>
4862                
4863              
4864              <li class="mega-menu__child-item" role="none">
4865                <a
4866                  href="/collections/tout-le-merch"
4867                  class="mega-menu__child-link mega-menu__child-link--view-all flex space-x-1 items-center text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
4868                  role="menuitem"
4869                  :tabindex="activeMenu === id ? '0' : '-1'"
4870                  @keydown.enter.prevent="window.location.href='/collections/tout-le-merch'"
4871                  @keydown.space.prevent="window.location.href='/collections/tout-le-merch'"
4872                  @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
4873                  @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
4874                >
4875                  <span>Voir Tout</span>
4876                  <span class="sr-only">Merch</span>
4877                  <span aria-hidden="true">
4878
4879
4880
4881  
4882  
4883  
4884  
4885      
4886          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron w-0.8em h-0.8em -rotate-90" fill="currentColor">
4887            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
4888          </svg>
4889        
4890    
4891</span>
4892                </a>
4893              </li>
4894            </ul>
4895          
4896        </div>
4897      
4898      
4899        
4900
4901
4902
4903
4904
4905
4906
4907
4908
4909
4910
4911
4912
4913<div class="mega-menu__promo-tiles flex gap-sm-md flex-row md:min-w-[67%] md:max-w-[67%] lg:min-w-[50%] lg:max-w-[50%]">
4914  
4915    
4916    
4917      <div class="flex gap-sm-md w-full">
4918    
4919    
4920
4921
4922
4923  
4924    
4925    
4926
4927
4928
4929
4930
4931
4932
4933
4934
4935
4936
4937
4938
4939
4940
4941
4942<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col flex-1 w-[50%] max-w-[50%]">
4943  
4944    <a href="/collections/hit-me-hard-and-soft-tour-live" class="h-full" aria-label="Hit me hard and soft tour live">
4945  
4946  <div class="flex flex-col gap-sm-xs relative h-full">
4947    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
4948      
4949
4950
4951
4952
4953
4954
4955
4956
4957
4958
4959
4960
4961
4962  
4963<img src="//shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&amp;width=400" alt="Hit me hard and soft tour live" srcset="//shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&amp;width=400 400w" width="400" height="500" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
4964
4965
4966
4967    </div>
4968    
4969    
4970      <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Hit me hard and soft tour live</h4>
4971    
4972    
4973      <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center text-left mt-auto">
4974        Voir la collection
4975        
4976          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
4977
4978
4979
4980  
4981  
4982  
4983  
4984      
4985          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
4986            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
4987          </svg>
4988        
4989    
4990</span>
4991        
4992      </span>
4993    
4994  </div>
4995  
4996  
4997    </a>
4998  
4999</div>
5000  
5001
5002  
5003
5004  
5005    
5006    
5007      
5008        <div class="flex flex-col gap-sm-md w-[50%] max-w-[50%]">
5009      
5010    
5011    
5012
5013
5014
5015  
5016    
5017
5018
5019
5020
5021
5022
5023
5024
5025
5026
5027<div key="promo-tile-2" class="promo-tile__items-horizontal">
5028  
5029  <div class="promo-tile_items flex gap-sm-sm h-full items-start">
5030    <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]">
5031      <div class="relative overflow-hidden h-0 pb-[100%]">
5032        
5033
5034
5035
5036
5037
5038
5039
5040
5041
5042
5043
5044
5045
5046  
5047<img src="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778242745&amp;width=150" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778242745&amp;width=100 100w" width="150" height="150" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
5048
5049
5050
5051      </div>
5052    </div>
5053    <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]">
5054      
5055      
5056        <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center">
5057          Voir la collection
5058          
5059            <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
5060
5061
5062
5063  
5064  
5065  
5066  
5067      
5068          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
5069            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
5070          </svg>
5071        
5072    
5073</span>
5074          
5075        </span>
5076      
5077    </div>
5078  </div>
5079  
5080</div>
5081  
5082
5083  
5084  
5085    
5086    
5087      
5088    
5089    
5090
5091
5092
5093  
5094    
5095
5096
5097
5098
5099
5100
5101
5102
5103
5104
5105<div key="promo-tile-3" class="promo-tile__items-horizontal">
5106  
5107    <a href="/collections/hit-me-hard-and-soft-tour" aria-label="HIT ME HARD AND SOFT TOUR">
5108  
5109  <div class="promo-tile_items flex gap-sm-sm h-full items-start">
5110    <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]">
5111      <div class="relative overflow-hidden h-0 pb-[100%]">
5112        
5113
5114
5115
5116
5117
5118
5119
5120
5121
5122
5123
5124
5125
5126  
5127<img src="//shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTour-01.png?v=1778245321&amp;width=150" alt="HIT ME HARD AND SOFT TOUR" srcset="//shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTour-01.png?v=1778245321&amp;width=100 100w" width="150" height="154" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
5128
5129
5130
5131      </div>
5132    </div>
5133    <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]">
5134      
5135        <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm mb-sm-xs">HIT ME HARD AND SOFT TOUR</h4>
5136      
5137      
5138        <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center">
5139          Voir la collection
5140          
5141            <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
5142
5143
5144
5145  
5146  
5147  
5148  
5149      
5150          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
5151            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
5152          </svg>
5153        
5154    
5155</span>
5156          
5157        </span>
5158      
5159    </div>
5160  </div>
5161  
5162    </a>
5163  
5164</div>
5165  
5166
5167  
5168  
5169    
5170    
5171      
5172    
5173    
5174
5175
5176
5177  
5178    
5179
5180
5181
5182
5183
5184
5185
5186
5187
5188
5189<div key="promo-tile-4" class="promo-tile__items-horizontal">
5190  
5191    <a href="/products/billie-bandana-white-football-jersey" aria-label="Billie Bandana White Football Jersey">
5192  
5193  <div class="promo-tile_items flex gap-sm-sm h-full items-start">
5194    <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]">
5195      <div class="relative overflow-hidden h-0 pb-[100%]">
5196        
5197
5198
5199
5200
5201
5202
5203
5204
5205
5206
5207
5208
5209
5210  
5211<img src="//shopfrbillieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778167857&amp;width=150" alt="Billie Bandana White Football Jersey" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778167857&amp;width=100 100w" width="150" height="150" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
5212
5213
5214
5215      </div>
5216    </div>
5217    <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]">
5218      
5219        <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm mb-sm-xs">Billie Bandana White Football Jersey</h4>
5220      
5221      
5222        <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center">
5223          Voir le produit
5224          
5225            <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
5226
5227
5228
5229  
5230  
5231  
5232  
5233      
5234          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
5235            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
5236          </svg>
5237        
5238    
5239</span>
5240          
5241        </span>
5242      
5243    </div>
5244  </div>
5245  
5246    </a>
5247  
5248</div>
5249  
5250
5251  
5252  
5253    </div> 
5254  
5255</div>
5256      
5257    </div>
5258  </div>
5259</template>
5260
5261                  
5262            
5263
5264            
5265          
5266        </li>
5267      
5268        
5269
5270        
5271        
5272        
5273
5274        
5275        
5276
5277        <li class="mega-menu__primary-item grow-0 "
5278          x-data="{ id: 'musique' }"
5279          role="none"
5280          
5281            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
5282          
5283        >
5284          <button
5285            
5286            
5287            :id="'button-' + id"
5288            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--has-submenu no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline group-[.child-active]:no-underline"
5289            
5290              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
5291              :aria-expanded="activeMenu === id ? 'true' : 'false'"
5292              aria-haspopup="true"
5293              :aria-controls="'dropdown-' + id"
5294              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
5295              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
5296            
5297            role="menuitem"
5298          >
5299            Musique
5300            
5301              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
5302                
5303
5304
5305
5306  
5307  
5308  
5309  
5310      
5311          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
5312            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
5313          </svg>
5314        
5315    
5316
5317              </span>
5318            
5319          </button>
5320
5321          
5322            
5323            
5324              
5325                
5326              
5327                
5328                  
5329                  
5330
5331
5332
5333
5334
5335
5336
5337
5338
5339
5340
5341
5342
5343
5344
5345
5346
5347
5348
5349
5350
5351
5352
5353
5354
5355
5356
5357
5358
5359
5360
5361
5362
5363
5364
5365
5366
5367
5368
5369
5370
5371
5372
5373
5374
5375
5376
5377
5378
5379
5380
5381
5382
5383
5384
5385
5386
5387
5388
5389
5390
5391
5392
5393
5394
5395
5396
5397
5398
5399
5400<!-- append mega menu panel to header wrapper -->
5401<template x-teleport="#header-md-wrapper--29700483678551">
5402  <div
5403    
5404    class="mega-menu__submenu absolute top-[var(--header-md-height)] left-0 w-screen shadow-lg z-100 max-h-[calc(100vh-var(--header-md-height)-44px)] overflow-y-auto c-bg-background c-text-content-base"
5405    x-cloak
5406    x-show="activeMenu === id"
5407    x-trap.noscroll="activeMenu === id"
5408    role="region"
5409    :id="'panel-' + id"
5410    :aria-labelledby="'button-' + id"
5411    x-effect="
5412      if (activeMenu === id) {
5413        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--29700483678551')?.offsetHeight + 'px')
5414      }
5415    "
5416    @resize.window="
5417      if (activeMenu === id) {
5418        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--29700483678551')?.offsetHeight + 'px')
5419      }
5420    "
5421    x-transition:enter="transition ease-out duration-200"
5422    x-transition:enter-start="opacity-0 -translate-y-1"
5423    x-transition:enter-end="opacity-100 translate-y-0"
5424    x-transition:leave="transition ease-in duration-150"
5425    x-transition:leave-start="opacity-100 translate-y-0"
5426    x-transition:leave-end="opacity-0 -translate-y-1"
5427    @keydown.escape.prevent.stop="close()"
5428    @click.away="close()"
5429  >
5430    <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-full px-container-sm flex justify-center items-start gap-sm-lg">
5431      
5432      
5433        <div
5434          class="mega-menu__grid w-auto max-w-full min-w-[200px] grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] items-start justify-items-start gap-sm-md"
5435          role="presentation"
5436        >
5437          
5438          
5439            
5440          
5441            
5442          
5443            
5444          
5445
5446          
5447            
5448            <ul class="mega-menu__subgrid items-baseline justify-items-start grid grid-cols-subgrid col-span-full gap-sm-md" role="menu">
5449              
5450                
5451                  
5452
5453                  
5454                  
5455
5456                  
5457                  
5458                  <li class="mega-menu__child-item " role="none">
5459                    <a
5460                      href="/collections/musique"
5461                      class="mega-menu__submenu-header--link text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
5462                      role="menuitem"
5463                      
5464                      :tabindex="activeMenu === id ? '0' : '-1'"
5465                      @keydown.enter.prevent="window.location.href='/collections/musique'"
5466                      @keydown.space.prevent="window.location.href='/collections/musique'"
5467                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
5468                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
5469                    >
5470                      Toute la musique
5471                    </a>
5472                  </li>
5473                
5474              
5475                
5476                  
5477
5478                  
5479                  
5480
5481                  
5482                  
5483                  <li class="mega-menu__child-item " role="none">
5484                    <a
5485                      href="/collections/vinyles"
5486                      class="mega-menu__submenu-header--link text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
5487                      role="menuitem"
5488                      
5489                      :tabindex="activeMenu === id ? '0' : '-1'"
5490                      @keydown.enter.prevent="window.location.href='/collections/vinyles'"
5491                      @keydown.space.prevent="window.location.href='/collections/vinyles'"
5492                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
5493                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
5494                    >
5495                      Vinyles
5496                    </a>
5497                  </li>
5498                
5499              
5500                
5501                  
5502
5503                  
5504                  
5505
5506                  
5507                  
5508                  <li class="mega-menu__child-item " role="none">
5509                    <a
5510                      href="/collections/cd"
5511                      class="mega-menu__submenu-header--link text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
5512                      role="menuitem"
5513                      
5514                      :tabindex="activeMenu === id ? '0' : '-1'"
5515                      @keydown.enter.prevent="window.location.href='/collections/cd'"
5516                      @keydown.space.prevent="window.location.href='/collections/cd'"
5517                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
5518                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
5519                    >
5520                      CD  + Cassettes
5521                    </a>
5522                  </li>
5523                
5524              
5525              <li class="mega-menu__child-item" role="none">
5526                <a
5527                  href="/collections/musique"
5528                  class="mega-menu__child-link mega-menu__child-link--view-all flex space-x-1 items-center text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
5529                  role="menuitem"
5530                  :tabindex="activeMenu === id ? '0' : '-1'"
5531                  @keydown.enter.prevent="window.location.href='/collections/musique'"
5532                  @keydown.space.prevent="window.location.href='/collections/musique'"
5533                  @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
5534                  @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
5535                >
5536                  <span>Voir Tout</span>
5537                  <span class="sr-only">Musique</span>
5538                  <span aria-hidden="true">
5539
5540
5541
5542  
5543  
5544  
5545  
5546      
5547          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron w-0.8em h-0.8em -rotate-90" fill="currentColor">
5548            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
5549          </svg>
5550        
5551    
5552</span>
5553                </a>
5554              </li>
5555            </ul>
5556          
5557        </div>
5558      
5559      
5560        
5561
5562
5563
5564
5565
5566
5567
5568
5569
5570
5571
5572
5573
5574<div class="mega-menu__promo-tiles flex gap-sm-md flex-row md:min-w-[67%] md:max-w-[67%] lg:min-w-[50%] lg:max-w-[50%]">
5575  
5576    
5577    
5578      <div class="flex gap-sm-md w-full">
5579    
5580    
5581
5582
5583
5584  
5585    
5586    
5587
5588
5589
5590
5591
5592
5593
5594
5595
5596
5597
5598
5599
5600
5601
5602
5603<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col flex-1 w-[50%] max-w-[50%]">
5604  
5605  <div class="flex flex-col gap-sm-xs relative h-full">
5606    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
5607      
5608
5609
5610
5611
5612
5613
5614
5615
5616
5617
5618
5619
5620
5621  
5622<img src="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&amp;width=400" srcset="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
5623
5624
5625
5626    </div>
5627    
5628    
5629      <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">HIT ME HARD AND SOFT</h4>
5630    
5631    
5632      <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center text-left mt-auto">
5633        Voir la collection
5634        
5635          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
5636
5637
5638
5639  
5640  
5641  
5642  
5643      
5644          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
5645            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
5646          </svg>
5647        
5648    
5649</span>
5650        
5651      </span>
5652    
5653  </div>
5654  
5655  
5656</div>
5657  
5658
5659  
5660
5661  
5662    
5663    
5664      
5665        <div class="flex flex-col gap-sm-md w-[50%] max-w-[50%]">
5666      
5667    
5668    
5669
5670
5671
5672  
5673    
5674
5675
5676
5677
5678
5679
5680
5681
5682
5683
5684<div key="promo-tile-2" class="promo-tile__items-horizontal">
5685  
5686    <a href="/products/hit-me-hard-and-soft-the-tour-live-vinyl" aria-label="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYLE">
5687  
5688  <div class="promo-tile_items flex gap-sm-sm h-full items-start">
5689    <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]">
5690      <div class="relative overflow-hidden h-0 pb-[100%]">
5691        
5692
5693
5694
5695
5696
5697
5698
5699
5700
5701
5702
5703
5704
5705  
5706<img src="//shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1778242747&amp;width=150" srcset="//shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1778242747&amp;width=100 100w" width="150" height="150" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
5707
5708
5709
5710      </div>
5711    </div>
5712    <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]">
5713      
5714        <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm mb-sm-xs">HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYLE</h4>
5715      
5716      
5717        <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center">
5718          Voir le produit
5719          
5720            <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
5721
5722
5723
5724  
5725  
5726  
5727  
5728      
5729          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
5730            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
5731          </svg>
5732        
5733    
5734</span>
5735          
5736        </span>
5737      
5738    </div>
5739  </div>
5740  
5741    </a>
5742  
5743</div>
5744  
5745
5746  
5747  
5748    
5749    
5750      
5751    
5752    
5753
5754
5755
5756  
5757    
5758
5759
5760
5761
5762
5763
5764
5765
5766
5767
5768<div key="promo-tile-3" class="promo-tile__items-horizontal">
5769  
5770    <a href="/products/hit-me-hard-and-soft-vinyle-standard" aria-label="HIT ME HARD AND SOFT Vinyle standard">
5771  
5772  <div class="promo-tile_items flex gap-sm-sm h-full items-start">
5773    <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]">
5774      <div class="relative overflow-hidden h-0 pb-[100%]">
5775        
5776
5777
5778
5779
5780
5781
5782
5783
5784
5785
5786
5787
5788
5789  
5790<img src="//shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Black-Product-Shot-1000x1000.png?v=1716286332&amp;width=150" alt="HIT ME HARD AND SOFT Vinyle standard" srcset="//shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Black-Product-Shot-1000x1000.png?v=1716286332&amp;width=100 100w" width="150" height="150" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
5791
5792
5793
5794      </div>
5795    </div>
5796    <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]">
5797      
5798        <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm mb-sm-xs">HIT ME HARD AND SOFT Vinyle standard</h4>
5799      
5800      
5801        <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center">
5802          Voir le produit
5803          
5804            <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
5805
5806
5807
5808  
5809  
5810  
5811  
5812      
5813          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
5814            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
5815          </svg>
5816        
5817    
5818</span>
5819          
5820        </span>
5821      
5822    </div>
5823  </div>
5824  
5825    </a>
5826  
5827</div>
5828  
5829
5830  
5831  
5832    
5833    
5834      
5835    
5836    
5837
5838
5839
5840  
5841    
5842
5843
5844
5845
5846
5847
5848
5849
5850
5851
5852<div key="promo-tile-4" class="promo-tile__items-horizontal">
5853  
5854    <a href="/products/hit-me-hard-and-soft-edition-limitee-vinyle-vert-bouteille-transparent" aria-label="HIT ME HARD AND SOFT Edition Limitée Vinyle Vert Bouteille Transparent">
5855  
5856  <div class="promo-tile_items flex gap-sm-sm h-full items-start">
5857    <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]">
5858      <div class="relative overflow-hidden h-0 pb-[100%]">
5859        
5860
5861
5862
5863
5864
5865
5866
5867
5868
5869
5870
5871
5872
5873  
5874<img src="//shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Spotify-FF-Product-Shot-d4.png?v=1748249823&amp;width=150" alt="HIT ME HARD AND SOFT Edition Limitée Vinyle Vert Bouteille Transparent" srcset="//shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Spotify-FF-Product-Shot-d4.png?v=1748249823&amp;width=100 100w" width="150" height="150" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
5875
5876
5877
5878      </div>
5879    </div>
5880    <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]">
5881      
5882        <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm mb-sm-xs">HIT ME HARD AND SOFT Edition Limitée Vinyle Vert Bouteille Transparent</h4>
5883      
5884      
5885        <span class="promo__cta promo__text c-text-content-heading text_navigation_md flex items-center">
5886          Voir le produit
5887          
5888            <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
5889
5890
5891
5892  
5893  
5894  
5895  
5896      
5897          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
5898            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
5899          </svg>
5900        
5901    
5902</span>
5903          
5904        </span>
5905      
5906    </div>
5907  </div>
5908  
5909    </a>
5910  
5911</div>
5912  
5913
5914  
5915  
5916    </div> 
5917  
5918</div>
5919      
5920    </div>
5921  </div>
5922</template>
5923
5924                  
5925            
5926
5927            
5928          
5929        </li>
5930      
5931        
5932
5933        
5934        
5935        
5936
5937        
5938        
5939
5940        <li class="mega-menu__primary-item grow-0 "
5941          x-data="{ id: 'upcycled' }"
5942          role="none"
5943          
5944            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
5945          
5946        >
5947          <button
5948            
5949            
5950            :id="'button-' + id"
5951            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--has-submenu no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline group-[.child-active]:no-underline"
5952            
5953              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
5954              :aria-expanded="activeMenu === id ? 'true' : 'false'"
5955              aria-haspopup="true"
5956              :aria-controls="'dropdown-' + id"
5957              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
5958              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
5959            
5960            role="menuitem"
5961          >
5962            Upcycled
5963            
5964              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
5965                
5966
5967
5968
5969  
5970  
5971  
5972  
5973      
5974          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
5975            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
5976          </svg>
5977        
5978    
5979
5980              </span>
5981            
5982          </button>
5983
5984          
5985            
5986            
5987              
5988                
5989              
5990                
5991              
5992            
5993
5994            
5995              
5996                
5997
5998
5999
6000
6001
6002
6003
6004
6005
6006
6007
6008
6009
6010
6011
6012
6013
6014
6015
6016
6017
6018
6019
6020
6021
6022<div
6023  class="mega-menu__dropdown absolute shadow-lg min-w-[240px] max-w-[300px] z-100 max-h-[calc(100vh-var(--header-group-height)-44px)] overflow-y-auto text-left c-bg-background c-text-content-base -mx-lg-sm"
6024  x-cloak
6025  x-show="activeMenu === id"
6026  x-trap.noscroll="activeMenu === id"
6027  :id="'dropdown-' + id"
6028  :aria-labelledby="'button-' + id"
6029  x-transition:enter="transition ease-out duration-200"
6030  x-transition:enter-start="opacity-0 -translate-y-1"
6031  x-transition:enter-end="opacity-100 translate-y-0"
6032  x-transition:leave="transition ease-in duration-150"
6033  x-transition:leave-start="opacity-100 translate-y-0"
6034  x-transition:leave-end="opacity-0 -translate-y-1"
6035  @keydown.escape.prevent.stop="close()"
6036  @click.away="close()"
6037>
6038  <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm">
6039    <ul
6040      class="dropdown__stack flex flex-col items-start gap-sm-sm"
6041      role="menu"
6042    >
6043      
6044        
6045        
6046
6047        
6048        
6049
6050        
6051        
6052
6053        
6054        
6055
6056        
6057        
6058
6059        
6060        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
6061          <a
6062            href="/collections/tout-le-upcycled"
6063            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
6064            role="menuitem"
6065            
6066            :tabindex="activeMenu === id ? '0' : '-1'"
6067            @keydown.enter.prevent="window.location.href='/collections/tout-le-upcycled'"
6068            @keydown.space.prevent="window.location.href='/collections/tout-le-upcycled'"
6069          >
6070            tout le upcycled
6071          </a>
6072          
6073        </li>
6074      
6075        
6076        
6077
6078        
6079        
6080
6081        
6082        
6083
6084        
6085        
6086
6087        
6088        
6089
6090        
6091        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
6092          <a
6093            href="/collections/billie-eilish-x-suay"
6094            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
6095            role="menuitem"
6096            
6097            :tabindex="activeMenu === id ? '0' : '-1'"
6098            @keydown.enter.prevent="window.location.href='/collections/billie-eilish-x-suay'"
6099            @keydown.space.prevent="window.location.href='/collections/billie-eilish-x-suay'"
6100          >
6101            billie eilish x suay
6102          </a>
6103          
6104        </li>
6105      
6106    </ul>
6107  </div>
6108</div>
6109              
6110            
6111          
6112        </li>
6113      
6114        
6115
6116        
6117        
6118        
6119
6120        
6121        
6122
6123        <li class="mega-menu__primary-item grow-0 "
6124          x-data="{ id: 'sustainability' }"
6125          role="none"
6126          
6127            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
6128          
6129        >
6130          <button
6131            
6132            
6133            :id="'button-' + id"
6134            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--has-submenu no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline group-[.child-active]:no-underline"
6135            
6136              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
6137              :aria-expanded="activeMenu === id ? 'true' : 'false'"
6138              aria-haspopup="true"
6139              :aria-controls="'dropdown-' + id"
6140              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
6141              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
6142            
6143            role="menuitem"
6144          >
6145            Sustainability
6146            
6147              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
6148                
6149
6150
6151
6152  
6153  
6154  
6155  
6156      
6157          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
6158            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
6159          </svg>
6160        
6161    
6162
6163              </span>
6164            
6165          </button>
6166
6167          
6168            
6169            
6170              
6171                
6172              
6173                
6174              
6175            
6176
6177            
6178              
6179                
6180
6181
6182
6183
6184
6185
6186
6187
6188
6189
6190
6191
6192
6193
6194
6195
6196
6197
6198
6199
6200
6201
6202
6203
6204
6205<div
6206  class="mega-menu__dropdown absolute shadow-lg min-w-[240px] max-w-[300px] z-100 max-h-[calc(100vh-var(--header-group-height)-44px)] overflow-y-auto text-left c-bg-background c-text-content-base -mx-lg-sm"
6207  x-cloak
6208  x-show="activeMenu === id"
6209  x-trap.noscroll="activeMenu === id"
6210  :id="'dropdown-' + id"
6211  :aria-labelledby="'button-' + id"
6212  x-transition:enter="transition ease-out duration-200"
6213  x-transition:enter-start="opacity-0 -translate-y-1"
6214  x-transition:enter-end="opacity-100 translate-y-0"
6215  x-transition:leave="transition ease-in duration-150"
6216  x-transition:leave-start="opacity-100 translate-y-0"
6217  x-transition:leave-end="opacity-0 -translate-y-1"
6218  @keydown.escape.prevent.stop="close()"
6219  @click.away="close()"
6220>
6221  <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm">
6222    <ul
6223      class="dropdown__stack flex flex-col items-start gap-sm-sm"
6224      role="menu"
6225    >
6226      
6227        
6228        
6229
6230        
6231        
6232
6233        
6234        
6235
6236        
6237        
6238
6239        
6240        
6241
6242        
6243        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
6244          <a
6245            href="/pages/sustainability"
6246            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
6247            role="menuitem"
6248            
6249            :tabindex="activeMenu === id ? '0' : '-1'"
6250            @keydown.enter.prevent="window.location.href='/pages/sustainability'"
6251            @keydown.space.prevent="window.location.href='/pages/sustainability'"
6252          >
6253            about
6254          </a>
6255          
6256        </li>
6257      
6258        
6259        
6260
6261        
6262        
6263
6264        
6265        
6266
6267        
6268        
6269
6270        
6271        
6272
6273        
6274        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
6275          <a
6276            href="/pages/tour-impact-report"
6277            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
6278            role="menuitem"
6279            
6280            :tabindex="activeMenu === id ? '0' : '-1'"
6281            @keydown.enter.prevent="window.location.href='/pages/tour-impact-report'"
6282            @keydown.space.prevent="window.location.href='/pages/tour-impact-report'"
6283          >
6284            tour impact
6285          </a>
6286          
6287        </li>
6288      
6289    </ul>
6290  </div>
6291</div>
6292              
6293            
6294          
6295        </li>
6296      
6297        
6298
6299        
6300        
6301        
6302
6303        
6304        
6305
6306        <li class="mega-menu__primary-item grow-0 "
6307          x-data="{ id: 'tour' }"
6308          role="none"
6309          
6310        >
6311          <a
6312            
6313              href="/pages/tour"
6314            
6315            
6316            :id="'button-' + id"
6317            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
6318            
6319            role="menuitem"
6320          >
6321            Tour
6322            
6323          </a>
6324
6325          
6326        </li>
6327      
6328        
6329
6330        
6331        
6332        
6333
6334        
6335        
6336
6337        <li class="mega-menu__primary-item grow-0 "
6338          x-data="{ id: 'more' }"
6339          role="none"
6340          
6341            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
6342          
6343        >
6344          <button
6345            
6346            
6347            :id="'button-' + id"
6348            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--has-submenu no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline group-[.child-active]:no-underline"
6349            
6350              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
6351              :aria-expanded="activeMenu === id ? 'true' : 'false'"
6352              aria-haspopup="true"
6353              :aria-controls="'dropdown-' + id"
6354              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
6355              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
6356            
6357            role="menuitem"
6358          >
6359            More
6360            
6361              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
6362                
6363
6364
6365
6366  
6367  
6368  
6369  
6370      
6371          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
6372            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
6373          </svg>
6374        
6375    
6376
6377              </span>
6378            
6379          </button>
6380
6381          
6382            
6383            
6384              
6385                
6386              
6387                
6388              
6389            
6390
6391            
6392              
6393                
6394
6395
6396
6397
6398
6399
6400
6401
6402
6403
6404
6405
6406
6407
6408
6409
6410
6411
6412
6413
6414
6415
6416
6417
6418
6419<div
6420  class="mega-menu__dropdown absolute shadow-lg min-w-[240px] max-w-[300px] z-100 max-h-[calc(100vh-var(--header-group-height)-44px)] overflow-y-auto text-left c-bg-background c-text-content-base -mx-lg-sm"
6421  x-cloak
6422  x-show="activeMenu === id"
6423  x-trap.noscroll="activeMenu === id"
6424  :id="'dropdown-' + id"
6425  :aria-labelledby="'button-' + id"
6426  x-transition:enter="transition ease-out duration-200"
6427  x-transition:enter-start="opacity-0 -translate-y-1"
6428  x-transition:enter-end="opacity-100 translate-y-0"
6429  x-transition:leave="transition ease-in duration-150"
6430  x-transition:leave-start="opacity-100 translate-y-0"
6431  x-transition:leave-end="opacity-0 -translate-y-1"
6432  @keydown.escape.prevent.stop="close()"
6433  @click.away="close()"
6434>
6435  <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm">
6436    <ul
6437      class="dropdown__stack flex flex-col items-start gap-sm-sm"
6438      role="menu"
6439    >
6440      
6441        
6442        
6443
6444        
6445        
6446
6447        
6448        
6449
6450        
6451        
6452
6453        
6454        
6455
6456        
6457        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
6458          <a
6459            href="https://www.youtube.com/channel/UCiGm_E4ZwYSHV3bcW1pnSeQ"
6460            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
6461            role="menuitem"
6462            
6463            :tabindex="activeMenu === id ? '0' : '-1'"
6464            @keydown.enter.prevent="window.location.href='https://www.youtube.com/channel/UCiGm_E4ZwYSHV3bcW1pnSeQ'"
6465            @keydown.space.prevent="window.location.href='https://www.youtube.com/channel/UCiGm_E4ZwYSHV3bcW1pnSeQ'"
6466          >
6467            video
6468          </a>
6469          
6470        </li>
6471      
6472        
6473        
6474
6475        
6476        
6477
6478        
6479        
6480
6481        
6482        
6483
6484        
6485        
6486
6487        
6488        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
6489          <a
6490            href="https://billieeilish.lnk.to/hitmehardandsoft"
6491            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
6492            role="menuitem"
6493            
6494            :tabindex="activeMenu === id ? '0' : '-1'"
6495            @keydown.enter.prevent="window.location.href='https://billieeilish.lnk.to/hitmehardandsoft'"
6496            @keydown.space.prevent="window.location.href='https://billieeilish.lnk.to/hitmehardandsoft'"
6497          >
6498            ecouter
6499          </a>
6500          
6501        </li>
6502      
6503    </ul>
6504  </div>
6505</div>
6506              
6507            
6508          
6509        </li>
6510      
6511    </ul>
6512  </nav>
6513
6514  <template x-teleport="#header-md-wrapper--29700483678551">
6515    <button
6516      class="umg-backdrop block w-screen h-screen absolute left-0 right-0 bottom-0 top-full z-1"
6517      x-cloak
6518      x-show="activeMenu"
6519      x-transition.opacity
6520      aria-hidden="true"
6521      tabindex="-1"
6522      @click="close()">
6523      <span class="sr-only">Fermer le menu de navigation</span>
6524    </button>
6525  </template>
6526</div>
6527</div>
6528
6529        
6530    
6531      
6532    
6533      
6534    
6535      
6536          
6537
6538<div class="header__column header__column--4 header__column--actions flex col-span-1 justify-end items-center"  >
6539  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
6540    
6541
6542
6543    
6544    
6545    
6546    
6547    
6548    <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
6549      <button class="btn-search text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" 
6550      x-on:click="searchBarOpen = true;$nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchInput.focus(), 10) })" type="button" aria-label="Ouvrir la barre de recherche" x-ref="searchToggle" :aria-expanded="searchBarOpen" aria-controls="header-search-dropdown"
6551     >
6552        
6553
6554
6555
6556  
6557  
6558  
6559      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
6560        <path d="M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z"/>
6561      </svg>
6562    
6563
6564      </button>
6565    </div>
6566
6567  
6568
6569
6570
6571
6572
6573
6574
6575
6576
6577
6578
6579
6580
6581
6582
6583
6584
6585
6586
6587
6588
6589
6590
6591
6592
6593
6594
6595   
6596  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" tabindex="-1">
6597    
6598  <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
6599    
6600      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
6601        
6602
6603
6604
6605  
6606  
6607  
6608      
6609          
6610          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
6611            <path d="M80 0C87.47 0 93.95 5.17 95.6 12.45L100 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H158.2L172.8 352H496C504.8 352 512 359.2 512 368C512 376.8 504.8 384 496 384H160C152.5 384 146.1 378.8 144.4 371.5L67.23 32H16C7.164 32 0 24.84 0 16C0 7.164 7.164 0 16 0H80zM107.3 64L150.1 256H487.8L541.8 64H107.3zM128 456C128 425.1 153.1 400 184 400C214.9 400 240 425.1 240 456C240 486.9 214.9 512 184 512C153.1 512 128 486.9 128 456zM184 480C197.3 480 208 469.3 208 456C208 442.7 197.3 432 184 432C170.7 432 160 442.7 160 456C160 469.3 170.7 480 184 480zM512 456C512 486.9 486.9 512 456 512C425.1 512 400 486.9 400 456C400 425.1 425.1 400 456 400C486.9 400 512 425.1 512 456zM456 432C442.7 432 432 442.7 432 456C432 469.3 442.7 480 456 480C469.3 480 480 469.3 480 456C480 442.7 469.3 432 456 432z"/>
6612          </svg>
6613      
6614    
6615
6616      </div>
6617      <span class="sr-only">Panier</span>
6618    
6619    <div id="header-cart-count_md" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-tertiary c-text-tertiary-on empty:hidden"></div>
6620    
6621  </a>
6622
6623  </cart-drawer-toggle-button>
6624
6625    
6626
6627  </div>
6628</div>
6629          
6630        
6631    
6632  </div>
6633  
6634  
6635    
6636
6637
6638
6639
6640  
6641  
6642
6643  
6644  
6645  
6646
6647  
6648  
6649
6650  
6651  
6652
6653  
6654
6655  
6656
6657  <div class="header__search-wrapper section__wrapper w-full hidden absolute top-0 border-x-0 border-y-0 z-10 h-full border-default-width c-border-primary c-bg-surface c-text-on-surface" 
6658    x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
6659    @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
6660    id="header-search-dropdown"
6661  >
6662    <div class="header__search-container flex md:max-w-[70ch] lg:max-w-[90ch] mx-auto justify-center section-spacing mx-auto w-full relative z-10 py-none px-lg-sm max-w-full md:px-container-sm md:max-w-full h-full items-center">
6663      
6664        
6665      <button type="button" x-on:click="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" class="absolute top-0 right-0 w-6 h-6 mr-sm-xs mt-sm-xs c-text-content-base" aria-label="Fermer la barre de recherche">
6666        
6667
6668
6669
6670  
6671  
6672  
6673      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
6674        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
6675      </svg>
6676    
6677
6678      </button>
6679    
6680      
6681      
6682
6683
6684
6685
6686    <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sur l’ensemble du site">
6687      <div class="predictive-search__input-wrapper relative w-full">
6688        <input class="predictive-search__input appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs header-md__search-input" id="search-sections--29700483678551__header-md" type="search" value="" name="q" placeholder="Recherche"aria-label="Recherche" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" >
6689        <button class="predictive-search__input-icon box-content h-full border-default-size flex absolute z-10 top-1/2 right-0 items-center justify-center transform -translate-y-1/2 border-r-default-width border-transparent c-text-content-base w-4 px-sm-xs" type="submit" aria-label="Recherche">
6690          
6691
6692
6693
6694  
6695  
6696  
6697      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
6698        <path d="M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z"/>
6699      </svg>
6700    
6701
6702        </button>
6703        
6704      </div>
6705    </form>
6706
6707    </div>
6708  </div>
6709
6710  
6711
6712  
6713
6714  
6715
6716
6717
6718</div>
6719
6720</header><header id="shopify-section-sections--29700483678551__header-md-2" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid"><style>
6721	#shopify-section-sections--29700483678551__header-md-2 {
6722		position: sticky;top: 0;z-index: 999997;
6723    width: 100%;
6724	}
6725	</style>
6726  
6726<script>document.getElementById('shopify-section-sections--29700483678551__header-md-2').classList.add('umg-sticky', 'transition-[transform]')</script>
6726
6727
6728
6729
6730
6731
6732
6733<div id="header-md-2-wrapper--29700483678551" class="header__wrapper header__wrapper--md scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mb-none border-default-width c-border-primary border-x-0 border-t-0 brand brand--fragrance" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_sticky_header" style=" --icon-width: 1.375rem; --icon-height: 1.375rem; ">
6734  <div id="header-md-2-container--29700483678551" class="header__container header__container--md grid gap-y-none gap-x-none grid-cols-12 section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-sm max-w-full md:px-container-sm md:max-w-full mx-auto text-center" >
6735    
6736      
6737          
6738
6739<div class="header__column header__column--0 header__column--developer col-span-3" >
6740  <div class="developer-container items-center col-span-full" >
6741    <div class="logo-container">
6742  
6743    
6744
6745
6746
6747
6748
6749
6750
6751
6752
6753
6754
6755
6756
6757
6758
6759
6760
6761<h1>
6762    <span class="sr-only">Billie Eilish Store</span>
6763  
6764
6765  
6766  
6767
6768  
6769  
6770
6771  
6772
6773  
6774
6775  <a class="logo-cntr block" href="/" style=" --logo-width: 13.0625rem; " title="Store Billie Eilish">
6776    
6777      
6778
6779            
6780
6781
6782
6783
6784
6785
6786
6787
6788
6789
6790  <picture class="image__adaptive">
6791    
6792
6793
6794
6795
6796
6797
6798
6799
6800
6801
6802
6803
6804
6805    
6806  
6807<source data-src="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621" alt="Store Billie Eilish" srcset="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1921 1921w" width="1921" height="129" loading="eager" media="(min-width: 760px)">
6808
6809
6810
6811    
6812
6813
6814
6815
6816
6817
6818
6819
6820
6821
6822
6823
6824
6825  
6826<img src="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621" alt="Store Billie Eilish" srcset="//shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&amp;width=1921 1921w" width="1921" height="129" loading="eager" class="w-full object-cover image__responsive image__responsive--svg">
6827
6828
6829
6830  </picture>
6831
6832
6833    
6834  </a></h1>
6835  
6836</div>
6837
6838  </div>
6839</div>
6840      
6841    
6842      
6843          
6844
6845<div class="mega-menu flex items-center col-span-8" >
6846  
6847
6848
6849
6850
6851
6852
6853
6854
6855
6856
6857
6858
6859
6860
6861
6862
6863
6864
6865
6866
6867<div class="mega-menu w-full overscroll-contain"
6868  x-data="{
6869    activeMenu: null,
6870    isOpen: false,
6871    close() {
6872      this.isOpen = false;
6873      this.activeMenu = null;
6874    },
6875    handleKeydown(e) {
6876      if (e.key === 'Escape') {
6877        this.close()
6878      }
6879    }
6880  }"
6881  @keydown="handleKeydown($event)">
6882  <nav class="mega-menu__nav" aria-label="Menu principal En-tête">
6883    <ul class="mega-menu__primary-list flex items-center w-full flex-wrap gap-x-lg-sm text-right justify-end" role="menubar">
6884      
6885    </ul>
6886  </nav>
6887
6888  <template x-teleport="#header-md-2-wrapper--29700483678551">
6889    <button
6890      class="umg-backdrop block w-screen h-screen absolute left-0 right-0 bottom-0 top-full z-1"
6891      x-cloak
6892      x-show="activeMenu"
6893      x-transition.opacity
6894      aria-hidden="true"
6895      tabindex="-1"
6896      @click="close()">
6897      <span class="sr-only">Fermer le menu de navigation</span>
6898    </button>
6899  </template>
6900</div>
6901</div>
6902
6903        
6904    
6905      
6906          
6907
6908<div class="header__column header__column--2 header__column--actions flex col-span-1 justify-end items-center"  >
6909  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
6910    
6911
6912
6913    
6914    
6915    
6916    
6917    
6918    <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-s
6918pace">
6919      <button class="btn-search text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" 
6920      x-on:click="searchBarOpen = true;$nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchInput.focus(), 10) })" type="button" aria-label="Ouvrir la barre de recherche" x-ref="searchToggle" :aria-expanded="searchBarOpen" aria-controls="header-search-dropdown"
6921     >
6922        
6923
6924
6925
6926  
6927  
6928  
6929      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
6930        <path d="M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z"/>
6931      </svg>
6932    
6933
6934      </button>
6935    </div>
6936
6937  
6938
6939
6940
6941
6942
6943
6944
6945
6946
6947
6948
6949
6950
6951
6952
6953
6954
6955
6956
6957
6958
6959
6960
6961
6962
6963
6964
6965   
6966  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" tabindex="-1">
6967    
6968  <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
6969    
6970      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
6971        
6972
6973
6974
6975  
6976  
6977  
6978      
6979          
6980          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
6981            <path d="M80 0C87.47 0 93.95 5.17 95.6 12.45L100 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H158.2L172.8 352H496C504.8 352 512 359.2 512 368C512 376.8 504.8 384 496 384H160C152.5 384 146.1 378.8 144.4 371.5L67.23 32H16C7.164 32 0 24.84 0 16C0 7.164 7.164 0 16 0H80zM107.3 64L150.1 256H487.8L541.8 64H107.3zM128 456C128 425.1 153.1 400 184 400C214.9 400 240 425.1 240 456C240 486.9 214.9 512 184 512C153.1 512 128 486.9 128 456zM184 480C197.3 480 208 469.3 208 456C208 442.7 197.3 432 184 432C170.7 432 160 442.7 160 456C160 469.3 170.7 480 184 480zM512 456C512 486.9 486.9 512 456 512C425.1 512 400 486.9 400 456C400 425.1 425.1 400 456 400C486.9 400 512 425.1 512 456zM456 432C442.7 432 432 442.7 432 456C432 469.3 442.7 480 456 480C469.3 480 480 469.3 480 456C480 442.7 469.3 432 456 432z"/>
6982          </svg>
6983      
6984    
6985
6986      </div>
6987      <span class="sr-only">Panier</span>
6988    
6989    <div id="header-cart-count_md" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-tertiary c-text-tertiary-on empty:hidden"></div>
6990    
6991  </a>
6992
6993  </cart-drawer-toggle-button>
6994
6995    
6996
6997  </div>
6998</div>
6999          
7000        
7001    
7002  </div>
7003  
7004  
7005    
7006
7007
7008
7009
7010  
7011  
7012
7013  
7014  
7015  
7016
7017  
7018  
7019
7020  
7021  
7022
7023  
7024
7025  
7026
7027  <div class="header__search-wrapper section__wrapper w-full hidden absolute top-0 border-x-0 border-y-0 z-10 h-full border-default-width c-border-primary c-bg-surface c-text-on-surface" 
7028    x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
7029    @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
7030    id="header-search-dropdown"
7031  >
7032    <div class="header__search-container flex md:max-w-[70ch] lg:max-w-[90ch] mx-auto justify-center section-spacing mx-auto w-full relative z-10 py-none px-lg-sm max-w-full md:px-container-sm md:max-w-full h-full items-center">
7033      
7034        
7035      <button type="button" x-on:click="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" class="absolute top-0 right-0 w-6 h-6 mr-sm-xs mt-sm-xs c-text-content-base" aria-label="Fermer la barre de recherche">
7036        
7037
7038
7039
7040  
7041  
7042  
7043      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
7044        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
7045      </svg>
7046    
7047
7048      </button>
7049    
7050      
7051      
7052
7053
7054
7055
7056    <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sur l’ensemble du site">
7057      <div class="predictive-search__input-wrapper relative w-full">
7058        <input class="predictive-search__input appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs header-md__search-input" id="search-sections--29700483678551__header-md-2" type="search" value="" name="q" placeholder="Recherche"aria-label="Recherche" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" >
7059        <button class="predictive-search__input-icon box-content h-full border-default-size flex absolute z-10 top-1/2 right-0 items-center justify-center transform -translate-y-1/2 border-r-default-width border-transparent c-text-content-base w-4 px-sm-xs" type="submit" aria-label="Recherche">
7060          
7061
7062
7063
7064  
7065  
7066  
7067      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
7068        <path d="M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z"/>
7069      </svg>
7070    
7071
7072        </button>
7073        
7074      </div>
7075    </form>
7076
7077    </div>
7078  </div>
7079
7080  
7081
7082  
7083
7084  
7085
7086
7087
7088</div>
7089
7090</header><aside id="shopify-section-sections--29700483678551__global-messaging" class="shopify-section shopify-section-group-header-group global-messaging"></aside><aside id="shopify-section-sections--29700483678551__soft-redirect" class="shopify-section shopify-section-group-header-group section-soft-redirects">
7091
7092</aside>
7093<!-- END sections: header-group --><cart-drawer hidden id="cart-drawer" class="cart-drawer fixed z-[1000002] top-0 max-w-11/12 h-full w-full md:max-w-xs motion-safe:animate-none right-0 translate-x-full transition-transform duration-300 ease-in-out">
7094
7095
7096
7097
7098
7099
7100
7101
7102
7103
7104
7105
7106
7107
7108
7109
7110
7111
7112
7113
7114 
7115  <style>
7116    .cart-drawer.active {
7117      transform: translateX(0);
7118    }
7119  </style>
7120  <div class="cart-drawer__innerwrapper grid grid-rows-[auto_1fr_auto] h-full overflow-y-scroll overscroll-x-contain cart-drawer--empty section__container grid py-none px-none md:px-none gap-y-sm-md c-bg-background c-text-content-base border-none c-border-surface rounded-none shadow-none rounded-tr-none rounded-br-none border-r-0">
7121    <div class="cart-drawer__header flex justify-between items-start px-sm-md pt-sm-xl">
7122      
7123      <button class="cart-drawer__close ml-auto appearance-none h-[3rem] w-[3rem] p-sm-xs">
7124        <span class="sr-only">Fermer le panier</span>
7125        
7126
7127
7128
7129  
7130  
7131  
7132      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
7133        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
7134      </svg>
7135    
7136
7137      </button>
7138    </div>
7139
7140    <div class="cart-drawer__main grow flex flex-col items-stretch px-sm-md" id="cart-drawer-main">
7141      
7142
7143
7144
7145  <div class="cart__empty grow flex flex-col justify-center items-center gap-sm-lg">
7146
7147    <h4 class="cart__empty-title text_heading_lg">Votre panier est vide</h4>
7148    <p class="cart__empty-message text_body">Il est temps de remplir le panier</p>
7149
7150    <cart-drawer-toggle-button class="cart__empty-action" tabindex="0">
7151      
7152      
7153      <button class="btn btn--primary block z-10 relative">Continuer mes achats</button>
7154    </cart-drawer-toggle-button>
7155  </div>
7156    </div>
7157    
7158  </div>
7159
7160  
7161
7162
7163</cart-drawer><main id="MainContent" role="main" class="z-10 grow"><section id="shopify-section-template--29700482826583__hero_1" class="shopify-section hero-banner">
7164
7165
7166
7167
7168
7169
7170
7171
7172
7173
7174
7175
7176
7177
7178
7179
7180
7181
7182
7183
7184
7185
7186
7187
7188
7189
7190
7191
7192  
7193
7194  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-header-overlap custom-video-aspect-ratio" aria-live="polite">
7195    
7196      <span class="sr-only">
7197        render_section=true,countdown_script=false,
7198      </span>
7199    
7200
7201    
7202    
7203      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
7204        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none rounded-none shadow-none">
7205          <div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
7206              <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
7207  <div id="hero-template--29700482826583__hero_1" class="hero-banner__wrapper overflow-hidden flex flex-col relative w-full custom-header-overlap custom-video-aspect-ratio scheme-scheme1">
7208    
7209      
7210      
7211
7212    
7213    
7214
7215    
7216      
7217
7218      
7219
7220      <div  key="video_banner_url_rHf9VT" class="flex" data-items-element="swiper-slide" x-data="{ videoPlaying: false, open: false }">
7221          
7222        <a href="/collections/nouveautes" class="absolute z-[1] w-full h-full -outline-offset-4"></a>
7223      
7224          <div key="video_banner_url_rHf9VT" class="relative w-full banner-container" >
7225            
7226        
7227            
7228
7229
7230
7231
7232
7233
7234
7235
7236
7237
7238
7239
7240
7241
7242<div class="hero-media-wrapper grid grid-cols-1 grid-rows-1 w-full h-full">
7243  
7244
7245  
7246    <div class="video-wrapper col-start-1 row-start-1 md:static md:h-full md:pb-[unset]">
7247      <div class="video-umg-playback grid grid-cols-1 grid-rows-1 w-full h-full w-full h-full object-cover md:static md:w-full md:h-full md:object-cover">
7248        
7249
7250          
7251          
7252          
7253          <video
7254            preload="none"
7255            class="lazy-video self-stretch w-full h-full col-start-1 row-start-1 w-full h-full object-cover md:static md:w-full md:h-full md:object-cover"
7256            x-data="{ isDesktop: window.matchMedia('(min-width: 768px)').matches, mobileVideoURL: 'https://cdn.shopify.com/videos/c/o/v/447d328d3d7c4d81947254c6957a866c.mp4', desktopVideoURL: 'https://cdn.shopify.com/videos/c/o/v/8fba242b15064d57b8a996be65b8b0b0.mp4', onLoadIsDesktop: window.matchMedia('(min-width: 768px)').matches}"
7257            @resize.window=" width = (window.innerWidth > 0) ? window.innerWidth : screen.width; if (width >= 768) { isDesktop = true } else { isDesktop = false }"
7258            id="video_banner_url_rHf9VT"
7259            aria-label=""
7260            x-bind:src="isDesktop ? desktopVideoURL : mobileVideoURL"
7261            x-bind:data-url-changed="onLoadIsDesktop !== isDesktop"
7262             
7263             playsinline autoplay="autoplay" 
7264             loop="true" 
7265             muted="true" 
7266            
7267          >
7268          
7269            <source data-src="https://cdn.shopify.com/videos/c/o/v/447d328d3d7c4d81947254c6957a866c.mp4" type="video/mp4" media="(max-width: 768px)" />
7270            <source data-src="https://cdn.shopify.com/videos/c/o/v/8fba242b15064d57b8a996be65b8b0b0.mp4" type="video/mp4"  media="(min-width: 769px)" />
7271          
7272          </video>
7273          
7274          
7275          
7276
7277
7278
7279
7280
7281
7282
7283
7284
7285
7286
7287
7288
7289
7290
7291
7292
7293
7294
7295
7296
7297
7298
7299<video-player-button
7300  
7301  data-autoplay="true"
7302  aria-controls="video_banner_url_rHf9VT"
7303  data-state="play"
7304  aria-expanded="false"
7305  class="video-player__button group peer absolute sr-only cursor-pointer z-100 flex justify-center items-center min-w-min-click-s
7305pace min-h-min-click-space bottom-0 right-0 translate-x-[-50%] translate-y-[-50%] scheme-scheme1"
7306  aria-label="bouton de lecture"
7307  aria-pressed="false"
7308  
7309  style="--icon-width: 3.5rem; --icon-height: 3.5rem;"
7310
7311>
7312  <span class="video-player__icon--pause flex group-[[data-state='play']]:hidden">
7313    
7314
7315
7316
7317
7318
7319
7320    
7321        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="w-full h-full icon icon--pause group-hover:fill-[--color-content-subtle] fill-[--color-primary-on] umg-icon" fill="currentColor">
7322          <path d="M320 96C443.7 96 544 196.3 544 320C544 443.7 443.7 544 320 544C196.3 544 96 443.7 96 320C96 196.3 196.3 96 320 96zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM288 240C288 231.2 280.8 224 272 224C263.2 224 256 231.2 256 240L256 400C256 408.8 263.2 416 272 416C280.8 416 288 408.8 288 400L288 240zM384 240C384 231.2 376.8 224 368 224C359.2 224 352 231.2 352 240L352 400C352 408.8 359.2 416 368 416C376.8 416 384 408.8 384 400L384 240z"/>
7323        </svg>
7324      
7325  
7326
7327  </span>
7328  <span class="video-player__icon--play group-[[data-state='pause']]:hidden block">
7329    
7330
7331
7332
7333
7334
7335
7336    
7337        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="w-full h-full icon icon--play group-hover:fill-[--color-content-subtle] fill-[--color-primary-on] umg-icon" fill="currentColor">
7338          <path d="M320 96C443.7 96 544 196.3 544 320C544 443.7 443.7 544 320 544C196.3 544 96 443.7 96 320C96 196.3 196.3 96 320 96zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM392.7 320L272 393.7L272 246.3L392.7 320zM252.3 211.1C244.7 215.3 240 223.4 240 232L240 408C240 416.7 244.7 424.7 252.3 428.9C259.9 433.1 269.1 433 276.6 428.4L420.6 340.4C427.7 336 432.1 328.3 432.1 319.9C432.1 311.5 427.7 303.8 420.6 299.4L276.6 211.4C269.2 206.9 259.9 206.7 252.3 210.9z"/>
7339        </svg>
7340      
7341  
7342
7343  </span>
7344</video-player-button>
7345<div  class="video-player__overlay peer-[[aria-expanded='true']]:hidden absolute top-0 left-0 right-0 bottom-0 z-[100] w-full h-full c-bg-transparent"></div>
7346
7347<script defer="defer" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/video-button.bundle.js?v=63669867522232036831778242908"></script>
7347
7348
7349
7350</div>
7351    </div>
7352  
7353</div>
7354        
7355
7356        
7357          
7358
7359
7360
7361
7362
7363
7364
7365
7366
7367
7368<div
7369  class="absolute z-10 top-0 left-0 w-full h-full banner__fg pointer-events-none"
7370  
7371>
7372  <div class="hero-banner__content w-[var(--width)] md:w-[var(--width--md)] left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] absolute -translate-x-2/4 -translate-y-2/4 scheme-scheme1" style="--width: 80%; --width--md: 50%; --pos-x: 50%; --pos-x--md: 30%; --pos-y: 85%; --pos-y--md: 80%;">
7373    <div class="relative flex flex-col items-start md:items-start text-left md:text-left">
7374      
7375<h2 class="text_display_md c-text-primary-on">
7376    shop
7377  </h2><p class="text_heading_2xl c-text-primary-on">
7378    New Arrivals
7379  </p>
7380      
7381
7382
7383
7384
7385
7386
7387
7388
7389
7390
7391  
7392    <div class="flex flex-col items-start md:items-center mt-lg-md md:flex-row gap-sm-sm justify-start md:justify-start">
7393      
7394
7395
7396
7397
7398
7399
7400
7401
7402  
7403    <a href="/collections/nouveautes" class="pointer-events-auto btn btn--primary" aria-label="shop now">shop now</a>
7404
7405  
7406
7407
7408
7409
7410      
7411
7412
7413
7414
7415
7416
7417
7418
7419    </div>
7420  
7421
7422
7423
7424    </div>
7425  </div>
7426</div>
7427
7428        
7429      
7430          </div>
7431    
7432      </div>
7433    
7434
7435    
7436  </div>
7437</div>
7438            </div></div>
7439        </div>
7440      </div>
7441
7442
7443
7444  </div>
7445
7446  
7447
7448
7449
7450
7451
7452
7453<style> #shopify-section-template--29700482826583__hero_1 .mt-lg-md {margin-top: 1rem;} </style></section><section id="shopify-section-template--29700482826583__featured_collection_1" class="shopify-section featured-collection">
7454
7455
7456
7457
7458
7459
7460
7461
7462
7463
7464
7465
7466  
7467
7468  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden homepage-collection-grid" aria-live="polite">
7469    
7470      <span class="sr-only">
7471        render_section=true,countdown_script=false,
7472      </span>
7473    
7474
7475    
7476    
7477      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
7478        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
7479          <div class="section-container-gap grid gap-y-none"><div class="section-spacing mx-auto w-full relative z-10 px-none max-w-full md:px-none md:max-w-full">
7480                <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
7481  
7482    
7483  
7484    
7485  
7486    
7487  
7488    
7489  
7490    
7491  
7492</div>
7493              </div><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
7494              <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
7495  
7496  
7497  
7498    
7499
7500
7501
7502
7503
7504
7505
7506
7507
7508
7509
7510
7511
7512
7513
7514
7515
7516
7517
7518
7519
7520
7521
7522
7523
7524
7525
7526
7527
7528
7529
7530
7531
7532
7533
7534
7535
7536
7537
7538
7539
7540
7541
7542
7543<div
7544  data-items-element="swiper__parent"
7545  class="carousel-wrapper w-full min-w-full relative"
7546  data-carousel-type="grid-carousel"
7547  data-carousel-class="carousel-wrapper w-full min-w-full relative"
7548  data-carousel-layout="left"
7549  data-carousel-layout-md="left"
7550  data-slides-per-view="2"
7551  data-slides-per-view-md="3"
7552  data-slides-per-view-lg="4"
7553  data-carousel-loop="false"
7554  data-carousel-autoplay="0"
7555  data-carousel-peek="false"
7556  data-carousel-peek-md="false"
7557  data-carousel-peek-value="0.15"
7558  data-carousel-peek-value-md="0.15"
7559  data-carousel-dragfree="false"
7560  data-carousel-align="start"
7561  data-carousel-align-md="start"
7562  data-carousel-gap-x="none"
7563  data-carousel-gap-y="none"
7564  data-carousel-zoom=""
7565  data-carousel-pagination-type=""
7566  style="--cols: 2; --cols-md: 3; --cols-lg: 4; --peek-value: 0.15; --peek-value-md: 0.15; --grid-gap: var(--gap-container-none,0); --grid-gap-x: 0rem; --grid-gap-y: 0rem;"
7567>
7568  <div 
7569    data-items-element="swiper__viewport"
7570    class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none"
7571    data-carousel-class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none">
7572    
7573    <ul 
7574      data-items-element="swiper-wrapper"
7575      class="z-10 relative max-w-[100vw] w-full grid-layout grid--product flex flex-wrap gap-x-none gap-y-none md:flex md:flex-wrap md:gap-x-none md:justify-normal"
7576      data-initial-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product flex flex-wrap gap-x-none gap-y-none md:flex md:flex-wrap md:gap-x-none md:justify-normal"
7577      data-class="grid-layout grid--product flex flex-wrap gap-x-none gap-y-none md:flex md:flex-wrap md:gap-x-none md:justify-normal"
7578      data-carousel-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product flex flex-wrap gap-x-none gap-y-none md:flex md:flex-wrap md:gap-x-none md:justify-normal"
7579      data-next-url=""
7580      
7581    >
7582      <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="1" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10760742306135-template--29700482826583__featured_collection_1-1" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10760742306135" data-scroll="H"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/hit-me-hard-and-soft-the-tour-live-vinyl"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=17763339
758263&amp;width=1000" alt="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYLE" srcset="//shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&amp;width=1000" alt="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYLE" srcset="//shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/hit-me-hard-and-soft-the-tour-live-vinyl" aria-label="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYLE"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYLE </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€59,99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYLE"></span> <span name="gtm_item_id" value="10760742306135"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="0602488275453"></span> <span name="gtm_item_price" value="59.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="2" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10851971072343-template--29700482826583__featured_collection_1-2" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10851971072343" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/billie-eilish-view-master"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&amp;width=1000" alt="Billie Eilish View-Master" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=3640" alt="Billie Eilish View-Master" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=2000 2000w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=2560 2560w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&amp;width=3200 3200w" width="3640" height="3640" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/billie-eilish-view-master" aria-label="Billie Eilish View-Master"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Billie Eilish View-Master </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€34,99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Billie Eilish View-Master"></span> <span name="gtm_item_id" value="10851971072343"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span>
7582 <span name="gtm_item_upc" value="0885561024098"></span> <span name="gtm_item_price" value="34.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="3" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10760366883159-template--29700482826583__featured_collection_1-3" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10760366883159" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/billie-eyes-live-in-3d-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=177816812
75826&amp;width=1000" alt="Billie Eyes Live in 3D T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=177816812
75826&amp;width=1000" alt="Billie Eyes Live in 3D T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/billie-eyes-live-in-3d-t-shirt" aria-label="Billie Eyes Live in 3D T-Shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Billie Eyes Live in 3D T-Shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€50,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Billie Eyes Live in 3D T-Shirt"></span> <span name="gtm_item_id" value="10760366883159"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="XXL"></span> <span name="gtm_item_upc" value="0196177659902"></span> <span name="gtm_item_price" value="50.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="generic" data-generic-position="4" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="generic-card-generic_DLHybw" class="card__wrapper card__wrapper relative w-full h-full col-span-2" data-card="generic_DLHybw"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[120%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&amp;width=1515" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&amp;width=1200 1200w" width="1515" height="2120" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </div> </div> <div class="card__overlay-wrapper col-span-full row-start-1 min-w-0" style=""> <div class="card__overlay items-end col-start-1 col-end-2 row-start-1 row-end-2 flex overflow-hidden z-10 w-full h-full"> <div class="w-full min-w-0 flex flex-col gap-y-sm-2xs pt-sm-md pb-sm-md"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-primary-on"> <h4 class="text_display_md"> shop </h4> </div> <div class="card__description card__text card__details--wrapper relative block placement-below text-left justify-start c-text-primary-on"> <p class="text_body_sm"> all merch </p> </div> </div> </div> </div> <a href="/collections/tout-le-merch" class="card__link absolute top-0 left-0 w-full h-full col-start-1 row-start-1 row-span-full z-0" aria-label="shop"></a> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="5" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10760366915927-template--29700482826583__featured_collection_1-5" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10760366915927" data-scroll="H"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/hit-me-hard-and-soft-live-in-3d-jump-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&amp;width=1000" alt="HIT ME HARD AND SOFT Live in 3D Jump T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&amp;width=1000" alt="HIT ME HARD AND SOFT Live in 3D Jump T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/hit-me-hard-and-soft-live-in-3d-jump-t-shirt" aria-label="HIT ME HARD AND SOFT Live in 3D Jump T-Shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> HIT ME HARD AND SOFT Live in 3D Jump T-Shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€50,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="HIT ME HARD AND SOFT Live in 3D Jump T-Shirt"></span> <span name="gtm_item_id" value="10760366915927"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span>
7582 <span name="gtm_item_upc" value="0196177659919"></span> <span name="gtm_item_price" value="50.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="6" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10760366981463-template--29700482826583__featured_collection_1-6" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10760366981463" data-scroll="L"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/live-in-3d-hair-whip-mustard-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&amp;width=1500" alt="Live In 3D Hair Whip Mustard T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&amp;width=1200 1200w" width="1500" height="1500" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/live-in-3d-hair-whip-mustard-t-shirt" aria-label="Live In 3D Hair Whip Mustard T-Shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Live In 3D Hair Whip Mustard T-Shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€50,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Live In 3D Hair Whip Mustard T-Shirt"></span> <span name="gtm_item_id" value="10760366981463"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="0196177659964"></span> <span name="gtm_item_price" value="50.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="7" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10760367046999-template--29700482826583__featured_collection_1-7" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10760367046999" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/billie-upside-down-live-in-3d-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&amp;width=1000" alt="Billie Upside Down Live in 3D T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&amp;width=1000" alt="Billie Upside Down Live in 3D T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/billie-upside-down-live-in-3d-t-shirt" aria-label="Billie Upside Down Live in 3D T-Shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Billie Upside Down Live in 3D T-Shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€50,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Billie Upside Down Live in 3D T-Shirt"></span> <span name="gtm_item_id" value="10760367046999"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span>
7582 <span name="gtm_item_upc" value="0196177665279"></span> <span name="gtm_item_price" value="50.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="8" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10760367112535-template--29700482826583__featured_collection_1-8" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10760367112535" data-scroll="H"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/hit-me-hard-and-soft-live-in-3d-hands-black-zip-hoodie"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&amp;width=1000" alt="HIT ME HARD AND SOFT Live in 3D Hands Black Zip Hoodie" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&amp;width=1000" alt="HIT ME HARD AND SOFT Live in 3D Hands Black Zip Hoodie" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/hit-me-hard-and-soft-live-in-3d-hands-black-zip-hoodie" aria-label="HIT ME HARD AND SOFT Live in 3D Hands Black Zip Hoodie"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> HIT ME HARD AND SOFT Live in 3D Hands Black Zip Hoodie </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€120,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="HIT ME HARD AND SOFT Live in 3D Hands Black Zip Hoodie"></span> <span name="gtm_item_id" value="10760367112535"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span>
7582 <span name="gtm_item_upc" value="0196177665323"></span> <span name="gtm_item_price" value="120.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li>
7583    </ul>
7584    
7585  </div>
7586
7587  
7588    
7589
7590
7591
7592
7593
7594
7595
7596
7597
7598
7599
7600
7601
7602
7603
7604
7605
7606
7607
7608
7609
7610
7611
7612
7613
7614<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-[0px] md:translate-x-[0px] left-0 hidden md:hidden">
7615  <button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
7616    <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-surface hover:c-bg-primary active:c-bg-primary c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-content-base hover:c-text-primary-on">
7617      <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
7618        <span class="sr-only">Précédent</span>
7619        
7620          
7621
7622
7623
7624  
7625  
7626  
7627  
7628      
7629          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
7630            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
7631          </svg>
7632        
7633    
7634
7635        
7636      </div>
7637    </div>
7638  </button>
7639</div>
7640    
7641
7642
7643
7644
7645
7646
7647
7648
7649
7650
7651
7652
7653
7654
7655
7656
7657
7658
7659
7660
7661
7662
7663
7664
7665
7666<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-[0px] md:translate-x-[0px] right-0 hidden md:hidden">
7667  <button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
7668    <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-surface hover:c-bg-primary active:c-bg-primary c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-content-base hover:c-text-primary-on">
7669      <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
7670        <span class="sr-only">Suivant</span>
7671        
7672          
7673
7674
7675
7676  
7677  
7678  
7679  
7680      
7681          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
7682            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
7683          </svg>
7684        
7685    
7686
7687        
7688      </div>
7689    </div>
7690  </button>
7691</div>
7692  
7693
7694  
7695
7696  
7697
7698</div>
7699
7700
7701  
7702</div>
7703            </div><div class="section-spacing mx-auto w-full relative z-10 px-none max-w-full md:px-none md:max-w-full">
7704                <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
7705  
7706    
7707  
7708    
7709  
7710    
7711  
7712    
7713  
7714    
7715  
7716</div>
7717              </div></div>
7718        </div>
7719      </div>
7720
7721
7722
7723  </div>
7724
7725  
7726
7727
7728
7729
7730
7731
7732</section><section id="shopify-section-template--29700482826583__media_section_ewRtMe" class="shopify-section media-section">
7733
7734
7735
7736
7737
7738
7739
7740
7741
7742
7743
7744
7745
7746  
7747
7748  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden" aria-live="polite">
7749    
7750      <span class="sr-only">
7751        render_section=true,countdown_script=false,
7752      </span>
7753    
7754
7755    
7756    
7757      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
7758        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
7759          <div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
7760              <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent roun
7760ded-none shadow-none">
7761  <div class="media-section__wrapper grid grid-cols-[repeat(var(--gridColsMobile),1fr)] md:grid-cols-[repeat(var(--gridColsDesktop),1fr)] gap-none" style="--gridColsMobile: 1; --gridColsDesktop: 1;">
7762
7763      
7764
7765          
7766
7767
7768
7769
7770
7771
7772
7773
7774
7775
7776
7777
7778<div class="media-item media-item-buttons flex flex-col py-none px-none justify-center">
7779  <div class="flex flex-col xs:flex-row space-y-4 xs:space-x-4 xs:space-y-0 justify-center"><a class="block btn btn--primary" 
7780    href="/collections/nouveautes"
7781   type="button" aria-label="shop all">shop all</a></div>
7782</div>
7783
7784        
7785</div>
7786</div>
7787            </div></div>
7788        </div>
7789      </div>
7790
7791
7792
7793  </div>
7794
7795  
7796
7797
7798
7799
7800
7801
7802
7803<style> @media (max-width: 767px) {#shopify-section-template--29700482826583__media_section_ewRtMe {border-bottom: 1px solid var(--custom-border-color); margin-bottom: 1.5rem; }} #shopify-section-template--29700482826583__media_section_ewRtMe .btn {border: none; width: 100%; padding-top: 0.9375rem; padding-bottom: 0.9375rem;} </style></section><section id="shopify-section-template--29700482826583__media_section_3jLpgE" class="shopify-section media-section">
7804
7805
7806
7807
7808
7809
7810
7811
7812
7813
7814
7815
7816
7817  
7818
7819  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-grid-lines" aria-live="polite">
7820    
7821      <span class="sr-only">
7822        render_section=true,countdown_script=false,
7823      </span>
7824    
7825
7826    
7827    
7828      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
7829        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
7830          <div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
7831              <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
7832  <div class="media-section__wrapper grid grid-cols-[repeat(var(--gridColsMobile),1fr)] md:grid-cols-[repeat(var(--gridColsDesktop),1fr)] gap-none" style="--gridColsMobile: 1; --gridColsDesktop: 2;">
7833
7834      
7835
7836
7837
7838
7839
7840
7841
7842
7843
7844
7845
7846
7847
7848
7849
7850
7851
7852
7853
7854
7855<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
7856  <div class="grid grid-cols-1 grid-rows-1">
7857    <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1 h-0 pb-[140%]">
7858
7859
7860
7861
7862
7863
7864
7865
7866
7867
7868  <picture class="image__adaptive absolute inset-0 w-full h-full object-cover">
7869    
7870
7871
7872
7873
7874
7875
7876
7877
7878
7879
7880
7881
7882
7883    
7884  
7885<source data-src="//shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=1515" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=1200 1200w" width="1515" height="2120" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," media="(min-width: 760px)">
7886
7887
7888
7889    
7890
7891
7892
7893
7894
7895
7896
7897
7898
7899
7900
7901
7902
7903  
7904<img src="//shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&amp;width=800 800w" width="900" height="1259" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
7905
7906
7907
7908  </picture>
7909
7910    </div>
7911            <div class="block-overlay-wrapper col-start-1 col-end-1 row-start-1 row-end-1">
7912              <div class="block-overlay-bg absolute inset-0 opacity-70"></div>
7913              <div class="block-overlay-content relative h-full flex flex-col media-section__overlay justify-end px-lg-lg py-lg-lg gap-y-lg-xs">
7914                
7915
7916
7917
7918
7919
7920
7921
7922
7923
7924
7925
7926
7927
7928
7929
7930
7931
7932
7933
7934
7935
7936
7937
7938
7939
7940
7941
7942
7943
7944
7945
7946<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start justify-center gap-sm-md">
7947  <div class="flex flex-col items-start md:items-start text-left md:text-left justify-center left"><span class="c-text-primary-on text_display_md">
7947SHOP</span>
7948
7949      
7950
7951      
7952        
7953        <h2 class="c-text-primary-on text_heading_2xl">Music</h2>
7954      
7955      
7956    
7957
7958      
7959    
7960
7961    
7962      
7963    
7964  </div>
7965
7966  
7967</div>
7968
7969              </div>
7970            </div>
7971          
7972
7973          <a href="/collections/musique" class="col-start-1 row-start-1 z-10" ></a>
7974        </div>
7975</div>
7976
7977
7978
7979      
7980
7981
7982
7983
7984
7985
7986
7987
7988
7989
7990
7991
7992
7993
7994
7995
7996
7997
7998
7999
8000<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
8001  <div class="grid grid-cols-1 grid-rows-1">
8002    <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1 h-0 pb-[140%]">
8003
8004
8005
8006
8007
8008
8009
8010
8011
8012
8013  <picture class="image__adaptive absolute inset-0 w-full h-full object-cover">
8014    
8015
8016
8017
8018
8019
8020
8021
8022
8023
8024
8025
8026
8027
8028    
8029  
8030<source data-src="//shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=1515" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=1200 1200w" width="1515" height="2120" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," media="(min-width: 760px)">
8031
8032
8033
8034    
8035
8036
8037
8038
8039
8040
8041
8042
8043
8044
8045
8046
8047
8048  
8049<img src="//shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&amp;width=800 800w" width="900" height="1259" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
8050
8051
8052
8053  </picture>
8054
8055    </div>
8056            <div class="block-overlay-wrapper col-start-1 col-end-1 row-start-1 row-end-1">
8057              <div class="block-overlay-bg absolute inset-0 opacity-70"></div>
8058              <div class="block-overlay-content relative h-full flex flex-col media-section__overlay justify-end px-lg-lg py-lg-lg gap-y-lg-xs">
8059                
8060
8061
8062
8063
8064
8065
8066
8067
8068
8069
8070
8071
8072
8073
8074
8075
8076
8077
8078
8079
8080
8081
8082
8083
8084
8085
8086
8087
8088
8089
8090
8091<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start justify-center gap-sm-md">
8092  <div class="flex flex-col items-start md:items-start text-left md:text-left justify-center left"><span class="c-text-primary-on text_display_md">SHOP</span>
8093
8094      
8095
8096      
8097        
8098        <h2 class="c-text-primary-on text_heading_2xl">Merch</h2>
8099      
8100      
8101    
8102
8103      
8104    
8105
8106    
8107      
8108    
8109  </div>
8110
8111  
8112</div>
8113
8114              </div>
8115            </div>
8116          
8117
8118          <a href="/collections/tout-le-merch" class="col-start-1 row-start-1 z-10" ></a>
8119        </div>
8120</div>
8121
8122</div>
8123</div>
8124            </div></div>
8125        </div>
8126      </div>
8127
8128
8129
8130  </div>
8131
8132  
8133
8134
8135
8136
8137
8138
8139
8140<style> @media (max-width: 767px) {#shopify-section-template--29700482826583__media_section_3jLpgE .section-spacing {padding-left: calc(1rem + 1px); padding-right: calc(1rem + 1px); }} </style></section><section id="shopify-section-template--29700482826583__featured_collection_e978NY" class="shopify-section featured-collection">
8141
8142
8143
8144
8145
8146
8147
8148
8149
8150
8151
8152
8153  
8154
8155  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden homepage-product-carou
8155sel" aria-live="polite">
8156    
8157      <span class="sr-only">
8158        render_section=true,countdown_script=false,
8159      </span>
8160    
8161
8162    
8163    
8164      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
8165        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
8166          <div class="section-container-gap grid gap-y-none"><div class="section-spacing mx-auto w-full relative z-10 px-none max-w-full md:px-none md:max-w-full">
8167                <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
8168  
8169    
8170      
8171
8172
8173
8174 
8175
8176
8177
8178
8179
8180
8181
8182
8183
8184
8185
8186
8187
8188
8189
8190
8191
8192
8193
8194
8195
8196
8197
8198
8199
8200
8201
8202
8203
8204
8205
8206
8207
8208
8209
8210<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-sm-xl px-sm-xl flex flex-col md:grid md:grid-cols-[1fr_max-content] md:items-center items-start md:items-start gap-sm-md">
8211  <div class="flex flex-col items-start md:items-start text-left md:text-left left">
8212
8213      
8214
8215      
8216        
8217        <h2 class="c-text-content-heading text_heading_xl">Jewelry</h2>
8218      
8219      
8220    
8221
8222      
8223    
8224
8225    
8226      
8227    
8228  </div>
8229
8230  
8231    <div class="w-auto">
8232      
8233      <a class="underline" 
8234          href="/collections/bijoux"
8235         aria-label="Shop All">Shop All</a>
8236    </div>
8237  
8238</div>
8239
8240  
8241
8242    
8243  
8244    
8245  
8246    
8247  
8248    
8249  
8250</div>
8251              </div><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
8252              <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
8253  
8254  
8255  
8256    
8257
8258
8259
8260
8261
8262
8263
8264
8265
8266
8267
8268
8269
8270
8271
8272
8273
8274
8275
8276
8277
8278
8279
8280
8281
8282
8283
8284
8285
8286
8287
8288
8289
8290
8291
8292
8293
8294
8295
8296
8297
8298
8299
8300
8301<div
8302  data-items-element="swiper__parent"
8303  class="carousel-wrapper w-full min-w-full relative"
8304  data-carousel-type="grid-carousel"
8305  data-carousel-class="carousel-wrapper w-full min-w-full relative"
8306  data-carousel-layout="carousel_peek"
8307  data-carousel-layout-md="carousel_peek"
8308  data-slides-per-view="2"
8309  data-slides-per-view-md="3"
8310  data-slides-per-view-lg="4"
8311  data-carousel-loop="false"
8312  data-carousel-autoplay="0"
8313  data-carousel-peek="true"
8314  data-carousel-peek-md="true"
8315  data-carousel-peek-value="0.15"
8316  data-carousel-peek-value-md="0.15"
8317  data-carousel-dragfree="false"
8318  data-carousel-align="start"
8319  data-carousel-align-md="start"
8320  data-carousel-gap-x="none"
8321  data-carousel-gap-y="none"
8322  data-carousel-zoom=""
8323  data-carousel-pagination-type=""
8324  style="--cols: 2; --cols-md: 3; --cols-lg: 4; --peek-value: 0.15; --peek-value-md: 0.15; --grid-gap: var(--gap-container-none,0); --grid-gap-x: 0rem; --grid-gap-y: 0rem; --carousel-peek-offset-desktop: calc( (( 100% - min( 100vw, 100% ) ) / 2) + 0rem + 0rem ) ; --carousel-peek-offset-mobile: calc( 0rem + 0rem ) ;"
8325>
8326  <div 
8327    data-items-element="swiper__viewport"
8328    class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport px-[var(--carousel-peek-offset-mobile)] md:px-[var(--carousel-peek-offset-desktop)]"
8329    data-carousel-class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport px-[var(--carousel-peek-offset-mobile)] md:px-[var(--carousel-peek-offset-desktop)]">
8330    
8331    <ul 
8332      data-items-element="swiper-wrapper"
8333      class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
8334      data-initial-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
8335      data-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
8336      data-carousel-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
8337      data-next-url=""
8338      
8339    >
8340      <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="1" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10330333643095-template--29700482826583__featured_collection_e978NY-1" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10330333643095" data-scroll="C"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/collier-blohsh-noir"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=3007" alt="Collier Blohsh Noir" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=2000 2000w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;
8340width=2560 2560w" width="3007" height="3007" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=1000" alt="Collier Blohsh Noir" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/collier-blohsh-noir" aria-label="Collier Blohsh Noir"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Collier Blohsh Noir </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€65,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Collier Blohsh Noir"></span> <span name="gtm_item_id" value="10330333643095"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="0196177585393"></span> <span name="gtm_item_price" value="65.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="2" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10400851820887-template--29700482826583__featured_collection_e978NY-2" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10400851820887" data-scroll="G"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/gold-blohsh-pennant-necklace"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&amp;width=1000" alt="Gold Blohsh Pennant Necklace" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&amp;width=1000" alt="Gold Blohsh Pennant Necklace" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/gold-blohsh-pennant-necklace" aria-label="Gold Blohsh Pennant Necklace"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Gold Blohsh Pennant Necklace </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€90,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Gold Blohsh Pennant Necklace"></span> <span name="gtm_item_id" value="10400851820887"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span>
8340 <span name="gtm_item_upc" value="0196177598294"></span> <span name="gtm_item_price" value="90.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="3" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10400848445783-template--29700482826583__featured_collection_e978NY-3" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10400848445783" data-scroll="G"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/gold-blohsh-mini-stud-earrings"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&amp;width=1000" alt="Gold Blohsh Mini Stud Earrings" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/gold-blohsh-mini-stud-earrings" aria-label="Gold Blohsh Mini Stud Earrings"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Gold Blohsh Mini Stud Earrings </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€65,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Gold Blohsh Mini Stud Earrings"></span> <span name="gtm_item_id" value="10400848445783"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="0196177598300"></span> <span name="gtm_item_price" value="65.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="4" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10045869293911-template--29700482826583__featured_collection_e978NY-4" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10045869293911" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/blohsh-sterling-silver-stud-boucles-doreilles"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=1000" alt="Blohsh Sterling Silver Stud Boucles d&#39;Oreilles" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/blohsh-sterling-silver-stud-boucles-doreilles" aria-label="Blohsh Sterling Silver Stud Boucles d&#39;Oreilles"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Blohsh Sterling Silver Stud Boucles d'Oreilles </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€85,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Blohsh Sterling Silver Stud Boucles d&#39;Oreilles"></span> <span name="gtm_item_id" value="10045869293911"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span>
8340 <span name="gtm_item_upc" value="0196177515178"></span> <span name="gtm_item_price" value="85.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="5" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10045869654359-template--29700482826583__featured_collection_e978NY-5" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="10045869654359" data-scroll="C"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/collier-blohsh-argent"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=1000" alt="Collier Blohsh Argent" srcset="//shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=1000" alt="Collier Blohsh Argent" srcset="//shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/collier-blohsh-argent" aria-label="Collier Blohsh Argent"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Collier Blohsh Argent </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€80,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Collier Blohsh Argent"></span> <span name="gtm_item_id" value="10045869654359"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span>
8340 <span name="gtm_item_upc" value="0196177517059"></span> <span name="gtm_item_price" value="80.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li>
8341    </ul>
8342    
8343  </div>
8344
8345  
8346    
8347
8348
8349
8350
8351
8352
8353
8354
8355
8356
8357
8358
8359
8360
8361
8362
8363
8364
8365
8366
8367
8368
8369
8370
8371
8372<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-[0px] md:translate-x-[0px] left-0 md:flex">
8373  <button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
8374    <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-surface hover:c-bg-primary active:c-bg-primary c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-content-base hover:c-text-primary-on">
8375      <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
8376        <span class="sr-only">Précédent</span>
8377        
8378          
8379
8380
8381
8382  
8383  
8384  
8385  
8386      
8387          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
8388            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
8389          </svg>
8390        
8391    
8392
8393        
8394      </div>
8395    </div>
8396  </button>
8397</div>
8398    
8399
8400
8401
8402
8403
8404
8405
8406
8407
8408
8409
8410
8411
8412
8413
8414
8415
8416
8417
8418
8419
8420
8421
8422
8423
8424<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-[0px] md:translate-x-[0px] right-0 md:flex">
8425  <button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
8426    <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-surface hover:c-bg-primary active:c-bg-primary c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-content-base hover:c-text-primary-on">
8427      <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
8428        <span class="sr-only">Suivant</span>
8429        
8430          
8431
8432
8433
8434  
8435  
8436  
8437  
8438      
8439          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
8440            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
8441          </svg>
8442        
8443    
8444
8445        
8446      </div>
8447    </div>
8448  </button>
8449</div>
8450  
8451
8452  
8453
8454  
8455
8456</div>
8457
8458
8459  
8460</div>
8461            </div><div class="section-spacing mx-auto w-full relative z-10 px-none max-w-full md:px-none md:max-w-full">
8462                <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
8463  
8464    
8465  
8466    
8467  
8468    
8469  
8470    
8471  
8472</div>
8473              </div></div>
8474        </div>
8475      </div>
8476
8477
8478
8479  </div>
8480
8481  
8482
8483
8484
8485
8486
8487
8488</section><section id="shopify-section-template--29700482826583__media_section_fNf6F9" class="shopify-section media-section">
8489
8490
8491
8492
8493
8494
8495
8496
8497
8498
8499
8500
8501
8502  
8503
8504  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-grid-lines" aria-live="polite">
8505    
8506      <span class="sr-only">
8507        render_section=true,countdown_script=false,
8508      </span>
8509    
8510
8511    
8512    
8513      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
8514        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
8515          <div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
8516              <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent roun
8516ded-none shadow-none">
8517  <div class="media-section__wrapper grid grid-cols-[repeat(var(--gridColsMobile),1fr)] md:grid-cols-[repeat(var(--gridColsDesktop),1fr)] gap-none" style="--gridColsMobile: 1; --gridColsDesktop: 2;">
8518
8519      
8520
8521
8522
8523
8524
8525
8526
8527
8528
8529
8530
8531
8532
8533
8534
8535
8536
8537
8538
8539
8540<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
8541  <div class="grid grid-cols-1 grid-rows-1">
8542    <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1 h-0 pb-[140%]">
8543
8544
8545
8546
8547
8548
8549
8550
8551
8552
8553  <picture class="image__adaptive absolute inset-0 w-full h-full object-cover">
8554    
8555
8556
8557
8558
8559
8560
8561
8562
8563
8564
8565
8566
8567
8568    
8569  
8570<source data-src="//shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=1515" srcset="//shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=1200 1200w" width="1515" height="2120" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," media="(min-width: 760px)">
8571
8572
8573
8574    
8575
8576
8577
8578
8579
8580
8581
8582
8583
8584
8585
8586
8587
8588  
8589<img src="//shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&amp;width=800 800w" width="900" height="1259" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
8590
8591
8592
8593  </picture>
8594
8595    </div>
8596            <div class="block-overlay-wrapper col-start-1 col-end-1 row-start-1 row-end-1">
8597              <div class="block-overlay-bg absolute inset-0 opacity-70"></div>
8598              <div class="block-overlay-content relative h-full flex flex-col media-section__overlay justify-end px-lg-lg py-lg-lg gap-y-lg-xs">
8599                
8600
8601
8602
8603
8604
8605
8606
8607
8608
8609
8610
8611
8612
8613
8614
8615
8616
8617
8618
8619
8620
8621
8622
8623
8624
8625
8626
8627
8628
8629
8630
8631<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start justify-center gap-sm-md">
8632  <div class="flex flex-col items-start md:items-start text-left md:text-left justify-center left"><span class="c-text-primary-on text_display_md">SHOP</span>
8633
8634      
8635
8636      
8637        
8638        <h2 class="c-text-primary-on text_heading_2xl">Graphics</h2>
8639      
8640      
8641    
8642
8643      
8644    
8645
8646    
8647      
8648    
8649  </div>
8650
8651  
8652</div>
8653
8654              </div>
8655            </div>
8656          
8657
8658          <a href="/collections/graphic-tees" class="col-start-1 row-start-1 z-10" ></a>
8659        </div>
8660</div>
8661
8662
8663
8664      
8665
8666
8667
8668
8669
8670
8671
8672
8673
8674
8675
8676
8677
8678
8679
8680
8681
8682
8683
8684
8685<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
8686  <div class="grid grid-cols-1 grid-rows-1">
8687    <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1 h-0 pb-[140%]">
8688
8689
8690
8691
8692
8693
8694
8695
8696
8697
8698  <picture class="image__adaptive absolute inset-0 w-full h-full object-cover">
8699    
8700
8701
8702
8703
8704
8705
8706
8707
8708
8709
8710
8711
8712
8713    
8714  
8715<source data-src="//shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=1515" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=1200 1200w" width="1515" height="2120" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," media="(min-width: 760px)">
8716
8717
8718
8719    
8720
8721
8722
8723
8724
8725
8726
8727
8728
8729
8730
8731
8732
8733  
8734<img src="//shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&amp;width=800 800w" width="900" height="1259" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
8735
8736
8737
8738  </picture>
8739
8740    </div>
8741            <div class="block-overlay-wrapper col-start-1 col-end-1 row-start-1 row-end-1">
8742              <div class="block-overlay-bg absolute inset-0 opacity-70"></div>
8743              <div class="block-overlay-content relative h-full flex flex-col media-section__overlay justify-end px-lg-lg py-lg-lg gap-y-lg-xs">
8744                
8745
8746
8747
8748
8749
8750
8751
8752
8753
8754
8755
8756
8757
8758
8759
8760
8761
8762
8763
8764
8765
8766
8767
8768
8769
8770
8771
8772
8773
8774
8775
8776<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start justify-center gap-sm-md">
8777  <div class="flex flex-col items-start md:items-start text-left md:text-left justify-center left"><span class="c-text-primary-on text_display_md">
8777SHOP</span>
8778
8779      
8780
8781      
8782        
8783        <h2 class="c-text-primary-on text_heading_2xl">Hats & Accessories</h2>
8784      
8785      
8786    
8787
8788      
8789    
8790
8791    
8792      
8793    
8794  </div>
8795
8796  
8797</div>
8798
8799              </div>
8800            </div>
8801          
8802
8803          <a href="/collections/hats-accessories" class="col-start-1 row-start-1 z-10" ></a>
8804        </div>
8805</div>
8806
8807</div>
8808</div>
8809            </div></div>
8810        </div>
8811      </div>
8812
8813
8814
8815  </div>
8816
8817  
8818
8819
8820
8821
8822
8823
8824
8825<style> @media (max-width: 767px) {#shopify-section-template--29700482826583__media_section_fNf6F9 .section-spacing {padding-left: calc(1rem + 1px); padding-right: calc(1rem + 1px); }} </style></section><section id="shopify-section-template--29700482826583__featured_collection_gMMi3g" class="shopify-section featured-collection">
8826
8827
8828
8829
8830
8831
8832
8833
8834
8835
8836
8837
8838  
8839
8840  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden homepage-product-carousel" aria-live="polite">
8841    
8842      <span class="sr-only">
8843        render_section=true,countdown_script=false,
8844      </span>
8845    
8846
8847    
8848    
8849      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
8850        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
8851          <div class="section-container-gap grid gap-y-none"><div class="section-spacing mx-auto w-full relative z-10 px-none max-w-full md:px-none md:max-w-full">
8852                <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
8853  
8854    
8855      
8856
8857
8858
8859 
8860
8861
8862
8863
8864
8865
8866
8867
8868
8869
8870
8871
8872
8873
8874
8875
8876
8877
8878
8879
8880
8881
8882
8883
8884
8885
8886
8887
8888
8889
8890
8891
8892
8893
8894
8895<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-sm-xl px-sm-xl flex flex-col md:grid md:grid-cols-[1fr_max-content] md:items-center items-start md:items-start gap-sm-md">
8896  <div class="flex flex-col items-start md:items-start text-left md:text-left left">
8897
8898      
8899
8900      
8901        
8902        <h2 class="c-text-content-heading text_heading_xl">BLOHSH</h2>
8903      
8904      
8905    
8906
8907      
8908    
8909
8910    
8911      
8912    
8913  </div>
8914
8915  
8916    <div class="w-auto">
8917      
8918      <a class="underline" 
8919          href="/collections/bhlosh"
8920         aria-label="Shop All">Shop All</a>
8921    </div>
8922  
8923</div>
8924
8925  
8926
8927    
8928  
8929    
8930  
8931    
8932  
8933    
8934  
8935</div>
8936              </div><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
8937              <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
8938  
8939  
8940  
8941    
8942
8943
8944
8945
8946
8947
8948
8949
8950
8951
8952
8953
8954
8955
8956
8957
8958
8959
8960
8961
8962
8963
8964
8965
8966
8967
8968
8969
8970
8971
8972
8973
8974
8975
8976
8977
8978
8979
8980
8981
8982
8983
8984
8985
8986<div
8987  data-items-element="swiper__parent"
8988  class="carousel-wrapper w-full min-w-full relative"
8989  data-carousel-type="grid-carousel"
8990  data-carousel-class="carousel-wrapper w-full min-w-full relative"
8991  data-carousel-layout="carousel_peek"
8992  data-carousel-layout-md="carousel_peek"
8993  data-slides-per-view="2"
8994  data-slides-per-view-md="3"
8995  data-slides-per-view-lg="4"
8996  data-carousel-loop="false"
8997  data-carousel-autoplay="0"
8998  data-carousel-peek="true"
8999  data-carousel-peek-md="true"
9000  data-carousel-peek-value="0.15"
9001  data-carousel-peek-value-md="0.15"
9002  data-carousel-dragfree="false"
9003  data-carousel-align="start"
9004  data-carousel-align-md="start"
9005  data-carousel-gap-x="none"
9006  data-carousel-gap-y="none"
9007  data-carousel-zoom=""
9008  data-carousel-pagination-type=""
9009  style="--cols: 2; --cols-md: 3; --cols-lg: 4; --peek-value: 0.15; --peek-value-md: 0.15; --grid-gap: var(--gap-container-none,0); --grid-gap-x: 0rem; --grid-gap-y: 0rem; --carousel-peek-offset-desktop: calc( (( 100% - min( 100vw, 100% ) ) / 2) + 0rem + 0rem ) ; --carousel-peek-offset-mobile: calc( 0rem + 0rem ) ;"
9010>
9011  <div 
9012    data-items-element="swiper__viewport"
9013    class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport px-[var(--carousel-peek-offset-mobile)] md:px-[var(--carousel-peek-offset-desktop)]"
9014    data-carousel-class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport px-[var(--carousel-peek-offset-mobile)] md:px-[var(--carousel-peek-offset-desktop)]">
9015    
9016    <ul 
9017      data-items-element="swiper-wrapper"
9018      class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
9019      data-initial-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
9020      data-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
9021      data-carousel-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
9022      data-next-url=""
9023      
9024    >
9025      <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="1" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10045869293911-template--29700482826583__featured_collection_gMMi3g-1" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10045869293911" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/blohsh-sterling-silver-stud-boucles-doreilles"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=1000" alt="Blohsh Sterling Silver Stud Boucles d&#39;Oreilles" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/blohsh-sterling-silver-stud-boucles-doreilles" aria-label="Blohsh Sterling Silver Stud Boucles d&#39;Oreilles"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Blohsh Sterling Silver Stud Boucles d'Oreilles </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€85,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Blohsh Sterling Silver Stud Boucles d&#39;Oreilles"></span> <span name="gtm_item_id" value="10045869293911"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span>
9025 <span name="gtm_item_upc" value="0196177515178"></span> <span name="gtm_item_price" value="85.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="2" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8674886156631-template--29700482826583__featured_collection_gMMi3g-2" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="8674886156631" data-scroll="C"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/collier-blohsh-rouge"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&amp;width=1100" alt="Collier Blohsh rouge" srcset="//shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&amp;width=800 800w" width="1100" height="1100" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&amp;width=1000" alt="Collier Blohsh rouge" srcset="//shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/collier-blohsh-rouge" aria-label="Collier Blohsh rouge"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Collier Blohsh rouge </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€51,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Collier Blohsh rouge"></span> <span name="gtm_item_id" value="8674886156631"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span>
9025 <span name="gtm_item_upc" value="0196177239746"></span> <span name="gtm_item_price" value="51.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="3" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10045869097303-template--29700482826583__featured_collection_gMMi3g-3" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10045869097303" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/blohsh-racer-1-blue-polo-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&amp;width=1000" alt="Blohsh Racer 1 Blue Polo Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&amp;width=1000" alt="Blohsh Racer 1 Blue Polo Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/blohsh-racer-1-blue-polo-shirt" aria-label="Blohsh Racer 1 Blue Polo Shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Blohsh Racer 1 Blue Polo Shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€195,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Blohsh Racer 1 Blue Polo Shirt"></span> <span name="gtm_item_id" value="10045869097303"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="M"></span>
9025 <span name="gtm_item_upc" value="0196177515079"></span> <span name="gtm_item_price" value="195.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="4" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-9802931732823-template--29700482826583__featured_collection_gMMi3g-4" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="9802931732823" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/blohsh-striped-red-and-black-collard-long-sleeve"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&amp;width=1000" alt="BLOHSH POLO LONG SLEEVE" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&amp;width=1000" alt="BLOHSH POLO LONG SLEEVE" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/blohsh-striped-red-and-black-collard-long-sleeve" aria-label="BLOHSH POLO LONG SLEEVE"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> BLOHSH POLO LONG SLEEVE </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€99,99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="BLOHSH POLO LONG SLEEVE"></span> <span name="gtm_item_id" value="9802931732823"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span>
9025 <span name="gtm_item_upc" value="0196177353541"></span> <span name="gtm_item_price" value="99.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="5" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10330333643095-template--29700482826583__featured_collection_gMMi3g-5" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10330333643095" data-scroll="C"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/collier-blohsh-noir"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=3007" alt="Collier Blohsh Noir" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=2000 2000w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&amp;width=2560 2560w" width="3007" height="3007" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=1000" alt="Collier Blohsh Noir" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/collier-blohsh-noir" aria-label="Collier Blohsh Noir"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Collier Blohsh Noir </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">
9025€65,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Collier Blohsh Noir"></span> <span name="gtm_item_id" value="10330333643095"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="0196177585393"></span> <span name="gtm_item_price" value="65.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="6" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10045869654359-template--29700482826583__featured_collection_gMMi3g-6" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="10045869654359" data-scroll="C"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/collier-blohsh-argent"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=1000" alt="Collier Blohsh Argent" srcset="//shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=1000" alt="Collier Blohsh Argent" srcset="//shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/collier-blohsh-argent" aria-label="Collier Blohsh Argent"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Collier Blohsh Argent </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€80,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Collier Blohsh Argent"></span> <span name="gtm_item_id" value="10045869654359"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span>
9025 <span name="gtm_item_upc" value="0196177517059"></span> <span name="gtm_item_price" value="80.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="7" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7760816406763-template--29700482826583__featured_collection_gMMi3g-7" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="7760816406763" data-scroll="P"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/popsocket-blanc-blohsh-billie-eilish"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&amp;width=1000" alt="Popsocket blanc Blohsh Billie Eilish" srcset="//shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/popsocket-blanc-blohsh-billie-eilish" aria-label="Popsocket blanc Blohsh Billie Eilish"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_md"> Popsocket blanc Blohsh Billie Eilish </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-content-base"> <p class="text_body_sm"> <del class="price__compare"></del> <span class="price__current">€35,00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Popsocket blanc Blohsh Billie Eilish"></span> <span name="gtm_item_id" value="7760816406763"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="0602508923036"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li>
9026    </ul>
9027    
9028  </div>
9029
9030  
9031    
9032
9033
9034
9035
9036
9037
9038
9039
9040
9041
9042
9043
9044
9045
9046
9047
9048
9049
9050
9051
9052
9053
9054
9055
9056
9057<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-[0px] md:translate-x-[0px] left-0 md:flex">
9058  <button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
9059    <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-surface hover:c-bg-primary active:c-bg-primary c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-content-base hover:c-text-primary-on">
9060      <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
9061        <span class="sr-only">Précédent</span>
9062        
9063          
9064
9065
9066
9067  
9068  
9069  
9070  
9071      
9072          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
9073            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
9074          </svg>
9075        
9076    
9077
9078        
9079      </div>
9080    </div>
9081  </button>
9082</div>
9083    
9084
9085
9086
9087
9088
9089
9090
9091
9092
9093
9094
9095
9096
9097
9098
9099
9100
9101
9102
9103
9104
9105
9106
9107
9108
9109<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-[0px] md:translate-x-[0px] right-0 md:flex">
9110  <button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
9111    <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-surface hover:c-bg-primary active:c-bg-primary c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-content-base hover:c-text-primary-on">
9112      <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
9113        <span class="sr-only">Suivant</span>
9114        
9115          
9116
9117
9118
9119  
9120  
9121  
9122  
9123      
9124          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
9125            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
9126          </svg>
9127        
9128    
9129
9130        
9131      </div>
9132    </div>
9133  </button>
9134</div>
9135  
9136
9137  
9138
9139  
9140
9141</div>
9142
9143
9144  
9145</div>
9146            </div><div class="section-spacing mx-auto w-full relative z-10 px-none max-w-full md:px-none md:max-w-full">
9147                <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
9148  
9149    
9150  
9151    
9152  
9153    
9154  
9155    
9156  
9157</div>
9158              </div></div>
9159        </div>
9160      </div>
9161
9162
9163
9164  </div>
9165
9166  
9167
9168
9169
9170
9171
9172
9173</section><section id="shopify-section-template--29700482826583__media_section_khfGfP" class="shopify-section media-section">
9174
9175
9176
9177
9178
9179
9180
9181
9182
9183
9184
9185
9186
9187  
9188
9189  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-grid-lines" aria-live="polite">
9190    
9191      <span class="sr-only">
9192        render_section=true,countdown_script=false,
9193      </span>
9194    
9195
9196    
9197    
9198      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
9199        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
9200          <div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
9201              <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
9202  <div class="media-section__wrapper grid grid-cols-[repeat(var(--gridColsMobile),1fr)] md:grid-cols-[repeat(var(--gridColsDesktop),1fr)] gap-none" style="--gridColsMobile: 1; --gridColsDesktop: 3;">
9203
9204      
9205
9206
9207
9208
9209
9210
9211
9212
9213
9214
9215
9216
9217
9218
9219
9220
9221
9222
9223
9224
9225<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
9226  <div class="grid grid-cols-1 grid-rows-1">
9227    <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1 h-0 pb-[140%]">
9228
9229
9230
9231
9232
9233
9234
9235
9236
9237
9238  <picture class="image__adaptive absolute inset-0 w-full h-full object-cover">
9239    
9240
9241
9242
9243
9244
9245
9246
9247
9248
9249
9250
9251
9252
9253    
9254  
9255<source data-src="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=2778" srcset="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_
92556cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=2000 2000w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=2560 2560w" width="2778" height="2778" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," media="(min-width: 760px)">
9256
9257
9258
9259    
9260
9261
9262
9263
9264
9265
9266
9267
9268
9269
9270
9271
9272
9273  
9274<img src="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&amp;width=800 800w" width="900" height="900" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
9275
9276
9277
9278  </picture>
9279
9280    </div>
9281            <div class="block-overlay-wrapper col-start-1 col-end-1 row-start-1 row-end-1">
9282              <div class="block-overlay-bg absolute inset-0 opacity-70"></div>
9283              <div class="block-overlay-content relative h-full flex flex-col media-section__overlay justify-end px-lg-lg py-lg-lg gap-y-lg-xs">
9284                
9285
9286
9287
9288
9289
9290
9291
9292
9293
9294
9295
9296
9297
9298
9299
9300
9301
9302
9303
9304
9305
9306
9307
9308
9309
9310
9311
9312
9313
9314
9315
9316<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start justify-center gap-sm-md">
9317  <div class="flex flex-col items-start md:items-start text-left md:text-left justify-center left"><span class="c-text-primary-on text_display_md">SHOP</span>
9318
9319      
9320
9321      
9322        
9323        <h2 class="c-text-primary-on text_heading_2xl">Hit Me Hard And Soft</h2>
9324      
9325      
9326    
9327
9328      
9329    
9330
9331    
9332      
9333    
9334  </div>
9335
9336  
9337</div>
9338
9339              </div>
9340            </div>
9341          
9342
9343          <a href="/collections/hit-me-hard" class="col-start-1 row-start-1 z-10" ></a>
9344        </div>
9345</div>
9346
9347
9348
9349      
9350
9351
9352
9353
9354
9355
9356
9357
9358
9359
9360
9361
9362
9363
9364
9365
9366
9367
9368
9369
9370<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
9371  <div class="grid grid-cols-1 grid-rows-1">
9372    <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1 h-0 pb-[140%]">
9373
9374
9375
9376
9377
9378
9379
9380
9381
9382
9383  <picture class="image__adaptive absolute inset-0 w-full h-full object-cover">
9384    
9385
9386
9387
9388
9389
9390
9391
9392
9393
9394
9395
9396
9397
9398    
9399  
9400<source data-src="//shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=3000" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=2000 2000w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=2560 2560w" width="3000" height="3000" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," media="(min-width: 760px)">
9401
9402
9403
9404    
9405
9406
9407
9408
9409
9410
9411
9412
9413
9414
9415
9416
9417
9418  
9419<img src="//shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&amp;width=800 800w" width="900" height="900" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
9420
9421
9422
9423  </picture>
9424
9425    </div>
9426            <div class="block-overlay-wrapper col-start-1 col-end-1 row-start-1 row-end-1">
9427              <div class="block-overlay-bg absolute inset-0 opacity-70"></div>
9428              <div class="block-overlay-content relative h-full flex flex-col media-section__overlay justify-end px-lg-lg py-lg-lg gap-y-lg-xs">
9429                
9430
9431
9432
9433
9434
9435
9436
9437
9438
9439
9440
9441
9442
9443
9444
9445
9446
9447
9448
9449
9450
9451
9452
9453
9454
9455
9456
9457
9458
9459
9460
9461<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start justify-center gap-sm-md">
9462  <div class="flex flex-col items-start md:items-start text-left md:text-left justify-center left"><span class="c-text-primary-on text_display_md">
9462SHOP</span>
9463
9464      
9465
9466      
9467        
9468        <h2 class="c-text-primary-on text_heading_2xl">Happier Than Ever</h2>
9469      
9470      
9471    
9472
9473      
9474    
9475
9476    
9477      
9478    
9479  </div>
9480
9481  
9482</div>
9483
9484              </div>
9485            </div>
9486          
9487
9488          <a href="/collections/happier-than-ever" class="col-start-1 row-start-1 z-10" ></a>
9489        </div>
9490</div>
9491
9492
9493
9494      
9495
9496
9497
9498
9499
9500
9501
9502
9503
9504
9505
9506
9507
9508
9509
9510
9511
9512
9513
9514
9515<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
9516  <div class="grid grid-cols-1 grid-rows-1">
9517    <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1 h-0 pb-[140%]">
9518
9519
9520
9521
9522
9523
9524
9525
9526
9527
9528  <picture class="image__adaptive absolute inset-0 w-full h-full object-cover">
9529    
9530
9531
9532
9533
9534
9535
9536
9537
9538
9539
9540
9541
9542
9543    
9544  
9545<source data-src="//shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=1908" srcset="//shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=1600 1600w" width="1908" height="1908" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," media="(min-width: 760px)">
9546
9547
9548
9549    
9550
9551
9552
9553
9554
9555
9556
9557
9558
9559
9560
9561
9562
9563  
9564<img src="//shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&amp;width=800 800w" width="900" height="900" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
9565
9566
9567
9568  </picture>
9569
9570    </div>
9571            <div class="block-overlay-wrapper col-start-1 col-end-1 row-start-1 row-end-1">
9572              <div class="block-overlay-bg absolute inset-0 opacity-70"></div>
9573              <div class="block-overlay-content relative h-full flex flex-col media-section__overlay justify-end px-lg-lg py-lg-lg gap-y-lg-xs">
9574                
9575
9576
9577
9578
9579
9580
9581
9582
9583
9584
9585
9586
9587
9588
9589
9590
9591
9592
9593
9594
9595
9596
9597
9598
9599
9600
9601
9602
9603
9604
9605
9606<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start justify-center gap-sm-md">
9607  <div class="flex flex-col items-start md:items-start text-left md:text-left justify-center left"><span class="c-text-primary-on text_display_md">SHOP</span>
9608
9609      
9610
9611      
9612        
9613        <h2 class="c-text-primary-on text_heading_2xl">WWAFAWDWG?</h2>
9614      
9615      
9616    
9617
9618      
9619    
9620
9621    
9622      
9623    
9624  </div>
9625
9626  
9627</div>
9628
9629              </div>
9630            </div>
9631          
9632
9633          <a href="/collections/wwfawdwg" class="col-start-1 row-start-1 z-10" ></a>
9634        </div>
9635</div>
9636
9637</div>
9638</div>
9639            </div></div>
9640        </div>
9641      </div>
9642
9643
9644
9645  </div>
9646
9647  
9648
9649
9650
9651
9652
9653
9654
9655<style> @media (max-width: 767px) {#shopify-section-template--29700482826583__media_section_khfGfP .section-spacing {padding-left: calc(1rem + 1px); padding-right: calc(1rem + 1px); }} </style></section><section id="shopify-section-template--29700482826583__featured_products_XGeqVc" class="shopify-section featured-products">
9656
9657
9658
9659
9660
9661
9662
9663
9664
9665
9666
9667
9668  
9669
9670  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden homepage-product-carou
9670sel" aria-live="polite">
9671    
9672      <span class="sr-only">
9673        render_section=true,countdown_script=false,
9674      </span>
9675    
9676
9677    
9678    
9679      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
9680        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
9681          <div class="section-container-gap grid gap-y-none"><div class="section-spacing mx-auto w-full relative z-10 px-none max-w-full md:px-none md:max-w-full">
9682                <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
9683  
9684    
9685  
9686    
9687      
9688
9689
9690
9691 
9692
9693
9694
9695
9696
9697
9698
9699
9700
9701
9702
9703
9704
9705
9706
9707
9708
9709
9710
9711
9712
9713
9714
9715
9716
9717
9718
9719
9720
9721
9722
9723
9724
9725
9726
9727<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-sm-xl px-sm-xl flex flex-col md:grid md:grid-cols-[1fr_max-content] md:items-center items-start md:items-start gap-sm-md">
9728  <div class="flex flex-col items-start md:items-start text-left md:text-left left">
9729
9730      
9731
9732      
9733        
9734        <h2 class="c-text-content-heading text_heading_xl">shop the look</h2>
9735      
9736      
9737    
9738
9739      
9740    
9741
9742    
9743      
9744    
9745  </div>
9746
9747  
9748    <div class="w-auto">
9749      
9750      <a class="underline" 
9751          href="/collections/tout-le-merch"
9752         aria-label="shop all">shop all</a>
9753    </div>
9754  
9755</div>
9756
9757  
9758
9759    
9760  
9761    
9762  
9763    
9764  
9765    
9766  
9767    
9768  
9769    
9770  
9771    
9772  
9773    
9774  
9775    
9776  
9777</div>
9778              </div><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
9779              <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
9780  
9781
9782
9783
9784
9785
9786
9787
9788
9789
9790
9791
9792
9793
9794
9795
9796
9797
9798
9799
9800
9801
9802
9803
9804
9805
9806
9807
9808
9809
9810
9811
9812
9813
9814
9815
9816
9817
9818
9819
9820
9821
9822
9823
9824
9825<div
9826  data-items-element="swiper__parent"
9827  class="carousel-wrapper w-full min-w-full relative"
9828  data-carousel-type="grid-carousel"
9829  data-carousel-class="carousel-wrapper w-full min-w-full relative"
9830  data-carousel-layout="carousel_peek"
9831  data-carousel-layout-md="carousel_peek"
9832  data-slides-per-view="1"
9833  data-slides-per-view-md="3"
9834  data-slides-per-view-lg="4"
9835  data-carousel-loop="false"
9836  data-carousel-autoplay="0"
9837  data-carousel-peek="true"
9838  data-carousel-peek-md="true"
9839  data-carousel-peek-value="0.35"
9840  data-carousel-peek-value-md="0.35"
9841  data-carousel-dragfree="false"
9842  data-carousel-align="start"
9843  data-carousel-align-md="start"
9844  data-carousel-gap-x="none"
9845  data-carousel-gap-y="none"
9846  data-carousel-zoom=""
9847  data-carousel-pagination-type=""
9848  style="--cols: 1; --cols-md: 3; --cols-lg: 4; --peek-value: 0.35; --peek-value-md: 0.35; --grid-gap: var(--gap-container-none,0); --grid-gap-x: 0rem; --grid-gap-y: 0rem; --carousel-peek-offset-desktop: calc( (( 100% - min( 100vw, 100% ) ) / 2) + 0rem + 0rem ) ; --carousel-peek-offset-mobile: calc( 0rem + 0rem ) ;"
9849>
9850  <div 
9851    data-items-element="swiper__viewport"
9852    class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport px-[var(--carousel-peek-offset-mobile)] md:px-[var(--carousel-peek-offset-desktop)]"
9853    data-carousel-class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport px-[var(--carousel-peek-offset-mobile)] md:px-[var(--carousel-peek-offset-desktop)]">
9854    
9855    <ul 
9856      data-items-element="swiper-wrapper"
9857      class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
9858      data-initial-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
9859      data-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
9860      data-carousel-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
9861      data-next-url=""
9862      
9863    >
9864      <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="generic" data-generic-position="1" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="generic-card-generic_dkk8CL" class="card__wrapper card__wrapper relative w-full h-full col-span-2" data-card="generic_dkk8CL"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&amp;width=1000" srcset="//shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </div> </div> <a href="/products/jewelry-box" class="card__link absolute top-0 left-0 w-full h-full col-start-1 row-start-1 row-span-full z-0" aria-label=""></a> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="generic" data-generic-position="2" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="generic-card-generic_AE8kMX" class="card__wrapper card__wrapper relative w-full h-full col-span-2" data-card="generic_AE8kMX"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&amp;width=1000" srcset="//shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </div> </div> <a href="/products/hit-me-hard-and-soft-gym-shorts" class="card__link absolute top-0 left-0 w-full h-full col-start-1 row-start-1 row-span-full z-0" aria-label=""></a> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="generic" data-generic-position="3" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="generic-card-generic_8pkpj6" class="card__wrapper card__wrapper relative w-full h-full col-span-2" data-card="generic_8pkpj6"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&amp;width=1000" srcset="//shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </div> </div> <a href="/products/caribiner" class="card__link absolute top-0 left-0 w-full h-full col-start-1 row-start-1 row-span-full z-0" aria-label=""></a> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="generic" data-generic-position="4" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="generic-card-generic_H8mDqj" class="card__wrapper card__wrapper relative w-full h-full col-span-2" data-card="generic_H8mDqj"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&amp;width=1000" srcset="//shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </div> </div> <a href="/products/billie-repeat-blue-t-shirt" class="card__link absolute top-0 left-0 w-full h-full col-start-1 row-start-1 row-span-full z-0" aria-label=""></a> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="generic" data-generic-position="5" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="generic-card-generic_9qKWGQ" class="card__wrapper card__wrapper relative w-full h-full col-span-2" data-card="generic_9qKWGQ"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignPro
9864posal_ProdMocks-01_Prod3_1.png?v=1778242768&amp;width=625" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod3_1.png?v=1778242768&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod3_1.png?v=1778242768&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod3_1.png?v=1778242768&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod3_1.png?v=1778242768&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod3_1.png?v=1778242768&amp;width=600 600w" width="625" height="625" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </div> </div> <a href="/products/billie-tartan-plaid-snapback-hat" class="card__link absolute top-0 left-0 w-full h-full col-start-1 row-start-1 row-span-full z-0" aria-label=""></a> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="generic" data-generic-position="6" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="generic-card-generic_CCCVR9" class="card__wrapper card__wrapper relative w-full h-full col-span-2" data-card="generic_CCCVR9"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&amp;width=1000" srcset="//shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&amp;width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </div> </div> <a href="/products/hit-me-hard-and-soft-live-in-3d-hands-black-zip-hoodie" class="card__link absolute top-0 left-0 w-full h-full col-start-1 row-start-1 row-span-full z-0" aria-label=""></a> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="generic" data-generic-position="7" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="generic-card-generic_gUhbBL" class="card__wrapper card__wrapper relative w-full h-full col-span-2" data-card="generic_gUhbBL"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&amp;width=2000" srcset="//shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&amp;width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&amp;width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&amp;width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&amp;width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </div> </div> <a href="/products/billie-eyes-live-in-3d-t-shirt" class="card__link absolute top-0 left-0 w-full h-full col-start-1 row-start-1 row-span-full z-0" aria-label=""></a> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="generic" data-generic-position="8" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="generic-card-generic_6YE8gt" class="card__wrapper card__wrapper relative w-full h-full col-span-2" data-card="generic_6YE8gt"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignPro
9864posal_ProdMocks-01_Prod2_1.png?v=1778242768&amp;width=625" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod2_1.png?v=1778242768&amp;width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod2_1.png?v=1778242768&amp;width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod2_1.png?v=1778242768&amp;width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod2_1.png?v=1778242768&amp;width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod2_1.png?v=1778242768&amp;width=600 600w" width="625" height="625" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </div> </div> <a href="/products/blohsh-sterling-silver-stud-boucles-doreilles" class="card__link absolute top-0 left-0 w-full h-full col-start-1 row-start-1 row-span-full z-0" aria-label=""></a> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="9" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-10457464897879-template--29700482826583__featured_products_XGeqVc-9" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="10457464897879" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none c-border-primary border-none rounded-none c-border-primary hover:c-border-transparent" style=""> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-md px-sm-lg group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Billie Jewelry Box"></span> <span name="gtm_item_id" value="10457464897879"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="0196177598317"></span> <span name="gtm_item_price" value="50.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li>
9865    </ul>
9866    
9867  </div>
9868
9869  
9870    
9871
9872
9873
9874
9875
9876
9877
9878
9879
9880
9881
9882
9883
9884
9885
9886
9887
9888
9889
9890
9891
9892
9893
9894
9895
9896<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-[0px] md:translate-x-[0px] left-0 md:flex">
9897  <button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
9898    <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-surface hover:c-bg-primary active:c-bg-primary c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-content-base hover:c-text-primary-on">
9899      <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
9900        <span class="sr-only">Précédent</span>
9901        
9902          
9903
9904
9905
9906  
9907  
9908  
9909  
9910      
9911          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
9912            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
9913          </svg>
9914        
9915    
9916
9917        
9918      </div>
9919    </div>
9920  </button>
9921</div>
9922    
9923
9924
9925
9926
9927
9928
9929
9930
9931
9932
9933
9934
9935
9936
9937
9938
9939
9940
9941
9942
9943
9944
9945
9946
9947
9948<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-[0px] md:translate-x-[0px] right-0 md:flex">
9949  <button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
9950    <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-surface hover:c-bg-primary active:c-bg-primary c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-content-base hover:c-text-primary-on">
9951      <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
9952        <span class="sr-only">Suivant</span>
9953        
9954          
9955
9956
9957
9958  
9959  
9960  
9961  
9962      
9963          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
9964            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
9965          </svg>
9966        
9967    
9968
9969        
9970      </div>
9971    </div>
9972  </button>
9973</div>
9974  
9975
9976  
9977
9978  
9979
9980</div>
9981
9982
9983</div>
9984            </div><div class="section-spacing mx-auto w-full relative z-10 px-none max-w-full md:px-none md:max-w-full">
9985                <div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
9986  
9987    
9988  
9989    
9990  
9991    
9992  
9993    
9994  
9995    
9996  
9997    
9998  
9999    
10000  
10001    
10002  
10003    
10004  
10005    
10006  
10007</div>
10008              </div></div>
10009        </div>
10010      </div>
10011
10012
10013
10014  </div>
10015
10016  
10017
10018
10019
10020
10021
10022</section></main>
10023
10024  
10024<script defer="defer" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/theme.bundle.js?v=26312432676841431921778242908"></script>
10024<script>
10025    window.focusVariantOnLoad = false;
10026    window.shop_iso_code = "FR";
10027    window.shopUrl = 'https://shopfrbillieeilish.com';
10028    window.currentCurrency = 'EUR';
10029    window.shopCurrencyFormat = "€{{amount_with_comma_separator}}"
10030    window.routes = {
10031      cart_add_url: '/cart/add',
10032      cart_change_url: '/cart/change',
10033      cart_update_url: '/cart/update',
10034      search_url: '/search',
10035      predictive_search_url: '/search/suggest',
10036      privacy_policy_url: '/policies/privacy-policy',
10037      legal_notice_url: '/policies/legal-notice',
10038      terms_of_sale_url: '/policies/terms-of-sale'
10039    };
10040    window.cartStrings = {
10041      error: `Une erreur s’est produite lors de la mise à jour de votre panier. Veuillez réessayer.`,
10042      quantityError: `Vous ne pouvez ajouter que [quantity] produit(s) à votre panier.`,
10043      pauseFrameUnavailableMessage: `Désolé, ce cadre n&#39;est pas disponible pour le moment`,
10044      pauseFrameSoldOutMessage: `Désolé, ce cadre n&#39;est plus disponible`,
10045      pauseFrame: `Cadre`
10046    };
10047    window.variantStrings = {
10048      addToCart: `Ajouter au panier`,
10049      soldOut: `Non disponible`,
10050      unavailable: `Indisponible`,
10051      extendCartTimer: `Prolonger la durée du panier`,
10052      chooseThisStyle: `Choisissez ce style`
10053    };
10054    window.accessibilityStrings = {
10055      imageAvailable: `L’image [index] est maintenant disponible dans la galerie`,
10056      shareSuccess: `Lien copié dans le presse-papiers`,
10057      pauseSlideshow: `Suspendre le diaporama`,
10058      playSlideshow: `Lire le diaporama`,
10059      nextSlide: `Diapositive suivante`,
10060      prevSlide: `Diapositive précédente`,
10061      pauseFrameAltHtml: `{{ title }} cadre {frameNum} de la vidéo`,
10062      enterFullScreen: `Entrer dans le plein écran`,
10063      exitFullScreen: `Quitter le plein écran`,
10064      hideFilters: `Cacher les filtres`,
10065      showFilters: `Afficher les filtres`,
10066      countdownElementChange: `Le compte à rebours est terminé. Certains éléments de la page peuvent avoir changé.`
10067    };
10068    window.shareStrings = {
10069      copyToClipboard: "Copier le lien",
10070      successMessage: "Lien copié dans le presse-papiers",
10071      copyToClipboardError: "Erreur de copie dans le presse-papiers",
10072      shareUrlError: "Erreur lors de l’ouverture du partage"
10073    };
10074    window.quickModalStrings = {
10075      productError: "Les détails du produit ne sont pas disponibles.",
10076    };
10077    window.videoButtonStates = {
10078      playButton: "bouton de lecture",
10079      pauseButton: "bouton pause"
10080    };window.shipDateLabel = 'Livraison à partir du {{ date }}';
10081      window.shipDateLabelTitled = '<b>{{ title }}:</b> Livraison à partir du {{ date }}';window.shipLocaleFormat = 'fr-FR';</script>
10081<!-- BEGIN sections: footer-group -->
10082<footer id="shopify-section-sections--29700483645783__footer" class="shopify-section shopify-section-group-footer-group site-footer">
10083
10084
10085
10086
10087
10088
10089
10090
10091
10092
10093
10094
10095
10096
10097
10098
10099
10100
10101<div class="section__wrapper scheme-scheme3 c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mt-none c-border-primary border-default-width border-x-0 border-b-0 z-10">
10102  <div class="section-spacing mx-auto w-full relative z-10 py-container-xl px-lg-md max-w-full md:px-container-md md:max-w-full grid gap-y-sm-2xl gap-x-sm-xl md:grid-cols-12 mx-auto text-center">
10103
10104
10105
10106
10107
10108<div  class="footer__griditem footer__griditem--0 footer__griditem--logo md:col-span-1 md:row-span-1">
10109  <div class="logo-container w-full h-full flex flex-col md:justify-start items-center md:items-start py-none px-none">
10110    
10111      
10112
10113
10114
10115
10116
10117
10118
10119
10120
10121
10122
10123
10124
10125
10126
10127
10128
10129
10130  
10131
10132  
10133  
10134
10135  
10136  
10137
10138  
10139
10140  
10141
10142  <a class="logo-cntr block" href="/" style=" --logo-width: 5.0rem; --logo-width_md: 5.0rem; " title="Store Billie Eilish">
10143    
10144      
10145
10146
10147
10148
10149
10150
10151
10152
10153
10154
10155
10156
10157
10158  
10159<img src="//shopfrbillieeilish.com/cdn/shop/files/footer-logo.svg?v=1778242734" srcset="//shopfrbillieeilish.com/cdn/shop/files/footer-logo.svg?v=1778242734&amp;width=55 55w" width="55" height="137" loading="lazy" class=" image__responsive image__responsive--svg">
10160
10161
10162
10163    
10164  </a>
10165    
10166    
10167  </div>
10168</div>
10169
10170
10171
10172
10173
10174
10175
10176
10177
10178
10179
10180
10181
10182
10183
10184
10185
10186
10187
10188
10189
10190
10191
10192
10193<div  class="footer__griditem footer__griditem--1 footer__griditem--navigation md:col-span-2 md:row-span-1 py-none px-none">
10194  <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-left md:justify-start">
10195    
10196
10197
10198
10199
10200
10201
10202
10203
10204
10205
10206
10207
10208
10209
10210
10211
10212
10213
10214
10215
10216
10217
10218
10219
10220
10221
10222
10223
10224
10225
10226
10227
10228
10229
10230
10231
10232
10233
10234
10235
10236<nav class="w-full md:flex md:items-start nav-wrapper" >
10237  <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-none gap-y-sm-xs nav-container flex flex-col md:flex-col">
10238    
10239      
10240        
10241        
10242        
10243        
10244          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10245            <a href="/collections/tout-le-merch">Merch</a>
10246          </li>
10247        
10248      
10249    
10250      
10251        
10252        
10253        
10254        
10255          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10256            <a href="/collections/musique">Musique</a>
10257          </li>
10258        
10259      
10260    
10261      
10262        
10263        
10264        
10265        
10266          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10267            <a href="#">Upcycled</a>
10268          </li>
10269        
10270      
10271    
10272      
10273        
10274        
10275        
10276        
10277          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10278            <a href="#">Sustainability</a>
10279          </li>
10280        
10281      
10282    
10283      
10284        
10285        
10286        
10287        
10288          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10289            <a href="/pages/tour">Tour</a>
10290          </li>
10291        
10292      
10293    
10294      
10295        
10296        
10297        
10298        
10299          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10300            <a href="#">More</a>
10301          </li>
10302        
10303      
10304    
10305  </ul>
10306</nav>
10307
10308    
10309  </div>
10310</div>
10311
10312
10313
10314
10315
10316
10317
10318
10319
10320
10321
10322
10323
10324
10325
10326
10327
10328
10329
10330
10331
10332
10333
10334
10335<div  class="footer__griditem footer__griditem--2 footer__griditem--navigation md:col-span-2 md:row-span-1 py-none px-none">
10336  <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-left md:justify-start">
10337    
10338
10339
10340
10341
10342
10343
10344
10345
10346
10347
10348
10349
10350
10351
10352
10353
10354
10355
10356
10357
10358
10359
10360
10361
10362
10363
10364
10365
10366
10367
10368
10369
10370
10371
10372
10373
10374
10375
10376
10377
10378<nav class="w-full md:flex md:items-start nav-wrapper" aria-label="Liens d&#39;assistance">
10379  <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-none gap-y-sm-xs nav-container flex flex-col md:flex-col">
10380    
10381      
10382        
10383        
10384        
10385        
10386          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-u
10386nderline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10387            <a href="/policies/legal-notice">Mentions Légales</a>
10388          </li>
10389        
10390      
10391    
10392      
10393        
10394        
10395        
10396        
10397          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10398            <a href="https://umusic-fr.zendesk.com/hc/fr-fr">Service Clients</a>
10399          </li>
10400        
10401      
10402    
10403      
10404        
10405        
10406        
10407        
10408          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10409            <a href="/policies/terms-of-service">Conditions Générales de Vente</a>
10410          </li>
10411        
10412      
10413    
10414      
10415        
10416        
10417        
10418        
10419          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10420            <a href="/policies/privacy-policy">Politique de Confidentialité</a>
10421          </li>
10422        
10423      
10424    
10425      
10426        
10427        
10428        
10429        
10430          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10431            <a href="#" onclick="event.preventDefault();transcend.showConsentManager({'viewState': 'CompleteOptions' });" data-linklist="transcend">Cookie Choices</a>
10432          </li>
10433        
10434      
10435    
10436      
10437        
10438        
10439        
10440        
10441          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
10442            <a href="https://umusic-fr.zendesk.com/hc/fr-fr/requests/new?ticket_form_id=51816070952347">J'exerce mon droit de rétractation</a>
10443          </li>
10444        
10445      
10446    
10447  </ul>
10448</nav>
10449
10450    
10451  </div>
10452</div>
10453
10454
10455<div  class="footer__griditem footer__griditem--3 footer__griditem--developer md:col-span-7 md:row-span-1 py-none px-none">
10456  <div class="developer-container">
10457    <div class="privy-embed-form" data-campaign="3437496"></div>
10458
10459  </div>
10460</div>
10461
10462
10463
10464
10465
10466<div  class="footer__griditem footer__griditem--4 footer__griditem--text md:col-span-12 md:row-span-1 py-none px-none text_body_xs c-text-content-subtle">
10467  <div class="text-container w-full h-full flex flex-col text-center md:text-center md:justify-center">
10468
10469    
10470      
10471
10472      
10473        
10474      
10475    
10476
10477    
10478  </div>
10479</div></div>
10480
10481  
10482
10483
10484
10485</div>
10486
10487
10488</footer>
10489<!-- END sections: footer-group -->
10489<script defer="defer" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/utm-params.bundle.js?v=44857160626880170391778242908"></script>
10489
10490  
10490<script defer="defer" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/section-render.bundle.js?v=154588927741139015221778242908"></script>
10490<script defer="defer" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/product.bundle.js?v=110179297687378494561778242908"></script>
10490<script defer="defer" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/cart-drawer.bundle.js?v=87398640709522926711778242908"></script>
10490<script async="async" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/content-overlay.bundle.js?v=37908579092181384011778242908"></script>
10490<!-- BEGIN sections: background-group -->
10491
10492<!-- END sections: background-group --><!-- START OPEN EXTERNAL LINKS IN NEW TAB -->
10493<script>
10494  document.addEventListener("DOMContentLoaded", () => {
10495    const links = document.links;
10496    for (let i = 0, linksLength = links.length; i < linksLength; i++) {
10497      if (links[i].hostname !== window.location.hostname) {
10498        links[i].target = "_blank";
10499        links[i].rel = "noreferrer noopener";
10500      }
10501    }
10502  });
10503</script>
10503
10504<!-- END OPEN EXTERNAL LINKS IN NEW TAB -->
10505
10506
10507<!-- START OPEN PRIVY POPUP ON FRAGRANCE NEWSLETTER LINK CLICK -->
10508<script>
10509  document.addEventListener("DOMContentLoaded", () => {
10510    const newsletterLinks = document.querySelectorAll(
10511      ".header__wrapper.brand--fragrance .mega-menu__nav a[href='/pages/sign-up'], .header__wrapper.brand--fragrance .nav-drawer__menu a[href='/pages/sign-up']",
10512    );
10513
10514    newsletterLinks.forEach((link) => {
10515      link.addEventListener("click", function (event) {
10516        if (window.Privy && typeof window.Privy.show === "function") {
10517          event.preventDefault();
10518          window.Privy.show();
10519        }
10520      });
10521    });
10522  });
10523</script>
10523
10524<!-- END OPEN PRIVY POPUP ON FRAGRANCE NEWSLETTER LINK CLICK -->
10525<style data-shopify>/* YOTPO */
10526.yotpo-reviews-main-widget {
10527  --primary-font-weight: 400 !important;
10528  --secondary-font-weight: 400 !important
10529}
10530.yotpo-reviews-main-widget .yotpo-mobile-filters-popup-overlay-container {
10531  z-index: 999999;
10532}
10533.yotpo-sr-bottom-line-score,
10534.yotpo-sr-bottom-line-text {
10535  font-weight: 400 !important;
10536}</style>
10536<script></script>
10536<script async="async" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/url-params.bundle.js?v=51352056378978385121778242908"></script>
10536<script async="async" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/dotdigital-site-tracking.bundle.js?v=56115862656055679041778242908"></script>
10536<script>
10537      window.customerEmail = ''
10538      window.customerAcceptsMarketing = ''
10539      window.dotDigitalCartInsights = {
10540        programId: '74196',
10541        currency: 'EUR',
10542        subtotal: '0,00',
10543        discountAmount: '0,00',
10544        grandTotal: '0,00',
10545        cartUrl: 'https://shopfrbillieeilish.com',
10546        lineItems: '[]'
10547      }
10548    </script>
10548<script async="async" src="//shopfrbillieeilish.com/cdn/shop/t/33/assets/dotdigital-cart-insight.bundle.js?v=73368649038972163841778242908"></script>
10548
10549
10550    
10551<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10551
10552</body>
10553</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.