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'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'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'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&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&width=100 100w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&width=300 300w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&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&width=400" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778242745&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778242745&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778242745&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&width=400" alt="HIT ME HARD AND SOFT TOUR" srcset="//shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTour-01.png?v=1778245321&width=100 100w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTour-01.png?v=1778245321&width=300 300w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTour-01.png?v=1778245321&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&width=400" alt="Billie Bandana White Football Jersey" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778167857&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778167857&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778167857&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&width=400" srcset="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&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&width=400" srcset="//shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1778242747&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1778242747&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1778242747&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&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&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Black-Product-Shot-1000x1000.png?v=1716286332&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Black-Product-Shot-1000x1000.png?v=1716286332&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&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&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Spotify-FF-Product-Shot-d4.png?v=1748249823&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BILLIE-HIT-ME-HARD-Vinyl-Spotify-FF-Product-Shot-d4.png?v=1748249823&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®ion_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&width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&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&width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&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&width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&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&width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&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&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&width=100 100w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&width=300 300w, //shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_f6f6a88d-927b-4b1a-9ca6-6dcc0c242fac.jpg?v=1778245218&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&width=150" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778242745&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&width=150" alt="HIT ME HARD AND SOFT TOUR" srcset="//shopfrbillieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTour-01.png?v=1778245321&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&width=150" alt="Billie Bandana White Football Jersey" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778167857&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&width=400" srcset="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778242748&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&width=150" srcset="//shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1778242747&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&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&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&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&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&width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&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&width=352 352w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=832 832w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&width=1920 1920w, //shopfrbillieeilish.com/cdn/shop/files/be-logo.svg?v=1778242621&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&width=1000" alt="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYLE" srcset="//shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0.png?v=1776333963&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&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&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/2NDBillie-Eilish-Live-Vinyl-Pack-Shot-5.1.2-Alpha.gif?v=1776333963&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&width=1000" alt="Billie Eilish View-Master" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_Viewmaster_BoxNew.jpg?v=1778257682&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&width=3640" alt="Billie Eilish View-Master" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&width=2000 2000w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&width=2560 2560w, //shopfrbillieeilish.com/cdn/shop/files/BE_Film0514_2.jpg?v=1778256936&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&width=1000" alt="Billie Eyes Live in 3D T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Front.jpg?v=1778168126&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&width=1000" alt="Billie Eyes Live in 3D T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_LiveEyesShirt_Detail.jpg?v=1778168126&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&width=1515" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack2.jpg?v=1778244209&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&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&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BEJumpTee_Front.jpg?v=1778169522&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&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&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_JumpTee_Detail.jpg?v=1778169522&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&width=1500" alt="Live In 3D Hair Whip Mustard T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/MustardHairWhipTee.png?v=1776324481&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&width=1000" alt="Billie Upside Down Live in 3D T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Front.jpg?v=1778177454&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&width=1000" alt="Billie Upside Down Live in 3D T-Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_UpsideDownTee_Back.jpg?v=1778177454&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&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&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Front.jpg?v=1778169561&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&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&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_MovieHoodie_Back.jpg?v=1778169561&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&width=1515" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&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&width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_VinylStack1.jpg?v=1778244055&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&width=1515" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&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&width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_MixedStack1.jpg?v=1778244143&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&width=3007" alt="Collier Blohsh Noir" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=2000 2000w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&
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&width=1000" alt="Collier Blohsh Noir" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&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&width=1000" alt="Gold Blohsh Pennant Necklace" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Front.jpg?v=1778176165&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&width=1000" alt="Gold Blohsh Pennant Necklace" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_NecklaceGold_Detail.jpg?v=1778176165&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&width=1000" alt="Gold Blohsh Mini Stud Earrings" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_GoldEarrings_Front.jpg?v=1778176216&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&width=1000" alt="Blohsh Sterling Silver Stud Boucles d'Oreilles" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&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'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'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&width=1000" alt="Collier Blohsh Argent" srcset="//shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&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&width=1000" alt="Collier Blohsh Argent" srcset="//shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&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&width=1515" srcset="//shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&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&width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BillieStacks_Longsleeves_Recrop.jpg?v=1778242771&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&width=1515" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&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&width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/ALT_HatStacks.jpg?v=1778244179&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&width=1000" alt="Blohsh Sterling Silver Stud Boucles d'Oreilles" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_SilverEarrings_Front.png?v=1778176901&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'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'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&width=1100" alt="Collier Blohsh rouge" srcset="//shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/PRODUCT_BEIL_POPUP_2023_LONDON_NECKLACE.png?v=1738333440&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&width=1000" alt="Collier Blohsh rouge" srcset="//shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/necklacealtimage.png?v=1738337001&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&width=1000" alt="Blohsh Racer 1 Blue Polo Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Front.jpg?v=1778177014&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&width=1000" alt="Blohsh Racer 1 Blue Polo Shirt" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_RacerPolo_Detail1.jpg?v=1778177015&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&width=1000" alt="BLOHSH POLO LONG SLEEVE" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Fron.jpg?v=1778177064&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&width=1000" alt="BLOHSH POLO LONG SLEEVE" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_StripePolo_Detail.jpg?v=1778177065&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&width=3007" alt="Collier Blohsh Noir" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&width=2000 2000w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Front.jpg?v=1778177197&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&width=1000" alt="Collier Blohsh Noir" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_BlackNecklace_Detail.jpg?v=1778177196&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&width=1000" alt="Collier Blohsh Argent" srcset="//shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/D5C226B4-7702-4E75-9AC3-F8137FDD2E09.png?v=1747399490&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&width=1000" alt="Collier Blohsh Argent" srcset="//shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/D8252C24-8B68-4022-AFC2-FA543CD20EC8.png?v=1747399490&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&width=1000" alt="Popsocket blanc Blohsh Billie Eilish" srcset="//shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&width=100 100w, //shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&width=300 300w, //shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&width=400 400w, //shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&width=500 500w, //shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&width=600 600w, //shopfrbillieeilish.com/cdn/shop/products/pop2.png?v=1666013448&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&width=2778" srcset="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_
92556cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=2000 2000w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&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&width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom_6cb86cd6-a1db-4f77-a62c-e1498b2cfb5f.jpg?v=1778242771&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&width=3000" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=2000 2000w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&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&width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/BE_HTE_Title_Cover_Final_ED.jpg?v=1778242774&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&width=1908" srcset="//shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&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&width=900" srcset="//shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/47013_01_BILLIE_EILISH_FINALALBUMCOVER.png?v=1778242771&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&width=1000" srcset="//shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/billie_1ST.jpg?v=1778242768&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&width=1000" srcset="//shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/track-jacket.png?v=1778242770&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&width=1000" srcset="//shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/carabiner-1_e40b8028-99c1-4f83-b01b-a7f3e9d6d516.png?v=1778242770&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&width=1000" srcset="//shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/blue_tee.jpg?v=1778242768&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&width=625" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod3_1.png?v=1778242768&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod3_1.png?v=1778242768&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod3_1.png?v=1778242768&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod3_1.png?v=1778242768&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod3_1.png?v=1778242768&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&width=1000" srcset="//shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/zip-up-1.png?v=1738337326&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&width=2000" srcset="//shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&width=600 600w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&width=800 800w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&width=1200 1200w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&width=1600 1600w, //shopfrbillieeilish.com/cdn/shop/files/IMG_7513.png?v=1778253355&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&width=625" srcset="//shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod2_1.png?v=1778242768&width=100 100w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod2_1.png?v=1778242768&width=300 300w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod2_1.png?v=1778242768&width=400 400w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod2_1.png?v=1778242768&width=500 500w, //shopfrbillieeilish.com/cdn/shop/files/BE-00087_2026Store_CampaignProposal_ProdMocks-01_Prod2_1.png?v=1778242768&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'est pas disponible pour le moment`, 10044 pauseFrameSoldOutMessage: `Désolé, ce cadre n'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&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'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.