1<!doctype html> 2<html class="flex flex-col min-h-full" lang="en"> 3<head>
4<script> 5vice= { 6 config: { 7 viceAccountId: 'umusic', 8 viceSiteId: 'billieeilish', 9 viceSectionId: '' 10 } 11} 12</script>
vendor: 1 bytes, line 12
12
13<script src='//vice-prod.sdiapi.com/vice_loader/umusic/billieeilish'></script>
13<meta charset="utf-8"> 14 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 15 <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"><style data-shopify> 16/* TYPOGRAPHY */:root { 17--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); 18 --font_display_md_weight: 400; 19 --font_display_md_letter: 0.075rem; 20 --font_display_md_line: 1.2; 21 --font_display_md_text_transform: uppercase;--font_display_md_size: 0.75rem; 22 --font_display_md_size_md: 0.8125rem;--font_heading_2xl: var(--typeface_tertiary); 23 --font_heading_2xl_weight: 700; 24 --font_heading_2xl_letter: 0.0rem; 25 --font_heading_2xl_line: 1.2; 26 --font_heading_2xl_text_transform: uppercase;--font_heading_2xl_size: 1.375rem; 27 --font_heading_2xl_size_md: 3.0rem;--font_heading_xl: var(--typeface_tertiary); 28 --font_heading_xl_weight: 700; 29 --font_heading_xl_letter: 0.0rem; 30 --font_heading_xl_line: 1.2; 31 --font_heading_xl_text_transform: uppercase;--font_heading_xl_size: 1.0rem; 32 --font_heading_xl_size_md: 2.0rem;--font_heading_lg: var(--typeface_primary); 33 --font_heading_lg_weight: 400; 34 --font_heading_lg_letter: 0.0rem; 35 --font_heading_lg_line: 1.2; 36 --font_heading_lg_text_transform: none;--font_heading_lg_size: 1.375rem; 37 --font_heading_lg_size_md: 3.0rem;--font_heading_md: var(--typeface_primary); 38 --font_heading_md_weight: 400; 39 --font_heading_md_letter: 0.0625rem; 40 --font_heading_md_line: 1.5; 41 --font_heading_md_text_transform: uppercase;--font_heading_md_size: 1.0rem; 42 --font_heading_md_size_md: 1.25rem;--font_body_lg: var(--typeface_primary); 43 --font_body_lg_weight: 400; 44 --font_body_lg_letter: 0.05625rem; 45 --font_body_lg_line: 1.5; 46 --font_body_lg_text_transform: uppercase;--font_body_lg_size: 0.8125rem; 47 --font_body_lg_size_md: 0.75rem;--font_body_md: var(--typeface_primary); 48 --font_body_md_weight: 400; 49 --font_body_md_letter: 0.0rem; 50 --font_body_md_line: 1.3; 51 --font_body_md_text_transform: none;--font_body_md_size: 0.75rem; 52 --font_body_md_size_md: 0.875rem;--font_body_sm: var(--typeface_primary); 53 --font_body_sm_weight: 400; 54 --font_body_sm_letter: 0.0rem; 55 --font_body_sm_line: 1.5; 56 --font_body_sm_text_transform: none;--font_body_sm_size: 0.75rem; 57 --font_body_sm_size_md: 0.875rem;--font_body_xs: var(--typeface_primary); 58 --font_body_xs_weight: 400; 59 --font_body_xs_letter: 0.0rem; 60 --font_body_xs_line: 1.5; 61 --font_body_xs_text_transform: none;--font_body_xs_size: 0.75rem; 62 --font_body_xs_size_md: 0.75rem;--font_button: var(--typeface_primary); 63 --font_button_weight: 400; 64 --font_button_letter: 0.0625rem; 65 --font_button_line: 1; 66 --font_button_text_transform: uppercase;--font_button_size: 0.75rem; 67 --font_button_size_md: 0.875rem;--font_navigation_lg: var(--typeface_primary); 68 --font_navigation_lg_weight: 400; 69 --font_navigation_lg_letter: 0.075rem; 70 --font_navigation_lg_line: 1.5; 71 --font_navigation_lg_text_transform: uppercase;--font_navigation_lg_size: 0.875rem; 72 --font_navigation_lg_size_md: 0.8125rem;--font_navigation_md: var(--typeface_primary); 73 --font_navigation_md_weight: 400; 74 --font_navigation_md_letter: 0.075rem; 75 --font_navigation_md_line: 1.5; 76 --font_navigation_md_text_transform: uppercase;--font_navigation_md_size: 0.75rem; 77 --font_navigation_md_size_md: 0.8125rem;--font_navigation_sm: var(--typeface_primary); 78 --font_navigation_sm_weight: 400; 79 --font_navigation_sm_letter: 0.03125rem; 80 --font_navigation_sm_line: 1.5; 81 --font_navigation_sm_text_transform: none;--font_navigation_sm_size: 0.75rem; 82 --font_navigation_sm_size_md: 0.8125rem; 83} 84/* TYPOGRAPHY */ 85 86</style><style data-shopify> 87 /** 88 Set Color Variable from shopify 89 */ 90 :root { 91 --color-outline: #2563eb; 92 --color-black: hsl(0 0% 5%); 93 --color-white: hsl(0 0% 95%); 94 --color-transparent: rgba(0,0,0,0); 95 96 --color-gray-50: hsl(210 20% 98%); 97 --color-gray-100: hsl(220 14% 96%); 98 --color-gray-200: hsl(220 13% 91%); 99 --color-gray-300: hsl(216 12% 84%); 100 --color-gray-400: hsl(218 11% 65%); 101 --color-gray-500: hsl(220 9% 46%); 102 --color-gray-600: hsl(215 14% 34%); 103 --color-gray-700: hsl(217 19% 27%); 104 --color-gray-800: hsl(215 28% 17%); 105 --color-gray-900: hsl(221 39% 11%); 106 107 --color-gray-100-on: hsl(221 39% 11%); 108 --color-gray-900-on: hsl(220 14% 96%);--scheme1-content-base:0 0% 0%; 109 --scheme1-content-subtle:0 0% 0%; 110 --scheme1-content-emphasis:0 0% 0%; 111 --scheme1-content-heading:0 0% 0%; 112 113 --scheme1-surface:0 0% 100%; 114 --scheme1-surface-gradient: ; 115 --scheme1-background:0 0% 100%; 116 --scheme1-background-gradient: ; 117 118 --scheme1-primary:0 0% 0%; 119 --scheme1-primary-light:0 0% 20%; 120 --scheme1-primary-dark:0 0% 0%; 121 --scheme1-primary-on:0 0% 100%; 122 --scheme1-primary-gradient: ; 123 124 --scheme1-secondary:228 72% 32%; 125 --scheme1-secondary-light:228 72% 52%; 126 --scheme1-secondary-dark:229 70% 12%; 127 --scheme1-secondary-on:0 0% 100%; 128 --scheme1-secondary-gradient: ; 129 130 --scheme1-tertiary:0 0% 85%; 131 --scheme1-tertiary-light:0 0% 100%; 132 --scheme1-tertiary-dark:0 0% 65%; 133 --scheme1-tertiary-on:0 0% 0%; 134 --scheme1-tertiary-gradient: ;--scheme1-notification-on:200 4% 13%; 135 --scheme1-notification:220 6% 90%; 136 --scheme1-notification-mix: hsl(211, 11%, 42%);--scheme1-success-on:150 3% 13%; 137 --scheme1-success:141 79% 85%; 138 --scheme1-success-mix: hsl(141, 22%, 39%);--scheme1-error-on:0 74% 42%; 139 --scheme1-error:0 100% 97%; 140 --scheme1-error-mix: hsl(0, 66%, 60%);--scheme2-content-base:0 0% 0%; 141 --scheme2-content-subtle:0 0% 85%; 142 --scheme2-content-emphasis:0 0% 0%; 143 --scheme2-content-heading:0 0% 0%; 144 145 --scheme2-surface:0 0% 100%; 146 --scheme2-surface-gradient: ; 147 --scheme2-background:0 0% 100%; 148 --scheme2-background-gradient: ; 149 150 --scheme2-primary:0 0% 0%; 151 --scheme2-primary-light:0 0% 20%; 152 --scheme2-primary-dark:0 0% 0%; 153 --scheme2-primary-on:0 0% 100%; 154 --scheme2-primary-gradient: ; 155 156 --scheme2-secondary:0 0% 0%; 157 --scheme2-secondary-light:0 0% 20%; 158 --scheme2-secondary-dark:0 0% 0%; 159 --scheme2-secondary-on:0 0% 100%; 160 --scheme2-secondary-gradient: ; 161 162 --scheme2-tertiary:0 0% 85%; 163 --scheme2-tertiary-light:0 0% 100%; 164 --scheme2-tertiary-dark:0 0% 65%; 165 --scheme2-tertiary-on:0 0% 0%; 166 --scheme2-tertiary-gradient: ;--scheme2-notification-on:200 4% 13%; 167 --scheme2-notification:220 6% 90%; 168 --scheme2-notification-mix: hsl(211, 11%, 42%);--scheme2-success-on:150 3% 13%; 169 --scheme2-success:141 79% 85%; 170 --scheme2-success-mix: hsl(141, 22%, 39%);--scheme2-error-on:0 74% 42%; 171 --scheme2-error:0 100% 97%; 172 --scheme2-error-mix: hsl(0, 66%, 60%);--scheme3-content-base:220 13% 91%; 173 --scheme3-content-subtle:216 12% 84%; 174 --scheme3-content-emphasis:210 20% 98%; 175 --scheme3-content-heading:210 20% 98%; 176 177 --scheme3-surface:221 39% 11%; 178 --scheme3-surface-gradient: ; 179 --scheme3-background:224 71% 4%; 180 --scheme3-background-gradient: ; 181 182 --scheme3-primary:224 71% 4%; 183 --scheme3-primary-light:224 71% 24%; 184 --scheme3-primary-dark:0 0% 0%; 185 --scheme3-primary-on:210 20% 98%; 186 --scheme3-primary-gradient: ; 187 188 --scheme3-secondary:221 39% 11%; 189 --scheme3-secondary-light:221 39% 31%; 190 --scheme3-secondary-dark:0 0% 0%; 191 --scheme3-secondary-on:220 13% 91%; 192 --scheme3-secondary-gradient: ; 193 194 --scheme3-tertiary:217 19% 27%; 195 --scheme3-tertiary-light:217 19% 47%; 196 --scheme3-tertiary-dark:220 18% 7%; 197 --scheme3-tertiary-on:210 20% 98%; 198 --scheme3-tertiary-gradient: ;--scheme3-notification-on:200 4% 13%; 199 --scheme3-notification:220 6% 90%; 200 --scheme3-notification-mix: hsl(211, 11%, 42%);--scheme3-success-on:150 3% 13%; 201 --scheme3-success:141 79% 85%; 202 --scheme3-success-mix: hsl(141, 22%, 39%);--scheme3-error-on:0 74% 42%; 203 --scheme3-error:0 100% 97%; 204 --scheme3-error-mix: hsl(0, 66%, 60%);--scheme4-content-base:226 100% 94%; 205 --scheme4-content-subtle:228 96% 89%; 206 --scheme4-content-emphasis:0 0% 100%; 207 --scheme4-content-heading:0 0% 100%; 208 209 --scheme4-surface:244 47% 20%; 210 --scheme4-surface-gradient: ; 211 --scheme4-background:242 47% 34%; 212 --scheme4-background-gradient: ; 213 214 --scheme4-primary:0 0% 100%; 215 --scheme4-primary-light:0 0% 100%; 216 --scheme4-primary-dark:0 0% 80%; 217 --scheme4-primary-on:230 94% 82%; 218 --scheme4-primary-gradient: ; 219 220 --scheme4-secondary:226 100% 94%; 221 --scheme4-secondary-light:0 0% 100%; 222 --scheme4-secondary-dark:226 100% 74%; 223 --scheme4-secondary-on:0 0% 98%; 224 --scheme4-secondary-gradient: ; 225 226 --scheme4-tertiary:230 94% 82%; 227 --scheme4-tertiary-light:0 0% 100%; 228 --scheme4-tertiary-dark:230 94% 62%; 229 --scheme4-tertiary-on:0 0% 98%; 230 --scheme4-tertiary-gradient: ;--scheme4-notification-on:200 4% 13%; 231 --scheme4-notification:220 6% 90%; 232 --scheme4-notification-mix: hsl(211, 11%, 42%);--scheme4-success-on:150 3% 13%; 233 --scheme4-success:141 79% 85%; 234 --scheme4-success-mix: hsl(141, 22%, 39%);--scheme4-error-on:0 74% 42%; 235 --scheme4-error:0 100% 97%; 236 --scheme4-error-mix: hsl(0, 66%, 60%);}.scheme-scheme1 { 237 /* Content */ 238 --color-content-base: hsl(var(--scheme1-content-base)); 239 --color-content-subtle: hsl(var(--scheme1-content-subtle)); 240 --color-content-emphasis: hsl(var(--scheme1-content-emphasis)); 241 --color-content-heading: hsl(var(--scheme1-content-heading)); 242 243 /* Surface */ 244 --color-surface: hsl(var(--scheme1-surface, var(--scheme1-background)));--color-surface-gradient: hsl(var(--scheme1-surface));
245 /* Background */ 246 --color-background: hsl(var(--scheme1-background));--color-background-gradient: hsl(var(--scheme1-background));/* Primary Color */ 247 --color-primary-on: hsl(var(--scheme1-primary-on)); 248 --color-primary: hsl(var(--scheme1-primary)); 249 --color-primary-dark: hsl(var(--scheme1-primary-dark)); 250 --color-primary-light: hsl(var(--scheme1-primary-light));--color-primary-gradient: hsl(var(--scheme1-primary));/* Secondary Color */ 251 --color-secondary-on: hsl(var(--scheme1-secondary-on)); 252 --color-secondary: hsl(var(--scheme1-secondary)); 253 --color-secondary-dark: hsl(var(--scheme1-secondary-dark)); 254 --color-secondary-light: hsl(var(--scheme1-secondary-light));--color-secondary-gradient: hsl(var(--scheme1-secondary));/* Tertiary Color */ 255 --color-tertiary-on: hsl(var(--scheme1-tertiary-on)); 256 --color-tertiary: hsl(var(--scheme1-tertiary)); 257 --color-tertiary-dark: hsl(var(--scheme1-tertiary-dark)); 258 --color-tertiary-light: hsl(var(--scheme1-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme1-tertiary));/* Accent Colors */ 259 /* Notification */ 260 --color-on-notification: hsl(var(--scheme1-notification-on)); 261 --color-notification: hsl(var(--scheme1-notification)); 262 --color-notification-mix: var(--scheme1-notification-mix); 263 264 /* Success */ 265 --color-on-success: hsl(var(--scheme1-success-on)); 266 --color-success: hsl(var(--scheme1-success)); 267 --color-success-mix: var(--scheme1-success-mix); 268 269 /* Error */ 270 --color-on-error: hsl(var(--scheme1-error-on)); 271 --color-error-on: var(--color-on-error); 272 --color-error: hsl(var(--scheme1-error)); 273 --color-error-mix: var(--scheme1-error-mix);--color-error-mix-on: var(--color-black); 274 275 /* Section */--color-text: var(--color-content-base, var(--color-content-base)); 276 --color-border: var(--color-content-base, var(--border-default-color)); 277 /* Section */ 278 279 /* Tables BG Color */ 280 --color-table-bg: var(--color-default, var(--color-background)); 281 282 /* Input Color */ 283 --color-input-text: hsl(var(--scheme1-content-base)); 284 } 285 .scheme-scheme2 { 286 /* Content */ 287 --color-content-base: hsl(var(--scheme2-content-base)); 288 --color-content-subtle: hsl(var(--scheme2-content-subtle)); 289 --color-content-emphasis: hsl(var(--scheme2-content-emphasis)); 290 --color-content-heading: hsl(var(--scheme2-content-heading)); 291 292 /* Surface */ 293 --color-surface: hsl(var(--scheme2-surface, var(--scheme2-background)));--color-surface-gradient: hsl(var(--scheme2-surface)); 294 /* Background */ 295 --color-background: hsl(var(--scheme2-background));--color-background-gradient: hsl(var(--scheme2-background));/* Primary Color */ 296 --color-primary-on: hsl(var(--scheme2-primary-on)); 297 --color-primary: hsl(var(--scheme2-primary)); 298 --color-primary-dark: hsl(var(--scheme2-primary-dark)); 299 --color-primary-light: hsl(var(--scheme2-primary-light));--color-primary-gradient: hsl(var(--scheme2-primary));/* Secondary Color */ 300 --color-secondary-on: hsl(var(--scheme2-secondary-on)); 301 --color-secondary: hsl(var(--scheme2-secondary)); 302 --color-secondary-dark: hsl(var(--scheme2-secondary-dark)); 303 --color-secondary-light: hsl(var(--scheme2-secondary-light));--color-secondary-gradient: hsl(var(--scheme2-secondary));/* Tertiary Color */ 304 --color-tertiary-on: hsl(var(--scheme2-tertiary-on)); 305 --color-tertiary: hsl(var(--scheme2-tertiary)); 306 --color-tertiary-dark: hsl(var(--scheme2-tertiary-dark)); 307 --color-tertiary-light: hsl(var(--scheme2-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme2-tertiary));/* Accent Colors */ 308 /* Notification */ 309 --color-on-notification: hsl(var(--scheme2-notification-on)); 310 --color-notification: hsl(var(--scheme2-notification)); 311 --color-notification-mix: var(--scheme2-notification-mix); 312 313 /* Success */ 314 --color-on-success: hsl(var(--scheme2-success-on)); 315 --color-success: hsl(var(--scheme2-success)); 316 --color-success-mix: var(--scheme2-success-mix); 317 318 /* Error */ 319 --color-on-error: hsl(var(--scheme2-error-on)); 320 --color-error-on: var(--color-on-error); 321 --color-error: hsl(var(--scheme2-error)); 322 --color-error-mix: var(--scheme2-error-mix);--color-error-mix-on: var(--color-black); 323 324 /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base)); 325 --color-border: var(--color-content-base, var(--border-default-color)); 326 /* Section */ 327 328 /* Tables BG Color */ 329 --color-table-bg: var(--color-default, var(--color-background)); 330 331 /* Input Color */ 332 --color-input-text: hsl(var(--scheme2-content-base)); 333 } 334 .scheme-scheme3 { 335 /* Content */ 336 --color-content-base: hsl(var(--scheme3-content-base)); 337 --color-content-subtle: hsl(var(--scheme3-content-subtle)); 338 --color-content-emphasis: hsl(var(--scheme3-content-emphasis)); 339 --color-content-heading: hsl(var(--scheme3-content-heading)); 340 341 /* Surface */ 342 --color-surface: hsl(var(--scheme3-surface, var(--scheme3-background)));--color-surface-gradient: hsl(var(--scheme3-surface));
343 /* Background */ 344 --color-background: hsl(var(--scheme3-background));--color-background-gradient: hsl(var(--scheme3-background));/* Primary Color */ 345 --color-primary-on: hsl(var(--scheme3-primary-on)); 346 --color-primary: hsl(var(--scheme3-primary)); 347 --color-primary-dark: hsl(var(--scheme3-primary-dark)); 348 --color-primary-light: hsl(var(--scheme3-primary-light));--color-primary-gradient: hsl(var(--scheme3-primary));/* Secondary Color */ 349 --color-secondary-on: hsl(var(--scheme3-secondary-on)); 350 --color-secondary: hsl(var(--scheme3-secondary)); 351 --color-secondary-dark: hsl(var(--scheme3-secondary-dark)); 352 --color-secondary-light: hsl(var(--scheme3-secondary-light));--color-secondary-gradient: hsl(var(--scheme3-secondary));/* Tertiary Color */ 353 --color-tertiary-on: hsl(var(--scheme3-tertiary-on)); 354 --color-tertiary: hsl(var(--scheme3-tertiary)); 355 --color-tertiary-dark: hsl(var(--scheme3-tertiary-dark)); 356 --color-tertiary-light: hsl(var(--scheme3-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme3-tertiary));/* Accent Colors */ 357 /* Notification */ 358 --color-on-notification: hsl(var(--scheme3-notification-on)); 359 --color-notification: hsl(var(--scheme3-notification)); 360 --color-notification-mix: var(--scheme3-notification-mix); 361 362 /* Success */ 363 --color-on-success: hsl(var(--scheme3-success-on)); 364 --color-success: hsl(var(--scheme3-success)); 365 --color-success-mix: var(--scheme3-success-mix); 366 367 /* Error */ 368 --color-on-error: hsl(var(--scheme3-error-on)); 369 --color-error-on: var(--color-on-error); 370 --color-error: hsl(var(--scheme3-error)); 371 --color-error-mix: var(--scheme3-error-mix);--color-error-mix-on: var(--color-black); 372 373 /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base)); 374 --color-border: var(--color-content-base, var(--border-default-color)); 375 /* Section */ 376 377 /* Tables BG Color */ 378 --color-table-bg: var(--color-default, var(--color-background)); 379 380 /* Input Color */ 381 --color-input-text: hsl(var(--scheme3-content-base)); 382 } 383 .scheme-scheme4 { 384 /* Content */ 385 --color-content-base: hsl(var(--scheme4-content-base)); 386 --color-content-subtle: hsl(var(--scheme4-content-subtle)); 387 --color-content-emphasis: hsl(var(--scheme4-content-emphasis)); 388 --color-content-heading: hsl(var(--scheme4-content-heading)); 389 390 /* Surface */ 391 --color-surface: hsl(var(--scheme4-surface, var(--scheme4-background)));--color-surface-gradient: hsl(var(--scheme4-surface)); 392 /* Background */ 393 --color-background: hsl(var(--scheme4-background));--color-background-gradient: hsl(var(--scheme4-background));/* Primary Color */ 394 --color-primary-on: hsl(var(--scheme4-primary-on)); 395 --color-primary: hsl(var(--scheme4-primary)); 396 --color-primary-dark: hsl(var(--scheme4-primary-dark)); 397 --color-primary-light: hsl(var(--scheme4-primary-light));--color-primary-gradient: hsl(var(--scheme4-primary));/* Secondary Color */ 398 --color-secondary-on: hsl(var(--scheme4-secondary-on)); 399 --color-secondary: hsl(var(--scheme4-secondary)); 400 --color-secondary-dark: hsl(var(--scheme4-secondary-dark)); 401 --color-secondary-light: hsl(var(--scheme4-secondary-light));--color-secondary-gradient: hsl(var(--scheme4-secondary));/* Tertiary Color */ 402 --color-tertiary-on: hsl(var(--scheme4-tertiary-on)); 403 --color-tertiary: hsl(var(--scheme4-tertiary)); 404 --color-tertiary-dark: hsl(var(--scheme4-tertiary-dark)); 405 --color-tertiary-light: hsl(var(--scheme4-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme4-tertiary));/* Accent Colors */ 406 /* Notification */ 407 --color-on-notification: hsl(var(--scheme4-notification-on)); 408 --color-notification: hsl(var(--scheme4-notification)); 409 --color-notification-mix: var(--scheme4-notification-mix); 410 411 /* Success */ 412 --color-on-success: hsl(var(--scheme4-success-on)); 413 --color-success: hsl(var(--scheme4-success)); 414 --color-success-mix: var(--scheme4-success-mix); 415 416 /* Error */ 417 --color-on-error: hsl(var(--scheme4-error-on)); 418 --color-error-on: var(--color-on-error); 419 --color-error: hsl(var(--scheme4-error)); 420 --color-error-mix: var(--scheme4-error-mix);--color-error-mix-on: var(--color-black); 421 422 /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base)); 423 --color-border: var(--color-content-base, var(--border-default-color)); 424 /* Section */ 425 426 /* Tables BG Color */ 427 --color-table-bg: var(--color-default, var(--color-background)); 428 429 /* Input Color */ 430 --color-input-text: hsl(var(--scheme4-content-base)); 431 } 432 433</style> 434<style data-shopify>:root { 435 --border-default-width: 1px; 436 --border-default-width-narrow: 1px; 437 --border-default-width-wide: 2px; 438 --border-default-radius: 0; 439 --border-default-color: var(--color-content-subtle); 440 }</style><style data-shopify> 441 :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);} 442 443 .btn {--tw-shadow: 0 0px 0px 0 var(--button-shadow-color);
443 --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;} 444 445 .btn:before, 446 .btn:after { 447 content: ''; 448 background: transparent; 449 inset: 0; 450 position: absolute; 451 display: block; 452 visibility: var(--button-gradient-visible, hidden); 453 z-index: -1; 454 transition: .2s ease-out; 455 transform: translate3d(0,0,0); 456 } 457 .btn:before { 458 background: var(--button-fill-hover); 459 opacity: 0; 460 } 461 .btn:hover::before { 462 opacity: var(--button-bg-opacity, 1); 463 } 464 465 .btn:after { 466 background: var(--button-fill); 467 opacity: var(--button-bg-opacity, 1); 468 } 469 .btn:hover::after { 470 opacity: 0; 471 } 472 473 input.btn { 474 background: var(--button-fill); 475 } 476 input.btn:before { 477 display: none; 478 } 479 input.btn:after { 480 display: none; 481 } 482 input.btn:hover { 483 background: var(--button-fill-hover); 484 } 485 486 .btn--sm { 487 --button-py-default: var(--button-py-sm); 488 --button-px-default: var(--button-px-sm); 489 font-size: max(calc(var(--button-font-size) * .618em ), 14px) 490 } 491 .btn--md { 492 --button-py-default: var(--button-py-md); 493 --button-px-default: var(--button-px-md); 494 } 495 .btn--lg { 496 --button-py-default: var(--button-py-lg); 497 --button-px-default: var(--button-px-lg); 498 } 499 500 .btn:hover, 501 .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);} 502 503 .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;} 504 505 .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);} 506 507 .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;} 508 509 .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);} 510 511 .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);} 512 513 .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;} 514 515 .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);} 516 517 .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;} 518 519 @media screen and (min-width: 48em) { 520 .btn { 521 --button-font-size: var(--font_button_size_md); 522 } 523 } 524</style> 525<style data-shopify> 526:root { 527 --gap-sm-2xs: 0.25rem; 528 --gap-sm-xs: 0.5rem;
529 --gap-sm-sm: 0.75rem; 530 --gap-sm-md: 1.0rem; 531 --gap-sm-lg: 1.25rem; 532 --gap-sm-xl: 1.5rem; 533 --gap-sm-2xl: 2.0rem; 534 --gap-lg-2xs: 0.5rem; 535 --gap-lg-xs: 1.0rem; 536 --gap-lg-sm: 1.5rem; 537 --gap-lg-md: 2.0rem; 538 --gap-lg-lg: 2.5rem; 539 --gap-lg-xl: 3.0rem; 540 --gap-lg-2xl: 3.5rem; 541 --gap-container-2xs: 0.5rem; 542 --gap-container-xs: 1.0rem; 543 --gap-container-sm: 2.0rem; 544 --gap-container-md: 3.0rem; 545 --gap-container-lg: 4.0rem; 546 --gap-container-xl: 5.0rem; 547 --gap-container-2xl: 6.0rem; 548 --padding-xs-2xs: 0.125rem; 549 --padding-xs-xs: 0.25rem; 550 --padding-xs-sm: 0.375rem; 551 --padding-xs-md: 0.5rem; 552 --padding-xs-lg: 0.625rem; 553 --padding-xs-xl: 0.75rem; 554 --padding-xs-2xl: 1.0rem; 555 --padding-sm-2xs: 0.25rem; 556 --padding-sm-xs: 0.5rem; 557 --padding-sm-sm: 0.75rem; 558 --padding-sm-md: 1.0rem; 559 --padding-sm-lg: 1.25rem; 560 --padding-sm-xl: 1.5rem; 561 --padding-sm-2xl: 2.0rem; 562 --padding-lg-2xs: 0.5rem; 563 --padding-lg-xs: 1.0rem; 564 --padding-lg-sm: 1.5rem; 565 --padding-lg-md: 2.0rem; 566 --padding-lg-lg: 2.5rem; 567 --padding-lg-xl: 3.0rem; 568 --padding-lg-2xl: 3.5rem; 569 --padding-container-2xs: 0.5rem; 570 --padding-container-xs: 1.0rem; 571 --padding-container-sm: 2.0rem; 572 --padding-container-md: 3.0rem; 573 --padding-container-lg: 4.0rem; 574 --padding-container-xl: 5.0rem; 575 --padding-container-2xl: 6.0rem; 576 --padding-section-desktop-2xs: .5rem; 577 --padding-section-desktop-xs: 1rem; 578 --padding-section-desktop-sm: 2rem; 579 --padding-section-desktop-md: 3rem; 580 --padding-section-desktop-lg: 4rem; 581 --padding-section-desktop-xl: 5rem; 582 --padding-section-desktop-2xl: 6rem; 583 --padding-section-mobile-2xs: .25rem; 584 --padding-section-mobile-xs: .5rem; 585 --padding-section-mobile-sm: 1.5rem; 586 --padding-section-mobile-md: 2rem; 587 --padding-section-mobile-lg: 2.5rem; 588 --padding-section-mobile-xl: 3rem; 589 --padding-section-mobile-2xl: 4rem; 590 --margin-sm-2xs: 0.25rem; 591 --margin-sm-xs: 0.5rem; 592 --margin-sm-sm: 0.75rem; 593 --margin-sm-md: 1.0rem; 594 --margin-sm-lg: 1.25rem; 595 --margin-sm-xl: 1.5rem; 596 --margin-sm-2xl: 2.0rem; 597 --margin-lg-2xs: 0.5rem; 598 --margin-lg-xs: 1.0rem; 599 --margin-lg-sm: 1.5rem; 600 --margin-lg-md: 2.0rem; 601 --margin-lg-lg: 2.5rem; 602 --margin-lg-xl: 3.0rem; 603 --margin-lg-2xl: 3.5rem; 604 --margin-container-2xs: 0.5rem; 605 --margin-container-xs: 1.0rem; 606 --margin-container-sm: 2.0rem; 607 --margin-container-md: 3.0rem; 608 --margin-container-lg: 4.0rem; 609 --margin-container-xl: 5.0rem; 610 --margin-container-2xl: 6.0rem; 611 --w-tooltip-sm: 180px; 612 --w-tooltip-md: 210px; 613 --w-tooltip-lg: 240px; 614 --w-tooltip-xl: 270px; 615 616 --container-max-w-sm: 100rem; 617 --container-max-w-lg: 200rem;--select-pad-r: calc(var(--border-default-width) + 1rem + (2 * var(--padding-sm-xs))); 618} 619 620</style><link href="//store.billieeilish.com/cdn/shop/t/157/assets/styles-critical.bundle.css?v=184108350570289066801788884024" rel="stylesheet" type="text/css" media="all" /> 621 <title>Sustainability & About - Billie Eilish | Store</title>
621<script src="//store.billieeilish.com/cdn/shop/t/157/assets/runtime.bundle.js?v=152062994491960148061788884024"></script>
621<script defer="defer" src="//store.billieeilish.com/cdn/shop/t/157/assets/geolocation.bundle.js?v=74604393885868608461788884024"></script>
621<script> 622 window.dataLayer = window.dataLayer || []; 623 624window.dataLayer.push({ 625 event:'page_data_loaded', 626 user: { 627 logged_in: 'false' 628 }, 629 pageType: 'page.fragrance-sustainability', 630 platform: 'shopify', 631 shopify_consent: 'false', 632 platform_theme: 'global', 633 platform_version: '2026.08.2.0' 634 }); 635</script>
635 636
637<script>
vendor: 327 bytes, lines 637-641
637(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 638new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 639j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 640'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 641})(window,document,'script','dataLayer','
641GTM-TCJ87SS
vendor: 3 bytes, line 641
641');
641</script>
641 642 643 644<link rel="canonical" href="https://store.billieeilish.com/pages/sustainability-about"> 645 646
646<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
646<meta name="google-site-verification" content="BhGpqc2oxdJ3sHckKeQLbM87SufysAAirekGQ5lCzXs"> 647<meta name="google-site-verification" content="wshcUz3XJQDeHSPKp-l85vpIlRSTe2cFN28qHzxxt3o"> 648<meta name="facebook-domain-verification" content="1x733h8z64bl6blfqjyajtmc5wkjdb"> 649<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/21717009/digital_wallets/dialog"> 650<meta id="in-context-paypal-metadata" data-shop-id="21717009" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 651<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
651<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2717089853"></script>
651 652<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
653<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2717089853&shop_id=21717009" crossorigin="anonymous"></script>
vendor: 1 bytes, line 653
653
654<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":21717009,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/21717009","merchantName":"Billie Eilish | Store","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Billie Eilish | Store","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 654
654
655<script id="shopify-features" type="application/json">{"accessToken":"031361277b7b6c40d9ee75e2f359f609","betas":["rich-media-storefront-analytics"],"domain":"store.billieeilish.com","predictiveSearch":true,"shopId":21717009,"locale":"en"}</script>
vendor: 1 bytes, line 655
655
656<script>var Shopify = Shopify || {}; 657Shopify.shop = "billieeilish.myshopify.com"; 658Shopify.locale = "en"; 659Shopify.currency = {"active":"USD","rate":"1.0"}; 660Shopify.country = "US"; 661Shopify.theme = {"name":"Rhythm-2026.08.2.0-Sep8","id":141471744061,"schema_name":"Rhythm","schema_version":"2026.08.2.0","theme_store_id":null,"role":"main"}; 662Shopify.theme.handle = "null"; 663Shopify.theme.style = {"id":null,"handle":null}; 664Shopify.cdnHost = "store.billieeilish.com/cdn"; 665Shopify.routes = Shopify.routes || {}; 666Shopify.routes.root = "/"; 667Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 668Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 669Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 670Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 670
670
671<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 671
671
672<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 672
672
673<script> 674 window.ShopifyPay = window.ShopifyPay || {}; 675 window.ShopifyPay.apiHost = "shop.app\/pay"; 676 window.ShopifyPay.redirectState = null; 677</script>
vendor: 1 bytes, line 677
677
678<script> 679 window.Shopify = window.Shopify || {}; 680 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 681 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 682 window.Shopify.SignInWithShop.eligible = true; 683</script>
vendor: 1 bytes, line 683
683
684<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 684
684
685<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 685
685
686<script type="module"> 687 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 688 689 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 690 691</script>
vendor: 1 bytes, line 691
691
692<script> 693 window.Shopify = window.Shopify || {}; 694 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 695 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 696</script>
vendor: 1 bytes, line 696
696
697<script>(function() { 698 var isLoaded = false; 699 function asyncLoad() { 700 if (isLoaded) return; 701 isLoaded = true; 702 var urls = ["\/\/shopify.privy.com\/widget.js?shop=billieeilish.myshopify.com","https:\/\/r2-t.trackedlink.net\/_dmspt.js?shop=billieeilish.myshopify.com","https:\/\/str.rise-ai.com\/?shop=billieeilish.myshopify.com","https:\/\/strn.rise-ai.com\/?shop=billieeilish.myshopify.com","https:\/\/size-guides-prod.esc-apps-cdn.com\/1773845945-app.billieeilish.myshopify.com.js?shop=billieeilish.myshopify.com"]; 703 for (var i = 0; i < urls.length; i++) { 704 var s = document.createElement('script'); 705 s.type = 'text/javascript'; 706 s.async = true; 707 s.src = urls[i]; 708 var x = document.getElementsByTagName('script')[0]; 709 x.parentNode.insertBefore(s, x); 710 } 711 }; 712 if(window.attachEvent) { 713 window.attachEvent('onload', asyncLoad); 714 } else { 715 window.addEventListener('load', asyncLoad, false); 716 } 717})();</script>
vendor: 1 bytes, line 717
717
718<script id="__st">var __st={"a":21717009,"offset":-14400,"reqid":"1e05708d-e7e9-469e-b296-554a04892f5f-1790277012","pageurl":"store.billieeilish.com\/pages\/sustainability-about","s":"pages-104645918781","u":"ff127a9be8e2","p":"page","rtyp":"page","rid":104645918781};</script>
vendor: 1 bytes, line 718
718
719<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 719
719
720<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:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(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 720
720
721<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//store.billieeilish.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 721
721
722<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 = "//store.billieeilish.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>
722<script crossorigin="anonymous" defer="defer" src="//store.billieeilish.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 722
722
723<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 723
723
724<script> 725 window.Shopify = window.Shopify || {}; 726 window.Shopify.MCP = window.Shopify.MCP || {}; 727 window.Shopify.MCP.enabled = true; 728 window.Shopify.MCP.shop = "billieeilish.myshopify.com"; 729 window.Shopify.MCP.mcpEndpoint = "https:\/\/store.billieeilish.com\/api\/mcp"; 730 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 731</script>
vendor: 1 bytes, line 731
731
732<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("\/\/store.billieeilish.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 733</script>
vendor: 1 bytes, line 733
733
734<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://store.billieeilish.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 735</script>
vendor: 1 bytes, line 735
735
736<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 737 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); 738</script>
vendor: 1 bytes, line 738
738
739<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})}})); 740</script>
vendor: 1 bytes, line 740
740
741<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"publisher_shop_id":21717009,"theme_id":141471744061,"theme_published":true,"theme_store_id":0,"placement":"collection","event_data":{"handle":"sustainability-about","page_type":"page"},"recommendations_tracking_enabled":true}" defer="defer" src="//store.billieeilish.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
741 742<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://store.billieeilish.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 743<style id="shopify-accelerated-checkout-cart"> 744 #shopify-buyer-consent { 745 margin-top: 1em; 746 display: inline-block; 747 width: 100%; 748} 749 750#shopify-buyer-consent.hidden { 751 display: none; 752} 753 754#shopify-subscription-policy-button { 755 background: none; 756 border: none; 757 padding: 0; 758 text-decoration: underline; 759 font-size: inherit; 760 cursor: pointer; 761} 762 763#shopify-subscription-policy-button::before { 764 box-shadow: none; 765} 766 767 </style> 768
769<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
769 <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> 770 dialog[open]::backdrop, 771 .umg-backdrop { 772 773 --theme-color: ; 774 background: hsl(0 0% 0% / 0.4); 775 -webkit-backdrop-filter: blur(10px); 776 backdrop-filter: blur(10px); 777 } 778 779 #PBarNextFrameWrapper::backdrop, 780 #web-pixels-helper-sandbox-container::backdrop { 781 --theme-color: unset; 782 background: unset; 783 -webkit-backdrop-filter: unset; 784 backdrop-filter: unset; 785 } 786</style><link href="//store.billieeilish.com/cdn/shop/t/157/assets/styles.bundle.css?v=123113474112260865601788884024" rel="stylesheet" type="text/css" media="print" id="styles_css_bundle" onload="this.media=`all`;this.removeAttribute(`onload`)" /> 787 <noscript><link href="//store.billieeilish.com/cdn/shop/t/157/assets/styles.bundle.css?v=123113474112260865601788884024" rel="stylesheet" type="text/css" media="all" id="styles_css_bundle" /></noscript>
787<script defer="defer" src="//store.billieeilish.com/cdn/shop/t/157/assets/alpine.bundle.js?v=171037108278180649291788884024"></script>
787<script> 788 document.documentElement.classList.add('supports-js'); 789</script>
789 790 791 792 793 794 795 796 797 <style> 798 799 800 801 802 .announcement-bar__wrapper.brand--official-store, 803 .header__wrapper.brand--official-store { 804 display: none; 805 } 806 807 808 809 810 811 </style> 812 813
813<script> 814 document.addEventListener('DOMContentLoaded', function () { 815 let resourceBrand = 'fragrance'; 816 let activeBrand = resourceBrand; 817 818 // If metafield exists â highest priority 819 if (resourceBrand && resourceBrand !== '') { 820 localStorage.setItem('activeBrand', resourceBrand); 821 } else { 822 // Pages without metafield 823 const storedBrand = localStorage.getItem('activeBrand'); 824 825 if (storedBrand) { 826 activeBrand = storedBrand; 827 } else { 828 // First-time visit â use default brand 829 activeBrand = 'official-store'; 830 localStorage.setItem('activeBrand', activeBrand); 831 } 832 833 /* Desktop header */ 834 const desktopHeader = document.querySelector(`.header__wrapper--md.brand.brand--${activeBrand}`); 835 if (desktopHeader) desktopHeader.classList.add('force-show'); 836 837 /* Mobile header */ 838 const mobileHeader = document.querySelector( 839 `.header__wrapper.brand.brand--${activeBrand}:not(.header__wrapper--md)` 840 ); 841 if (mobileHeader) mobileHeader.classList.add('force-show'); 842 843 /* Announcement bar */ 844 const bar = document.querySelector(`.announcement-bar__wrapper.brand.brand--${activeBrand}`); 845 if (bar) bar.classList.add('force-show'); 846 } 847 }); 848 </script>
848 849 850 851
852<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/TqO3iNCq82X43Iv7rlkN61Z148Ut7Xm4GHHvI7nl" async></script>
852<style data-shopify>/* GLOBAL */ 853body { 854 --custom-border-color: #000; 855 -webkit-font-smoothing: antialiased; 856} 857 858/* TABLET FONT SIZES */ 859@media (min-width: 48em) and (max-width: 75em) { 860 .text_display_md, 861 .text_display_md button { 862 font-size: calc((var(--font_display_md_size) + var(--font_display_md_size_md)) / 2); 863 } 864 .text_heading_2xl { 865 font-size: calc((var(--font_heading_2xl_size) + var(--font_heading_2xl_size_md)) / 2); 866 } 867 .text_heading_xl { 868 font-size: calc((var(--font_heading_xl_size) + var(--font_heading_xl_size_md)) / 2); 869 } 870 .text_heading_lg { 871 font-size: calc((var(--font_heading_lg_size) + var(--font_heading_lg_size_md)) / 2); 872 } 873 .text_heading_md { 874 font-size: calc((var(--font_heading_md_size) + var(--font_heading_md_size_md)) / 2); 875 } 876} 877 878/* BUTTONS */ 879.btn--primary, 880.btn--secondary { 881 padding-left: 2.5rem; 882 padding-right: 2.5rem; 883} 884.section__wrapper.scheme-scheme2 .btn--secondary { 885 --button-fill-hover: var(--color-secondary-on); 886} 887.section__wrapper.scheme-scheme2 .btn--secondary:hover { 888 --button-color: var(--color-secondary); 889} 890 891/* MEDIA SECTION BUTTON BUG FIX */ 892.media-section .btn { 893 z-index: 0; 894} 895 896/* HEADER */ 897.shopify-section-group-header-group.developer { 898 position: sticky !important; 899} 900@media (min-width: 768px) { 901 .shopify-section-group-header-group:not(.section-soft-redirects) { 902 z-index: 999999; 903 } 904} 905.supports-js .section__wrapper.custom-header-overlap { 906 margin-top: calc((-1 * var(--header-group-height, 11.4375rem)) - 1px); 907} 908@media (min-width: 768px) { 909 .supports-js .section__wrapper.custom-header-overlap { 910 margin-top: calc((-1 * var(--header-group-height, 12.5625rem)) - 1px); 911 } 912} 913.supports-js body:not(:has(.shopify-section-group-header-group.announcement-bar)) .section__wrapper.custom-header-overlap { 914 margin-top: calc((-1 * var(--header-group-height, 7.6875rem)) - 1px); 915} 916@media (min-width: 768px) { 917 .supports-js body:not(:has(.shopify-section-group-header-group.announcement-bar)) .section__wrapper.custom-header-overlap { 918 margin-top: calc((-1 * var(--header-group-height, 8.6875rem)) - 1px); 919 } 920} 921 922/* HEADER: announcement bar */ 923.announcement-bar__wrapper.brand { 924 margin: 1rem 1rem 0; 925 border: 1px solid var(--custom-border-color); 926} 927@media (min-width: 768px) { 928 .announcement-bar__wrapper.brand { 929 margin: 1rem 1.25rem 0; 930 } 931} 932.announcement-bar__wrapper.brand .announcement-bar__container { 933 padding-top: 0.875rem; 934 padding-bottom: 0.875rem; 935} 936 937/* HEADER: soft redirect (inline) */ 938.shopify-section-group-header-group.section-soft-redirects { 939 position: sticky; 940 padding-left: 1rem; 941 padding-right: 1rem; 942} 943@media (min-width: 768px) { 944 .shopify-section-group-header-group.section-soft-redirects { 945 padding-left: 1.25rem; 946 padding-right: 1.25rem; 947 } 948} 949.shopify-section-group-header-group.section-soft-redirects .soft-redirect--inline .section__wrapper { 950 border-right: 1px solid var(--custom-border-color); 951 border-bottom: 1px solid var(--custom-border-color); 952 border-left: 1px solid var(--custom-border-color); 953} 954 955/* HEADER: store switcher */ 956.store-switcher { 957 margin: 1rem 1rem 0; 958 background-color: #fff; 959 border: 1px solid var(--custom-border-color); 960} 961@media (min-width: 768px) { 962 .store-switcher { 963 margin: 1rem 1.25rem 0; 964 } 965} 966.store-switcher .section__container { 967 display: flex; 968 justify-content: space-between; 969} 970@media (max-width: 767px) { 971 .store-switcher #brands-fragment, 972 .store-switcher .brands-list, 973 .store-switcher .brand-item { 974 flex-grow: 1; 975 } 976} 977.store-switcher .header__brands-wrapper { 978 min-height: 100%; 979} 980.store-switcher .brand-item { 981 cursor: pointer; 982 position: relative; 983 border-right: 1px solid var(--custom-border-color); 984} 985.store-switcher .brand-item:not(.active) { 986 transition: 987 color 0.2s ease-out, 988 background-color 0.2s ease-out; 989} 990@media (max-width: 767px) { 991 .store-switcher .brand-item:last-of-type { 992 border-right: none; 993 } 994} 995.store-switcher .brand-item[data-brand="official-store"].active, 996.store-switcher .brand-item[data-brand="official-store"]:not(.active):hover { 997 color: #fff; 998 background-color: #162e8c; 999} 1000.store-switcher .brand-item[data-brand="fragrance"].active, 1001.store-switcher .brand-item[data-brand="fragrance"]:not(.active):hover {
1002 color: #fff; 1003 background-color: #000; 1004} 1005.store-switcher .brand-item svg { 1006 display: inline-block; 1007 margin-right: 0.5em; 1008} 1009@media (max-width: 767px) { 1010 .store-switcher .brand-item svg { 1011 display: none; 1012 } 1013} 1014.store-switcher .brand-item a { 1015 width: 100%; 1016 padding: 0.5rem 1rem; 1017 text-align: center; 1018 text-transform: uppercase; 1019} 1020@media (min-width: 768px) { 1021 .store-switcher .brand-item a { 1022 padding: 0.5rem 1.5rem; 1023 min-width: 12rem; 1024 } 1025} 1026.store-switcher .actions { 1027 margin-left: auto; 1028} 1029@media (min-width: 768px) { 1030 .store-switcher .actions { 1031 column-gap: 0.25rem; 1032 padding-right: 1rem; 1033 } 1034} 1035@media (max-width: 767px) { 1036 .store-switcher .header__action--account-link { 1037 border-left: 1px solid var(--custom-border-color); 1038 border-right: 1px solid var(--custom-border-color); 1039 } 1040} 1041.store-switcher .header__action .umg-icon { 1042 height: 1.375rem; 1043 width: 1.375rem; 1044} 1045.store-switcher .header__action .cart-count { 1046 top: 1px; 1047 right: 1px; 1048 min-height: 1.125rem; 1049 min-width: 1.125rem; 1050} 1051 1052/* HEADER: navigation bar */ 1053.site-header { 1054 padding: 0 1rem; 1055} 1056@media (min-width: 768px) { 1057 .site-header { 1058 padding: 0 1.25rem; 1059 } 1060} 1061.header__wrapper { 1062 border-bottom: none; 1063} 1064.header__container { 1065 border-right: 1px solid var(--custom-border-color); 1066 border-bottom: 1px solid var(--custom-border-color); 1067 border-left: 1px solid var(--custom-border-color); 1068 align-items: center; 1069 background-color: #fff; 1070} 1071.header__container .header__column--developer { 1072 display: flex; 1073 justify-content: center; 1074} 1075@media (min-width: 768px) { 1076 .header__container .header__column--developer { 1077 justify-content: flex-start; 1078 } 1079} 1080.header__container .cart-toggle { 1081 display: none; 1082} 1083.header__container--md { 1084 padding-right: 1rem; 1085} 1086.header__container--md .mega-menu__primary-list { 1087 padding-left: 3rem; 1088} 1089.header__search-wrapper { 1090 border-right: 1px solid var(--custom-border-color); 1091 border-bottom: 1px solid var(--custom-border-color); 1092 border-left: 1px solid var(--custom-border-color); 1093} 1094.header__search-container { 1095 max-width: none; 1096 padding-left: 2.5rem; 1097 padding-right: 2.5rem; 1098} 1099.header__search-container > button.w-6.h-6 { 1100 width: 2.5rem; 1101 height: 2.5rem; 1102 margin: 0; 1103 display: flex; 1104 justify-content: center; 1105 align-items: center; 1106} 1107.header__search-container .icon--close { 1108 width: 1rem; 1109 height: 1rem; 1110} 1111.header__search-container .predictive-search__form { 1112 max-width: 70ch; 1113} 1114.mega-menu__submenu { 1115 width: 100%; 1116 border-right: 1px solid var(--custom-border-color); 1117 border-bottom: 1px solid var(--custom-border-color); 1118 border-left: 1px solid var(--custom-border-color); 1119} 1120.header__wrapper .umg-backdrop { 1121 position: fixed; 1122 top: 0; 1123} 1124.nav-drawer__menu { 1125 border-right: 1px solid var(--custom-border-color); 1126} 1127.nav-drawer__menu .nav-drawer__child-link--view-all { 1128 display: none; 1129} 1130 1131/* FOOTER */ 1132.site-footer h3 { 1133 margin-bottom: 0.25rem; 1134} 1135@media (max-width: 767px) { 1136 .footer__griditem--5.footer__griditem--developer { 1137 grid-row: 3 / 4; 1138 } 1139} 1140 1141/* CART DRAWER */ 1142@media (min-width: 768px) { 1143 #cart-drawer { 1144 border-left: 1px solid var(--custom-border-color); 1145 } 1146} 1147.cart-drawer__innerwrapper .cart-drawer__main { 1148 padding: 0; 1149} 1150.cart-drawer__innerwrapper:not(.cart-drawer--empty) .cart-drawer__main { 1151 border-top: 1px solid var(--custom-border-color); 1152} 1153.cart-drawer__innerwrapper:not(.cart-drawer--empty) .cart-items { 1154 border-bottom: 1px solid var(--custom-border-color); 1155} 1156.cart-drawer__innerwrapper .cart-items > .section__container, 1157.cart-drawer__innerwrapper .cart-upsell__item.grid, 1158.cart-drawer__innerwrapper .cart__item > .grid { 1159 gap: 0; 1160} 1161.cart-drawer__innerwrapper .cart-upsell__item.grid.grid-cols-\[1fr_5fr\], 1162.cart-drawer__innerwrapper .cart__item > .grid.grid-cols-\[1fr_5fr\] { 1163 grid-template-columns: 1fr 4fr; 1164} 1165@media (min-width: 768px) { 1166 .cart-drawer__innerwrapper .cart-upsell__item.grid.md\:grid-cols-\[100px_1fr\], 1167 .cart-drawer__innerwrapper .cart__item > .grid.md\:grid-cols-\[100px_1fr\] { 1168 grid-template-columns: 150px 1fr; 1169 } 1170} 1171.cart-drawer__innerwrapper .cart-upsell__item-image, 1172.cart-drawer__innerwrapper .cart-item-image { 1173 background-color: #dedddb; 1174 border-right: 1px solid var(--custom-border-color); 1175 min-height: 100%; 1176 display: flex; 1177} 1178.cart-drawer__innerwrapper .cart-upsell__item-image img, 1179.cart-drawer__innerwrapper .cart-item-image img { 1180 object-fit: contain; 1181 height: 100%; 1182 margin: auto; 1183} 1184.cart-drawer__innerwrapper .cart-upsell__item-info, 1185.cart-drawer__innerwrapper .product-info { 1186 padding: 1rem; 1187} 1188@media (min-width: 768px) { 1189 .cart-drawer__innerwrapper .cart-upsell__item-info, 1190 .cart-drawer__innerwrapper .product-info { 1191 padding: 1.5rem 1rem; 1192 } 1193} 1194.cart-drawer__innerwrapper .cart-upsell__item-prompt { 1195 text-transform: uppercase; 1196} 1197.cart-drawer__innerwrapper .cart-drawer__footer > .px-sm-md.pb-sm-xl { 1198 padding-bottom: 0; 1199} 1200.cart-drawer__innerwrapper .cart-drawer__button { 1201 margin-left: -1rem; 1202 margin-right: -1rem; 1203 margin-top: 1rem; 1204} 1205.cart-drawer__innerwrapper .cart-drawer__button .btn { 1206 min-height: 3rem; 1207 border: none; 1208 border-top: 1px solid var(--custom-border-color); 1209 --button-fill: var(--color-primary); 1210 --button-fill-hover: var(--color-primary-on); 1211 --button-color: var(--color-primary-on); 1212} 1213.cart-drawer__innerwrapper .cart-drawer__button .btn:hover { 1214 --button-color: var(--color-primary); 1215} 1216.cart-drawer__innerwrapper .cart-drawer__count .text_body_sm, 1217.cart-drawer__innerwrapper .cart-drawer__footer .text_body_sm { 1218 font-family: var(--font_body_lg); 1219 font-size: var(--font_body_lg_size); 1220 font-weight: var(--font_body_lg_weight); 1221 letter-spacing: var(--font_body_lg_letter); 1222 line-height: var(--font_body_lg_line); 1223 text-transform: var(--font_body_lg_text_transform); 1224} 1225@media (min-width: 48em) { 1226 .cart-drawer__innerwrapper .cart-drawer__count .text_body_sm, 1227 .cart-drawer__innerwrapper .cart-drawer__footer .text_body_sm { 1228 font-size: var(--font_body_lg_size_md); 1229 } 1230} 1231 1232/* FILTERS DRAWER */
1233#side-drawer-facets-drawer-wrapper .hamburger-menu-wrapper { 1234 max-width: 400px; 1235 border-right: 1px solid var(--custom-border-color); 1236} 1237#side-drawer-facets-drawer-title .text_heading_md { 1238 font-family: var(--font_heading_xl); 1239 font-size: var(--font_heading_xl_size); 1240 font-weight: var(--font_heading_xl_weight); 1241 letter-spacing: var(--font_heading_xl_letter); 1242 line-height: var(--font_heading_xl_line); 1243 text-transform: var(--font_heading_xl_text_transform); 1244} 1245@media (min-width: 48em) { 1246 #side-drawer-facets-drawer-title .text_heading_md { 1247 font-size: calc((var(--font_heading_xl_size) + var(--font_heading_xl_size_md)) / 2); 1248 } 1249} 1250#side-drawer-facets-drawer-description { 1251 padding-left: 0; 1252 padding-right: 0; 1253 margin-top: 1rem; 1254} 1255.drawer-content #facets-filters > .flex { 1256 row-gap: 3rem; 1257} 1258.drawer-content #facets-filters > .flex > .flex { 1259 gap: 0; 1260} 1261.drawer-content .filters__label, 1262.drawer-content .filters__title, 1263.drawer-content .filter__header, 1264.drawer-content .filter__body, 1265.drawer-content .active-filters { 1266 padding-left: 1.25rem; 1267 padding-right: 1.25rem; 1268} 1269.drawer-content .facets-results-count { 1270 padding-right: 1.25rem; 1271} 1272.drawer-content .filters__label, 1273.drawer-content .filters__title { 1274 font-family: var(--font_body_lg); 1275 font-size: var(--font_body_lg_size); 1276 font-weight: var(--font_body_lg_weight); 1277 letter-spacing: var(--font_body_lg_letter); 1278 line-height: var(--font_body_lg_line); 1279 text-transform: var(--font_body_lg_text_transform); 1280} 1281@media (min-width: 48em) { 1282 .drawer-content .filters__label, 1283 .drawer-content .filters__title { 1284 font-size: var(--font_body_lg_size_md); 1285 } 1286} 1287.drawer-content .filter__header { 1288 padding-top: 0.75rem; 1289 padding-bottom: 0.75rem; 1290} 1291.drawer-content .filter__group-title { 1292 text-decoration: none; 1293} 1294.drawer-content .filter__body { 1295 border-bottom: 1px solid var(--custom-border-color); 1296} 1297.drawer-content .filter-item .c-text-content-subtle { 1298 color: var(--color-content-base); 1299} 1300.drawer-content .filter__content { 1301 padding-top: 0; 1302} 1303.drawer-content .active-filters .c-border-content-subtle { 1304 border-color: var(--color-content-base); 1305} 1306 1307/* PRODUCT GRIDS */ 1308.section__wrapper:not(.no-custom-grid-lines) .product-grid .grid-layout, 1309.section__wrapper:not(.no-custom-grid-lines) .grid--product, 1310.template__product:not(.template__product--fragrance) .recommended-products .grid--product { 1311 border-top: 1px solid var(--custom-border-color); 1312 border-bottom: 1px solid var(--custom-border-color); 1313 gap: 1px; 1314 --grid-gap-x: 1px !important; 1315 --grid-gap-y: 1px !important; 1316} 1317.section__wrapper:not(.no-custom-grid-lines) .product-grid .grid-layout > .product_card, 1318.section__wrapper:not(.no-custom-grid-lines) .grid--product > .grid-item__wrapper, 1319.template__product:not(.template__product--fragrance) .recommended-products .grid--product > .grid-item__wrapper { 1320 box-shadow: 0 0 0 1px var(--custom-border-color); 1321} 1322.grid--product > .grid-item__wrapper, 1323.product-grid .grid-layout > .product_card { 1324 height: auto; 1325} 1326.product_card .card__container { 1327 background-color: var(--color-background); 1328 grid-template-rows: auto 1fr; 1329} 1330.product_card .card__image-wrapper { 1331 background-color: #dedddb; 1332} 1333 1334/* COLLECTION PAGE */ 1335.js-open-drawer { 1336 margin-left: 1.5rem; 1337 margin-right: auto; 1338} 1339.collection .product-grid .grid-layout { 1340 overflow: hidden; 1341} 1342.collection .card__wrapper:not(.product_card) { 1343 height: auto; 1344} 1345.collection .card__wrapper:not(.product_card) .card__container { 1346 grid-template-rows: 1fr; 1347} 1348.collection .card__wrapper:not(.product_card) .card__image .image__responsive.object-cover { 1349 width: calc(100% + 1px); 1350 height: calc(100% + 1px); 1351} 1352.collection .card__wrapper:not(.product_card) .card__title { 1353 padding: 1rem 1.5rem; 1354} 1355@media (min-width: 48em) and (max-width: 75em) { 1356 .collection .card__wrapper:not(.product_card) .card__title .text_heading_xl { 1357 font-size: calc(((var(--font_heading_xl_size) * 3) + var(--font_heading_xl_size_md)) / 4); 1358 } 1359} 1360@media (min-width: 75em) and (max-width: 96em) { 1361 .collection .card__wrapper:not(.product_card) .card__title .text_heading_xl { 1362 font-size: calc((var(--font_heading_xl_size) + var(--font_heading_xl_size_md)) / 2); 1363 } 1364} 1365 1366/* PAGINATION */ 1367.pagination-wrapper { 1368 overflow: hidden; 1369 border-top: 1px solid var(--custom-border-color); 1370 border-bottom: 1px solid var(--custom-border-color);
1371 margin-top: -1px; 1372} 1373.pagination__list { 1374 justify-content: flex-end; 1375 gap: 1px; 1376} 1377.pagination__list > .pagination__list-item { 1378 box-shadow: 0 0 0 1px var(--custom-border-color); 1379} 1380.pagination__item { 1381 font-family: var(--typeface_tertiary); 1382 font-size: 0.825rem; 1383 width: 4ch; 1384 height: 4ch; 1385 text-decoration: none; 1386} 1387@media (min-width: 768px) { 1388 .pagination__item { 1389 font-size: 1.125rem; 1390 } 1391} 1392.pagination__item .w-\[1ch\].md\:w-\[2ch\] { 1393 width: 1ch; 1394 height: 1ch; 1395} 1396.pagination__item--current { 1397 color: var(--color-secondary-on); 1398 background-color: var(--color-secondary); 1399} 1400 1401/* PRODUCT PAGE */ 1402.template-product__wrapper > .bundle-banner { 1403 border-bottom: 1px solid var(--custom-border-color); 1404} 1405.template-product__spacing { 1406 padding: 0; 1407} 1408.template-product .section-container { 1409 gap: 0; 1410} 1411.template-product .product__media { 1412 margin: 0; 1413} 1414.template-product .swiper--thumbs .swiper-viewport--thumbs { 1415 margin-left: 0; 1416 padding-left: 0; 1417 padding-right: 0; 1418} 1419.template-product .swiper--thumbs .swiper-slide:first-child { 1420 margin-left: 1rem; 1421} 1422.template-product .swiper--thumbs .swiper-slide:last-child { 1423 margin-right: 1rem !important; 1424} 1425@media (min-width: 768px) { 1426 .template-product .product__media { 1427 border-right: 1px solid var(--custom-border-color); 1428 } 1429 .template-product .swiper--thumbs.md\:hidden { 1430 display: none; 1431 } 1432} 1433.pdp-image-wrapper, 1434.product__media .dialog-media-container { 1435 background-color: #dedddb; 1436} 1437.template-product .product__info { 1438 max-width: none; 1439 row-gap: 1px; 1440 overflow: hidden; 1441 padding-bottom: 1px; 1442} 1443.template-product .product__info > *:not(.section-spacing):not(.divider) { 1444 padding: 1rem; 1445 box-shadow: 0 0 0 1px var(--custom-border-color); 1446} 1447.template-product .product__info .card__tags, 1448.template-product .product-title, 1449.template-product .product-attribute--artist, 1450.template-product .product-price { 1451 padding-top: 0 !important; 1452 box-shadow: none !important; 1453} 1454.template-product .form__label, 1455.template-product .product__date { 1456 font-family: var(--font_display_md); 1457 font-size: var(--font_display_md_size); 1458 font-weight: var(--font_display_md_weight); 1459 letter-spacing: var(--font_display_md_letter); 1460 line-height: var(--font_display_md_line); 1461 text-transform: var(--font_display_md_text_transform); 1462} 1463@media (min-width: 48em) { 1464 .template-product .form__label, 1465 .template-product .product__date { 1466 font-size: var(--font_display_md_size_md); 1467 } 1468} 1469@media (min-width: 48em) and (max-width: 75em) { 1470 .template-product .form__label, 1471 .template-product .product__date { 1472 font-size: calc((var(--font_display_md_size) + var(--font_display_md_size_md)) / 2); 1473 } 1474} 1475.template-product .form__label { 1476 padding: 0.5rem 1rem; 1477} 1478.template-product .product-variant-selector { 1479 padding: 0 !important; 1480} 1481.template-product .product-variant-selector:has(.product-form__input.hidden) { 1482 box-shadow: none !important; 1483 margin-top: -1px; 1484} 1485.template-product .product-variant-selector .product-form__input { 1486 column-gap: 1px; 1487 align-items: flex-start; 1488 overflow: hidden; 1489} 1490.template-product .product-variant-selector .product-form__input > .form__label { 1491 width: auto; 1492 min-width: 7rem; 1493 height: 3rem; 1494 margin-bottom: 0; 1495 display: flex; 1496 justify-content: center; 1497 align-items: center; 1498 box-shadow: 0 0 0 1px var(--custom-border-color); 1499} 1500.template-product .product-variant-selector .product-form__input > .options-values { 1501 gap: 1px; 1502 width: 100%; 1503 box-shadow: 0 0 0 1px var(--custom-border-color); 1504} 1505.template-product .product-variant-selector .product-form__input > .options-values > .option-value { 1506 flex-grow: 1; 1507 box-shadow: 0 0 0 1px var(--custom-border-color); 1508} 1509.template-product .product-variant-selector .product-form__input > .options-values > .option-value .option--swatch { 1510 width: 100%; 1511 min-width: 3rem; 1512 min-height: 3rem; 1513 transition: 0.2s ease-out; 1514 display: flex; 1515 justify-content: center; 1516 align-items: center; 1517 text-transform: uppercase; 1518 border: none; 1519} 1520.template-product .product-form { 1521 column-gap: 1px; 1522 overflow: hidden; 1523} 1524.template-product .product-form > .quantity-spinner-wrapper { 1525 gap: 0; 1526 box-shadow: 0 0 0 1px var(--custom-border-color); 1527} 1528.template-product .product-form > .product-form__submit { 1529 box-shadow: 0 0 0 1px var(--custom-border-color); 1530} 1531.template-product .quantity-spinner { 1532 width: 100%; 1533 justify-content: space-between; 1534 border: none; 1535} 1536.template-product .quantity-spinner .quantity-spinner__button { 1537 font-size: 1.125rem; 1538 transition: 0.2s ease-out; 1539 min-width: 2.25rem; 1540 min-height: 3rem; 1541} 1542.template-product .quantity-spinner .quantity-spinner__input { 1543 -webkit-text-fill-color: var(--color-content-base); 1544 min-width: 2.5rem; 1545 min-height: 3rem; 1546} 1547.template-product .product-variant-selector .option-value input:checked + .option--swatch:hover { 1548 opacity: 1; 1549} 1550.template-product .product-variant-selector .option-value input:not(:checked):not(:disabled) + .option--swatch:hover { 1551 opacity: 0.8; 1552 color: var(--color-secondary-on); 1553 background-color: var(--color-secondary); 1554} 1555.template-product .product-form-cntr { 1556 padding: 0 !important; 1557} 1558.template-product .product-form-cntr:not(:has(.product-form__submit, .product-form__sold-out:not(.\!hidden))) { 1559 box-shadow: none !important;
1560 margin-top: -1px; 1561} 1562.template-product .product-form__submit, 1563.template-product .product-form__retail-link { 1564 min-height: 3rem; 1565 border: none; 1566} 1567.template-product .product-form__submit.btn--primary, 1568.template-product .product-form__retail-link.btn--primary { 1569 --button-color: var(--color-secondary-on); 1570 --button-fill: var(--color-secondary); 1571 --button-fill-hover: var(--color-secondary); 1572} 1573.template-product .product-form__submit.btn--primary:hover, 1574.template-product .product-form__retail-link.btn--primary:hover { 1575 --button-color: var(--color-secondary-on); 1576 opacity: 0.8; 1577} 1578.template-product .product-form__sold-out, 1579.template-product .product-form__no-sale-waitlist { 1580 min-height: 3rem; 1581 display: flex; 1582 align-items: center; 1583 justify-content: center; 1584 text-align: center; 1585 position: relative; 1586 padding: var(--button-py-default) var(--button-px-default); 1587 font-size: var(--button-font-size); 1588 font-family: var(--font_button); 1589 font-weight: var(--font_button_weight); 1590 letter-spacing: var(--font_button_letter); 1591 line-height: var(--font_button_line); 1592 text-transform: var(--font_button_text_transform); 1593} 1594@media screen and (min-width: 48em) { 1595 .template-product .product-form__sold-out, 1596 .template-product .product-form__no-sale-waitlist { 1597 --button-font-size: var(--font_button_size_md); 1598 } 1599} 1600.template-product .product-form__error-message-wrapper { 1601 margin-top: 0; 1602 padding: 1rem; 1603 border-top: 1px solid var(--custom-border-color); 1604} 1605.template-product .ftc-checkbox-wrapper { 1606 background-color: var(--color-notification); 1607} 1608.template-product .accordion { 1609 padding: 0 !important; 1610 border: none; 1611 row-gap: 1px; 1612} 1613.template-product .accordion > .accordion__header { 1614 box-shadow: 0 0 0 1px var(--custom-border-color); 1615} 1616.template-product .accordion__header { 1617 padding: 1rem; 1618} 1619.template-product .accordion__content { 1620 padding: 1rem; 1621} 1622.template-product .bis__input-container { 1623 column-gap: 1px; 1624} 1625.template-product .bis__input-container > .bis__input, 1626.template-product .bis__input-container > .bis__btn { 1627 border: none; 1628 box-shadow: 0 0 0 1px var(--custom-border-color); 1629} 1630 1631/* FRAGRANCE PRODUCT GRIDS */ 1632.no-custom-grid-lines .js-open-drawer { 1633 margin-left: 0; 1634} 1635 1636.no-custom-grid-lines .card__details--wrapper, 1637.template__product--fragrance .recommended-products .card__details--wrapper { 1638 padding-left: 0; 1639 padding-right: 0; 1640} 1641.no-custom-grid-lines .card__cta, 1642.template__product--fragrance .recommended-products .card__cta { 1643 padding-left: 0; 1644 padding-right: 0; 1645 margin-top: 0.5rem; 1646} 1647 1648/* FRAGRANCE COLLECTION PAGE PAGINATION */ 1649.template__collection--fragrance .pagination-wrapper { 1650 border-top: none; 1651 border-bottom: none; 1652 margin-top: none; 1653} 1654.template__collection--fragrance .pagination__list { 1655 margin-top: 1.5rem; 1656 justify-content: center; 1657} 1658.template__collection--fragrance .pagination__list > .pagination__list-item { 1659 box-shadow: none; 1660} 1661.template__collection--fragrance .pagination__item { 1662 font-family: var(--typeface_primary); 1663 font-size: 0.75rem; 1664} 1665@media (min-width: 768px) { 1666 .template__collection--fragrance .pagination__item { 1667 font-size: 0.875rem; 1668 } 1669} 1670.template__collection--fragrance .pagination__item.underline { 1671 text-decoration: underline; 1672} 1673.template__collection--fragrance .pagination__item--current { 1674 color: var(--color-text-base); 1675 background-color: transparent; 1676} 1677 1678/* FRAGRANCE PRODUCT PAGE */ 1679@media (min-width: 768px) { 1680 .template__product--fragrance .product__media { 1681 border-right: none; 1682 padding-left: var(--padding-container-md); 1683 padding-right: var(--padding-container-md); 1684 } 1685 .template__product--fragrance .product__info { 1686 margin-bottom: 10rem; 1687 } 1688} 1689 1690/* HOMEPAGE */ 1691.template__index .text_heading_2xl { 1692 margin-top: 0.25rem; 1693 margin-bottom: 0.25rem; 1694} 1695 1696/* HOMEPAGE: custom collection grid */ 1697.homepage-collection-grid .card__wrapper:not(.product_card) { 1698 height: 100%; 1699} 1700.homepage-collection-grid .card__wrapper:not(.product_card) .card__container, 1701.homepage-collection-grid .card__wrapper:not(.product_card) .card__image--container { 1702 grid-template-rows: 1fr; 1703} 1704.homepage-collection-grid .card__wrapper:not(.product_card) .card__image { 1705 height: auto; 1706} 1707.homepage-collection-grid .card__wrapper:not(.product_card) .card__overlay { 1708 padding: 1rem 1.5rem; 1709} 1710.homepage-collection-grid .card__wrapper:not(.product_card) .card__overlay p { 1711 font-family: var(--font_heading_xl); 1712 font-size: var(--font_heading_xl_size); 1713 font-weight: var(--font_heading_xl_weight); 1714 letter-spacing: var(--font_heading_xl_letter); 1715 line-height: var(--font_heading_xl_line); 1716 text-transform: var(--font_heading_xl_text_transform); 1717} 1718@media (min-width: 48em) { 1719 .homepage-collection-grid .card__wrapper:not(.product_card) .card__overlay p { 1720 font-size: var(--font_heading_xl_size_md); 1721 } 1722} 1723@media (min-width: 48em) and (max-width: 75em) { 1724 .homepage-collection-grid .card__wrapper:not(.product_card) .card__overlay p { 1725 font-size: calc((var(--font_heading_xl_size) + var(--font_heading_xl_size_md)) / 2); 1726 } 1727} 1728 1729/* HOMEPAGE: custom product carousel */ 1730@media (max-width: 767px) {
1731 .homepage-product-carousel { 1732 margin-top: 0.5rem; 1733 margin-bottom: 0.5rem; 1734 } 1735} 1736.homepage-product-carousel .media-item-seo-text .underline { 1737 font-family: var(--font_display_md); 1738 font-size: var(--font_display_md_size); 1739 font-weight: var(--font_display_md_weight); 1740 letter-spacing: var(--font_display_md_letter); 1741 line-height: var(--font_display_md_line); 1742 text-transform: var(--font_display_md_text_transform); 1743} 1744@media (min-width: 48em) { 1745 .homepage-product-carousel .media-item-seo-text .underline { 1746 font-size: var(--font_display_md_size_md); 1747 } 1748} 1749@media (min-width: 48em) and (max-width: 75em) { 1750 .homepage-product-carousel .media-item-seo-text .underline { 1751 font-size: calc((var(--font_display_md_size) + var(--font_display_md_size_md)) / 2); 1752 } 1753} 1754 1755/* CAROUSELS: arrows */ 1756@media (max-width: 767px) { 1757 .recommended-products .carousel-wrapper[data-carousel-layout="carousel"], 1758 .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"], 1759 .featured-products .carousel-wrapper[data-carousel-layout="carousel"], 1760 .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"], 1761 .featured-collection .carousel-wrapper[data-carousel-layout="carousel"], 1762 .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] { 1763 padding-bottom: 4rem; 1764 } 1765 .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav, 1766 .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav, 1767 .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav, 1768 .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav, 1769 .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav, 1770 .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav { 1771 transform: none; 1772 top: auto; 1773 bottom: 0.75rem; 1774 padding: 0; 1775 } 1776 .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button, 1777 .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button, 1778 .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button, 1779 .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button, 1780 .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button, 1781 .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button { 1782 width: 2.5rem; 1783 height: 2.5rem; 1784 } 1785 .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.left-0, 1786 .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.left-0, 1787 .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.left-0, 1788 .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.left-0, 1789 .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.left-0, 1790 .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.left-0 { 1791 right: 3rem; 1792 left: auto; 1793 } 1794 .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.right-0, 1795 .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.right-0, 1796 .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.right-0, 1797 .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.right-0, 1798 .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav.right-0, 1799 .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav.right-0 { 1800 right: 0.5rem; 1801 left: auto; 1802 } 1803 .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__icon, 1804 .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__icon, 1805 .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__icon, 1806 .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__icon, 1807 .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__icon, 1808 .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__icon { 1809 color: var(--color-content-base); 1810 } 1811 .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled, 1812 .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled, 1813 .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled, 1814 .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled, 1815 .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled, 1816 .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled { 1817 opacity: 0.4; 1818 } 1819 .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button-bg, 1820 .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button-bg, 1821 .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button-bg, 1822 .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button-bg, 1823 .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .carousel-nav__button-bg, 1824 .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .carousel-nav__button-bg { 1825 background-color: transparent; 1826 } 1827} 1828@media (min-width: 768px) { 1829 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"], 1830 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"], 1831 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"], 1832 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"], 1833 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"], 1834 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] { 1835 padding-bottom: 4rem; 1836 } 1837 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav, 1838 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav, 1839 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav, 1840 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav, 1841 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav, 1842 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav { 1843 transform: none; 1844 top: auto; 1845 bottom: 0.75rem; 1846 padding: 0; 1847 } 1848 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button, 1849 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button, 1850 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button, 1851 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button, 1852 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button, 1853 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button { 1854 width: 2.5rem; 1855 height: 2.5rem; 1856 } 1857 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.left-0, 1858 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.left-0, 1859 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.left-0, 1860 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.left-0, 1861 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.left-0, 1862 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.left-0 { 1863 right: 3rem; 1864 left: auto; 1865 } 1866 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.right-0, 1867 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.right-0, 1868 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.right-0, 1869 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.right-0, 1870 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav.right-0, 1871 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav.right-0 { 1872 right: 0.5rem; 1873 left: auto; 1874 } 1875 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__icon, 1876 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__icon, 1877 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__icon, 1878 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__icon, 1879 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__icon, 1880 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__icon { 1881 color: var(--color-content-base); 1882 } 1883 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled, 1884 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled, 1885 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled, 1886 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled, 1887 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button.disabled\:opacity-0:disabled, 1888 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button.disabled\:opacity-0:disabled { 1889 opacity: 0.4; 1890 } 1891 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button-bg, 1892 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button-bg, 1893 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button-bg, 1894 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button-bg, 1895 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .carousel-nav__button-bg, 1896 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .carousel-nav__button-bg { 1897 background-color: transparent; 1898 } 1899} 1900 1901/* CAROUSELS: bottom border line fix */ 1902@media (max-width: 767px) { 1903 .recommended-products .carousel-wrapper[data-carousel-layout="carousel"] .swiper__viewport, 1904 .recommended-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .swiper__viewport, 1905 .featured-products .carousel-wrapper[data-carousel-layout="carousel"] .swiper__viewport, 1906 .featured-products .carousel-wrapper[data-carousel-layout="carousel_peek"] .swiper__viewport, 1907 .featured-collection .carousel-wrapper[data-carousel-layout="carousel"] .swiper__viewport, 1908 .featured-collection .carousel-wrapper[data-carousel-layout="carousel_peek"] .swiper__viewport { 1909 padding-bottom: 1px; 1910 } 1911} 1912@media (min-width: 768px) { 1913 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel"] .swiper__viewport, 1914 .recommended-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .swiper__viewport, 1915 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel"] .swiper__viewport, 1916 .featured-products .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .swiper__viewport, 1917 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel"] .swiper__viewport, 1918 .featured-collection .carousel-wrapper[data-carousel-layout-md="carousel_peek"] .swiper__viewport { 1919 padding-bottom: 1px; 1920 } 1921} 1922 1923/* MEDIA SECTION GRID LINES */ 1924.custom-grid-lines .media-section__wrapper { 1925 border-top: 1px solid var(--custom-border-color); 1926 border-bottom: 1px solid var(--custom-border-color); 1927 gap: 1px; 1928} 1929.media-section:has(.custom-grid-lines) + .media-section:has(.custom-grid-lines) .media-section__wrapper { 1930 border-top: none; 1931} 1932.custom-grid-lines .media-section__wrapper > .media-item { 1933 box-shadow: 0 0 0 1px var(--custom-border-color); 1934} 1935 1936/* FIXED VIDEO ASPECT RATIO */ 1937.custom-video-aspect-ratio .video__poster { 1938 display: block !important; 1939} 1940.custom-video-aspect-ratio .video-umg-playback { 1941 aspect-ratio: 1080 / 1750; 1942 background-color: #000; 1943} 1944@media (min-width: 768px) { 1945 .custom-video-aspect-ratio .video-umg-playback { 1946 aspect-ratio: 1920 / 1080; 1947 } 1948}</style><link rel="apple-touch-icon" sizes="180x180" href="//store.billieeilish.com/cdn/shop/files/BE-000087_2026Store_Meta-01_Favicon_88136a41-2270-4724-b0af-3bdafa79048b.jpg?crop=center&height=180&v=1778243479&width=180"> 1949 <link rel="icon" href="//store.billieeilish.com/cdn/shop/files/BE-000087_2026Store_Meta-01_Favicon_88136a41-2270-4724-b0af-3bdafa79048b.jpg?crop=center&height=32&v=1778243479&width=32"><meta name="description" content="Shop exclusive music and merch from the Official Billie Eilish Store. Vinyl, hoodies, tees, accessories, and more."> 1950 1951 <meta property="og:site_name" content="Billie Eilish | Store"> 1952 <meta property="og:url" content="https://store.billieeilish.com/pages/sustainability-about"> 1953 <meta property="og:title" content="Sustainability & About - Billie Eilish | Store"> 1954 <meta property="og:type" content="website"> 1955 <meta property="og:description" content="Shop exclusive music and merch from the Official Billie Eilish Store. Vinyl, hoodies, tees, accessories, and more."><meta property="og:image" content="http://store.billieeilish.com/cdn/shop/files/BE-000087_2026Store_Meta-01_ShareImage_8c2e2eb8-c90d-417e-879b-3e26139792f5.jpg?v=1778243504"> 1956 <meta property="og:image:secure_url" content="https://store.billieeilish.com/cdn/shop/files/BE-000087_2026Store_Meta-01_ShareImage_8c2e2eb8-c90d-417e-879b-3e26139792f5.jpg?v=1778243504"> 1957 <meta property="og:image:width" content="5001"> 1958 <meta property="og:image:height" content="2618"><meta name="twitter:card" content="summary_large_image"> 1959 <meta name="twitter:title" content="Sustainability & About - Billie Eilish | Store"> 1960 <meta name="twitter:description" content="Shop exclusive music and merch from the Official Billie Eilish Store. Vinyl, hoodies, tees, accessories, and more.">
1960<script> 1961 window.dotDigital = { 1962 shopDomain: 'store.billieeilish.com', 1963 insightId: 'DM-5558579740-02' 1964 } 1965 </script>
1965<script defer="defer" src="//store.billieeilish.com/cdn/shop/t/157/assets/dot-digital.bundle.js?v=111676681593682757461788884024"></script>
1965<!-- BEGIN app block: shopify://apps/privy-pop-ups-email-sms/blocks/privy-convert-production/1d8599fa-4edf-4071-bda6-4d5d6d82de9c -->
1965<script src="https://shopify.privy.com/widget.js?shop=billieeilish.myshopify.com"></script>
1965 1966 1967<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1968<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: 21717009,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};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 1968
1968
1969<script> 1970 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1971</script>
vendor: 1 bytes, line 1971
1971
1972<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}
1972).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: 21717009,storefrontBaseUrl: "https://store.billieeilish.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://store.billieeilish.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"1561002045","configuration":"{\"forter_site_id\":\"98110a8cd268\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7e4b4da7292f3a5a38b14e41b6ff19b5","type":"APP","apiClientId":332912361473,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
1972,"dataSharingState":"unrestricted"},{"id":"1059061821","configuration":"{\"businessId\":\"ABBC7E53C1C4E162AF85B3E5\",\"environment\":\"production\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5a8ca3d2c8c198d27ce52b5826353789","type":"APP","apiClientId":861484,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"389251133","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GT-M3LZTRR3\\\",\\\"AW-802230609\\\",\\\"AW-1016223674\\\",\\\"AW-11016255997\\\",\\\"AW-11016277261\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-789861424\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-745526989\\\",\\\"AW-1016223674\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-789861424\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-745526989\\\",\\\"AW-1016223674\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"MC-LSV4WJNPXT\\\",\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-789861424\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-745526989\\\",\\\"AW-1016223674\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"MC-LSV4WJNPXT\\\",\\\"AW-11016255997\\\/Lq5RCIqBqIcYEP3z\\\",\\\"AW-1016223674\\\/M_0-CMflnLoYELqvyeQD\\\",\\\"AW-11016277261\\\/AmuACL_Yt9IbEI2a_IQp\\\",\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-789861424\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-745526989\\\",\\\"AW-1016223674\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"MC-LSV4WJNPXT\\\",\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-789861424\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-745526989\\\",\\\"AW-1016223674\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-789861424\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-745526989\\\",\\\"AW-1016223674\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-789861424\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-745526989\\\",\\\"AW-1016223674\\\"]}],\\\"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":"308871229","configuration":"{\"pixelCode\":\"COSF91RC77U9D5293S6G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"225116221","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"}
1972,{"id":"162594877","configuration":"{\"pixel_id\":\"173504734346947\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","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":"6455357","configuration":"{\"pixelId\":\"523255be-1f86-48ca-b1b6-f1d21a9dcdba\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"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":"Billie Eilish | Store","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"billieeilish.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/store.billieeilish.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7849704063037","handle":"your-turn-2-eau-de-parfum","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43140163010621","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7630215118909","handle":"billie-bandana-white-football-jersey","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42342887784509","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7838755684413","handle":"hit-me-hard-and-soft-the-tour-live-vinyl","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43098909933629","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7709968203837","handle":"ocean-eyes-7-etched-vinyl-translucent-turquoise","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42610278760509","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7522551660605","handle":"birds-of-a-feather-7-vinyl-translucent-green","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41814436839485","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://store.billieeilish.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"141471744061","themePublished":"true","eventMetadataId":"23d3bb11-e6f1-4e7e-912b-b9df56272160","pageType":"page","resourceId":"104645918781","shopId":"21717009","storefrontBaseUrl":"https:\/\/store.billieeilish.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1972<script> 1973 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1974 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1975 window.ShopifyAnalytics.meta.currency = 'USD'; 1976 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":104645918781,"requestId":"1e05708d-e7e9-469e-b296-554a04892f5f-1790277012"}}; 1977 for (var attr in meta) { 1978 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1979 } 1980</script>
vendor: 1 bytes, line 1980
1980
1981<script class="analytics"> 1982 (function () { 1983 var customDocumentWrite = function(content) { 1984 var jquery = null; 1985 1986 if (window.jQuery) { 1987 jquery = window.jQuery; 1988 } else if (window.Checkout && window.Checkout.$) { 1989 jquery = window.Checkout.$; 1990 } 1991 1992 if (jquery) { 1993 jquery('body').append(content); 1994 } 1995 }; 1996 1997 var hasLoggedConversion = function(token) { 1998 if (token) { 1999 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 2000 } 2001 return false; 2002 } 2003 2004 var setCookieIfConversion = function(token) { 2005 if (token) { 2006 var twoMonthsFromNow = new Date(Date.now()); 2007 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 2008 2009 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 2010 } 2011 } 2012 2013 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 2014 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 2015 if (trekkie.integrations) { 2016 return; 2017 } 2018 trekkie.methods = [ 2019 'identify', 2020 'page', 2021 'ready', 2022 'track', 2023 'trackForm', 2024 'trackLink' 2025 ]; 2026 trekkie.factory = function(method) { 2027 return function() { 2028 var args = Array.prototype.slice.call(arguments); 2029 args.unshift(method); 2030 trekkie.push(args); 2031 if (method == 'track' || method == 'page') { 2032 try { 2033 if (window.__TREKKIE_SHIM_QUEUE == null) { 2034 window.__TREKKIE_SHIM_QUEUE = []; 2035 } 2036 window.__TREKKIE_SHIM_QUEUE.push({ 2037 from: 'trekkie-stub', 2038 method: method, 2039 args: args.slice(1) 2040 }); 2041 } catch (e) { 2042 // no-op 2043 } 2044 } 2045 return trekkie; 2046 }; 2047 }; 2048 for (var i = 0; i < trekkie.methods.length; i++) { 2049 var key = trekkie.methods[i]; 2050 trekkie[key] = trekkie.factory(key); 2051 } 2052 trekkie.load = function(config) { 2053 trekkie.config = config || {}; 2054 trekkie.config.initialDocumentCookie = document.cookie; 2055 var first = document.getElementsByTagName('script')[0]; 2056var script = document.createElement('script'); 2057script.type = 'text/javascript'; 2058script.onerror = function(e) { 2059 var scriptFallback = document.createElement('script'); 2060 scriptFallback.type = 'text/javascript'; 2061 scriptFallback.onerror = function(error) { 2062 var Monorail = { 2063 produce: function produce(monorailDomain, schemaId, payload) { 2064 var currentMs = new Date().getTime(); 2065 var event = { 2066 schema_id: schemaId, 2067 payload: payload, 2068 metadata: { 2069 event_created_at_ms: currentMs, 2070 event_sent_at_ms: currentMs 2071 } 2072 }; 2073 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2074 }, 2075 sendRequest: function sendRequest(endpointUrl, payload) { 2076 // Try the sendBeacon API 2077 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2078 var blobData = new window.Blob([payload], { 2079 type: 'text/plain' 2080 }); 2081 2082 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2083 return true; 2084 } // sendBeacon was not successful 2085 2086 } // XHR beacon 2087 2088 var xhr = new XMLHttpRequest(); 2089 2090 try { 2091 xhr.open('POST', endpointUrl); 2092 xhr.setRequestHeader('Content-Type', 'text/plain'); 2093 xhr.send(payload); 2094 } catch (e) { 2095 console.log(e); 2096 } 2097 2098 return false; 2099 }, 2100 isIos12: function isIos12() { 2101 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2102 } 2103 }; 2104 Monorail.produce('monorail-edge.shopifysvc.com', 2105 'trekkie_storefront_load_errors/1.1', 2106 {shop_id: 21717009, 2107 theme_id: 141471744061, 2108 app_name: "storefront", 2109 context_url: window.location.href, 2110 source_url: "//store.billieeilish.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 2111 2112 }; 2113 scriptFallback.async = true; 2114 scriptFallback.src = '//store.billieeilish.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 2115 first.parentNode.insertBefore(scriptFallback, first); 2116}; 2117script.async = true; 2118script.src = '//store.billieeilish.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 2119first.parentNode.insertBefore(script, first); 2120 2121 }; 2122 trekkie.load( 2123 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":21717009,"isMerchantRequest":null,"themeId":141471744061,"themeCityHash":"7546041927301377697","contentLanguage":"en","currency":"USD","eventMetadataId":"23d3bb11-e6f1-4e7e-912b-b9df56272160"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2124 ); 2125 2126 var loaded = false;
2127 trekkie.ready(function() { 2128 if (loaded) return; 2129 loaded = true; 2130 2131 window.ShopifyAnalytics.lib = window.trekkie; 2132 2133 var originalDocumentWrite = document.write; 2134 document.write = customDocumentWrite; 2135 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2136 document.write = originalDocumentWrite; 2137 2138 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2139 var token = match? match[1]: undefined; 2140 if (!hasLoggedConversion(token)) { 2141 setCookieIfConversion(token); 2142 2143 } 2144 }); 2145 2146 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":104645918781,"requestId":"1e05708d-e7e9-469e-b296-554a04892f5f-1790277012","shopifyEmitted":true}); 2147 2148 var eventsListenerScript = document.createElement('script'); 2149 eventsListenerScript.async = true; 2150 eventsListenerScript.src = "//store.billieeilish.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2151 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2152})();</script>
vendor: 1 bytes, line 2152
2152
2153<script 2154 defer 2155 src="https://store.billieeilish.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2156 data-application="storefront-renderer" 2157 data-shop-id="21717009" 2158 data-render-region="gcp-us-central1" 2159 data-page-type="page" 2160 data-theme-instance-id="141471744061" 2161 data-theme-name="Rhythm" 2162 data-theme-version="2026.08.2.0" 2163 data-monorail-region="shop_domain" 2164 data-resource-timing-sampling-rate="10" 2165 data-shs="true" 2166 data-shs-beacon="true" 2167 data-shs-export-with-fetch="true" 2168 data-shs-logs-sample-rate="1" 2169 data-shs-beacon-endpoint="https://store.billieeilish.com/api/collect" 2170></script>
2170 2171<meta name="shopify-y" content="70725256-4d37-4c8b-92b7-4ea2bdb486f5" data-expiration="1821834612000"><meta name="shopify-s" content="2653fdbe-1753-444f-b3bb-a7d0e030b6cf" data-expiration="1790278812000"><meta name="new-cookie-storage-activated" content="t"> 2172</head><body class="template__page template__page--fragrance-sustainability 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.08.2.0"> 2173 <span class="sr-only" data-e2e="aria-countdown-change" aria-live="assertive"></span>
vendor: 67 bytes, line 2173
2173<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2173GTM-TCJ87SS
vendor: 86 bytes, lines 2173-2174
2173" 2174 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2174<a class="skip-to-content-link button sr-only focus:not-sr-only" href="#MainContent">Skip to content</a><content-overlay> 2175 <div class="overlay hidden fixed top-0 left-0 w-full h-full z-[1000001] c-bg-gray-900 opacity-50"></div> 2176</content-overlay><!-- BEGIN sections: header-group --> 2177<section id="shopify-section-sections--19044572627005__developer_z8geQN" class="shopify-section shopify-section-group-header-group developer"> 2178 2179 <div class="developer__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden store-switcher"> 2180 2181 2182 2183 2184 <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"> 2185 2186 <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"> 2187 2188<div id="brands-fragment"> 2189 <div class="header__brands-wrapper flex w-full justify-between"> 2190 <div class="list brands brands-list flex justify-start gap-x-md px-md"> 2191 2192 2193 2194 2195 2196 2197 2198 2199 <brand-item 2200 class="list-item brand-item flex items-center text_navigation_md" 2201 data-brand="official-store" 2202 > 2203 <a href="/"> 2204 2205 2206 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="22" viewBox="0 0 10 22" fill="currentColor" aria-hidden="true" focusable="false"> 2207 <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"/> 2208 <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"/> 2209 </svg> 2210 2211 2212 Official Store 2213 </a> 2214 </brand-item> 2215 2216 2217 2218 <brand-item 2219 class="list-item brand-item flex items-center text_navigation_md active" 2220 data-brand="fragrance" 2221 > 2222 <a href="/pages/fragrance"> 2223 2224 Eilish Fragrances 2225 </a> 2226 </brand-item> 2227 2228 2229
2229<script> 2230 document.addEventListener('DOMContentLoaded', function () { 2231 // Apply brand state only on page load 2232 const activeBrand = localStorage.getItem('activeBrand') || 'official-store'; 2233 2234 const hasActive = document.querySelector('.brand-item.active'); 2235 2236 if (!hasActive && activeBrand) { 2237 document.querySelectorAll('.brand-item').forEach((item) => { 2238 const brand = item.dataset.brand; 2239 2240 if (brand === activeBrand) { 2241 item.classList.add('active'); 2242 } else { 2243 item.classList.remove('active'); 2244 } 2245 }); 2246 } 2247 // On click â only store brand and let navigation happen 2248 document.querySelectorAll('.brand-item a').forEach((el) => { 2249 el.addEventListener('click', function () { 2250 const brandHandle = this.closest('brand-item').dataset.brand; 2251 if (brandHandle) { 2252 localStorage.setItem('activeBrand', brandHandle); 2253 } 2254 }); 2255 }); 2256 }); 2257 </script>
2257 2258 2259 </div> 2260 </div> 2261</div> 2262 2263<div class="actions flex"> 2264 2265 2266 2267 2268<a href="https://shopify.com/21717009/account/pages/019d501c-82a4-7bf2-8916-dcb8f98d1e9e?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJiaWxsaWVlaWxpc2gubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwODgxODEyLCJuYmYiOjE3OTAyNzcwMTJ9.oF_G_45y1RYYWedKTJAJgRH7M8-y2aUuGB8EoCkIXCY®ion_country=US" class="header__action header__action--account-link flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space block overflow-hidden"> 2269 2270 <div class="icon-wrapper"> 2271 2272 2273 2274 2275 2276 2277 2278 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor"> 2279 <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"/> 2280 </svg> 2281 2282 2283 <span class="sr-only">Account</span> 2284 </div> 2285 2286</a> 2287 2288 2289 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative" tabindex="-1"> 2316 2317 <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"> 2318 2319 <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor"> 2330 <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"/> 2331 </svg> 2332 2333 2334 2335 </div> 2336 <span class="sr-only">Cart</span> 2337 2338 <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> 2339 2340 </a> 2341 2342 </cart-drawer-toggle-button> 2343 2344 2345 2346</div> 2347 2348</div></div> 2349 2350 2351 2352 </div></section><header id="shopify-section-sections--19044572627005__header" class="shopify-section shopify-section-group-header-group site-header md:hidden"><style> 2353 #shopify-section-sections--19044572627005__header { 2354 position: sticky;top: 0;z-index: 999997; 2355 width: 100%; 2356 } 2357 </style> 2358
2358<script>document.getElementById('shopify-section-sections--19044572627005__header').classList.add('umg-sticky', 'transition-[transform]')</script>
2358 2359 2360 2361 2362 2363 2364 2365<div id="header-wrapper--19044572627005" 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; "> 2366 <div id="header-container--19044572627005" 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" > 2367 2368 2369 2370 2371 2372 2373 2374<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"> 2375 <button 2376 class="nav-drawer__overlay umg-backdrop fixed top-0 bottom-0 left-0 right-0 w-full h-full z-10" 2377 @click="open = false; $el.ownerDocument.body.classList.remove('overflow-hidden')" 2378 x-show="open" 2379 x-cloak 2380 :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'" 2381 x-transition x-transition.opacity></button> 2382 2383 2384 2385 2386 2387<button 2388 class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-center" 2389 @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 2390 :aria-expanded="open" 2391 :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'"> 2392 <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition> 2393 2394 2395 2396 2397 2398 2399 2400 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor"> 2401 <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"/> 2402 </svg> 2403 2404 2405 </div> 2406 <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition> 2407 2408 2409 2410 2411 2412 2413 2414 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 2415 <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"/> 2416 </svg> 2417 2418 2419 </div> 2420</button> 2421 2422 <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"> 2423 <div class="flex justify-between md:justify-end p-lg-sm"> 2424 2425 <div x-html="$refs.logoContainer ? $refs.logoContainer.innerHTML : ''" class="logo-container flex justify-center items-center c-text-content-base"></div> 2426 2427 2428 2429 2430 2431<button 2432 class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-end c-text-content-base" 2433 @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 2434 :aria-expanded="open" 2435 :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'"> 2436 <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition> 2437 2438 2439 2440 2441 2442 2443 2444 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor"> 2445 <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"/> 2446 </svg> 2447 2448 2449 </div> 2450 <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition> 2451 2452 2453 2454 2455 2456 2457 2458 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 2459 <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"/> 2460 </svg> 2461 2462 2463 </div> 2464</button> 2465 </div> 2466 <ul class="gap-sm-sm"> 2467 2468 2469 2470 2471 2472 2473 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 <div x-data="{ expanded: false }"> 2484 2485 <button 2486 @click="expanded = !expanded" 2487 :aria-expanded="expanded" 2488 class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative" 2489 :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' " 2490 2491 > 2492 <div class="text_navigation_lg w-full min-h-min-click-s
2492pace 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> 2493 2494 2495 2496<div class="w-1em h-1em absolute right-0 mr-lg-sm"> 2497 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 2498 2499 2500 2501 2502 2503 2504 2505 2506 <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"> 2507 <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"/> 2508 </svg> 2509 2510 2511</span> 2512</div> 2513 </button> 2514 <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> 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 <li class="flex items-center w-full relative"> 2539 <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em 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="/collections/all-merch" @click="open = false"> 2540 All Merch 2541 </a> 2542 </li> 2543 2544 2545 2546 2547 2548 2549<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div> 2550 2551 2552 2553 2554 2555 2556 2557 2558 2559 2560 2561 <div x-data="{ expanded: false }"> 2562 <button 2563 @click="expanded = !expanded" 2564 :aria-expanded="expanded" 2565 class="nav-drawer__tier-2__item flex items-center w-full relative c-text-content-base" 2566 2567 > 2568 <span class="text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em 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">Apparel</span> 2569 2570 2571 2572<div class="w-1em h-1em absolute right-0"> 2573 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 2574 2575 2576 2577 2578 2579 2580 2581 2582 <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"> 2583 <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"/> 2584 </svg> 2585 2586 2587</span> 2588</div> 2589 </button> 2590 <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse> 2591 2592 2593 2594 2595 2596 2597 2598 2599<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/apparel"> 2600 <span>View All Apparel</span> 2601 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 2602 2603 2604 2605 2606 2607 2608 2609 2610 2611 <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"> 2612 <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"/> 2613 </svg> 2614 2615 2616 2617 </div> 2618</a> 2619 2620 2621 2622 2623 2624 2625 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2626 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
2626pace 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/apparel"> 2627 All Apparel 2628 </a> 2629 </li> 2630 2631 2632 2633 2634 2635 2636 2637 <li class="nav-drawer__tier-3__item 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/hoodies-sweatshirts"> 2639 Hoodies & Sweatshirts 2640 </a> 2641 </li> 2642 2643 2644 2645 2646 2647 2648 2649 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2650 <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-tees"> 2651 Tops & Tees 2652 </a> 2653 </li> 2654 2655 2656 2657 2658 2659 2660 2661 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2662 <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/jerseys-jackets"> 2663 Jerseys & Jackets 2664 </a> 2665 </li> 2666 2667 2668 2669 2670 2671 2672 2673 <li class="nav-drawer__tier-3__item 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="/collections/shorts-bottoms"> 2675 Shorts & Bottoms 2676 </a> 2677 </li> 2678 2679 2680 2681 2682 2683 2684 2685 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2686 <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/kids-baby"> 2687 Kids & Baby 2688 </a> 2689 </li> 2690 2691 2692 </div> 2693 </div> 2694 2695 2696 2697 2698 2699 2700<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div> 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 <div x-data="{ expanded: false }"> 2713 <button 2714 @click="expanded = !expanded" 2715 :aria-expanded="expanded" 2716 class="nav-drawer__tier-2__item flex items-center w-full relative c-text-content-base" 2717 2718 > 2719 <span class="text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em 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">Jewelry</span> 2720 2721 2722 2723<div class="w-1em h-1em absolute right-0"> 2724 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 2725 2726 2727 2728 2729 2730 2731 2732 2733 <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"> 2734 <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"/> 2735 </svg> 2736 2737 2738</span> 2739</div> 2740 </button> 2741 <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse> 2742 2743 2744 2745 2746 2747 2748 2749 2750<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
2750pace flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/jewelry"> 2751 <span>View All Jewelry</span> 2752 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 2753 2754 2755 2756 2757 2758 2759 2760 2761 2762 <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"> 2763 <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"/> 2764 </svg> 2765 2766 2767 2768 </div> 2769</a> 2770 2771 2772 2773 2774 2775 2776 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2777 <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/jewelry"> 2778 All Jewelry 2779 </a> 2780 </li> 2781 2782 2783 2784 2785 2786 2787 2788 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2789 <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/necklaces"> 2790 Necklaces 2791 </a> 2792 </li> 2793 2794 2795 2796 2797 2798 2799 2800 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2801 <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/earrings"> 2802 Earrings 2803 </a> 2804 </li> 2805 2806 2807 2808 2809 2810 2811 2812 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2813 <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://store.billieeilish.com/products/billie-jewelry-box"> 2814 Jewelry Box 2815 </a> 2816 </li> 2817 2818 2819 </div> 2820 </div> 2821 2822 2823 2824 2825 2826 2827<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div> 2828 2829 2830 2831 2832 2833 2834 2835 2836 2837 2838 2839 <div x-data="{ expanded: false }"> 2840 <button 2841 @click="expanded = !expanded" 2842 :aria-expanded="expanded" 2843 class="nav-drawer__tier-2__item flex items-center w-full relative c-text-content-base" 2844 2845 > 2846 <span class="text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em 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">Accessories</span> 2847 2848 2849 2850<div class="w-1em h-1em absolute right-0"> 2851 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 2852 2853 2854 2855 2856 2857 2858 2859 2860 <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"> 2861 <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"/> 2862 </svg> 2863 2864 2865</span> 2866</div> 2867 </button> 2868 <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse> 2869 2870 2871 2872 2873 2874 2875 2876 2877<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
2877pace flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/accessories"> 2878 <span>View All Accessories</span> 2879 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 <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"> 2890 <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"/> 2891 </svg> 2892 2893 2894 2895 </div> 2896</a> 2897 2898 2899 2900 2901 2902 2903 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2904 <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/accessories"> 2905 All Accessories 2906 </a> 2907 </li> 2908 2909 2910 2911 2912 2913 2914 2915 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2916 <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/hats-beanies"> 2917 Hats & Beanies 2918 </a> 2919 </li> 2920 2921 2922 2923 2924 2925 2926 2927 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2928 <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/socks-belts"> 2929 Socks & Belts 2930 </a> 2931 </li> 2932 2933 2934 2935 2936 2937 2938 2939 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2940 <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/scarves-bandanas"> 2941 Scarves & Bandanas 2942 </a> 2943 </li> 2944 2945 2946 2947 2948 2949 2950 2951 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2952 <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/keychains-carabiners"> 2953 Keychains & Carabiners 2954 </a> 2955 </li> 2956 2957 2958 </div> 2959 </div> 2960 2961 2962 2963 2964 2965 2966<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div> 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 2977 2978 <div x-data="{ expanded: false }"> 2979 <button 2980 @click="expanded = !expanded" 2981 :aria-expanded="expanded" 2982 class="nav-drawer__tier-2__item flex items-center w-full relative c-text-content-base" 2983 2984 > 2985 <span class="text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em 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">Collections</span> 2986 2987 2988 2989<div class="w-1em h-1em absolute right-0"> 2990 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 2991 2992 2993 2994 2995 2996 2997 2998 2999 <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"> 3000 <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"/> 3001 </svg> 3002 3003 3004</span> 3005</div> 3006 </button> 3007 <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse> 3008 3009 3010 3011 3012 3013 3014 3015 3016<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
3016pace flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/all"> 3017 <span>View All Collections</span> 3018 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 3019 3020 3021 3022 3023 3024 3025 3026 3027 3028 <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"> 3029 <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"/> 3030 </svg> 3031 3032 3033 3034 </div> 3035</a> 3036 3037 3038 3039 3040 3041 3042 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3043 <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/blohsh"> 3044 Blohsh 3045 </a> 3046 </li> 3047 3048 3049 3050 3051 3052 3053 3054 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3055 <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/hit-me-hard-and-soft"> 3056 HIT ME HARD AND SOFT 3057 </a> 3058 </li> 3059 3060 3061 3062 3063 3064 3065 3066 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3067 <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/happier-than-ever"> 3068 Happier Than Ever 3069 </a> 3070 </li> 3071 3072 3073 3074 3075 3076 3077 3078 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3079 <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/when-we-all-fall-asleep-where-do-we-go"> 3080 WHEN WE ALL FALL ASLEEP WHERE DO WE GO? 3081 </a> 3082 </li> 3083 3084 3085 3086 3087 3088 3089 3090 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3091 <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/upcycled"> 3092 Upcycled 3093 </a> 3094 </li> 3095 3096 3097 </div> 3098 </div> 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123<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"> 3124 3125 3126 3127 3128 3129 3130 3131 3132 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 3148 3149 <a href="/collections/hit-me-hard-and-soft-the-tour-live" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="HIT ME HARD AND SOFT: THE TOUR (LIVE)"> 3150 3151 <div class="flex flex-col relative h-full"> 3152 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170<img src="//store.billieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_29ba3fe2-9205-4422-bc3e-c4bb729188d6.jpg?v=1778243109&width=400" alt="HIT ME HARD AND SOFT: THE TOUR (LIVE)" srcset="//store.billieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_29ba3fe2-9205-4422-bc3e-c4bb729188d6.jpg?v=1778243109&width=100 100w, //store.billieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_29ba3fe2-9205-4422-bc3e-c4bb729188d6.jpg?v=1778243109&width=300 300w, //store.billieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_29ba3fe2-9205-4422-bc3e-c4bb729188d6.jpg?v=1778243109&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"> 3171 3172 3173 3174 3175 </div> 3176 3177 3178 <h4 class="promo__title promo__text text-left text_navigation_md 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]:un
3178derline mt-sm-sm">HIT ME HARD AND SOFT: THE TOUR (LIVE)</h4> 3179 3180 3181 <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs"> 3182 View Collection 3183 3184 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 3185 3186 3187 3188 3189 3190 3191 3192 3193 <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"> 3194 <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"/> 3195 </svg> 3196 3197 3198</span> 3199 3200 </span> 3201 3202 </div> 3203 3204 3205 </a> 3206 3207</div> 3208 3209 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 3233 3234<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 3235 3236 <a href="/collections/jewelry" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Jewelry"> 3237 3238 <div class="flex flex-col relative h-full"> 3239 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 3240 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 3257<img src="//store.billieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778116943&width=400" srcset="//store.billieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778116943&width=100 100w, //store.billieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778116943&width=300 300w, //store.billieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778116943&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"> 3258 3259 3260 3261 3262 </div> 3263 3264 3265 <h4 class="promo__title promo__text text-left text_navigation_md 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 mt-sm-sm">Jewelry</h4> 3266 3267 3268 <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs"> 3269 View Collection 3270 3271 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 3272 3273 3274 3275 3276 3277 3278 3279 3280 <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"> 3281 <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"/> 3282 </svg> 3283 3284 3285</span> 3286 3287 </span> 3288 3289 </div> 3290 3291 3292 </a> 3293 3294</div> 3295 3296 3297 3298 3299 3300 3301 3302 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 3320<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 3321 3322 <a href="/collections/apparel" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Apparel"> 3323 3324 <div class="flex flex-col relative h-full"> 3325 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343<img src="//store.billieeilish.com/cdn/shop/files/BE_Jacket_Front.jpg?v=1778178336&width=400" alt="BE Track Jacket front" srcset="//store.billieeilish.com/cdn/shop/files/BE_Jacket_Front.jpg?v=1778178336&width=100 100w, //store.billieeilish.com/cdn/shop/files/BE_Jacket_Front.jpg?v=1778178336&width=300 300w, //store.billieeilish.com/cdn/shop/files/BE_Jacket_Front.jpg?v=1778178336&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"> 3344 3345 3346 3347 3348 </div> 3349 3350 3351 <h4 class="promo__title promo__text text-left text_navigation_md 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]:un
3351derline mt-sm-sm">Apparel</h4> 3352 3353 3354 <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs"> 3355 View Collection 3356 3357 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 3358 3359 3360 3361 3362 3363 3364 3365 3366 <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"> 3367 <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"/> 3368 </svg> 3369 3370 3371</span> 3372 3373 </span> 3374 3375 </div> 3376 3377 3378 </a> 3379 3380</div> 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396 3397 3398 3399 3400 3401 3402 3403 3404 3405 3406<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 3407 3408 <a href="/products/billie-bandana-white-football-jersey" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Billie Bandana White Football Jersey"> 3409 3410 <div class="flex flex-col relative h-full"> 3411 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 3412 3413 3414 3415 3416 3417 3418 3419 3420 3421 3422 3423 3424 3425 3426 3427 3428 3429<img src="//store.billieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778091764&width=400" alt="Billie Bandana White Football Jersey" srcset="//store.billieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778091764&width=100 100w, //store.billieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778091764&width=300 300w, //store.billieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778091764&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"> 3430 3431 3432 3433 3434 </div> 3435 3436 3437 <h4 class="promo__title promo__text text-left text_navigation_md 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 mt-sm-sm">Billie Bandana White Football Jersey</h4> 3438 3439 3440 <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs"> 3441 View 3442 3443 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 3444 3445 3446 3447 3448 3449 3450 3451 3452 <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"> 3453 <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"/> 3454 </svg> 3455 3456 3457</span> 3458 3459 </span> 3460 3461 </div> 3462 3463 3464 </a> 3465 3466</div> 3467 3468 3469 3470</div> 3471 3472 </div> 3473 </div> 3474 3475 3476 3477<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 3478 3479 3480 3481 3482 3483 3484 3485 3486 3487 3488 3489 3490 <div x-data="{ expanded: false }"> 3491 3492 <button 3493 @click="expanded = !expanded" 3494 :aria-expanded="expanded" 3495 class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative" 3496 :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' " 3497 3498 > 3499 <div class="text_navigation_lg w-full min-h-min-click-s
3499pace 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">Music</div> 3500 3501 3502 3503<div class="w-1em h-1em absolute right-0 mr-lg-sm"> 3504 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 3505 3506 3507 3508 3509 3510 3511 3512 3513 <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"> 3514 <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"/> 3515 </svg> 3516 3517 3518</span> 3519</div> 3520 </button> 3521 <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> 3522 3523 3524 3525 3526 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 <li class="flex items-center w-full relative"> 3546 <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em 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="/collections/all-music" @click="open = false"> 3547 All Music 3548 </a> 3549 </li> 3550 3551 3552 3553 3554 3555 3556<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div> 3557 3558 3559 3560 3561 3562 3563 3564 3565 3566 3567 3568 <div x-data="{ expanded: false }"> 3569 <button 3570 @click="expanded = !expanded" 3571 :aria-expanded="expanded" 3572 class="nav-drawer__tier-2__item flex items-center w-full relative c-text-content-base" 3573 3574 > 3575 <span class="text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em 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">Album</span> 3576 3577 3578 3579<div class="w-1em h-1em absolute right-0"> 3580 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 3581 3582 3583 3584 3585 3586 3587 3588 3589 <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"> 3590 <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"/> 3591 </svg> 3592 3593 3594</span> 3595</div> 3596 </button> 3597 <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse> 3598 3599 3600 3601 3602 3603 3604 3605 3606<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/all-music"> 3607 <span>View All Album</span> 3608 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618 <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"> 3619 <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"/> 3620 </svg> 3621 3622 3623 3624 </div> 3625</a> 3626 3627 3628 3629 3630 3631 3632 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3633 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
3633pace 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/hit-me-hard-and-soft"> 3634 HIT ME HARD AND SOFT 3635 </a> 3636 </li> 3637 3638 3639 3640 3641 3642 3643 3644 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3645 <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/happier-than-ever"> 3646 Happier Than Ever 3647 </a> 3648 </li> 3649 3650 3651 3652 3653 3654 3655 3656 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3657 <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/when-we-all-fall-asleep-where-do-we-go"> 3658 WHEN WE ALL FALL ASLEEP WHERE DO WE GO? 3659 </a> 3660 </li> 3661 3662 3663 </div> 3664 </div> 3665 3666 3667 3668 3669 3670 3671<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div> 3672 3673 3674 3675 3676 3677 3678 3679 3680 3681 3682 3683 <div x-data="{ expanded: false }"> 3684 <button 3685 @click="expanded = !expanded" 3686 :aria-expanded="expanded" 3687 class="nav-drawer__tier-2__item flex items-center w-full relative c-text-content-base" 3688 3689 > 3690 <span class="text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em 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">Format</span> 3691 3692 3693 3694<div class="w-1em h-1em absolute right-0"> 3695 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 3696 3697 3698 3699 3700 3701 3702 3703 3704 <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"> 3705 <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"/> 3706 </svg> 3707 3708 3709</span> 3710</div> 3711 </button> 3712 <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse> 3713 3714 3715 3716 3717 3718 3719 3720 3721<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/all-music"> 3722 <span>View All Format</span> 3723 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 3724 3725 3726 3727 3728 3729 3730 3731 3732 3733 <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"> 3734 <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"/> 3735 </svg> 3736 3737 3738 3739 </div> 3740</a> 3741 3742 3743 3744 3745 3746 3747 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3748 <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/vinyl"> 3749 Vinyl 3750 </a> 3751 </li> 3752 3753 3754 3755 3756 3757 3758 3759 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3760 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
3760pace 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/cds"> 3761 CDs 3762 </a> 3763 </li> 3764 3765 3766 3767 3768 3769 3770 3771 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3772 <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/cassettes"> 3773 Cassettes 3774 </a> 3775 </li> 3776 3777 3778 3779 3780 3781 3782 3783 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 3784 <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/box-sets"> 3785 Box Sets 3786 </a> 3787 </li> 3788 3789 3790 </div> 3791 </div> 3792 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 3813 3814 3815 3816<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"> 3817 3818 3819 3820 3821 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 3841 3842 <a href="/collections/hit-me-hard-and-soft" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="HIT ME HARD AND SOFT"> 3843 3844 <div class="flex flex-col relative h-full"> 3845 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 3862 3863<img src="//store.billieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778116946&width=400" srcset="//store.billieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778116946&width=100 100w, //store.billieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778116946&width=300 300w, //store.billieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778116946&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"> 3864 3865 3866 3867 3868 </div> 3869 3870 3871 <h4 class="promo__title promo__text text-left text_navigation_md 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 mt-sm-sm">HIT ME HARD AND SOFT</h4> 3872 3873 3874 <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs"> 3875 View Collection 3876 3877 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 3878 3879 3880 3881 3882 3883 3884 3885 3886 <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"> 3887 <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"/> 3888 </svg> 3889 3890 3891</span> 3892 3893 </span> 3894 3895 </div> 3896 3897 3898 </a> 3899 3900</div> 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 3921 3922 3923 3924 3925 3926 3927<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 3928 3929 <a href="/products/hit-me-hard-and-soft-the-tour-live-vinyl" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYL"> 3930 3931 <div class="flex flex-col relative h-full"> 3932 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 3933 3934 3935 3936 3937 3938 3939 3940 3941 3942 3943 3944 3945 3946 3947 3948 3949 3950<img src="//store.billieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1776352345&width=400" alt="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYL" srcset="//store.billieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1776352345&width=100 100w, //store.billieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1776352345&width=300 300w, //store.billieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1776352345&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"> 3951 3952 3953 3954 3955 </div> 3956 3957 3958 <h4 class="promo__title promo__text text-left text_navigation_md 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]:un
3958derline mt-sm-sm">HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYL</h4> 3959 3960 3961 <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs"> 3962 View 3963 3964 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 3965 3966 3967 3968 3969 3970 3971 3972 3973 <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"> 3974 <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"/> 3975 </svg> 3976 3977 3978</span> 3979 3980 </span> 3981 3982 </div> 3983 3984 3985 </a> 3986 3987</div> 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 4014 4015 <a href="/products/ocean-eyes-7-etched-vinyl-translucent-turquoise" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="ocean eyes 7" Etched Vinyl [Translucent Turquoise]"> 4016 4017 <div class="flex flex-col relative h-full"> 4018 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 4019 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036<img src="//store.billieeilish.com/cdn/shop/files/BE_OceanEyes_Vinyl.jpg?v=1778173273&width=400" alt="ocean eyes 7" Etched Vinyl [Translucent Turquoise]" srcset="//store.billieeilish.com/cdn/shop/files/BE_OceanEyes_Vinyl.jpg?v=1778173273&width=100 100w, //store.billieeilish.com/cdn/shop/files/BE_OceanEyes_Vinyl.jpg?v=1778173273&width=300 300w, //store.billieeilish.com/cdn/shop/files/BE_OceanEyes_Vinyl.jpg?v=1778173273&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"> 4037 4038 4039 4040 4041 </div> 4042 4043 4044 <h4 class="promo__title promo__text text-left text_navigation_md 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 mt-sm-sm">ocean eyes 7" Etched Vinyl [Translucent Turquoise]</h4> 4045 4046 4047 <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs"> 4048 View 4049 4050 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 4051 4052 4053 4054 4055 4056 4057 4058 4059 <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"> 4060 <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"/> 4061 </svg> 4062 4063 4064</span> 4065 4066 </span> 4067 4068 </div> 4069 4070 4071 </a> 4072 4073</div> 4074 4075 4076 4077 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 4100 4101 <a href="/products/birds-of-a-feather-7-vinyl-translucent-green" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="BIRDS OF A FEATHER 7" Vinyl [Translucent Green]"> 4102 4103 <div class="flex flex-col relative h-full"> 4104 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 4105 4106 4107 4108 4109 4110 4111 4112 4113 4114 4115 4116 4117 4118 4119 4120 4121 4122<img src="//store.billieeilish.com/cdn/shop/files/BE_BOAFSingle_Front.jpg?v=1778173422&width=400" alt="BIRDS OF A FEATHER 7" Vinyl [Translucent Green]" srcset="//store.billieeilish.com/cdn/shop/files/BE_BOAFSingle_Front.jpg?v=1778173422&width=100 100w, //store.billieeilish.com/cdn/shop/files/BE_BOAFSingle_Front.jpg?v=1778173422&width=300 300w, //store.billieeilish.com/cdn/shop/files/BE_BOAFSingle_Front.jpg?v=1778173422&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"> 4123 4124 4125 4126 4127 </div> 4128 4129 4130 <h4 class="promo__title promo__text text-left text_navigation_md 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]:un
4130derline mt-sm-sm">BIRDS OF A FEATHER 7" Vinyl [Translucent Green]</h4> 4131 4132 4133 <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs"> 4134 View 4135 4136 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 4137 4138 4139 4140 4141 4142 4143 4144 4145 <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"> 4146 <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"/> 4147 </svg> 4148 4149 4150</span> 4151 4152 </span> 4153 4154 </div> 4155 4156 4157 </a> 4158 4159</div> 4160 4161 4162 4163</div> 4164 4165 </div> 4166 </div> 4167 4168 4169 4170<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 4171 4172 4173 4174 4175 4176 4177 4178 4179 4180 4181 4182 4183 <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base"> 4184 <a 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" href="/pages/fragrance">Fragrance</a> 4185 </li> 4186 4187 4188 4189<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 4190 4191 4192 4193 4194 4195 4196 4197 4198 4199 4200 4201 4202 <div x-data="{ expanded: false }"> 4203 4204 <button 4205 @click="expanded = !expanded" 4206 :aria-expanded="expanded" 4207 class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative" 4208 :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' " 4209 4210 > 4211 <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> 4212 4213 4214 4215<div class="w-1em h-1em absolute right-0 mr-lg-sm"> 4216 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 4217 4218 4219 4220 4221 4222 4223 4224 4225 <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"> 4226 <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"/> 4227 </svg> 4228 4229 4230</span> 4231</div> 4232 </button> 4233 <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> 4234 4235 4236 4237 4238 4239 4240 4241 4242 4243 4244 4245 4246 4247 4248 4249 4250 4251 4252 4253 4254 4255<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/upcycled"> 4256 <span>View All Upcycled</span> 4257 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267 <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"> 4268 <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"/> 4269 </svg> 4270 4271 4272 4273 </div> 4274</a> 4275 4276 4277 4278 4279 4280 4281 4282 4283 <li class="flex items-center w-full relative"> 4284 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
4284pace 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/upcycled" @click="open = false"> 4285 All Upcycled 4286 </a> 4287 </li> 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299 4300 4301 <li class="flex items-center w-full relative"> 4302 <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/billie-eilish-x-lost-love" @click="open = false"> 4303 Billie Eilish x Lost Love 4304 </a> 4305 </li> 4306 4307 4308 4309 4310 4311 4312 4313 4314 4315 4316 4317 4318 4319 <li class="flex items-center w-full relative"> 4320 <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/billie-eilish-x-suay" @click="open = false"> 4321 Billie Eilish x SUAY 4322 </a> 4323 </li> 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 </div> 4334 </div> 4335 4336 4337 4338<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 4339 4340 4341 4342 4343 4344 4345 4346 4347 4348 4349 4350 4351 <div x-data="{ expanded: false }"> 4352 4353 <button 4354 @click="expanded = !expanded" 4355 :aria-expanded="expanded" 4356 class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative" 4357 :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' " 4358 4359 > 4360 <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> 4361 4362 4363 4364<div class="w-1em h-1em absolute right-0 mr-lg-sm"> 4365 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 4366 4367 4368 4369 4370 4371 4372 4373 4374 <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"> 4375 <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"/> 4376 </svg> 4377 4378 4379</span> 4380</div> 4381 </button> 4382 <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> 4383 4384 4385 4386 4387 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402<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="https://store.billieeilish.com/pages/sustainability"> 4403 <span>View All Sustainability</span> 4404 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 4405 4406 4407 4408 4409 4410 4411 4412 4413 4414 <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"> 4415 <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"/> 4416 </svg> 4417 4418 4419 4420 </div> 4421</a> 4422 4423 4424 4425 4426 4427 4428 4429 4430 <li class="flex items-center w-full relative"> 4431 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
4431pace 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://store.billieeilish.com/pages/sustainability" @click="open = false"> 4432 About 4433 </a> 4434 </li> 4435 4436 4437 4438 4439 4440 4441 4442 4443 4444 4445 4446 4447 4448 <li class="flex items-center w-full relative"> 4449 <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/impact-report" @click="open = false"> 4450 Tour Impact Report 4451 </a> 4452 </li> 4453 4454 4455 4456 4457 4458 4459 4460 4461 4462 </div> 4463 </div> 4464 4465 4466 4467<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 4468 4469 4470 4471 4472 4473 4474 4475 4476 4477 4478 4479 4480 <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base"> 4481 <a 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" href="https://store.billieeilish.com/pages/tour">Tour</a> 4482 </li> 4483 4484 4485 4486<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 4487 4488 4489 4490 4491 4492 4493 4494 4495 4496 4497 4498 4499 <div x-data="{ expanded: false }"> 4500 4501 <button 4502 @click="expanded = !expanded" 4503 :aria-expanded="expanded" 4504 class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative" 4505 :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' " 4506 4507 > 4508 <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> 4509 4510 4511 4512<div class="w-1em h-1em absolute right-0 mr-lg-sm"> 4513 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 4514 4515 4516 4517 4518 4519 4520 4521 4522 <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"> 4523 <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"/> 4524 </svg> 4525 4526 4527</span> 4528</div> 4529 </button> 4530 <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> 4531 4532 4533 4534 4535 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 4548 4549 4550 4551 4552<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="/"> 4553 <span>View All More</span> 4554 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 4555 4556 4557 4558 4559 4560 4561 4562 4563 4564 <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"> 4565 <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"/> 4566 </svg> 4567 4568 4569 4570 </div> 4571</a> 4572 4573 4574 4575 4576 4577 4578 4579 4580 <li class="flex items-center w-full relative"> 4581 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
4581pace 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/sign-up" @click="open = false"> 4582 Join the List 4583 </a> 4584 </li> 4585 4586 4587 4588 4589 4590 4591 4592 4593 4594 4595 4596 4597 4598 <li class="flex items-center w-full relative"> 4599 <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"> 4600 Videos 4601 </a> 4602 </li> 4603 4604 4605 4606 4607 4608 4609 4610 4611 4612 4613 4614 4615 4616 <li class="flex items-center w-full relative"> 4617 <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"> 4618 Listen 4619 </a> 4620 </li> 4621 4622 4623 4624 4625 4626 4627 4628 4629 4630 </div> 4631 </div> 4632 4633 4634 4635<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 4636 4637 </ul> 4638 4639 4640 4641 4642 4643 4644 4645 4646 4647 4648 4649 4650 4651 4652 4653 4654 4655 4656 4657 4658 4659<ul class="my-sm-sm"> 4660 4661 4662 <li class="" > 4663 4664 4665 4666 <a href="https://shopify.com/21717009/account/pages/019d501c-82a4-7bf2-8916-dcb8f98d1e9e?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJiaWxsaWVlaWxpc2gubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwODgxODEyLCJuYmYiOjE3OTAyNzcwMTJ9.oF_G_45y1RYYWedKTJAJgRH7M8-y2aUuGB8EoCkIXCY®ion_country=US" 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"> 4667 Login 4668 </a> 4669 </li> 4670 4671 4672 4673</ul> 4674 4675 4676 4677 </div> 4678</div> 4679 4680 4681 4682 4683 4684 4685 4686 4687 4688 4689<div class="header__column header__column--3 header__column--developer col-span-4" > 4690 <div class="developer-container items-center col-span-full" > 4691 <div class="logo-container"> 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710 4711 4712 4713 4714 4715 4716 4717 4718<h1> 4719 <span class="sr-only">Sustainability & About</span> 4720 4721 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732 4733 4734 4735 4736 4737 4738 4739 <a class="logo-cntr block" href="/" style=" --logo-width: 21.875rem; " aria-label="Billie Eilish | Store Home"> 4740 4741 4742 4743 4744 4745 4746 4747 4748 4749 4750 4751 4752 4753 4754 4755 4756 4757 4758<img aria-hidden="true" src="//store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936" alt="Billie Eilish Logo" srcset="//store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936&width=352 352w, //store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936&width=832 832w, //store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936&width=1200 1200w, //store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936&width=1920 1920w, //store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936&width=1921 1921w" width="1921" height="129" loading="eager" class=" image__responsive image__responsive--svg"> 4759 4760 4761 4762 4763 4764 </a></h1> 4765 4766</div> 4767 4768 </div> 4769</div> 4770 4771 4772 4773 4774 4775<div class="header__column header__column--4 header__column--actions flex col-span-2 justify-end items-center" > 4776 <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs"> 4777 4778 4779 4780 4781 4782 4783 4784 4785 <div class="flex fill-current items-center justify-center min-w-min-click-s
4785pace min-h-min-click-space"> 4786 <button class="btn-search text_navigation_md no-underline" 4787 x-on:click="searchBarOpen = true;$nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchInput.focus(), 10) })" type="button" aria-label="Open Search Bar" x-ref="searchToggle" :aria-expanded="searchBarOpen" aria-controls="header-search-dropdown" 4788 > 4789 4790 4791 4792 4793 4794 4795 4796 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> 4797 <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"/> 4798 </svg> 4799 4800 4801 </button> 4802 </div> 4803 4804 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 4815 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 4831 4832 4833 <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"> 4834 4835 <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"> 4836 4837 <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor"> 4848 <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"/> 4849 </svg> 4850 4851 4852 4853 </div> 4854 <span class="sr-only">Cart</span> 4855 4856 <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> 4857 4858 </a> 4859 4860 </cart-drawer-toggle-button> 4861 4862 4863 4864 </div> 4865</div> 4866 4867 4868 4869 </div> 4870 4871 4872 4873 4874 4875 4876 4877 4878 4879 4880 4881 4882 4883 4884 4885 4886 4887 4888 4889 4890 4891 4892 4893 4894 <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" 4895 x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }" 4896 @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })" 4897 id="header-search-dropdown" 4898 > 4899 <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"> 4900 4901 4902 <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="Close Search Bar"> 4903 4904 4905 4906 4907 4908 4909 4910 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 4911 <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"/> 4912 </svg> 4913 4914 4915 </button> 4916 4917 4918 4919 4920 4921 4922 4923 <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide"> 4924 <div class="predictive-search__input-wrapper relative w-full"> 4925 <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--19044572627005__header" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" > 4926 <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="Search"> 4927 4928 4929 4930 4931 4932 4933 4934 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> 4935 <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"/> 4936 </svg> 4937 4938 4939 </button> 4940 4941 </div> 4942 </form> 4943 4944 </div> 4945 </div> 4946 4947 4948 4949 4950 4951 4952 4953 4954 4955 4956</div> 4957 4958</header><header id="shopify-section-sections--19044572627005__header-2" class="shopify-section shopify-section-group-header-group site-header md:hidden"><style> 4959 #shopify-section-sections--19044572627005__header-2 { 4960 position: sticky;top: 0;z-index: 999997; 4961 width: 100%; 4962 } 4963 </style> 4964
4964<script>document.getElementById('shopify-section-sections--19044572627005__header-2').classList.add('umg-sticky', 'transition-[transform]')</script>
4964 4965 4966 4967 4968 4969 4970 4971<div id="header-2-wrapper--19044572627005" 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--fragrance" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_sticky_header" style=" --icon-width: 1.25rem; --icon-height: 1.25rem; "> 4972 <div id="header-2-container--19044572627005" 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" > 4973 4974 4975 4976 4977 4978 4979 4980<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"> 4981 <button 4982 class="nav-drawer__overlay umg-backdrop fixed top-0 bottom-0 left-0 right-0 w-full h-full z-10" 4983 @click="open = false; $el.ownerDocument.body.classList.remove('overflow-hidden')" 4984 x-show="open" 4985 x-cloak 4986 :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'" 4987 x-transition x-transition.opacity></button> 4988 4989 4990 4991 4992 4993<button 4994 class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-center" 4995 @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 4996 :aria-expanded="open" 4997 :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'"> 4998 <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition> 4999 5000 5001 5002 5003 5004 5005 5006 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor"> 5007 <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"/> 5008 </svg> 5009 5010 5011 </div> 5012 <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition> 5013 5014 5015 5016 5017 5018 5019 5020 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 5021 <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"/> 5022 </svg> 5023 5024 5025 </div> 5026</button> 5027 5028 <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"> 5029 <div class="flex justify-between md:justify-end p-lg-sm"> 5030 5031 <div x-html="$refs.logoContainer ? $refs.logoContainer.innerHTML : ''" class="logo-container flex justify-center items-center c-text-content-base"></div> 5032 5033 5034 5035 5036 5037<button 5038 class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-end c-text-content-base" 5039 @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 5040 :aria-expanded="open" 5041 :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'"> 5042 <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition> 5043 5044 5045 5046 5047 5048 5049 5050 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor"> 5051 <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"/> 5052 </svg> 5053 5054 5055 </div> 5056 <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition> 5057 5058 5059 5060 5061 5062 5063 5064 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 5065 <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"/> 5066 </svg> 5067 5068 5069 </div> 5070</button> 5071 </div> 5072 <ul class="gap-sm-sm"> 5073 5074 5075 5076 5077 5078 5079 5080 5081 5082 5083 5084 5085 5086 5087 5088 5089 <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base"> 5090 <a class="text_navigation_lg w-full min-h-min-click-s
5090pace 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="/collections/fragrance">Shop All</a> 5091 </li> 5092 5093 5094 5095<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 5096 5097 5098 5099 5100 5101 5102 5103 5104 5105 5106 5107 5108 <div x-data="{ expanded: false }"> 5109 5110 <button 5111 @click="expanded = !expanded" 5112 :aria-expanded="expanded" 5113 class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative" 5114 :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' " 5115 5116 > 5117 <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">Your Turn</div> 5118 5119 5120 5121<div class="w-1em h-1em absolute right-0 mr-lg-sm"> 5122 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 5123 5124 5125 5126 5127 5128 5129 5130 5131 <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"> 5132 <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"/> 5133 </svg> 5134 5135 5136</span> 5137</div> 5138 </button> 5139 <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> 5140 5141 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 5152 5153 5154 5155 5156 5157 5158 5159 5160 5161<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="/"> 5162 <span>View All Your Turn</span> 5163 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 5164 5165 5166 5167 5168 5169 5170 5171 5172 5173 <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"> 5174 <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"/> 5175 </svg> 5176 5177 5178 5179 </div> 5180</a> 5181 5182 5183 5184 5185 5186 5187 5188 5189 <li class="flex items-center w-full relative"> 5190 <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://store.billieeilish.com/products/your-turn-eau-de-parfum" @click="open = false"> 5191 Your Turn 5192 </a> 5193 </li> 5194 5195 5196 5197 5198 5199 5200 5201 5202 5203 5204 5205 5206 5207 <li class="flex items-center w-full relative"> 5208 <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="/products/your-turn-2-eau-de-parfum" @click="open = false"> 5209 Your Turn II 5210 </a> 5211 </li> 5212 5213 5214 5215 5216 5217 5218 5219 5220 5221 5222 5223 5224 5225 <li class="flex items-center w-full relative"> 5226 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
5226pace 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/your-turn" @click="open = false"> 5227 Shop All Your Turn 5228 </a> 5229 </li> 5230 5231 5232 5233 5234 5235 5236 5237 5238 5239 </div> 5240 </div> 5241 5242 5243 5244<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 5245 5246 5247 5248 5249 5250 5251 5252 5253 5254 5255 5256 5257 <div x-data="{ expanded: false }"> 5258 5259 <button 5260 @click="expanded = !expanded" 5261 :aria-expanded="expanded" 5262 class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative" 5263 :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' " 5264 5265 > 5266 <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">Eilish</div> 5267 5268 5269 5270<div class="w-1em h-1em absolute right-0 mr-lg-sm"> 5271 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 5272 5273 5274 5275 5276 5277 5278 5279 5280 <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"> 5281 <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"/> 5282 </svg> 5283 5284 5285</span> 5286</div> 5287 </button> 5288 <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> 5289 5290 5291 5292 5293 5294 5295 5296 5297 5298 5299 5300 5301 5302 5303 5304 5305 5306 5307 5308 5309 5310 5311 5312 5313 5314<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="/"> 5315 <span>View All Eilish</span> 5316 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 5317 5318 5319 5320 5321 5322 5323 5324 5325 5326 <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"> 5327 <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"/> 5328 </svg> 5329 5330 5331 5332 </div> 5333</a> 5334 5335 5336 5337 5338 5339 5340 5341 5342 <li class="flex items-center w-full relative"> 5343 <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="/products/eilish-intense-eau-de-parfum" @click="open = false"> 5344 Eilish Intense 5345 </a> 5346 </li> 5347 5348 5349 5350 5351 5352 5353 5354 5355 5356 5357 5358 5359 5360 <li class="flex items-center w-full relative"> 5361 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
5361pace 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="/products/eilish-eau-de-parfum" @click="open = false"> 5362 Eilish 5363 </a> 5364 </li> 5365 5366 5367 5368 5369 5370 5371 5372 5373 5374 5375 5376 5377 5378 <li class="flex items-center w-full relative"> 5379 <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="/products/eilish-no-2-eau-de-parfum" @click="open = false"> 5380 Eilish No. 2 5381 </a> 5382 </li> 5383 5384 5385 5386 5387 5388 5389 5390 5391 5392 5393 5394 5395 5396 <li class="flex items-center w-full relative"> 5397 <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="/products/eilish-no-3-eau-de-parfum" @click="open = false"> 5398 Eilish No. 3 5399 </a> 5400 </li> 5401 5402 5403 5404 5405 5406 5407 5408 5409 5410 5411 5412 5413 5414 <li class="flex items-center w-full relative"> 5415 <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/eilish" @click="open = false"> 5416 Shop All Eilish 5417 </a> 5418 </li> 5419 5420 5421 5422 5423 5424 5425 5426 5427 5428 </div> 5429 </div> 5430 5431 5432 5433<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 5434 5435 5436 5437 5438 5439 5440 5441 5442 5443 5444 5445 5446 <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base"> 5447 <a 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" href="/collections/refills">Refills</a> 5448 </li> 5449 5450 5451 5452<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 5453 5454 5455 5456 5457 5458 5459 5460 5461 5462 5463 5464 5465 <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base group is-current-page "> 5466 <a 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" aria-current href="/pages/sustainability-about">Sustainability</a> 5467 </li> 5468 5469 5470 5471<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 5472 5473 5474 5475 5476 5477 5478 5479 5480 5481 5482 5483 5484 <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base"> 5485 <a 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]:un
5485derline" href="https://www.instagram.com/billieeilishfragrances/">Instagram</a> 5486 </li> 5487 5488 5489 5490<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 5491 5492 5493 5494 5495 5496 5497 5498 5499 5500 5501 5502 5503 <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base"> 5504 <a 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" href="/pages/sign-up">Newsletter</a> 5505 </li> 5506 5507 5508 5509<div class="nav-drawer__divider c-border-content-base border-b-default-width-narrow"></div> 5510 5511 </ul> 5512 5513 5514 5515 5516 5517 5518 5519 5520 5521 5522 5523 5524 5525 5526 5527 5528 5529 5530 5531 5532 5533<ul class="my-sm-sm"> 5534 5535 5536 <li class="" > 5537 5538 5539 5540 <a href="https://shopify.com/21717009/account/pages/019d501c-82a4-7bf2-8916-dcb8f98d1e9e?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJiaWxsaWVlaWxpc2gubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwODgxODEyLCJuYmYiOjE3OTAyNzcwMTJ9.oF_G_45y1RYYWedKTJAJgRH7M8-y2aUuGB8EoCkIXCY®ion_country=US" 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"> 5541 Login 5542 </a> 5543 </li> 5544 5545 5546 5547</ul> 5548 5549 5550 5551 </div> 5552</div> 5553 5554 5555 5556 5557 5558 5559<div class="header__column header__column--1 header__column--developer col-span-4" > 5560 <div class="developer-container items-center col-span-full" > 5561 <div class="logo-container"> 5562 5563 5564 5565 5566 5567 5568 5569 5570 5571 5572 5573 5574 5575 5576 5577 5578 5579 5580 5581 5582 5583 5584 5585 5586 5587 5588 5589 5590 5591 5592 5593<h1> 5594 <span class="sr-only">Sustainability & About</span> 5595 5596 5597 5598 5599 5600 5601 5602 5603 5604 5605 5606 5607 5608 5609 5610 5611 5612 5613 5614 <a class="logo-cntr block" href="/pages/fragrance" style=" --logo-width: 10.1875rem; " title="Billie Eilish | Store"> 5615 5616 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626 5627 5628 5629 5630 5631 5632 5633<img src="//store.billieeilish.com/cdn/shop/files/eilish-logo.svg?v=1778116937" alt="Billie Eilish Fragrances Logo" srcset="//store.billieeilish.com/cdn/shop/files/eilish-logo.svg?v=1778116937&width=352 352w, //store.billieeilish.com/cdn/shop/files/eilish-logo.svg?v=1778116937&width=832 832w, //store.billieeilish.com/cdn/shop/files/eilish-logo.svg?v=1778116937&width=1200 1200w, //store.billieeilish.com/cdn/shop/files/eilish-logo.svg?v=1778116937&width=1602 1602w" width="1602" height="315" loading="eager" class=" image__responsive image__responsive--svg"> 5634 5635 5636 5637 5638 5639 </a></h1> 5640 5641</div> 5642 5643 </div> 5644</div> 5645 5646 5647 5648 5649 5650<div class="header__column header__column--2 header__column--actions flex col-span-2 justify-end items-center" > 5651 <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs"> 5652 5653 5654 5655 5656 5657 5658 5659 5660 <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space"> 5661 <button class="btn-search text_navigation_md no-underline" 5662 x-on:click="searchBarOpen = true;$nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchInput.focus(), 10) })" type="button" aria-label="Open Search Bar" x-ref="searchToggle" :aria-expanded="searchBarOpen" aria-controls="header-search-dropdown" 5663 > 5664 5665 5666 5667 5668 5669 5670 5671 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> 5672 <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"/> 5673 </svg> 5674 5675 5676 </button> 5677 </div> 5678 5679 5680 5681 5682 5683 5684 5685 5686 5687 5688 5689 5690 5691 5692 5693 5694 5695 5696 5697 5698 5699 5700 5701 5702 5703 5704 5705 5706 5707 5708 <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"> 5709 5710 <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-s
5710pace min-h-min-click-space"> 5711 5712 <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> 5713 5714 5715 5716 5717 5718 5719 5720 5721 5722 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor"> 5723 <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"/> 5724 </svg> 5725 5726 5727 5728 </div> 5729 <span class="sr-only">Cart</span> 5730 5731 <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> 5732 5733 </a> 5734 5735 </cart-drawer-toggle-button> 5736 5737 5738 5739 </div> 5740</div> 5741 5742 5743 5744 </div> 5745 5746 5747 5748 5749 5750 5751 5752 5753 5754 5755 5756 5757 5758 5759 5760 5761 5762 5763 5764 5765 5766 5767 5768 5769 <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" 5770 x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }" 5771 @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })" 5772 id="header-search-dropdown" 5773 > 5774 <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"> 5775 5776 5777 <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="Close Search Bar"> 5778 5779 5780 5781 5782 5783 5784 5785 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 5786 <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"/> 5787 </svg> 5788 5789 5790 </button> 5791 5792 5793 5794 5795 5796 5797 5798 <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide"> 5799 <div class="predictive-search__input-wrapper relative w-full"> 5800 <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--19044572627005__header-2" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" > 5801 <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="Search"> 5802 5803 5804 5805 5806 5807 5808 5809 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> 5810 <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"/> 5811 </svg> 5812 5813 5814 </button> 5815 5816 </div> 5817 </form> 5818 5819 </div> 5820 </div> 5821 5822 5823 5824 5825 5826 5827 5828 5829 5830 5831</div> 5832 5833</header><header id="shopify-section-sections--19044572627005__header-md" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid"><style> 5834 #shopify-section-sections--19044572627005__header-md { 5835 position: sticky;top: 0;z-index: 999997; 5836 width: 100%; 5837 } 5838 </style> 5839
5839<script>document.getElementById('shopify-section-sections--19044572627005__header-md').classList.add('umg-sticky', 'transition-[transform]')</script>
5839 5840 5841 5842 5843 5844 5845 5846<div id="header-md-wrapper--19044572627005" 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; "> 5847 <div id="header-md-container--19044572627005" 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" > 5848 5849 5850 5851 5852<div class="header__column header__column--0 header__column--developer col-span-3" > 5853 <div class="developer-container items-center col-span-full" > 5854 <div class="logo-container"> 5855 5856 5857 5858 5859 5860 5861 5862 5863 5864 5865 5866 5867 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 5878 5879 5880 5881<h1> 5882 <span class="sr-only">Sustainability & About</span> 5883 5884 5885 5886 5887 5888 5889 5890 5891 5892 5893 5894 5895 5896 5897 5898 5899 5900 5901 5902 <a class="logo-cntr block" href="/" style=" --logo-width: 25.0rem; " aria-label="Billie Eilish | Store Home"> 5903 5904 5905 5906 5907 5908 5909 5910 5911 5912 5913 5914 5915 5916 5917 5918 5919 5920 5921<img aria-hidden="true" src="//store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936" alt="Billie Eilish Logo" srcset="//store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936&width=352 352w, //store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936&width=832 832w, //store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936&width=1200 1200w, //store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936&width=1920 1920w, //store.billieeilish.com/cdn/shop/files/be-logo.svg?v=1778116936&width=1921 1921w" width="1921" height="129" loading="eager" class=" image__responsive image__responsive--svg"> 5922 5923 5924 5925 5926 5927 </a></h1> 5928 5929</div> 5930 5931 </div> 5932</div> 5933 5934 5935 5936 5937 5938<div class="mega-menu flex items-center col-span-8" > 5939 5940 5941 5942 5943 5944 5945 5946 5947 5948 5949 5950 5951 5952 5953 5954 5955 5956 5957 5958 5959 5960<div class="mega-menu w-full overscroll-contain" 5961 x-data="{ 5962 activeMenu: null, 5963 isOpen: false, 5964 close() { 5965 this.isOpen = false; 5966 this.activeMenu = null; 5967 }, 5968 handleKeydown(e) { 5969 if (e.key === 'Escape') { 5970 this.close() 5971 } 5972 } 5973 }" 5974 @keydown="handleKeydown($event)"> 5975 <nav class="mega-menu__nav" aria-label="Header main menu"> 5976 <ul class="mega-menu__primary-list flex items-center w-full flex-wrap gap-x-lg-sm text-right justify-end" role="menubar"> 5977 5978 5979 5980 5981 5982 5983 5984 5985 5986 5987 <li class="mega-menu__primary-item grow-0 " 5988 x-data="{ id: 'merch' }" 5989 role="none" 5990 5991 @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }" 5992 5993 > 5994 <button 5995 5996 5997 :id="'button-' + id" 5998 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" 5999 6000 :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''" 6001 :aria-expanded="activeMenu === id ? 'true' : 'false'" 6002 aria-haspopup="true" 6003 :aria-controls="'dropdown-' + id" 6004 @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()" 6005 @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()" 6006 6007 role="menuitem" 6008 > 6009 Merch 6010 6011 <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true"> 6012 6013 6014 6015 6016 6017 6018 6019 6020 6021 <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"> 6022 <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"/> 6023 </svg> 6024 6025 6026 6027 </span> 6028 6029 </button> 6030 6031 6032 6033 6034 6035 6036 6037 6038 6039 6040 6041 6042 6043 6044 6045 6046 6047 6048 6049 6050 6051 6052 6053 6054 6055 6056 6057 6058 6059 6060 6061 6062 6063 6064 6065 6066 6067 6068 6069 6070 6071 6072 6073 6074 6075 6076 6077 6078 6079 6080 6081 6082 6083 6084 6085 6086 6087 6088 6089 6090 6091 6092 6093 6094 6095 6096 6097 6098 6099 6100 6101 6102 6103 6104 6105 6106 6107 6108 6109 6110 6111 6112 6113 6114<!-- append mega menu panel to header wrapper --> 6115<template x-teleport="#header-md-wrapper--19044572627005">
6116 <div 6117 6118 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" 6119 x-cloak 6120 x-show="activeMenu === id" 6121 x-trap.noscroll="activeMenu === id" 6122 role="region" 6123 :id="'panel-' + id" 6124 :aria-labelledby="'button-' + id" 6125 x-effect=" 6126 if (activeMenu === id) { 6127 $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--19044572627005')?.offsetHeight + 'px') 6128 } 6129 " 6130 @resize.window=" 6131 if (activeMenu === id) { 6132 $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--19044572627005')?.offsetHeight + 'px') 6133 } 6134 " 6135 x-transition:enter="transition ease-out duration-200" 6136 x-transition:enter-start="opacity-0 -translate-y-1" 6137 x-transition:enter-end="opacity-100 translate-y-0" 6138 x-transition:leave="transition ease-in duration-150" 6139 x-transition:leave-start="opacity-100 translate-y-0" 6140 x-transition:leave-end="opacity-0 -translate-y-1" 6141 @keydown.escape.prevent.stop="close()" 6142 @click.away="close()" 6143 > 6144 <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"> 6145 6146 6147 <div 6148 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-lg-md" 6149 role="presentation" 6150 > 6151 6152 6153 6154 6155 6156 6157 6158 6159 6160 6161 <div 6162 class="mega-menu__submenu-item flex items-center justify-end" 6163 role="presentation" 6164 > 6165 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 6166 <div class="mega-menu__submenu--header"> 6167 <a 6168 href="/collections/apparel" 6169 class="mega-menu__submenu-header--link text_navigation_md 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" 6170 role="menuitem" 6171 6172 :tabindex="activeMenu === id ? '0' : '-1'" 6173 @keydown.enter.prevent="window.location.href='/collections/apparel'" 6174 @keydown.space.prevent="window.location.href='/collections/apparel'" 6175 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 6176 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 6177 > 6178 Apparel 6179 </a> 6180 </div> 6181 6182 <ul 6183 class="mega-menu__child-list flex flex-col items-start gap-sm-sm" 6184 role="menu" 6185 aria-label="Apparel menu" 6186 > 6187 6188 6189 6190 6191 <li 6192 class="mega-menu__child-item flex " 6193 role="none" 6194 > 6195 <a 6196 href="/collections/hoodies-sweatshirts" 6197 class="mega-menu__child-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" 6198 role="menuitem" 6199 6200 :tabindex="activeMenu === id ? '0' : '-1'" 6201 @keydown.enter.prevent="window.location.href='/collections/hoodies-sweatshirts'" 6202 @keydown.space.prevent="window.location.href='/collections/hoodies-sweatshirts'" 6203 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6204 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6205 > 6206 Hoodies & Sweatshirts 6207 </a> 6208 </li> 6209 6210 6211 6212 6213 <li 6214 class="mega-menu__child-item flex " 6215 role="none" 6216 > 6217 <a 6218 href="/collections/tops-tees" 6219 class="mega-menu__child-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" 6220 role="menuitem" 6221 6222 :tabindex="activeMenu === id ? '0' : '-1'" 6223 @keydown.enter.prevent="window.location.href='/collections/tops-tees'" 6224 @keydown.space.prevent="window.location.href='/collections/tops-tees'" 6225 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6226 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6227 > 6228 Tops & Tees 6229 </a> 6230 </li> 6231 6232 6233 6234 6235 <li 6236 class="mega-menu__child-item flex " 6237 role="none" 6238 > 6239 <a 6240 href="/collections/jerseys-jackets" 6241 class="mega-menu__child-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" 6242 role="menuitem" 6243 6244 :tabindex="activeMenu === id ? '0' : '-1'" 6245 @keydown.enter.prevent="window.location.href='/collections/jerseys-jackets'" 6246 @keydown.space.prevent="window.location.href='/collections/jerseys-jackets'" 6247 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6248 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6249 > 6250 Jerseys & Jackets 6251 </a> 6252 </li> 6253 6254 6255 6256 6257 <li 6258 class="mega-menu__child-item flex " 6259 role="none" 6260 > 6261 <a 6262 href="/collections/shorts-bottoms" 6263 class="mega-menu__child-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" 6264 role="menuitem" 6265 6266 :tabindex="activeMenu === id ? '0' : '-1'" 6267 @keydown.enter.prevent="window.location.href='/collections/shorts-bottoms'" 6268 @keydown.space.prevent="window.location.href='/collections/shorts-bottoms'" 6269 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6270 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6271 > 6272 Shorts & Bottoms 6273 </a> 6274 </li> 6275 6276 6277 6278 6279 <li 6280 class="mega-menu__child-item flex " 6281 role="none" 6282 > 6283 <a 6284 href="/collections/kids-baby" 6285 class="mega-menu__child-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" 6286 role="menuitem" 6287 6288 :tabindex="activeMenu === id ? '0' : '-1'" 6289 @keydown.enter.prevent="window.location.href='/collections/kids-baby'" 6290 @keydown.space.prevent="window.location.href='/collections/kids-baby'" 6291 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6292 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6293 > 6294 Kids & Baby 6295 </a> 6296 </li> 6297 6298 <li 6299 class="mega-menu__child-item" 6300 role="none" 6301 > 6302 <a 6303 href="/collections/apparel" 6304 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" 6305 role="menuitem" 6306 :tabindex="activeMenu === id ? '0' : '-1'" 6307 @keydown.enter.prevent="window.location.href='/collections/apparel'" 6308 @keydown.space.prevent="window.location.href='/collections/apparel'" 6309 @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()" 6310 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()" 6311 >
6312 <span>View All</span> 6313 <span class="sr-only">Apparel</span> 6314 <span aria-hidden="true"> 6315 6316 6317 6318 6319 6320 6321 6322 6323 <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"> 6324 <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"/> 6325 </svg> 6326 6327 6328</span> 6329 </a> 6330 </li> 6331 </ul> 6332 </div> 6333 </div> 6334 6335 6336 6337 6338 6339 6340 6341 6342 <div 6343 class="mega-menu__submenu-item flex items-center justify-end" 6344 role="presentation" 6345 > 6346 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 6347 <div class="mega-menu__submenu--header"> 6348 <a 6349 href="/collections/jewelry" 6350 class="mega-menu__submenu-header--link text_navigation_md 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" 6351 role="menuitem" 6352 6353 :tabindex="activeMenu === id ? '0' : '-1'" 6354 @keydown.enter.prevent="window.location.href='/collections/jewelry'" 6355 @keydown.space.prevent="window.location.href='/collections/jewelry'" 6356 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 6357 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 6358 > 6359 Jewelry 6360 </a> 6361 </div> 6362 6363 <ul 6364 class="mega-menu__child-list flex flex-col items-start gap-sm-sm" 6365 role="menu" 6366 aria-label="Jewelry menu" 6367 > 6368 6369 6370 6371 6372 <li 6373 class="mega-menu__child-item flex " 6374 role="none" 6375 > 6376 <a 6377 href="/collections/necklaces" 6378 class="mega-menu__child-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" 6379 role="menuitem" 6380 6381 :tabindex="activeMenu === id ? '0' : '-1'" 6382 @keydown.enter.prevent="window.location.href='/collections/necklaces'" 6383 @keydown.space.prevent="window.location.href='/collections/necklaces'" 6384 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6385 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6386 > 6387 Necklaces 6388 </a> 6389 </li> 6390 6391 6392 6393 6394 <li 6395 class="mega-menu__child-item flex " 6396 role="none" 6397 > 6398 <a
6399 href="/collections/earrings" 6400 class="mega-menu__child-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" 6401 role="menuitem" 6402 6403 :tabindex="activeMenu === id ? '0' : '-1'" 6404 @keydown.enter.prevent="window.location.href='/collections/earrings'" 6405 @keydown.space.prevent="window.location.href='/collections/earrings'" 6406 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6407 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6408 > 6409 Earrings 6410 </a> 6411 </li> 6412 6413 6414 6415 6416 <li 6417 class="mega-menu__child-item flex " 6418 role="none" 6419 > 6420 <a 6421 href="https://store.billieeilish.com/products/billie-jewelry-box" 6422 class="mega-menu__child-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" 6423 role="menuitem" 6424 6425 :tabindex="activeMenu === id ? '0' : '-1'" 6426 @keydown.enter.prevent="window.location.href='https://store.billieeilish.com/products/billie-jewelry-box'" 6427 @keydown.space.prevent="window.location.href='https://store.billieeilish.com/products/billie-jewelry-box'" 6428 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6429 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6430 > 6431 Jewelry Box 6432 </a> 6433 </li> 6434 6435 <li 6436 class="mega-menu__child-item" 6437 role="none" 6438 > 6439 <a 6440 href="/collections/jewelry" 6441 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" 6442 role="menuitem" 6443 :tabindex="activeMenu === id ? '0' : '-1'" 6444 @keydown.enter.prevent="window.location.href='/collections/jewelry'" 6445 @keydown.space.prevent="window.location.href='/collections/jewelry'" 6446 @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()" 6447 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()" 6448 >
6449 <span>View All</span> 6450 <span class="sr-only">Jewelry</span> 6451 <span aria-hidden="true"> 6452 6453 6454 6455 6456 6457 6458 6459 6460 <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"> 6461 <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"/> 6462 </svg> 6463 6464 6465</span> 6466 </a> 6467 </li> 6468 </ul> 6469 </div> 6470 </div> 6471 6472 6473 6474 6475 6476 6477 6478 6479 <div 6480 class="mega-menu__submenu-item flex items-center justify-end" 6481 role="presentation" 6482 > 6483 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 6484 <div class="mega-menu__submenu--header"> 6485 <a 6486 href="/collections/accessories" 6487 class="mega-menu__submenu-header--link text_navigation_md 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" 6488 role="menuitem" 6489 6490 :tabindex="activeMenu === id ? '0' : '-1'" 6491 @keydown.enter.prevent="window.location.href='/collections/accessories'" 6492 @keydown.space.prevent="window.location.href='/collections/accessories'" 6493 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 6494 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 6495 > 6496 Accessories 6497 </a> 6498 </div> 6499 6500 <ul 6501 class="mega-menu__child-list flex flex-col items-start gap-sm-sm" 6502 role="menu" 6503 aria-label="Accessories menu" 6504 > 6505 6506 6507 6508 6509 <li 6510 class="mega-menu__child-item flex " 6511 role="none" 6512 > 6513 <a 6514 href="/collections/hats-beanies" 6515 class="mega-menu__child-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" 6516 role="menuitem" 6517 6518 :tabindex="activeMenu === id ? '0' : '-1'" 6519 @keydown.enter.prevent="window.location.href='/collections/hats-beanies'" 6520 @keydown.space.prevent="window.location.href='/collections/hats-beanies'" 6521 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6522 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6523 > 6524 Hats & Beanies 6525 </a> 6526 </li> 6527 6528 6529 6530 6531 <li 6532 class="mega-menu__child-item flex " 6533 role="none" 6534 > 6535 <a 6536 href="/collections/socks-belts" 6537 class="mega-menu__child-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" 6538 role="menuitem" 6539 6540 :tabindex="activeMenu === id ? '0' : '-1'" 6541 @keydown.enter.prevent="window.location.href='/collections/socks-belts'" 6542 @keydown.space.prevent="window.location.href='/collections/socks-belts'" 6543 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6544 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6545 > 6546 Socks & Belts 6547 </a> 6548 </li> 6549 6550 6551 6552 6553 <li 6554 class="mega-menu__child-item flex " 6555 role="none" 6556 > 6557 <a 6558 href="/collections/scarves-bandanas" 6559 class="mega-menu__child-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" 6560 role="menuitem" 6561 6562 :tabindex="activeMenu === id ? '0' : '-1'" 6563 @keydown.enter.prevent="window.location.href='/collections/scarves-bandanas'" 6564 @keydown.space.prevent="window.location.href='/collections/scarves-bandanas'" 6565 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6566 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6567 > 6568 Scarves & Bandanas 6569 </a> 6570 </li> 6571 6572 6573 6574 6575 <li 6576 class="mega-menu__child-item flex " 6577 role="none" 6578 > 6579 <a 6580 href="/collections/keychains-carabiners" 6581 class="mega-menu__child-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" 6582 role="menuitem" 6583 6584 :tabindex="activeMenu === id ? '0' : '-1'" 6585 @keydown.enter.prevent="window.location.href='/collections/keychains-carabiners'" 6586 @keydown.space.prevent="window.location.href='/collections/keychains-carabiners'" 6587 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6588 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6589 > 6590 Keychains & Carabiners 6591 </a> 6592 </li> 6593 6594 <li 6595 class="mega-menu__child-item" 6596 role="none" 6597 > 6598 <a 6599 href="/collections/accessories" 6600 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" 6601 role="menuitem" 6602 :tabindex="activeMenu === id ? '0' : '-1'" 6603 @keydown.enter.prevent="window.location.href='/collections/accessories'" 6604 @keydown.space.prevent="window.location.href='/collections/accessories'" 6605 @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()" 6606 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()" 6607 >
6608 <span>View All</span> 6609 <span class="sr-only">Accessories</span> 6610 <span aria-hidden="true"> 6611 6612 6613 6614 6615 6616 6617 6618 6619 <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"> 6620 <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"/> 6621 </svg> 6622 6623 6624</span> 6625 </a> 6626 </li> 6627 </ul> 6628 </div> 6629 </div> 6630 6631 6632 6633 6634 6635 6636 6637 6638 <div 6639 class="mega-menu__submenu-item flex items-center justify-end" 6640 role="presentation" 6641 > 6642 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 6643 <div class="mega-menu__submenu--header"> 6644 <a 6645 href="/collections/all" 6646 class="mega-menu__submenu-header--link text_navigation_md 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" 6647 role="menuitem" 6648 6649 :tabindex="activeMenu === id ? '0' : '-1'" 6650 @keydown.enter.prevent="window.location.href='/collections/all'" 6651 @keydown.space.prevent="window.location.href='/collections/all'" 6652 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 6653 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 6654 > 6655 Collections 6656 </a> 6657 </div> 6658 6659 <ul 6660 class="mega-menu__child-list flex flex-col items-start gap-sm-sm" 6661 role="menu" 6662 aria-label="Collections menu" 6663 > 6664 6665 6666 6667 6668 <li 6669 class="mega-menu__child-item flex " 6670 role="none" 6671 > 6672 <a 6673 href="/collections/blohsh" 6674 class="mega-menu__child-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" 6675 role="menuitem" 6676 6677 :tabindex="activeMenu === id ? '0' : '-1'" 6678 @keydown.enter.prevent="window.location.href='/collections/blohsh'" 6679 @keydown.space.prevent="window.location.href='/collections/blohsh'" 6680 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6681 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6682 > 6683 Blohsh 6684 </a> 6685 </li> 6686 6687 6688 6689 6690 <li 6691 class="mega-menu__child-item flex " 6692 role="none" 6693 > 6694 <a 6695 href="/collections/hit-me-hard-and-soft" 6696 class="mega-menu__child-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" 6697 role="menuitem" 6698 6699 :tabindex="activeMenu === id ? '0' : '-1'" 6700 @keydown.enter.prevent="window.location.href='/collections/hit-me-hard-and-soft'" 6701 @keydown.space.prevent="window.location.href='/collections/hit-me-hard-and-soft'" 6702 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6703 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6704 > 6705 HIT ME HARD AND SOFT 6706 </a> 6707 </li> 6708 6709 6710 6711 6712 <li 6713 class="mega-menu__child-item flex " 6714 role="none" 6715 > 6716 <a 6717 href="/collections/happier-than-ever" 6718 class="mega-menu__child-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" 6719 role="menuitem" 6720 6721 :tabindex="activeMenu === id ? '0' : '-1'" 6722 @keydown.enter.prevent="window.location.href='/collections/happier-than-ever'" 6723 @keydown.space.prevent="window.location.href='/collections/happier-than-ever'" 6724 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6725 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6726 > 6727 Happier Than Ever 6728 </a> 6729 </li> 6730 6731 6732 6733 6734 <li 6735 class="mega-menu__child-item flex " 6736 role="none" 6737 > 6738 <a 6739 href="/collections/when-we-all-fall-asleep-where-do-we-go" 6740 class="mega-menu__child-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" 6741 role="menuitem" 6742 6743 :tabindex="activeMenu === id ? '0' : '-1'" 6744 @keydown.enter.prevent="window.location.href='/collections/when-we-all-fall-asleep-where-do-we-go'" 6745 @keydown.space.prevent="window.location.href='/collections/when-we-all-fall-asleep-where-do-we-go'" 6746 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6747 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6748 > 6749 WHEN WE ALL FALL ASLEEP WHERE DO WE GO? 6750 </a> 6751 </li> 6752 6753 6754 6755 6756 <li 6757 class="mega-menu__child-item flex " 6758 role="none" 6759 > 6760 <a 6761 href="/collections/upcycled" 6762 class="mega-menu__child-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" 6763 role="menuitem" 6764 6765 :tabindex="activeMenu === id ? '0' : '-1'" 6766 @keydown.enter.prevent="window.location.href='/collections/upcycled'" 6767 @keydown.space.prevent="window.location.href='/collections/upcycled'" 6768 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 6769 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 6770 > 6771 Upcycled 6772 </a> 6773 </li> 6774 6775 <li 6776 class="mega-menu__child-item" 6777 role="none" 6778 > 6779 <a 6780 href="/collections/all" 6781 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" 6782 role="menuitem" 6783 :tabindex="activeMenu === id ? '0' : '-1'" 6784 @keydown.enter.prevent="window.location.href='/collections/all'" 6785 @keydown.space.prevent="window.location.href='/collections/all'" 6786 @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()" 6787 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()" 6788 >
6789 <span>View All</span> 6790 <span class="sr-only">Collections</span> 6791 <span aria-hidden="true"> 6792 6793 6794 6795 6796 6797 6798 6799 6800 <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"> 6801 <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"/> 6802 </svg> 6803 6804 6805</span> 6806 </a> 6807 </li> 6808 </ul> 6809 </div> 6810 </div> 6811 6812 6813 6814 6815 6816 6817 6818 <div class="mega-menu__submenu-item flex items-center justify-end" role="presentation"> 6819 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 6820 6821 6822 6823 6824 6825 6826 <div class="mega-menu__child-item"> 6827 <a 6828 href="/collections/all-merch" 6829 class="mega-menu__child-link text_navigation_md text_navigation_md 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" 6830 role="menuitem" 6831 6832 :tabindex="activeMenu === id ? '0' : '-1'" 6833 @keydown.enter.prevent="window.location.href='/collections/all-merch'" 6834 @keydown.space.prevent="window.location.href='/collections/all-merch'" 6835 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 6836 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 6837 > 6838 All Merch 6839 </a> 6840 </div> 6841 6842 6843 6844 6845 6846 6847 6848 6849 6850 6851 </div> 6852 </div> 6853 6854 6855 </div> 6856 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 6868 6869 6870 6871 6872<div class="mega-menu__promo-tiles flex flex-row gap-sm-md md:min-w-[67%] md:max-w-[67%] lg:min-w-[50%] lg:max-w-[50%]"> 6873 6874 6875 6876 <div class="flex gap-sm-xl w-full"> 6877 6878 6879 6880 6881 6882 6883 6884 6885 6886 6887 6888 6889 6890 6891 6892 6893 6894 6895 6896 6897 6898 6899 6900<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col flex-1 w-[50%] max-w-[50%]"> 6901 6902 <a href="/collections/hit-me-hard-and-soft-the-tour-live" class="h-full" aria-label="HIT ME HARD AND SOFT: THE TOUR (LIVE)"> 6903 6904 <div class="flex flex-col relative h-full"> 6905 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 6906 6907 6908 6909 6910 6911 6912 6913 6914 6915 6916 6917 6918 6919 6920 6921 6922 6923<img src="//store.billieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_29ba3fe2-9205-4422-bc3e-c4bb729188d6.jpg?v=1778243109&width=400" alt="HIT ME HARD AND SOFT: THE TOUR (LIVE)" srcset="//store.billieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_29ba3fe2-9205-4422-bc3e-c4bb729188d6.jpg?v=1778243109&width=100 100w, //store.billieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_29ba3fe2-9205-4422-bc3e-c4bb729188d6.jpg?v=1778243109&width=300 300w, //store.billieeilish.com/cdn/shop/collections/BE-000087_2026Store_CollectionImage_HMHASTHETOURLIVE-01_29ba3fe2-9205-4422-bc3e-c4bb729188d6.jpg?v=1778243109&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"> 6924 6925 6926 6927 6928 </div> 6929 6930 6931 <h4 class="promo__title promo__text text-left text_navigation_md 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 mt-sm-sm">HIT ME HARD AND SOFT: THE TOUR (LIVE)</h4> 6932 6933
6934 <span class="promo__cta promo__text flex items-center text-left 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 mt-sm-2xs"> 6935 View Collection 6936 6937 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 6938 6939 6940 6941 6942 6943 6944 6945 6946 <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"> 6947 <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"/> 6948 </svg> 6949 6950 6951</span> 6952 6953 </span> 6954 6955 </div> 6956 6957 6958 </a> 6959 6960</div> 6961 6962 6963 6964 6965 6966 6967 6968 6969 <div class="flex flex-col gap-sm-md w-[50%] max-w-[50%]"> 6970 6971 6972 6973 6974 6975 6976 6977 6978 6979 6980 6981 6982 6983 6984 6985 6986 6987 6988 6989 6990 6991<div key="promo-tile-2" class="promo-tile__items-horizontal"> 6992 6993 <a href="/collections/jewelry" aria-label="Jewelry"> 6994 6995 <div class="promo-tile_items flex gap-sm-sm h-full items-start"> 6996 <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]"> 6997 <div class="relative overflow-hidden h-0 pb-[100%]"> 6998 6999 7000 7001 7002 7003 7004 7005 7006 7007 7008 7009 7010 7011 7012 7013 7014 7015<img src="//store.billieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778116943&width=150" srcset="//store.billieeilish.com/cdn/shop/files/BE_NecklaceGroup2_1.jpg?v=1778116943&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"> 7016 7017 7018 7019 7020 </div> 7021 </div> 7022 <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]"> 7023 7024 <h4 class="promo__title promo__text text-left text_navigation_md 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 mb-sm-2xs">Jewelry</h4> 7025 7026 7027 <span class="promo__cta promo__text flex items-center text-left 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"> 7028 View Collection 7029 7030 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 7031 7032 7033 7034 7035 7036 7037 7038 7039 <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"> 7040 <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"/> 7041 </svg> 7042 7043 7044</span> 7045 7046 </span> 7047 7048 </div> 7049 </div> 7050 7051 </a> 7052 7053</div> 7054 7055 7056 7057 7058 7059 7060 7061 7062 7063 7064 7065 7066 7067 7068 7069 7070 7071 7072 7073 7074 7075 7076 7077 7078 7079 7080 7081<div key="promo-tile-3" class="promo-tile__items-horizontal"> 7082 7083 <a href="/collections/apparel" aria-label="Apparel"> 7084 7085 <div class="promo-tile_items flex gap-sm-sm h-full items-start"> 7086 <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]"> 7087 <div class="relative overflow-hidden h-0 pb-[100%]"> 7088 7089 7090 7091 7092 7093 7094 7095 7096 7097 7098 7099 7100 7101 7102 7103 7104 7105<img src="//store.billieeilish.com/cdn/shop/files/BE_Jacket_Front.jpg?v=1778178336&width=150" alt="BE Track Jacket front" srcset="//store.billieeilish.com/cdn/shop/files/BE_Jacket_Front.jpg?v=1778178336&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"> 7106 7107 7108 7109 7110 </div> 7111 </div> 7112 <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]"> 7113 7114 <h4 class="promo__title promo__text text-left text_navigation_md 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 mb-sm-2xs">Apparel</h4> 7115 7116
7117 <span class="promo__cta promo__text flex items-center text-left 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"> 7118 View Collection 7119 7120 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 7121 7122 7123 7124 7125 7126 7127 7128 7129 <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"> 7130 <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"/> 7131 </svg> 7132 7133 7134</span> 7135 7136 </span> 7137 7138 </div> 7139 </div> 7140 7141 </a> 7142 7143</div> 7144 7145 7146 7147 7148 7149 7150 7151 7152 7153 7154 7155 7156 7157 7158 7159 7160 7161 7162 7163 7164 7165 7166 7167 7168 7169 7170 7171<div key="promo-tile-4" class="promo-tile__items-horizontal"> 7172 7173 <a href="/products/billie-bandana-white-football-jersey" aria-label="Billie Bandana White Football Jersey"> 7174 7175 <div class="promo-tile_items flex gap-sm-sm h-full items-start"> 7176 <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]"> 7177 <div class="relative overflow-hidden h-0 pb-[100%]"> 7178 7179 7180 7181 7182 7183 7184 7185 7186 7187 7188 7189 7190 7191 7192 7193 7194 7195<img src="//store.billieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778091764&width=150" alt="Billie Bandana White Football Jersey" srcset="//store.billieeilish.com/cdn/shop/files/BE_Jersey_Front.jpg?v=1778091764&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"> 7196 7197 7198 7199 7200 </div> 7201 </div> 7202 <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]"> 7203 7204 <h4 class="promo__title promo__text text-left text_navigation_md 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 mb-sm-2xs">Billie Bandana White Football Jersey</h4> 7205 7206 7207 <span class="promo__cta promo__text flex items-center text-left 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"> 7208 View 7209 7210 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 7211 7212 7213 7214 7215 7216 7217 7218 7219 <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"> 7220 <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"/> 7221 </svg> 7222 7223 7224</span> 7225 7226 </span> 7227 7228 </div> 7229 </div> 7230 7231 </a> 7232 7233</div> 7234 7235 7236 7237 7238 </div> 7239 7240</div> 7241 7242 </div> 7243 </div> 7244</template> 7245 7246 7247 7248 7249 7250 7251 </li> 7252 7253 7254 7255 7256 7257 7258 7259 7260 7261 7262 <li class="mega-menu__primary-item grow-0 " 7263 x-data="{ id: 'music' }" 7264 role="none" 7265 7266 @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }" 7267 7268 > 7269 <button 7270 7271 7272 :id="'button-' + id" 7273 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" 7274 7275 :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''" 7276 :aria-expanded="activeMenu === id ? 'true' : 'false'" 7277 aria-haspopup="true" 7278 :aria-controls="'dropdown-' + id" 7279 @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()" 7280 @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()" 7281 7282 role="menuitem" 7283 > 7284 Music 7285
7286 <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true"> 7287 7288 7289 7290 7291 7292 7293 7294 7295 7296 <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"> 7297 <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"/> 7298 </svg> 7299 7300 7301 7302 </span> 7303 7304 </button> 7305 7306 7307 7308 7309 7310 7311 7312 7313 7314 7315 7316 7317 7318 7319 7320 7321 7322 7323 7324 7325 7326 7327 7328 7329 7330 7331 7332 7333 7334 7335 7336 7337 7338 7339 7340 7341 7342 7343 7344 7345 7346 7347 7348 7349 7350 7351 7352 7353 7354 7355 7356 7357 7358 7359 7360 7361 7362 7363 7364 7365 7366 7367 7368 7369 7370 7371 7372 7373 7374 7375 7376 7377 7378 7379 7380 7381 7382 7383 7384 7385 7386 7387 7388 7389 7390 7391<!-- append mega menu panel to header wrapper --> 7392<template x-teleport="#header-md-wrapper--19044572627005"> 7393 <div 7394 7395 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" 7396 x-cloak 7397 x-show="activeMenu === id" 7398 x-trap.noscroll="activeMenu === id" 7399 role="region" 7400 :id="'panel-' + id" 7401 :aria-labelledby="'button-' + id" 7402 x-effect=" 7403 if (activeMenu === id) { 7404 $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--19044572627005')?.offsetHeight + 'px') 7405 } 7406 " 7407 @resize.window=" 7408 if (activeMenu === id) { 7409 $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--19044572627005')?.offsetHeight + 'px') 7410 } 7411 " 7412 x-transition:enter="transition ease-out duration-200" 7413 x-transition:enter-start="opacity-0 -translate-y-1" 7414 x-transition:enter-end="opacity-100 translate-y-0" 7415 x-transition:leave="transition ease-in duration-150" 7416 x-transition:leave-start="opacity-100 translate-y-0" 7417 x-transition:leave-end="opacity-0 -translate-y-1" 7418 @keydown.escape.prevent.stop="close()" 7419 @click.away="close()" 7420 > 7421 <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"> 7422 7423 7424 <div 7425 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-lg-md" 7426 role="presentation" 7427 > 7428 7429 7430 7431 7432 7433 7434 7435 7436 7437 7438 <div 7439 class="mega-menu__submenu-item flex items-center justify-end" 7440 role="presentation" 7441 > 7442 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 7443 <div class="mega-menu__submenu--header"> 7444 <a 7445 href="/collections/all-music" 7446 class="mega-menu__submenu-header--link text_navigation_md 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" 7447 role="menuitem" 7448 7449 :tabindex="activeMenu === id ? '0' : '-1'" 7450 @keydown.enter.prevent="window.location.href='/collections/all-music'" 7451 @keydown.space.prevent="window.location.href='/collections/all-music'" 7452 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 7453 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 7454 > 7455 Album 7456 </a> 7457 </div> 7458 7459 <ul 7460 class="mega-menu__child-list flex flex-col items-start gap-sm-sm" 7461 role="menu" 7462 aria-label="Album menu" 7463 > 7464 7465 7466 7467 7468 <li 7469 class="mega-menu__child-item flex " 7470 role="none" 7471 > 7472 <a 7473 href="/collections/hit-me-hard-and-soft" 7474 class="mega-menu__child-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" 7475 role="menuitem" 7476 7477 :tabindex="activeMenu === id ? '0' : '-1'" 7478 @keydown.enter.prevent="window.location.href='/collections/hit-me-hard-and-soft'" 7479 @keydown.space.prevent="window.location.href='/collections/hit-me-hard-and-soft'" 7480 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 7481 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 7482 > 7483 HIT ME HARD AND SOFT 7484 </a> 7485 </li> 7486 7487 7488 7489 7490 <li 7491 class="mega-menu__child-item flex " 7492 role="none" 7493 > 7494 <a 7495 href="/collections/happier-than-ever" 7496 class="mega-menu__child-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" 7497 role="menuitem" 7498 7499 :tabindex="activeMenu === id ? '0' : '-1'" 7500 @keydown.enter.prevent="window.location.href='/collections/happier-than-ever'" 7501 @keydown.space.prevent="window.location.href='/collections/happier-than-ever'" 7502 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 7503 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 7504 > 7505 Happier Than Ever 7506 </a> 7507 </li> 7508 7509 7510 7511 7512 <li 7513 class="mega-menu__child-item flex " 7514 role="none" 7515 > 7516 <a 7517 href="/collections/when-we-all-fall-asleep-where-do-we-go" 7518 class="mega-menu__child-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" 7519 role="menuitem" 7520 7521 :tabindex="activeMenu === id ? '0' : '-1'" 7522 @keydown.enter.prevent="window.location.href='/collections/when-we-all-fall-asleep-where-do-we-go'" 7523 @keydown.space.prevent="window.location.href='/collections/when-we-all-fall-asleep-where-do-we-go'" 7524 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 7525 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 7526 > 7527 WHEN WE ALL FALL ASLEEP WHERE DO WE GO? 7528 </a> 7529 </li> 7530 7531 <li 7532 class="mega-menu__child-item" 7533 role="none" 7534 > 7535 <a 7536 href="/collections/all-music" 7537 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" 7538 role="menuitem" 7539 :tabindex="activeMenu === id ? '0' : '-1'" 7540 @keydown.enter.prevent="window.location.href='/collections/all-music'" 7541 @keydown.space.prevent="window.location.href='/collections/all-music'" 7542 @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()" 7543 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()" 7544 >
7545 <span>View All</span> 7546 <span class="sr-only">Album</span> 7547 <span aria-hidden="true"> 7548 7549 7550 7551 7552 7553 7554 7555 7556 <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"> 7557 <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"/> 7558 </svg> 7559 7560 7561</span> 7562 </a> 7563 </li> 7564 </ul> 7565 </div> 7566 </div> 7567 7568 7569 7570 7571 7572 7573 7574 7575 <div 7576 class="mega-menu__submenu-item flex items-center justify-end" 7577 role="presentation" 7578 > 7579 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 7580 <div class="mega-menu__submenu--header"> 7581 <a 7582 href="/collections/all-music" 7583 class="mega-menu__submenu-header--link text_navigation_md 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" 7584 role="menuitem" 7585 7586 :tabindex="activeMenu === id ? '0' : '-1'" 7587 @keydown.enter.prevent="window.location.href='/collections/all-music'" 7588 @keydown.space.prevent="window.location.href='/collections/all-music'" 7589 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 7590 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 7591 > 7592 Format 7593 </a> 7594 </div> 7595 7596 <ul 7597 class="mega-menu__child-list flex flex-col items-start gap-sm-sm" 7598 role="menu" 7599 aria-label="Format menu" 7600 > 7601 7602 7603 7604 7605 <li 7606 class="mega-menu__child-item flex " 7607 role="none" 7608 > 7609 <a 7610 href="/collections/vinyl" 7611 class="mega-menu__child-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" 7612 role="menuitem" 7613 7614 :tabindex="activeMenu === id ? '0' : '-1'" 7615 @keydown.enter.prevent="window.location.href='/collections/vinyl'" 7616 @keydown.space.prevent="window.location.href='/collections/vinyl'" 7617 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 7618 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 7619 > 7620 Vinyl 7621 </a> 7622 </li> 7623 7624 7625 7626 7627 <li 7628 class="mega-menu__child-item flex " 7629 role="none" 7630 > 7631 <a 7632 href="/collections/cds" 7633 class="mega-menu__child-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" 7634 role="menuitem" 7635 7636 :tabindex="activeMenu === id ? '0' : '-1'" 7637 @keydown.enter.prevent="window.location.href='/collections/cds'" 7638 @keydown.space.prevent="window.location.href='/collections/cds'" 7639 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 7640 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 7641 > 7642 CDs 7643 </a> 7644 </li> 7645 7646 7647 7648 7649 <li 7650 class="mega-menu__child-item flex " 7651 role="none" 7652 > 7653 <a 7654 href="/collections/cassettes" 7655 class="mega-menu__child-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" 7656 role="menuitem" 7657 7658 :tabindex="activeMenu === id ? '0' : '-1'" 7659 @keydown.enter.prevent="window.location.href='/collections/cassettes'" 7660 @keydown.space.prevent="window.location.href='/collections/cassettes'" 7661 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 7662 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 7663 > 7664 Cassettes 7665 </a> 7666 </li> 7667 7668 7669 7670 7671 <li 7672 class="mega-menu__child-item flex " 7673 role="none" 7674 > 7675 <a 7676 href="/collections/box-sets" 7677 class="mega-menu__child-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" 7678 role="menuitem" 7679 7680 :tabindex="activeMenu === id ? '0' : '-1'" 7681 @keydown.enter.prevent="window.location.href='/collections/box-sets'" 7682 @keydown.space.prevent="window.location.href='/collections/box-sets'" 7683 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 7684 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 7685 > 7686 Box Sets 7687 </a> 7688 </li> 7689 7690 <li 7691 class="mega-menu__child-item" 7692 role="none" 7693 > 7694 <a 7695 href="/collections/all-music" 7696 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" 7697 role="menuitem" 7698 :tabindex="activeMenu === id ? '0' : '-1'" 7699 @keydown.enter.prevent="window.location.href='/collections/all-music'" 7700 @keydown.space.prevent="window.location.href='/collections/all-music'" 7701 @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()" 7702 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()" 7703 >
7704 <span>View All</span> 7705 <span class="sr-only">Format</span> 7706 <span aria-hidden="true"> 7707 7708 7709 7710 7711 7712 7713 7714 7715 <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"> 7716 <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"/> 7717 </svg> 7718 7719 7720</span> 7721 </a> 7722 </li> 7723 </ul> 7724 </div> 7725 </div> 7726 7727 7728 7729 7730 7731 7732 7733 <div class="mega-menu__submenu-item flex items-center justify-end" role="presentation"> 7734 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 7735 7736 7737 7738 7739 7740 7741 <div class="mega-menu__child-item"> 7742 <a 7743 href="/collections/all-music" 7744 class="mega-menu__child-link text_navigation_md text_navigation_md 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" 7745 role="menuitem" 7746 7747 :tabindex="activeMenu === id ? '0' : '-1'" 7748 @keydown.enter.prevent="window.location.href='/collections/all-music'" 7749 @keydown.space.prevent="window.location.href='/collections/all-music'" 7750 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 7751 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 7752 > 7753 All Music 7754 </a> 7755 </div> 7756 7757 7758 7759 7760 7761 7762 </div> 7763 </div> 7764 7765 7766 </div> 7767 7768 7769 7770 7771 7772 7773 7774 7775 7776 7777 7778 7779 7780 7781 7782 7783<div class="mega-menu__promo-tiles flex flex-row gap-sm-md md:min-w-[67%] md:max-w-[67%] lg:min-w-[50%] lg:max-w-[50%]"> 7784 7785 7786 7787 <div class="flex gap-sm-xl w-full"> 7788 7789 7790 7791 7792 7793 7794 7795 7796 7797 7798 7799 7800 7801 7802 7803 7804 7805 7806 7807 7808 7809 7810 7811<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col flex-1 w-[50%] max-w-[50%]"> 7812 7813 <a href="/collections/hit-me-hard-and-soft" class="h-full" aria-label="HIT ME HARD AND SOFT"> 7814 7815 <div class="flex flex-col relative h-full"> 7816 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 7817 7818 7819 7820 7821 7822 7823 7824 7825 7826 7827 7828 7829 7830 7831 7832 7833 7834<img src="//store.billieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778116946&width=400" srcset="//store.billieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778116946&width=100 100w, //store.billieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778116946&width=300 300w, //store.billieeilish.com/cdn/shop/files/9838_V3-V9_blend_darkerbottom.jpg?v=1778116946&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"> 7835 7836 7837 7838 7839 </div> 7840 7841 7842 <h4 class="promo__title promo__text text-left text_navigation_md 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 mt-sm-sm">HIT ME HARD AND SOFT</h4> 7843 7844
7845 <span class="promo__cta promo__text flex items-center text-left 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 mt-sm-2xs"> 7846 View Collection 7847 7848 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 7849 7850 7851 7852 7853 7854 7855 7856 7857 <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"> 7858 <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"/> 7859 </svg> 7860 7861 7862</span> 7863 7864 </span> 7865 7866 </div> 7867 7868 7869 </a> 7870 7871</div> 7872 7873 7874 7875 7876 7877 7878 7879 7880 <div class="flex flex-col gap-sm-md w-[50%] max-w-[50%]"> 7881 7882 7883 7884 7885 7886 7887 7888 7889 7890 7891 7892 7893 7894 7895 7896 7897 7898 7899 7900 7901 7902<div key="promo-tile-2" class="promo-tile__items-horizontal"> 7903 7904 <a href="/products/hit-me-hard-and-soft-the-tour-live-vinyl" aria-label="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYL"> 7905 7906 <div class="promo-tile_items flex gap-sm-sm h-full items-start"> 7907 <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]"> 7908 <div class="relative overflow-hidden h-0 pb-[100%]"> 7909 7910 7911 7912 7913 7914 7915 7916 7917 7918 7919 7920 7921 7922 7923 7924 7925 7926<img src="//store.billieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1776352345&width=150" alt="HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYL" srcset="//store.billieeilish.com/cdn/shop/files/1STBillieEilishLiveVinylPackShot0_726b8ec0-b6de-4e51-9a9b-8d553605af0e.png?v=1776352345&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"> 7927 7928 7929 7930 7931 </div> 7932 </div> 7933 <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]"> 7934 7935 <h4 class="promo__title promo__text text-left text_navigation_md 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 mb-sm-2xs">HIT ME HARD AND SOFT: THE TOUR (LIVE) VINYL</h4> 7936 7937 7938 <span class="promo__cta promo__text flex items-center text-left 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"> 7939 View 7940 7941 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 7942 7943 7944 7945 7946 7947 7948 7949 7950 <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"> 7951 <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"/> 7952 </svg> 7953 7954 7955</span> 7956 7957 </span> 7958 7959 </div> 7960 </div> 7961 7962 </a> 7963 7964</div> 7965 7966 7967 7968 7969 7970 7971 7972 7973 7974 7975 7976 7977 7978 7979 7980 7981 7982 7983 7984 7985 7986 7987 7988 7989 7990 7991 7992<div key="promo-tile-3" class="promo-tile__items-horizontal"> 7993 7994 <a href="/products/ocean-eyes-7-etched-vinyl-translucent-turquoise" aria-label="ocean eyes 7" Etched Vinyl [Translucent Turquoise]"> 7995 7996 <div class="promo-tile_items flex gap-sm-sm h-full items-start"> 7997 <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]"> 7998 <div class="relative overflow-hidden h-0 pb-[100%]"> 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 8011 8012 8013 8014 8015 8016<img src="//store.billieeilish.com/cdn/shop/files/BE_OceanEyes_Vinyl.jpg?v=1778173273&width=150" alt="ocean eyes 7" Etched Vinyl [Translucent Turquoise]" srcset="//store.billieeilish.com/cdn/shop/files/BE_OceanEyes_Vinyl.jpg?v=1778173273&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"> 8017 8018 8019 8020 8021 </div> 8022 </div> 8023 <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]"> 8024 8025 <h4 class="promo__title promo__text text-left text_navigation_md 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 mb-sm-2xs">ocean eyes 7" Etched Vinyl [Translucent Turquoise]</h4> 8026 8027
8028 <span class="promo__cta promo__text flex items-center text-left 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"> 8029 View 8030 8031 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 8032 8033 8034 8035 8036 8037 8038 8039 8040 <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"> 8041 <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"/> 8042 </svg> 8043 8044 8045</span> 8046 8047 </span> 8048 8049 </div> 8050 </div> 8051 8052 </a> 8053 8054</div> 8055 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 8066 8067 8068 8069 8070 8071 8072 8073 8074 8075 8076 8077 8078 8079 8080 8081 8082<div key="promo-tile-4" class="promo-tile__items-horizontal"> 8083 8084 <a href="/products/birds-of-a-feather-7-vinyl-translucent-green" aria-label="BIRDS OF A FEATHER 7" Vinyl [Translucent Green]"> 8085 8086 <div class="promo-tile_items flex gap-sm-sm h-full items-start"> 8087 <div class="md:w-[27%] xl:w-[28%] 2xl:w-[29%]"> 8088 <div class="relative overflow-hidden h-0 pb-[100%]"> 8089 8090 8091 8092 8093 8094 8095 8096 8097 8098 8099 8100 8101 8102 8103 8104 8105 8106<img src="//store.billieeilish.com/cdn/shop/files/BE_BOAFSingle_Front.jpg?v=1778173422&width=150" alt="BIRDS OF A FEATHER 7" Vinyl [Translucent Green]" srcset="//store.billieeilish.com/cdn/shop/files/BE_BOAFSingle_Front.jpg?v=1778173422&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"> 8107 8108 8109 8110 8111 </div> 8112 </div> 8113 <div class="md:w-[73%] xl:w-[72%] 2xl:w-[71%]"> 8114 8115 <h4 class="promo__title promo__text text-left text_navigation_md 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 mb-sm-2xs">BIRDS OF A FEATHER 7" Vinyl [Translucent Green]</h4> 8116 8117 8118 <span class="promo__cta promo__text flex items-center text-left 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"> 8119 View 8120 8121 <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0"> 8122 8123 8124 8125 8126 8127 8128 8129 8130 <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"> 8131 <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"/> 8132 </svg> 8133 8134 8135</span> 8136 8137 </span> 8138 8139 </div> 8140 </div> 8141 8142 </a> 8143 8144</div> 8145 8146 8147 8148 8149 </div> 8150 8151</div> 8152 8153 </div> 8154 </div> 8155</template> 8156 8157 8158 8159 8160 8161 8162 </li> 8163 8164 8165 8166 8167 8168 8169 8170 8171 8172 8173 <li class="mega-menu__primary-item grow-0 " 8174 x-data="{ id: 'fragrance' }" 8175 role="none" 8176 8177 > 8178 <a 8179 8180 href="/pages/fragrance" 8181 8182 8183 :id="'button-' + id" 8184 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" 8185 8186 role="menuitem" 8187 > 8188 Fragrance 8189 8190 </a> 8191 8192 8193 </li> 8194 8195 8196 8197 8198 8199 8200 8201 8202 8203 8204 <li class="mega-menu__primary-item grow-0 " 8205 x-data="{ id: 'upcycled' }" 8206 role="none" 8207 8208 @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }" 8209 8210 > 8211 <button 8212 8213 8214 :id="'button-' + id" 8215 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" 8216 8217 :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''" 8218 :aria-expanded="activeMenu === id ? 'true' : 'false'" 8219 aria-haspopup="true" 8220 :aria-controls="'dropdown-' + id" 8221 @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()" 8222 @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()" 8223 8224 role="menuitem" 8225 > 8226 Upcycled 8227
8228 <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true"> 8229 8230 8231 8232 8233 8234 8235 8236 8237 8238 <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"> 8239 <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"/> 8240 </svg> 8241 8242 8243 8244 </span> 8245 8246 </button> 8247 8248 8249 8250 8251 8252 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<div 8287 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" 8288 x-cloak 8289 x-show="activeMenu === id" 8290 x-trap.noscroll="activeMenu === id" 8291 :id="'dropdown-' + id" 8292 :aria-labelledby="'button-' + id" 8293 x-transition:enter="transition ease-out duration-200" 8294 x-transition:enter-start="opacity-0 -translate-y-1" 8295 x-transition:enter-end="opacity-100 translate-y-0" 8296 x-transition:leave="transition ease-in duration-150" 8297 x-transition:leave-start="opacity-100 translate-y-0" 8298 x-transition:leave-end="opacity-0 -translate-y-1" 8299 @keydown.escape.prevent.stop="close()" 8300 @click.away="close()" 8301> 8302 <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm"> 8303 <ul 8304 class="dropdown__stack flex flex-col items-start gap-sm-sm" 8305 role="menu" 8306 > 8307 8308 8309 8310 8311 8312 8313 8314 8315 8316 8317 8318 8319 8320 8321 8322 8323 8324 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 8325 <a 8326 href="/collections/upcycled" 8327 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" 8328 role="menuitem" 8329 8330 :tabindex="activeMenu === id ? '0' : '-1'" 8331 @keydown.enter.prevent="window.location.href='/collections/upcycled'" 8332 @keydown.space.prevent="window.location.href='/collections/upcycled'" 8333 > 8334 All Upcycled 8335 </a> 8336 8337 </li> 8338 8339 8340 8341 8342 8343 8344 8345 8346 8347 8348 8349 8350 8351 8352 8353 8354 8355 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 8356 <a 8357 href="/collections/billie-eilish-x-lost-love" 8358 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" 8359 role="menuitem" 8360 8361 :tabindex="activeMenu === id ? '0' : '-1'" 8362 @keydown.enter.prevent="window.location.href='/collections/billie-eilish-x-lost-love'" 8363 @keydown.space.prevent="window.location.href='/collections/billie-eilish-x-lost-love'" 8364 > 8365 Billie Eilish x Lost Love 8366 </a> 8367 8368 </li> 8369 8370 8371 8372 8373 8374 8375 8376 8377 8378 8379 8380 8381 8382 8383 8384 8385 8386 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 8387 <a 8388 href="/collections/billie-eilish-x-suay" 8389 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" 8390 role="menuitem" 8391 8392 :tabindex="activeMenu === id ? '0' : '-1'" 8393 @keydown.enter.prevent="window.location.href='/collections/billie-eilish-x-suay'" 8394 @keydown.space.prevent="window.location.href='/collections/billie-eilish-x-suay'" 8395 > 8396 Billie Eilish x SUAY 8397 </a> 8398 8399 </li> 8400 8401 </ul> 8402 </div> 8403</div> 8404 8405 8406 8407 </li> 8408 8409 8410 8411 8412 8413 8414 8415 8416 8417 8418 <li class="mega-menu__primary-item grow-0 " 8419 x-data="{ id: 'sustainability' }" 8420 role="none" 8421 8422 @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }" 8423 8424 > 8425 <button 8426 8427 8428 :id="'button-' + id" 8429 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" 8430 8431 :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''" 8432 :aria-expanded="activeMenu === id ? 'true' : 'false'" 8433 aria-haspopup="true" 8434 :aria-controls="'dropdown-' + id" 8435 @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()" 8436 @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()" 8437 8438 role="menuitem" 8439 > 8440 Sustainability 8441
8442 <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true"> 8443 8444 8445 8446 8447 8448 8449 8450 8451 8452 <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"> 8453 <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"/> 8454 </svg> 8455 8456 8457 8458 </span> 8459 8460 </button> 8461 8462 8463 8464 8465 8466 8467 8468 8469 8470 8471 8472 8473 8474 8475 8476 8477 8478 8479 8480 8481 8482 8483 8484 8485 8486 8487 8488 8489 8490 8491 8492 8493 8494 8495 8496 8497 8498 8499 8500<div 8501 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" 8502 x-cloak 8503 x-show="activeMenu === id" 8504 x-trap.noscroll="activeMenu === id" 8505 :id="'dropdown-' + id" 8506 :aria-labelledby="'button-' + id" 8507 x-transition:enter="transition ease-out duration-200" 8508 x-transition:enter-start="opacity-0 -translate-y-1" 8509 x-transition:enter-end="opacity-100 translate-y-0" 8510 x-transition:leave="transition ease-in duration-150" 8511 x-transition:leave-start="opacity-100 translate-y-0" 8512 x-transition:leave-end="opacity-0 -translate-y-1" 8513 @keydown.escape.prevent.stop="close()" 8514 @click.away="close()" 8515> 8516 <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm"> 8517 <ul 8518 class="dropdown__stack flex flex-col items-start gap-sm-sm" 8519 role="menu" 8520 > 8521 8522 8523 8524 8525 8526 8527 8528 8529 8530 8531 8532 8533 8534 8535 8536 8537 8538 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 8539 <a 8540 href="/pages/sustainability" 8541 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" 8542 role="menuitem" 8543 8544 :tabindex="activeMenu === id ? '0' : '-1'" 8545 @keydown.enter.prevent="window.location.href='/pages/sustainability'" 8546 @keydown.space.prevent="window.location.href='/pages/sustainability'" 8547 > 8548 About 8549 </a> 8550 8551 </li> 8552 8553 8554 8555 8556 8557 8558 8559 8560 8561 8562 8563 8564 8565 8566 8567 8568 8569 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 8570 <a 8571 href="/pages/impact-report" 8572 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" 8573 role="menuitem" 8574 8575 :tabindex="activeMenu === id ? '0' : '-1'" 8576 @keydown.enter.prevent="window.location.href='/pages/impact-report'" 8577 @keydown.space.prevent="window.location.href='/pages/impact-report'" 8578 > 8579 Tour Impact Report 8580 </a> 8581 8582 </li> 8583 8584 </ul> 8585 </div> 8586</div> 8587 8588 8589 8590 </li> 8591 8592 8593 8594 8595 8596 8597 8598 8599 8600 8601 <li class="mega-menu__primary-item grow-0 " 8602 x-data="{ id: 'tour' }" 8603 role="none" 8604 8605 > 8606 <a 8607 8608 href="/pages/tour" 8609 8610 8611 :id="'button-' + id" 8612 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" 8613 8614 role="menuitem" 8615 > 8616 Tour 8617 8618 </a> 8619 8620 8621 </li> 8622 8623 8624 8625 8626 8627 8628 8629 8630 8631 8632 <li class="mega-menu__primary-item grow-0 " 8633 x-data="{ id: 'more' }" 8634 role="none" 8635 8636 @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }" 8637 8638 > 8639 <button 8640 8641 8642 :id="'button-' + id" 8643 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" 8644 8645 :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''" 8646 :aria-expanded="activeMenu === id ? 'true' : 'false'" 8647 aria-haspopup="true" 8648 :aria-controls="'dropdown-' + id" 8649 @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()" 8650 @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()" 8651 8652 role="menuitem" 8653 > 8654 More 8655
8656 <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true"> 8657 8658 8659 8660 8661 8662 8663 8664 8665 8666 <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"> 8667 <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"/> 8668 </svg> 8669 8670 8671 8672 </span> 8673 8674 </button> 8675 8676 8677 8678 8679 8680 8681 8682 8683 8684 8685 8686 8687 8688 8689 8690 8691 8692 8693 8694 8695 8696 8697 8698 8699 8700 8701 8702 8703 8704 8705 8706 8707 8708 8709 8710 8711 8712 8713 8714<div 8715 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" 8716 x-cloak 8717 x-show="activeMenu === id" 8718 x-trap.noscroll="activeMenu === id" 8719 :id="'dropdown-' + id" 8720 :aria-labelledby="'button-' + id" 8721 x-transition:enter="transition ease-out duration-200" 8722 x-transition:enter-start="opacity-0 -translate-y-1" 8723 x-transition:enter-end="opacity-100 translate-y-0" 8724 x-transition:leave="transition ease-in duration-150" 8725 x-transition:leave-start="opacity-100 translate-y-0" 8726 x-transition:leave-end="opacity-0 -translate-y-1" 8727 @keydown.escape.prevent.stop="close()" 8728 @click.away="close()" 8729> 8730 <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm"> 8731 <ul 8732 class="dropdown__stack flex flex-col items-start gap-sm-sm" 8733 role="menu" 8734 > 8735 8736 8737 8738 8739 8740 8741 8742 8743 8744 8745 8746 8747 8748 8749 8750 8751 8752 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 8753 <a 8754 href="/pages/sign-up" 8755 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" 8756 role="menuitem" 8757 8758 :tabindex="activeMenu === id ? '0' : '-1'" 8759 @keydown.enter.prevent="window.location.href='/pages/sign-up'" 8760 @keydown.space.prevent="window.location.href='/pages/sign-up'" 8761 > 8762 Join the List 8763 </a> 8764 8765 </li> 8766 8767 8768 8769 8770 8771 8772 8773 8774 8775 8776 8777 8778 8779 8780 8781 8782 8783 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 8784 <a 8785 href="https://www.youtube.com/channel/UCiGm_E4ZwYSHV3bcW1pnSeQ" 8786 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" 8787 role="menuitem" 8788 8789 :tabindex="activeMenu === id ? '0' : '-1'" 8790 @keydown.enter.prevent="window.location.href='https://www.youtube.com/channel/UCiGm_E4ZwYSHV3bcW1pnSeQ'" 8791 @keydown.space.prevent="window.location.href='https://www.youtube.com/channel/UCiGm_E4ZwYSHV3bcW1pnSeQ'" 8792 > 8793 Videos 8794 </a> 8795 8796 </li> 8797 8798 8799 8800 8801 8802 8803 8804 8805 8806 8807 8808 8809 8810 8811 8812 8813 8814 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 8815 <a 8816 href="https://billieeilish.lnk.to/hitmehardandsoft" 8817 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" 8818 role="menuitem" 8819 8820 :tabindex="activeMenu === id ? '0' : '-1'" 8821 @keydown.enter.prevent="window.location.href='https://billieeilish.lnk.to/hitmehardandsoft'" 8822 @keydown.space.prevent="window.location.href='https://billieeilish.lnk.to/hitmehardandsoft'" 8823 > 8824 Listen 8825 </a> 8826 8827 </li> 8828 8829 </ul> 8830 </div> 8831</div> 8832 8833 8834 8835 </li> 8836 8837 </ul> 8838 </nav> 8839 8840 <template x-teleport="#header-md-wrapper--19044572627005"> 8841 <button 8842 class="umg-backdrop block w-screen h-screen absolute left-0 right-0 bottom-0 top-full z-1" 8843 x-cloak 8844 x-show="activeMenu" 8845 x-transition.opacity 8846 aria-hidden="true" 8847 tabindex="-1" 8848 @click="close()">
8849 <span class="sr-only">Close navigation menu</span> 8850 </button> 8851 </template> 8852</div> 8853</div> 8854 8855 8856 8857 8858 8859 8860 8861 8862 8863 8864<div class="header__column header__column--4 header__column--actions flex col-span-1 justify-end items-center" > 8865 <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs"> 8866 8867 8868 8869 8870 8871 8872 8873 8874 <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space"> 8875 <button class="btn-search text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" 8876 x-on:click="searchBarOpen = true;$nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchInput.focus(), 10) })" type="button" aria-label="Open Search Bar" x-ref="searchToggle" :aria-expanded="searchBarOpen" aria-controls="header-search-dropdown" 8877 > 8878 8879 8880 8881 8882 8883 8884 8885 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> 8886 <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"/> 8887 </svg> 8888 8889 8890 </button> 8891 </div> 8892 8893 8894 8895 8896 8897 8898 8899 8900 8901 8902 8903 8904 8905 8906 8907 8908 8909 8910 8911 8912 8913 8914 8915 8916 8917 8918 8919 8920 8921 8922 <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"> 8923 8924 <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"> 8925 8926 <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> 8927 8928 8929 8930 8931 8932 8933 8934 8935 8936 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor"> 8937 <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"/> 8938 </svg> 8939 8940 8941 8942 </div> 8943 <span class="sr-only">Cart</span> 8944 8945 <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> 8946 8947 </a> 8948 8949 </cart-drawer-toggle-button> 8950 8951 8952 8953 </div> 8954</div> 8955 8956 8957 8958 </div> 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 <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" 8984 x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }" 8985 @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })" 8986 id="header-search-dropdown" 8987 > 8988 <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"> 8989 8990 8991 <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="Close Search Bar"> 8992 8993 8994 8995 8996 8997 8998 8999 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 9000 <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"/> 9001 </svg> 9002 9003 9004 </button> 9005 9006 9007 9008 9009 9010 9011 9012 <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide"> 9013 <div class="predictive-search__input-wrapper relative w-full"> 9014 <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--19044572627005__header-md" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" > 9015 <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="Search"> 9016 9017 9018 9019 9020 9021 9022 9023 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> 9024 <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"/> 9025 </svg> 9026 9027 9028 </button> 9029 9030 </div> 9031 </form> 9032 9033 </div> 9034 </div> 9035 9036 9037 9038 9039 9040 9041 9042 9043 9044</div> 9045 9046</header><header id="shopify-section-sections--19044572627005__header-md-2" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid"><style> 9047 #shopify-section-sections--19044572627005__header-md-2 { 9048 position: sticky;top: 0;z-index: 999997; 9049 width: 100%; 9050 } 9051 </style> 9052
9052<script>document.getElementById('shopify-section-sections--19044572627005__header-md-2').classList.add('umg-sticky', 'transition-[transform]')</script>
9052 9053 9054 9055 9056 9057 9058 9059<div id="header-md-2-wrapper--19044572627005" 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; "> 9060 <div id="header-md-2-container--19044572627005" 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" > 9061 9062 9063 9064 9065<div class="header__column header__column--0 header__column--developer col-span-3" > 9066 <div class="developer-container items-center col-span-full" > 9067 <div class="logo-container"> 9068 9069 9070 9071 9072 9073 9074 9075 9076 9077 9078 9079 9080 9081 9082 9083 9084 9085 9086 9087 9088 9089 9090 9091 9092 9093 9094 9095 9096 9097 9098 9099<h1> 9100 <span class="sr-only">Sustainability & About</span> 9101 9102 9103 9104 9105 9106 9107 9108 9109 9110 9111 9112 9113 9114 9115 9116 9117 9118 9119 9120 <a class="logo-cntr block" href="/pages/fragrance" style=" --logo-width: 13.0625rem; " title="Billie Eilish | Store"> 9121 9122 9123 9124 9125 9126 9127 9128 9129 9130 9131 9132 9133 9134 9135 9136 9137 9138 9139<img src="//store.billieeilish.com/cdn/shop/files/eilish-logo.svg?v=1778116937" alt="Billie Eilish Fragrances Logo" srcset="//store.billieeilish.com/cdn/shop/files/eilish-logo.svg?v=1778116937&width=352 352w, //store.billieeilish.com/cdn/shop/files/eilish-logo.svg?v=1778116937&width=832 832w, //store.billieeilish.com/cdn/shop/files/eilish-logo.svg?v=1778116937&width=1200 1200w, //store.billieeilish.com/cdn/shop/files/eilish-logo.svg?v=1778116937&width=1602 1602w" width="1602" height="315" loading="eager" class=" image__responsive image__responsive--svg"> 9140 9141 9142 9143 9144 9145 </a></h1> 9146 9147</div> 9148 9149 </div> 9150</div> 9151 9152 9153 9154 9155 9156<div class="mega-menu flex items-center col-span-8" > 9157 9158 9159 9160 9161 9162 9163 9164 9165 9166 9167 9168 9169 9170 9171 9172 9173 9174 9175 9176 9177 9178<div class="mega-menu w-full overscroll-contain" 9179 x-data="{ 9180 activeMenu: null, 9181 isOpen: false, 9182 close() { 9183 this.isOpen = false; 9184 this.activeMenu = null; 9185 }, 9186 handleKeydown(e) { 9187 if (e.key === 'Escape') { 9188 this.close() 9189 } 9190 } 9191 }" 9192 @keydown="handleKeydown($event)"> 9193 <nav class="mega-menu__nav" aria-label="Header main menu"> 9194 <ul class="mega-menu__primary-list flex items-center w-full flex-wrap gap-x-lg-sm text-right justify-end" role="menubar"> 9195 9196 9197 9198 9199 9200 9201 9202 9203 9204 9205 <li class="mega-menu__primary-item grow-0 " 9206 x-data="{ id: 'shop-all' }" 9207 role="none" 9208 9209 > 9210 <a 9211 9212 href="/collections/fragrance" 9213 9214 9215 :id="'button-' + id" 9216 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" 9217 9218 role="menuitem" 9219 > 9220 Shop All 9221 9222 </a> 9223 9224 9225 </li> 9226 9227 9228 9229 9230 9231 9232 9233 9234 9235 9236 <li class="mega-menu__primary-item grow-0 " 9237 x-data="{ id: 'your-turn' }" 9238 role="none" 9239 9240 @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }" 9241 9242 > 9243 <button 9244 9245 9246 :id="'button-' + id" 9247 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" 9248 9249 :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''" 9250 :aria-expanded="activeMenu === id ? 'true' : 'false'" 9251 aria-haspopup="true" 9252 :aria-controls="'dropdown-' + id" 9253 @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()" 9254 @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()" 9255 9256 role="menuitem" 9257 > 9258 Your Turn 9259
9260 <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true"> 9261 9262 9263 9264 9265 9266 9267 9268 9269 9270 <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"> 9271 <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"/> 9272 </svg> 9273 9274 9275 9276 </span> 9277 9278 </button> 9279 9280 9281 9282 9283 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<div 9312 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" 9313 x-cloak 9314 x-show="activeMenu === id" 9315 x-trap.noscroll="activeMenu === id" 9316 :id="'dropdown-' + id" 9317 :aria-labelledby="'button-' + id" 9318 x-transition:enter="transition ease-out duration-200" 9319 x-transition:enter-start="opacity-0 -translate-y-1" 9320 x-transition:enter-end="opacity-100 translate-y-0" 9321 x-transition:leave="transition ease-in duration-150" 9322 x-transition:leave-start="opacity-100 translate-y-0" 9323 x-transition:leave-end="opacity-0 -translate-y-1" 9324 @keydown.escape.prevent.stop="close()" 9325 @click.away="close()" 9326> 9327 <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm"> 9328 <ul 9329 class="dropdown__stack flex flex-col items-start gap-sm-sm" 9330 role="menu" 9331 > 9332 9333 9334 9335 9336 9337 9338 9339 9340 9341 9342 9343 9344 9345 9346 9347 9348 9349 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 9350 <a 9351 href="https://store.billieeilish.com/products/your-turn-eau-de-parfum" 9352 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" 9353 role="menuitem" 9354 9355 :tabindex="activeMenu === id ? '0' : '-1'" 9356 @keydown.enter.prevent="window.location.href='https://store.billieeilish.com/products/your-turn-eau-de-parfum'" 9357 @keydown.space.prevent="window.location.href='https://store.billieeilish.com/products/your-turn-eau-de-parfum'" 9358 > 9359 Your Turn 9360 </a> 9361 9362 </li> 9363 9364 9365 9366 9367 9368 9369 9370 9371 9372 9373 9374 9375 9376 9377 9378 9379 9380 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 9381 <a 9382 href="/products/your-turn-2-eau-de-parfum" 9383 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" 9384 role="menuitem" 9385 9386 :tabindex="activeMenu === id ? '0' : '-1'" 9387 @keydown.enter.prevent="window.location.href='/products/your-turn-2-eau-de-parfum'" 9388 @keydown.space.prevent="window.location.href='/products/your-turn-2-eau-de-parfum'" 9389 > 9390 Your Turn II 9391 </a> 9392 9393 </li> 9394 9395 9396 9397 9398 9399 9400 9401 9402 9403 9404 9405 9406 9407 9408 9409 9410 9411 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 9412 <a 9413 href="/collections/your-turn" 9414 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" 9415 role="menuitem" 9416 9417 :tabindex="activeMenu === id ? '0' : '-1'" 9418 @keydown.enter.prevent="window.location.href='/collections/your-turn'" 9419 @keydown.space.prevent="window.location.href='/collections/your-turn'" 9420 > 9421 Shop All Your Turn 9422 </a> 9423 9424 </li> 9425 9426 </ul> 9427 </div> 9428</div> 9429 9430 9431 9432 9433 9434 </li> 9435 9436 9437 9438 9439 9440 9441 9442 9443 9444 9445 <li class="mega-menu__primary-item grow-0 " 9446 x-data="{ id: 'eilish' }" 9447 role="none" 9448 9449 @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }" 9450 9451 > 9452 <button 9453 9454 9455 :id="'button-' + id" 9456 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" 9457 9458 :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''" 9459 :aria-expanded="activeMenu === id ? 'true' : 'false'" 9460 aria-haspopup="true" 9461 :aria-controls="'dropdown-' + id" 9462 @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()" 9463 @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()" 9464 9465 role="menuitem" 9466 > 9467 Eilish 9468
9469 <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true"> 9470 9471 9472 9473 9474 9475 9476 9477 9478 9479 <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"> 9480 <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"/> 9481 </svg> 9482 9483 9484 9485 </span> 9486 9487 </button> 9488 9489 9490 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 9516 9517 9518 9519 9520<div 9521 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" 9522 x-cloak 9523 x-show="activeMenu === id" 9524 x-trap.noscroll="activeMenu === id" 9525 :id="'dropdown-' + id" 9526 :aria-labelledby="'button-' + id" 9527 x-transition:enter="transition ease-out duration-200" 9528 x-transition:enter-start="opacity-0 -translate-y-1" 9529 x-transition:enter-end="opacity-100 translate-y-0" 9530 x-transition:leave="transition ease-in duration-150" 9531 x-transition:leave-start="opacity-100 translate-y-0" 9532 x-transition:leave-end="opacity-0 -translate-y-1" 9533 @keydown.escape.prevent.stop="close()" 9534 @click.away="close()" 9535> 9536 <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm"> 9537 <ul 9538 class="dropdown__stack flex flex-col items-start gap-sm-sm" 9539 role="menu" 9540 > 9541 9542 9543 9544 9545 9546 9547 9548 9549 9550 9551 9552 9553 9554 9555 9556 9557 9558 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 9559 <a 9560 href="/products/eilish-intense-eau-de-parfum" 9561 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" 9562 role="menuitem" 9563 9564 :tabindex="activeMenu === id ? '0' : '-1'" 9565 @keydown.enter.prevent="window.location.href='/products/eilish-intense-eau-de-parfum'" 9566 @keydown.space.prevent="window.location.href='/products/eilish-intense-eau-de-parfum'" 9567 > 9568 Eilish Intense 9569 </a> 9570 9571 </li> 9572 9573 9574 9575 9576 9577 9578 9579 9580 9581 9582 9583 9584 9585 9586 9587 9588 9589 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 9590 <a 9591 href="/products/eilish-eau-de-parfum" 9592 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" 9593 role="menuitem" 9594 9595 :tabindex="activeMenu === id ? '0' : '-1'" 9596 @keydown.enter.prevent="window.location.href='/products/eilish-eau-de-parfum'" 9597 @keydown.space.prevent="window.location.href='/products/eilish-eau-de-parfum'" 9598 > 9599 Eilish 9600 </a> 9601 9602 </li> 9603 9604 9605 9606 9607 9608 9609 9610 9611 9612 9613 9614 9615 9616 9617 9618 9619 9620 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 9621 <a 9622 href="/products/eilish-no-2-eau-de-parfum" 9623 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" 9624 role="menuitem" 9625 9626 :tabindex="activeMenu === id ? '0' : '-1'" 9627 @keydown.enter.prevent="window.location.href='/products/eilish-no-2-eau-de-parfum'" 9628 @keydown.space.prevent="window.location.href='/products/eilish-no-2-eau-de-parfum'" 9629 > 9630 Eilish No. 2 9631 </a> 9632 9633 </li> 9634 9635 9636 9637 9638 9639 9640 9641 9642 9643 9644 9645 9646 9647 9648 9649 9650 9651 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 9652 <a 9653 href="/products/eilish-no-3-eau-de-parfum" 9654 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" 9655 role="menuitem" 9656 9657 :tabindex="activeMenu === id ? '0' : '-1'" 9658 @keydown.enter.prevent="window.location.href='/products/eilish-no-3-eau-de-parfum'" 9659 @keydown.space.prevent="window.location.href='/products/eilish-no-3-eau-de-parfum'" 9660 > 9661 Eilish No. 3 9662 </a> 9663 9664 </li> 9665 9666 9667 9668 9669 9670 9671 9672 9673 9674 9675 9676 9677 9678 9679 9680 9681 9682 <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none"> 9683 <a 9684 href="/collections/eilish" 9685 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" 9686 role="menuitem" 9687 9688 :tabindex="activeMenu === id ? '0' : '-1'" 9689 @keydown.enter.prevent="window.location.href='/collections/eilish'" 9690 @keydown.space.prevent="window.location.href='/collections/eilish'" 9691 > 9692 Shop All Eilish 9693 </a> 9694 9695 </li> 9696 9697 </ul> 9698 </div> 9699</div> 9700 9701 9702 9703 9704 9705 </li> 9706 9707 9708 9709 9710 9711 9712 9713 9714 9715 9716 <li class="mega-menu__primary-item grow-0 " 9717 x-data="{ id: 'refills' }" 9718 role="none" 9719 9720 > 9721 <a 9722 9723 href="/collections/refills" 9724 9725 9726 :id="'button-' + id" 9727 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" 9728 9729 role="menuitem" 9730 > 9731 Refills 9732 9733 </a> 9734 9735 9736 </li> 9737 9738 9739 9740 9741 9742 9743 9744 9745 9746 9747 <li class="mega-menu__primary-item grow-0 " 9748 x-data="{ id: 'sustainability' }" 9749 role="none" 9750 9751 > 9752 <a 9753 9754 href="/pages/sustainability-about" 9755 9756 9757 aria-current="page" 9758 9759 :id="'button-' + id" 9760 class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--active 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" 9761 9762 role="menuitem" 9763 > 9764 Sustainability 9765 9766 </a> 9767 9768 9769 </li> 9770 9771 9772 9773 9774 9775 9776 9777 9778 9779 9780 <li class="mega-menu__primary-item grow-0 " 9781 x-data="{ id: 'instagram' }" 9782 role="none" 9783 9784 > 9785 <a 9786 9787 href="https://www.instagram.com/billieeilishfragrances/" 9788 9789 9790 :id="'button-' + id" 9791 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" 9792 9793 role="menuitem" 9794 > 9795 Instagram 9796 9797 </a> 9798 9799 9800 </li> 9801 9802 9803 9804 9805 9806 9807 9808 9809 9810 9811 <li class="mega-menu__primary-item grow-0 " 9812 x-data="{ id: 'newsletter' }" 9813 role="none" 9814 9815 > 9816 <a 9817 9818 href="/pages/sign-up" 9819 9820 9821 :id="'button-' + id" 9822 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" 9823 9824 role="menuitem" 9825 > 9826 Newsletter 9827 9828 </a> 9829 9830 9831 </li> 9832 9833 </ul> 9834 </nav> 9835 9836 <template x-teleport="#header-md-2-wrapper--19044572627005"> 9837 <button 9838 class="umg-backdrop block w-screen h-screen absolute left-0 right-0 bottom-0 top-full z-1" 9839 x-cloak 9840 x-show="activeMenu" 9841 x-transition.opacity 9842 aria-hidden="true" 9843 tabindex="-1" 9844 @click="close()">
9845 <span class="sr-only">Close navigation menu</span> 9846 </button> 9847 </template> 9848</div> 9849</div> 9850 9851 9852 9853 9854 9855 9856<div class="header__column header__column--2 header__column--actions flex col-span-1 justify-end items-center" > 9857 <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs"> 9858 9859 9860 9861 9862 9863 9864 9865 9866 <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space"> 9867 <button class="btn-search text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" 9868 x-on:click="searchBarOpen = true;$nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchInput.focus(), 10) })" type="button" aria-label="Open Search Bar" x-ref="searchToggle" :aria-expanded="searchBarOpen" aria-controls="header-search-dropdown" 9869 > 9870 9871 9872 9873 9874 9875 9876 9877 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> 9878 <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"/> 9879 </svg> 9880 9881 9882 </button> 9883 </div> 9884 9885 9886 9887 9888 9889 9890 9891 9892 9893 9894 9895 9896 9897 9898 9899 9900 9901 9902 9903 9904 9905 9906 9907 9908 9909 9910 9911 9912 9913 9914 <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"> 9915 9916 <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"> 9917 9918 <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> 9919 9920 9921 9922 9923 9924 9925 9926 9927 9928 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor"> 9929 <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"/> 9930 </svg> 9931 9932 9933 9934 </div> 9935 <span class="sr-only">Cart</span> 9936 9937 <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> 9938 9939 </a> 9940 9941 </cart-drawer-toggle-button> 9942 9943 9944 9945 </div> 9946</div> 9947 9948 9949 9950 </div> 9951 9952 9953 9954 9955 9956 9957 9958 9959 9960 9961 9962 9963 9964 9965 9966 9967 9968 9969 9970 9971 9972 9973 9974 9975 <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" 9976 x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }" 9977 @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })" 9978 id="header-search-dropdown" 9979 > 9980 <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"> 9981 9982 9983 <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="Close Search Bar"> 9984 9985 9986 9987 9988 9989 9990 9991 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 9992 <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"/> 9993 </svg> 9994 9995 9996 </button> 9997 9998 9999 10000 10001 10002 10003 10004 <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide"> 10005 <div class="predictive-search__input-wrapper relative w-full"> 10006 <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--19044572627005__header-md-2" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" > 10007 <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="Search"> 10008 10009 10010 10011 10012 10013 10014 10015 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> 10016 <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"/> 10017 </svg> 10018 10019 10020 </button> 10021 10022 </div> 10023 </form> 10024 10025 </div> 10026 </div> 10027 10028 10029 10030 10031 10032 10033 10034 10035 10036</div> 10037 10038</header><aside id="shopify-section-sections--19044572627005__global-messaging" class="shopify-section shopify-section-group-header-group global-messaging"></aside><aside id="shopify-section-sections--19044572627005__soft-redirect" class="shopify-section shopify-section-group-header-group section-soft-redirects"> 10039 10040 10041 10042 10043 10044
10045 10046 10047 10048 10049 10050 10051 10052 10053 10054 10055 10056 10057 10058 10059 10060 10061 10062 10063 10064 10065 10066 10067 10068 10069 10070 10071 10072<div class="w-full soft-redirect soft-redirect--inline" x-data="{ softRedirectVisible: $persist(true).using(sessionStorage) }" :class="{ 'hidden': !softRedirectVisible }"> 10073 <div class="section__wrapper scheme-scheme2 c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden c-bg-background c-text-content-base hidden" data-geo-show="AU,NZ,AT,BE,BR,CA,CO,CR,DK,FR,DE,HK,ID,IT,JP,MY,MX,NL,NO,PL,PT,ZA,KR,ES,GB"> 10074 <div class="section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-xs max-w-full md:px-container-xs md:max-w-full"> 10075 <div class="section__container grid py-none px-none md:px-none gap-y-none rounded-none shadow-none flex flex-col gap-y-sm-sm justify-center text-center"> 10076 10077 10078 10079 <h2 class="text_heading_lg">Looks like you are in <span data-geo-countryname-replace></span>.</h2> 10080 <p class="text_body_md">Would you like to visit your local store?</p> 10081 <ul class="flex flex-col md:flex-row gap-sm-sm justify-center items-stretch text-center"> 10082 10083 10084 10085 10086 10087 10088 10089 <li class="hidden" data-geo-show="AU,NZ"> 10090 <a class="block w-full btn btn--primary" href="https://austore.billieeilish.com">Take me there</a> 10091 </li> 10092 10093 10094 10095 10096 10097 10098 10099 <li class="hidden" data-geo-show="AT"> 10100 <a class="block w-full btn btn--primary" href="https://shop.universalmusic.at/product-category/artists-a-z/billie-eilish/?campaignkw=BILLIE%20EILISH%20im%20Universal%20Music%20Shop%20Austria">Take me there</a> 10101 </li> 10102 10103 10104 10105 10106 10107 10108 10109 <li class="hidden" data-geo-show="BE"> 10110 <a class="block w-full btn btn--primary" href="https://musicstation.be/collections/billie-eilish">Take me there</a> 10111 </li> 10112 10113 10114 10115 10116 10117 10118 10119 <li class="hidden" data-geo-show="BR"> 10120 <a class="block w-full btn btn--primary" href="https://umusicstore.com/billie-eilish">Take me there</a> 10121 </li> 10122 10123 10124 10125 10126 10127 10128 10129 <li class="hidden" data-geo-show="CA"> 10130 <a class="block w-full btn btn--primary" href="https://shopca.billieeilish.com/">Take me there</a> 10131 </li> 10132 10133 10134 10135 10136 10137 10138 10139 <li class="hidden" data-geo-show="CO"> 10140 <a class="block w-full btn btn--primary" href="https://udiscovermusic.co/collections/billie-eilish">Take me there</a> 10141 </li> 10142 10143 10144 10145 10146 10147 10148 10149 <li class="hidden" data-geo-show="CR"> 10150 <a class="block w-full btn btn--primary" href="https://universalmusicstore.co.cr/collections/billie-eilish">Take me there</a> 10151 </li> 10152 10153 10154 10155 10156 10157 10158 10159 <li class="hidden" data-geo-show="DK"> 10160 <a class="block w-full btn btn--primary" href="https://umgshop.com/collections/billie-eilish">Take me there</a> 10161 </li> 10162 10163 10164 10165 10166 10167 10168 10169 <li class="hidden" data-geo-show="FR"> 10170 <a class="block w-full btn btn--primary" href="https://shopfrbillieeilish.com/">Take me there</a> 10171 </li> 10172 10173 10174 10175 10176 10177 10178 10179 <li class="hidden" data-geo-show="DE"> 10180 <a class="block w-full btn btn--primary" href="https://billieeilishstore.de">Take me there</a> 10181 </li> 10182 10183 10184 10185 10186 10187 10188 10189 <li class="hidden" data-geo-show="HK"> 10190 <a class="block w-full btn btn--primary" href="https://hkushop.com/billie-eilish">Take me there</a> 10191 </li> 10192 10193 10194 10195 10196 10197 10198 10199 <li class="hidden" data-geo-show="ID"> 10200 <a class="block w-full btn btn--primary" href="https://www.umusicstore.co.id/collections/billie-eilish">Take me there</a> 10201 </li> 10202 10203 10204 10205 10206 10207 10208 10209 <li class="hidden" data-geo-show="IT"> 10210 <a class="block w-full btn btn--primary" href="https://shop.universalmusic.it/collections/billie-eilish">
10210Take me there</a> 10211 </li> 10212 10213 10214 10215 10216 10217 10218 10219 <li class="hidden" data-geo-show="JP"> 10220 <a class="block w-full btn btn--primary" href="https://store.universal-music.co.jp/artist/billie-eilish">Take me there</a> 10221 </li> 10222 10223 10224 10225 10226 10227 10228 10229 <li class="hidden" data-geo-show="MY"> 10230 <a class="block w-full btn btn--primary" href="https://umusic.sg/collections/billie-eilish">Take me there</a> 10231 </li> 10232 10233 10234 10235 10236 10237 10238 10239 <li class="hidden" data-geo-show="MY"> 10240 <a class="block w-full btn btn--primary" href="https://umusic.my/collections/billie-eilish">Take me there</a> 10241 </li> 10242 10243 10244 10245 10246 10247 10248 10249 <li class="hidden" data-geo-show="MX"> 10250 <a class="block w-full btn btn--primary" href="https://udiscover.mx/collections/billie-eilish">Take me there</a> 10251 </li> 10252 10253 10254 10255 10256 10257 10258 10259 <li class="hidden" data-geo-show="NL"> 10260 <a class="block w-full btn btn--primary" href="https://platenzaak.nl/collections/billie-eilish">Take me there</a> 10261 </li> 10262 10263 10264 10265 10266 10267 10268 10269 <li class="hidden" data-geo-show="NO"> 10270 <a class="block w-full btn btn--primary" href="https://shop.universalmusic.no/collections/billie-eilish">Take me there</a> 10271 </li> 10272 10273 10274 10275 10276 10277 10278 10279 <li class="hidden" data-geo-show="PL"> 10280 <a class="block w-full btn btn--primary" href="https://musicdrop.pl/collections/billie-eilish">Take me there</a> 10281 </li> 10282 10283 10284 10285 10286 10287 10288 10289 <li class="hidden" data-geo-show="PT"> 10290 <a class="block w-full btn btn--primary" href="https://shopuniversalmusic.pt/pages/artist/billie-elish">Take me there</a> 10291 </li> 10292 10293 10294 10295 10296 10297 10298 10299 <li class="hidden" data-geo-show="ZA"> 10300 <a class="block w-full btn btn--primary" href="https://umg.africa/collections/billie-eilish">Take me there</a> 10301 </li> 10302 10303 10304 10305 10306 10307 10308 10309 <li class="hidden" data-geo-show="KR"> 10310 <a class="block w-full btn btn--primary" href="https://www.umkshop.com/product/list2.html?cate_no=331">Take me there</a> 10311 </li> 10312 10313 10314 10315 10316 10317 10318 10319 <li class="hidden" data-geo-show="ES"> 10320 <a class="block w-full btn btn--primary" href="https://universalmusiconline.es/collections/billie-eilish">Take me there</a> 10321 </li> 10322 10323 10324 10325 10326 10327 10328 10329 <li class="hidden" data-geo-show="GB"> 10330 <a class="block w-full btn btn--primary" href="https://shopuk.billieeilish.com/">Take me there</a> 10331 </li> 10332 10333 10334 <li> 10335 <button class="block w-full btn btn--secondary" x-on:click="softRedirectVisible = false; const dialog = $event.target.closest('dialog'); dialog.classList.add('hidden'); dialog.close()">Stay here</button> 10336 </li> 10337 </ul> 10338 10339 </div> 10340 </div> 10341 </div> 10342</div> 10343 10344 10345 10346 10347</aside> 10348<!-- 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"> 10349 10350 10351 10352 10353 10354 10355 10356 10357 10358 10359 10360 10361 10362 10363 10364 10365 10366 10367 10368 10369 10370 <style> 10371 .cart-drawer.active { 10372 transform: translateX(0); 10373 } 10374 </style> 10375 <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"> 10376 <div class="cart-drawer__header flex justify-between items-start px-sm-md pt-sm-xl"> 10377 10378 <button class="cart-drawer__close ml-auto appearance-none h-[3rem] w-[3rem] p-sm-xs">
10379 <span class="sr-only">Close cart</span> 10380 10381 10382 10383 10384 10385 10386 10387 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 10388 <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"/> 10389 </svg> 10390 10391 10392 </button> 10393 </div> 10394 10395 <div class="cart-drawer__main grow flex flex-col items-stretch px-sm-md" id="cart-drawer-main"> 10396 10397 10398 10399 10400 <div class="cart__empty grow flex flex-col justify-center items-center gap-sm-lg"> 10401 10402 <h4 class="cart__empty-title text_heading_lg">Your cart is empty</h4> 10403 <p class="cart__empty-message text_body">Time to fill up the cart</p> 10404 10405 <cart-drawer-toggle-button class="cart__empty-action" tabindex="0"> 10406 10407 10408 <button class="btn btn--primary block z-10 relative">Continue shopping</button> 10409 </cart-drawer-toggle-button> 10410 </div> 10411 </div> 10412 10413 </div> 10414 10415 10416 10417 10418</cart-drawer><main id="MainContent" role="main" class="z-10 grow scroll-mt-[var(--header-sticky-height)]"><!-- BEGIN sections: template-pages-under-header-group --> 10419 10420<!-- END sections: template-pages-under-header-group --><aside id="shopify-section-template--19044574330941__spacer_6eFRkc" class="shopify-section spacer"> 10421 10422 10423 10424 10425 10426 10427 10428 10429 10430 10431 10432 10433 10434 10435 10436 <div class="spacer__wrapper section__wrapper c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 10437 10438 10439 10440 10441 10442 <div class="spacer__spacing section-spacing mx-auto w-full relative z-10 py-container-2xs px-none max-w-full md:px-none md:max-w-full"> 10443 </div> 10444 10445 10446 </div> 10447 10448 10449 10450 10451 10452 10453 10454<style> #shopify-section-template--19044574330941__spacer_6eFRkc .section-spacing {padding-bottom: 0;} </style></aside><section id="shopify-section-template--19044574330941__media_section_6GtRTL" class="shopify-section media-section"> 10455 10456 10457 10458 10459 10460 10461 10462 10463 10464 10465 10466 10467 10468 10469 10470 <div class="section__wrapper scheme-scheme2 c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 10471 10472 10473 10474 10475 <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-xs"> 10476 <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-gray-500 rounded-none shadow-none"><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-md max-w-full md:px-container-md md:max-w-full"> 10477 <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"> 10478 <div class="media-section__wrapper grid grid-cols-[repeat(var(--gridColsMobile),1fr)] md:grid-cols-[repeat(var(--gridColsDesktop),1fr)] gap-lg-xs md:gap-container-xs" style="--gridColsMobile: 1; --gridColsDesktop: 2;"> 10479 10480 10481 10482 10483 10484 10485 10486 10487 10488 10489 10490 10491 10492 10493 10494 10495 10496 10497 10498 10499 10500 10501 10502 10503<div class="media-item media-item-image-overlay flex flex-col relative w-full justify-center px-none py-none"> 10504 <div class="grid grid-cols-1 grid-rows-1"> 10505 <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1"> 10506 10507 10508 10509 10510 10511 10512 10513 10514 10515 10516 10517 10518 10519 10520 <picture class="image__adaptive w-full"> 10521 10522 10523 10524 10525 10526 10527 10528 10529 10530 10531 10532 10533 10534 10535 10536 10537 10538 10539<source data-src="//store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=2918" alt="Billie Eilish SIgnature" srcset="//store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=100 100w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=300 300w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=400 400w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=500 500w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=600 600w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=800 800w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=1200 1200w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=1600 1600w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=2000 2000w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=2560 2560w" width="2918" height="1497" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," media="(min-width: 760px)"> 10540 10541 10542 10543 10544 10545 10546 10547 10548 10549 10550 10551 10552 10553 10554 10555 10556 10557 10558 10559 10560 10561<img src="//store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=900" alt="Billie Eilish SIgnature" srcset="//store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=100 100w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=300 300w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=400 400w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=500 500w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=600 600w, //store.billieeilish.com/cdn/shop/files/be-signature.png?v=1778116915&width=800 800w" width="900" height="462" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," class="w-full image__responsive"> 10562 10563 10564 10565 10566 </picture> 10567 10568 10569 </div> 10570 10571 10572 10573 <div class="block-overlay-wrapper col-start-1 col-end-1 row-start-1 row-end-1"> 10574 <div class="block-overlay-bg absolute inset-0 opacity-70"></div> 10575 <div class="block-overlay-content relative h-full flex flex-col media-section__overlay justify-end px-lg-lg py-lg-sm gap-y-lg-xs"> 10576 10577 10578 10579 10580 10581 10582 10583 10584 10585 10586 10587 10588 10589 10590 10591 10592 10593 10594 10595 10596 10597 10598 10599 10600 10601 10602 10603 10604 10605 10606 10607 10608<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"> 10609 <div class="flex flex-col items-start md:items-start text-left md:text-left justify-center left"> 10610 10611 10612 10613 <div class="c-text-content-base text_body_lg rte"> 10614 10615 10616 10617 <p>"I've always loved the warmth of the original, and seeing how much everyone connected with it made creating Eilish Intense even more special.â</p> 10618 10619 10620 </div> 10621 10622 10623 10624 10625 10626 10627 </div> 10628 10629 10630</div> 10631 10632 </div> 10633 </div> 10634 10635</div> 10636</div> 10637 10638 10639 10640 10641 10642 10643 10644 10645 10646 10647 10648 10649 10650 10651 10652 10653 10654 10655 10656 10657 10658 10659 10660 10661 10662 10663 10664<div class="media-item media-item-image-overlay flex flex-col relative w-full justify-center px-none py-none"> 10665 <div class="grid grid-cols-1 grid-rows-1"> 10666 <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1 h-0 pb-[120%] md:h-0 md:pb-[120%]"> 10667 10668 10669 10670 10671 10672 10673 10674 10675 10676 10677 10678 10679 10680 10681 <picture class="image__adaptive absolute inset-0 w-full h-full object-cover"> 10682 10683 10684 10685 10686 10687 10688 10689 10690 10691 10692 10693 10694 10695 10696 10697 10698 10699 10700<source data-src="//store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=2160" srcset="//store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=100 100w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=300 300w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=400 400w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=500 500w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=600 600w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=800 800w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=1200 1200w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=1600 1600w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=2000 2000w" width="2160" height="2542" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 50vw, (max-width: 759px) 100vw," media="(min-width: 760px)"> 10701 10702 10703 10704 10705 10706 10707 10708 10709 10710 10711 10712 10713 10714 10715 10716 10717 10718 10719 10720 10721 10722<img src="//store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=900" srcset="//store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=100 100w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=300 300w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=400 400w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=500 500w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=600 600w, //store.billieeilish.com/cdn/shop/files/About_ProductImage-02.png?v=1785165638&width=800 800w" width="900" height="1059" 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"> 10723 10724 10725 10726 10727 </picture> 10728 10729 10730 </div> 10731 <a href="/products/your-turn-2-eau-de-parfum" class="col-start-1 row-start-1 z-10" ></a> 10732 </div> 10733</div> 10734 10735 10736</div> 10737</div> 10738 </div></div> 10739 </div> 10740 10741 10742 10743 </div> 10744 10745 10746 10747 10748 10749 10750 10751 10752<style> #shopify-section-template--19044574330941__media_section_6GtRTL .media-item-image-overlay:first-of-type .image-wrapper {grid-row: 2 / 3; padding: 0 2.5rem;} #shopify-section-template--19044574330941__media_section_6GtRTL .media-item-image-overlay:first-of-type .image-wrapper img {width: 45%; max-width: 12.5rem;} @media (max-width: 767px) {#shopify-section-template--19044574330941__media_section_6GtRTL .media-item-image-overlay:last-of-type {grid-row: 1 / 2; }} @media (min-width: 768px) {#shopify-section-template--19044574330941__media_section_6GtRTL .media-item-seo-text {padding-right: 1.5rem; } #shopify-section-template--19044574330941__media_section_6GtRTL .media-item-image-overlay:first-of-type > .grid {margin-top: auto; margin-bottom: 6rem; }} #shopify-section-template--19044574330941__media_section_6GtRTL .block-overlay-content {gap: 0;} </style></section><section id="shopify-section-template--19044574330941__media_section_eL3Hhj" class="shopify-section media-section"> 10753 10754 10755 10756 10757 10758 10759 10760 10761 10762 10763 10764 10765 10766 10767 10768 <div class="section__wrapper scheme-scheme2 c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 10769 10770 10771 10772 10773 <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-md"> 10774 <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-gray-500 rounded-none shadow-none"><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-md max-w-xl md:px-container-md md:max-w-xl"> 10775 <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent roun
10775ded-none shadow-none"> 10776 <div class="media-section__wrapper grid grid-cols-[repeat(var(--gridColsMobile),1fr)] md:grid-cols-[repeat(var(--gridColsDesktop),1fr)] gap-lg-md md:gap-container-md" style="--gridColsMobile: 1; --gridColsDesktop: 1;"> 10777 10778 10779 10780 10781 10782 10783 10784 10785 10786 10787 10788 10789 10790 10791 10792 10793 10794 10795 10796 10797 10798 10799 10800 10801<div class="media-item media-item-image-overlay flex flex-col relative w-full justify-center px-none py-none"> 10802 <div class="grid grid-cols-1 grid-rows-1"> 10803 <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1"> 10804 10805 10806 10807 10808 10809 10810 10811 10812 10813 10814 10815 10816 10817 10818 <picture class="image__adaptive w-full"> 10819 10820 10821 10822 10823 10824 10825 10826 10827 10828 10829 10830 10831 10832 10833 10834 10835 10836 10837<source data-src="//store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Desktop-02.png?v=1785165692&width=1920" srcset="//store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Desktop-02.png?v=1785165692&width=100 100w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Desktop-02.png?v=1785165692&width=300 300w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Desktop-02.png?v=1785165692&width=400 400w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Desktop-02.png?v=1785165692&width=500 500w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Desktop-02.png?v=1785165692&width=600 600w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Desktop-02.png?v=1785165692&width=800 800w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Desktop-02.png?v=1785165692&width=1200 1200w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Desktop-02.png?v=1785165692&width=1600 1600w" width="1920" height="908" loading="lazy" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 100vw, (min-width: 1024px) 100rem, (max-width: 759px) 100vw," media="(min-width: 760px)"> 10838 10839 10840 10841 10842 10843 10844 10845 10846 10847 10848 10849 10850 10851 10852 10853 10854 10855 10856 10857 10858 10859<img src="//store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Mobile-02.png?v=1785163077&width=900" srcset="//store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Mobile-02.png?v=1785163077&width=100 100w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Mobile-02.png?v=1785163077&width=300 300w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Mobile-02.png?v=1785163077&width=400 400w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Mobile-02.png?v=1785163077&width=500 500w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Mobile-02.png?v=1785163077&width=600 600w, //store.billieeilish.com/cdn/shop/files/Intense_HP_BE_Mobile-02.png?v=1785163077&width=800 800w" width="900" height="1133" loading="lazy" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 100vw, (min-width: 1024px) 100rem, (max-width: 759px) 100vw," class="w-full image__responsive"> 10860 10861 10862 10863 10864 </picture> 10865 10866 10867 </div></div> 10868</div> 10869 10870 10871</div> 10872</div> 10873 </div></div> 10874 </div> 10875 10876 10877 10878 </div> 10879 10880 10881 10882 10883 10884 10885 10886 10887</section><section id="shopify-section-template--19044574330941__media_section_AjMTXa" class="shopify-section media-section"> 10888 10889 10890 10891 10892 10893 10894 10895 10896 10897 10898 10899 10900 10901 10902 10903 <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 10904 10905 10906 10907 10908 <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-xl"> 10909 <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-gray-500 rounded-none shadow-none"><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-md max-w-full md:px-container-md md:max-w-full"> 10910 <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"> 10911 <div class="media-section__wrapper grid grid-cols-[repeat(var(--gridColsMobile),1fr)] md:grid-cols-[repeat(var(--gridColsDesktop),1fr)] gap-lg-xl md:gap-container-xl" style="--gridColsMobile: 1; --gridColsDesktop: 3;"> 10912 10913 10914 10915 10916 10917 10918 10919 10920 10921 10922 10923 10924 10925 10926 10927 10928 10929 10930 10931 10932 10933 10934 10935 10936 10937 10938 10939 10940 10941 10942 10943 10944 10945 10946 10947 10948 10949 10950 10951 10952 10953<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-start gap-sm-md"> 10954 <div class="flex flex-col items-start md:items-start text-left md:text-left justify-start left"> 10955 10956 10957 10958 10959 10960 <h2 class="c-text-content-heading text_heading_lg">CORE VALUES & SUSTAINABILITY</h2> 10961 10962 10963 10964 10965 10966 10967 10968 10969 10970 10971 </div> 10972 10973 10974</div> 10975 10976 10977 10978 10979 10980 10981 10982 10983 10984 10985 10986 10987 10988 10989 10990 10991 10992 10993 10994 10995 10996 10997 10998 10999 11000 11001 11002 11003 11004 11005 11006 11007 11008 11009 11010 11011 11012 11013 11014 11015 11016 11017 11018 11019<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-start gap-sm-md"> 11020 <div class="flex flex-col items-start md:items-start text-left md:text-left justify-start left"> 11021 11022 11023 11024 <div class="c-text-content-base text_body_lg rte"> 11025 11026 11027 11028 <p>ETHICAL BEAUTY</p> 11029 11030 11031 11032 <p>Eilish Fragrances stands as a testament to ethical beauty and sustainability. Each fragrance is made with clean ingredients, paraben-free, vegan-certified, and proudly cruelty-free, earning recognition from PETAâs Global Beauty Without Bunnies program.</p> 11033 11034 11035 </div> 11036 11037 11038 11039 11040 11041 11042 </div> 11043 11044 11045</div> 11046 11047 11048 11049 11050 11051 11052 11053 11054 11055 11056 11057 11058 11059 11060 11061 11062 11063 11064 11065 11066 11067 11068 11069 11070 11071 11072 11073 11074 11075 11076 11077 11078 11079 11080 11081 11082 11083 11084 11085 11086 11087 11088 11089 11090<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-start gap-sm-md"> 11091 <div class="flex flex-col items-start md:items-start text-left md:text-left justify-start left"> 11092 11093 11094 11095 <div class="c-text-content-base text_body_lg rte"> 11096 11097 11098 11099 <p>ECO-FRIENDLY packaging</p> 11100 11101 11102 11103 <p>
11103The packaging further reinforces this commitment to the planet, crafted with eco-friendly Envirofoil material and produced using 100% renewable wind energy. Fully recyclable and FSC-certified, every element is thoughtfully designed to prioritize environmental responsibility.</p> 11104 11105 11106 </div> 11107 11108 11109 11110 11111 11112 11113 </div> 11114 11115 11116</div> 11117 11118 11119</div> 11120</div> 11121 </div></div> 11122 </div> 11123 11124 11125 11126 </div> 11127 11128 11129 11130 11131 11132 11133 11134 11135</section><aside id="shopify-section-template--19044574330941__announcement_bar_LbtcPY" class="shopify-section announcement-bar"> 11136 11137 11138 11139 11140 11141 11142 11143 11144 11145 11146 11147 11148 11149 11150 11151 11152 11153 11154 11155 11156 11157 11158 11159 11160 11161 11162 <div class="announcement-bar__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden" role="region" aria-label="Announcement Bar"> 11163 11164 11165 11166 11167 11168 <div class="announcement-bar__container section-spacing mx-auto w-full relative z-10 py-container-md px-none max-w-full md:px-none md:max-w-full section-spacing mx-auto w-full relative z-10 py-container-md px-none max-w-full md:px-none md:max-w-full marquee flex gap-sm-md items-center justify-center" 11169 style="--duration: 120s;" 11170 > 11171 <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"> 11172 11173 11174 11175 11176 11177 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11178 11179 11180 11181 11182 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11183 11184 11185 11186 11187 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11188 11189 11190 11191 11192 11193 11194 11195 11196 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11197 11198 11199 11200 11201 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11202 11203 11204 11205 11206 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11207 11208 11209 11210 11211 11212 11213 11214 11215 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11216 11217 11218 11219 11220 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11221 11222 11223 11224 11225 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11226 11227 11228 11229 11230 11231 11232 11233 11234 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11235 11236 11237 11238 11239 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11240 11241 11242 11243 11244 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11245 11246 11247 11248 11249 11250 11251 11252 11253 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11254 11255 11256 11257 11258 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11259 11260 11261 11262 11263 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11264 11265 11266 11267 11268 11269 11270 11271 11272 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11273 11274 11275 11276 11277 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11278 11279 11280 11281 11282 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11283 11284 11285 11286 11287 11288 11289 11290 11291 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11292 11293 11294 11295 11296 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11297 11298 11299 11300 11301 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11302 11303 11304 11305 11306 11307 11308 11309 11310 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11311 11312 11313 11314 11315 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11316 11317 11318 11319 11320 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11321 11322 11323 11324 11325 11326 11327 11328 11329 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11330 11331 11332 11333 11334 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11335 11336 11337 11338 11339 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11340 11341 11342 11343 11344 11345 11346 11347 11348 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11349 11350 11351 11352 11353 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11354 11355 11356 11357 11358 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11359 11360 11361 11362 11363 11364 11365 </div> 11366 11367 <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"> 11368 11369 11370 11371 11372 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11373 11374 11375 11376 11377 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11378 11379 11380 11381 11382 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11383 11384 11385 11386 11387 11388 11389 11390 11391 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11392 11393 11394 11395 11396 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11397 11398 11399 11400 11401 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11402 11403 11404 11405 11406 11407 11408 11409 11410 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11411 11412 11413 11414 11415 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11416 11417 11418 11419 11420 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11421 11422 11423 11424 11425 11426 11427 11428 11429 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11430 11431 11432 11433 11434 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11435 11436 11437 11438 11439 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11440 11441 11442 11443 11444 11445 11446 11447 11448 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11449 11450 11451 11452 11453 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11454 11455 11456 11457 11458 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11459 11460 11461 11462 11463 11464 11465 11466 11467 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11468 11469 11470 11471 11472 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11473 11474 11475 11476 11477 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11478 11479 11480 11481 11482 11483 11484 11485 11486 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11487 11488 11489 11490 11491 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11492 11493 11494 11495 11496 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11497 11498 11499 11500 11501 11502 11503 11504 11505 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11506 11507 11508 11509 11510 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11511 11512 11513 11514 11515 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative"
11515 data-id="text_rKFGrw">Vegan</div> 11516 11517 11518 11519 11520 11521 11522 11523 11524 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11525 11526 11527 11528 11529 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11530 11531 11532 11533 11534 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11535 11536 11537 11538 11539 11540 11541 11542 11543 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_MAtiy3 shrink-0 text_body_lg overflow-hidden relative" data-id="text_MAtiy3">Paraben Free</div> 11544 11545 11546 11547 11548 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_xTfgnr shrink-0 text_body_lg overflow-hidden relative" data-id="text_xTfgnr">Cruelty Free</div> 11549 11550 11551 11552 11553 <div class="announcement-bar__item announcement-bar__item--text announcement-bar__item--template--19044574330941__announcement_bar_LbtcPY-text_rKFGrw shrink-0 text_body_lg overflow-hidden relative" data-id="text_rKFGrw">Vegan</div> 11554 11555 11556 11557 11558 11559 </div> 11560 11561 </div> 11562 11563 11564 11565 11566 </div> 11567 11568 11569 11570 11571 11572 11573 11574 11575 11576</aside><aside id="shopify-section-template--19044574330941__spacer_4MgKAC" class="shopify-section spacer"> 11577 11578 11579 11580 11581 11582 11583 11584 11585 11586 11587 11588 11589 11590 11591 11592 <div class="spacer__wrapper section__wrapper c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 11593 11594 11595 11596 11597 11598 <div class="spacer__spacing section-spacing mx-auto w-full relative z-10 py-container-2xs px-none max-w-full md:px-none md:max-w-full"> 11599 </div> 11600 11601 11602 </div> 11603 11604 11605 11606 11607 11608 11609 11610</aside></main> 11611 11612
11612<script defer="defer" src="//store.billieeilish.com/cdn/shop/t/157/assets/theme.bundle.js?v=157328288128894087361788884024"></script>
11612<script> 11613 window.focusVariantOnLoad = false; 11614 window.shop_iso_code = "US"; 11615 window.shopUrl = 'https://store.billieeilish.com'; 11616 window.currentCurrency = 'USD'; 11617 window.shopCurrencyFormat = "${{ amount }}" 11618 window.routes = { 11619 cart_add_url: '/cart/add', 11620 cart_change_url: '/cart/change', 11621 cart_update_url: '/cart/update', 11622 search_url: '/search', 11623 predictive_search_url: '/search/suggest', 11624 privacy_policy_url: '/policies/privacy-policy', 11625 legal_notice_url: '/policies/legal-notice', 11626 terms_of_sale_url: '/policies/terms-of-sale' 11627 }; 11628 window.cartStrings = { 11629 error: `There was an error while updating your cart. Please try again.`, 11630 quantityError: `You can only add [quantity] of this item to your cart.`, 11631 pauseFrameUnavailableMessage: `Sorry, this frame is not available at this time`, 11632 pauseFrameSoldOutMessage: `Sorry this frame is no longer available`, 11633 pauseFrame: `Frame` 11634 }; 11635 window.variantStrings = { 11636 addToCart: `Add to cart`, 11637 soldOut: `Sorry Sold out`, 11638 unavailable: `Unavailable`, 11639 extendCartTimer: `Extend cart timer`, 11640 chooseThisStyle: `Choose this style` 11641 }; 11642 window.accessibilityStrings = { 11643 imageAvailable: `Image [index] is now available in gallery view`, 11644 shareSuccess: `Link copied to clipboard`, 11645 pauseSlideshow: `Pause slideshow`, 11646 playSlideshow: `Play slideshow`, 11647 nextSlide: `Next slide`, 11648 prevSlide: `Previous slide`, 11649 pauseFrameAltHtml: `{{ title }} frame {frameNum} from Video`, 11650 enterFullScreen: `Enter Fullscreen`, 11651 exitFullScreen: `Exit Fullscreen`, 11652 hideFilters: `Hide filters`, 11653 showFilters: `Show filters`, 11654 countdownElementChange: `The countdown has ended. Some elements on the page may have changed.` 11655 }; 11656 window.shareStrings = { 11657 copyToClipboard: "Copy link", 11658 successMessage: "Link copied to clipboard", 11659 copyToClipboardError: "Error copying to clipboard", 11660 shareUrlError: "Error opening sharer" 11661 }; 11662 window.quickModalStrings = { 11663 productError: "Product details not available.", 11664 }; 11665 window.videoButtonStates = { 11666 playButton: "Play Button", 11667 pauseButton: "Pause Button" 11668 };window.shipDateLabel = 'Ships on: {{ date }}'; 11669 window.shipDateLabelTitled = '<b>{{ title }}:</b> Ships on {{ date }}';window.jsDateLocale = "en-US";</script>
11669<!-- BEGIN sections: footer-group --> 11670<footer id="shopify-section-sections--19044572594237__footer" class="shopify-section shopify-section-group-footer-group site-footer"> 11671 11672 11673 11674 11675 11676 11677 11678 11679 11680 11681 11682 11683 11684 11685 11686 11687 11688 11689<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"> 11690 <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"> 11691 11692 11693 11694 11695 11696<div class="footer__griditem footer__griditem--0 footer__griditem--logo md:col-span-1 md:row-span-1"> 11697 <div class="logo-container w-full h-full flex flex-col md:justify-start items-center md:items-start py-none px-none"> 11698 11699 11700 11701 11702 11703 11704 11705 11706 11707 11708 11709 11710 11711 11712 11713 11714 11715 11716 11717 11718 11719 11720 11721 11722 11723 11724 11725 11726 11727 11728 11729 11730 11731 11732 11733 11734 <a class="logo-cntr block" href="/" style=" --logo-width: 5.0rem; --logo-width_md: 5.0rem; " aria-label="Billie Eilish | Store Home"> 11735 11736 11737 11738 11739 11740 11741 11742 11743 11744 11745 11746 11747 11748 11749 11750 11751 11752 11753<img aria-hidden="true" src="//store.billieeilish.com/cdn/shop/files/footer-logo.svg?v=1778116936" srcset="//store.billieeilish.com/cdn/shop/files/footer-logo.svg?v=1778116936&width=55 55w" width="55" height="137" loading="lazy" class=" image__responsive image__responsive--svg"> 11754 11755 11756 11757 11758 11759 </a> 11760 11761 11762 </div> 11763</div> 11764 11765 11766<div class="footer__griditem footer__griditem--1 footer__griditem--developer md:col-span-2 md:row-span-1 py-none px-none"> 11767 <div class="developer-container"> 11768 <div class="md:text-left"> 11769 <div class="mb-sm-md"> 11770 <h3 class="text_display_md c-text-content-subtle no-underline">Official Store</h3> 11771 11772 11773 11774 11775 11776 11777 11778 11779 11780 11781 11782 11783 11784 11785 11786 11787<nav aria-label="Socials menu"> 11788 <ul class="flex flex-wrap justify-center md:justify-start gap-none" style="--icon-width: 1.25rem; --icon-height: 1.25rem;"> 11789 11790 <li> 11791 <a href="https://www.facebook.com/billieeilish/" target="_blank" aria-label="Open Facebook social link" class="icon_facebook flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary"> 11792 <div class="social-icons__wrapper"> 11793 <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z" /></svg> 11794 </div> 11795 </a> 11796 </li> 11797 11798 11799 <li> 11800 <a href="https://twitter.com/billieeilish" target="_blank" aria-label="Open Twitter social link" class="icon_twitter flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary"> 11801 <div class="social-icons__wrapper"> 11802 <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M36.6526 3.80786H43.3995L28.6594 20.6548L46 43.5798H32.4225L21.7881 29.6759L9.61989 43.5798H2.86886L18.6349 25.5601L2 3.80786H15.9222L25.5348 16.5165L36.6526 3.80786ZM34.2846 39.5414H38.0232L13.8908 7.63413H9.87892L34.2846 39.5414Z" /></svg> 11803 </div> 11804 </a> 11805 </li> 11806 11807 11808 <li> 11809 <a href="https://www.instagram.com/billieeilish/" target="_blank" aria-label="Open Instagram social link" class="icon_instagram flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary"> 11810 <div class="social-icons__wrapper"> 11811 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="umg-icon"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> 11812 </div> 11813 </a> 11814 </li> 11815 11816 11817 <li> 11818 <a href="https://www.youtube.com/channel/UCiGm_E4ZwYSHV3bcW1pnSeQ" target="_blank" aria-label="Open YouTube social link" class="icon_youtube flex h-full fill-current justify-center items-center h-min-click-s
11818pace w-min-click-space c-text-content-subtle hover:c-text-tertiary"> 11819 <div class="social-icons__wrapper"> 11820 <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M47.5219 14.4001C47.5219 14.4001 47.0531 11.0907 45.6094 9.6376C43.7812 7.7251 41.7375 7.71572 40.8 7.60322C34.0875 7.11572 24.0094 7.11572 24.0094 7.11572H23.9906C23.9906 7.11572 13.9125 7.11572 7.2 7.60322C6.2625 7.71572 4.21875 7.7251 2.39062 9.6376C0.946875 11.0907 0.4875 14.4001 0.4875 14.4001C0.4875 14.4001 0 18.2907 0 22.172V25.8095C0 29.6907 0.478125 33.5813 0.478125 33.5813C0.478125 33.5813 0.946875 36.8907 2.38125 38.3438C4.20937 40.2563 6.60938 40.1907 7.67813 40.397C11.5219 40.7626 24 40.8751 24 40.8751C24 40.8751 34.0875 40.8563 40.8 40.3782C41.7375 40.2657 43.7812 40.2563 45.6094 38.3438C47.0531 36.8907 47.5219 33.5813 47.5219 33.5813C47.5219 33.5813 48 29.7001 48 25.8095V22.172C48 18.2907 47.5219 14.4001 47.5219 14.4001ZM19.0406 30.2251V16.7345L32.0062 23.5032L19.0406 30.2251Z" /></svg> 11821 </div> 11822 </a> 11823 </li> 11824 11825 11826 <li> 11827 <a href="https://music.apple.com/us/artist/billie-eilish/1065981054" target="_blank" aria-label="Open Apple Music social link" class="icon_apple flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary"> 11828 <div class="social-icons__wrapper"> 11829 <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M43.5839 37.4071C42.858 39.0841 41.9988 40.6277 41.0033 42.0469C39.6463 43.9817 38.5352 45.3209 37.6789 46.0646C36.3516 47.2853 34.9294 47.9105 33.4065 47.946C32.3132 47.946 30.9947 47.6349 29.4599 47.0038C27.9201 46.3757 26.5051 46.0646 25.2112 46.0646C23.8542 46.0646 22.3988 46.3757 20.8421 47.0038C19.2831 47.6349 18.0271 47.9638 17.0668 47.9964C15.6064 48.0586 14.1508 47.4157 12.6978 46.0646C11.7704 45.2557 10.6105 43.8691 9.22087 41.9047C7.72995 39.807 6.50422 37.3745 5.54395 34.6012C4.51554 31.6058 4 28.7051 4 25.8969C4 22.6801 4.69509 19.9057 6.08734 17.5807C7.18153 15.7132 8.63718 14.2401 10.4591 13.1586C12.2809 12.0772 14.2495 11.5261 16.3694 11.4908C17.5293 11.4908 19.0505 11.8496 20.9408 12.5548C22.8258 13.2623 24.0361 13.6211 24.5667 13.6211C24.9635 13.6211 26.308 13.2016 28.5874 12.3652C30.7428 11.5895 32.562 11.2683 34.0524 11.3948C38.0908 11.7207 41.1247 13.3127 43.1425 16.1807C39.5307 18.3691 37.7441 21.4342 37.7797 25.3662C37.8123 28.429 38.9233 30.9776 41.107 33.0013C42.0966 33.9405 43.2017 34.6664 44.4313 35.182C44.1646 35.9553 43.8832 36.696 43.5839 37.4071V37.4071ZM34.322 0.960762C34.322 3.36131 33.445 5.6027 31.6969 7.6773C29.5873 10.1436 27.0357 11.5687 24.2687 11.3439C24.2334 11.0559 24.213 10.7528 24.213 10.4343C24.213 8.12973 25.2162 5.66343 26.9978 3.6469C27.8872 2.6259 29.0185 1.77694 30.3903 1.09972C31.7591 0.432598 33.0539 0.0636663 34.2716 0.000488281C34.3072 0.321404 34.322 0.64234 34.322 0.960731V0.960762Z" /></svg> 11830 </div> 11831 </a> 11832 </li> 11833 11834 11835 <li> 11836 <a href="https://open.spotify.com/artist/6qqNVTkY8uBg9cP3Jd7DAH" target="_blank" aria-label="Open Spotify social link" class="icon_spotify flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary"> 11837 <div class="social-icons__wrapper"> 11838 <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M23.9266 0C10.7126 0 0 10.7123 0 23.9263C0 37.1409 10.7126 47.8523 23.9266 47.8523C37.142 47.8523 47.8534 37.1409 47.8534 23.9263C47.8534 10.7131 37.142 0.00114285 23.9263 0.00114285L23.9266 0ZM34.8991 34.5086C34.4706 35.2114 33.5506 35.4343 32.8477 35.0029C27.23 31.5714 20.158 30.7943 11.8294 32.6971C11.0269 32.88 10.2269 32.3771 10.044 31.5743C9.86029 30.7714 10.3611 29.9714 11.1657 29.7886C20.28 27.7054 28.098 28.6029 34.4049 32.4571C35.1077 32.8886 35.3306 33.8057 34.8991 34.5086ZM37.8277 27.9929C37.2877 28.8714 36.1391 29.1486 35.262 28.6086C28.8306 24.6546 19.0269 23.5097 11.4197 25.8189C10.4331 26.1169 9.39114 25.5609 9.09171 24.576C8.79457 23.5894 9.35086 22.5494 10.3357 22.2494C19.0251 19.6129 29.8277 20.89 37.2134 25.4286C38.0906 25.9686 38.3677 27.1169 37.8277 27.9929ZM38.0791 21.2089C30.3677 16.6286 17.6449 16.2074 10.2823 18.442C9.1 18.8006 7.84971 18.1331 7.49143 16.9509C7.13314 15.768 7.8 14.5186 8.98314 14.1591C17.4349 11.5934 31.4849 12.0891 40.3631 17.3597C41.4289 17.9909 41.7774 19.3643 41.146 20.4263C40.5174 21.4897 39.1403 21.8403 38.0803 21.2089H38.0791Z" /></svg> 11839 </div> 11840 </a> 11841 </li> 11842 11843 11844 11845 11846 </ul> 11847</nav> 11848 11849 </div> 11850 11851 11852 <div class="mb-sm-md"> 11853 <h3 class="text_display_md c-text-content-subtle no-underline">Eilish Fragrances</h3> 11854 <nav aria-label="Socials menu"> 11855 <ul 11856 class="flex flex-wrap justify-center md:justify-start gap-none" 11857 style="--icon-width: 1.25rem; --icon-height: 1.25rem" 11858 > 11859 <li> 11860 <a 11861 href="https://www.instagram.com/billieeilishfragrances/" 11862 target="_blank" 11863 aria-label="Open Instagram social link"
11864 class="icon_instagram flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary" 11865 > 11866 <div class="social-icons__wrapper"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="umg-icon"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></div> 11867 </a> 11868 </li> 11869 </ul> 11870 </nav> 11871 </div> 11872 11873 11874 <a href="https://store.billieeilish.com" class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary cursor-pointer no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">© 2026 Billie Eilish | Store 11875 11876</a> 11877</div> 11878 11879 </div> 11880</div> 11881 11882 11883 11884 11885 11886 11887 11888 11889 11890 11891 11892 11893 11894 11895 11896 11897 11898 11899 11900 11901 11902 11903 11904 11905<div class="footer__griditem footer__griditem--2 footer__griditem--navigation md:col-span-2 md:row-span-1 py-none px-none"> 11906 <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"> 11907 11908 11909 11910 11911 11912 11913 11914 11915 11916 11917 11918 11919 11920 11921 11922 11923 11924 11925 11926 11927 11928 11929 11930 11931 11932 11933 11934 11935 11936 11937 11938 11939 11940 11941 11942 11943 <div class="navigation-heading-container w-full"> 11944 <h3 class="text_display_md c-text-content-subtle no-underline">Official Store</h3> 11945 </div> 11946 11947 11948 11949 11950 11951 11952<nav class="w-full md:flex md:items-start nav-wrapper" > 11953 <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"> 11954 11955 11956 11957 11958 11959 11960 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 11961 <a href="/collections/all-music">Music</a> 11962 </li> 11963 11964 11965 11966 11967 11968 11969 11970 11971 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 11972 <a href="/collections/all-merch">Merch</a> 11973 </li> 11974 11975 11976 11977 11978 11979 11980 11981 11982 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 11983 <a href="/pages/sustainability">Sustainability</a> 11984 </li> 11985 11986 11987 11988 </ul> 11989</nav> 11990 11991 11992 11993 </div> 11994</div> 11995 11996 11997 11998 11999 12000 12001 12002 12003 12004 12005 12006 12007 12008 12009 12010 12011 12012 12013 12014 12015 12016 12017 12018 12019<div class="footer__griditem footer__griditem--3 footer__griditem--navigation md:col-span-2 md:row-span-1 py-none px-none"> 12020 <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"> 12021 12022 12023 12024 12025 12026 12027 12028 12029 12030 12031 12032 12033 12034 12035 12036 12037 12038 12039 12040 12041 12042 12043 12044 12045 12046 12047 12048 12049 12050 12051 12052 12053 12054 12055 12056 12057 <div class="navigation-heading-container w-full"> 12058 <h3 class="text_display_md c-text-content-subtle no-underline">Eilish Fragrances</h3> 12059 </div> 12060 12061 12062 12063 12064 12065 12066<nav class="w-full md:flex md:items-start nav-wrapper" > 12067 <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"> 12068 12069 12070 12071 12072 12073 12074 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-u
12074nderline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12075 <a href="/collections/fragrance">Shop All</a> 12076 </li> 12077 12078 12079 12080 12081 12082 12083 12084 12085 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12086 <a href="/collections/your-turn">Your Turn</a> 12087 </li> 12088 12089 12090 12091 12092 12093 12094 12095 12096 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12097 <a href="/collections/eilish">Eilish</a> 12098 </li> 12099 12100 12101 12102 12103 12104 12105 12106 12107 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12108 <a href="/collections/refills">Refills</a> 12109 </li> 12110 12111 12112 12113 12114 12115 12116 12117 12118 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12119 <a href="/pages/sustainability-about">Sustainability</a> 12120 </li> 12121 12122 12123 12124 12125 12126 12127 12128 12129 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12130 <a href="https://www.instagram.com/billieeilishfragrances/">Instagram</a> 12131 </li> 12132 12133 12134 12135 12136 12137 12138 12139 12140 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12141 <a href="/pages/fragrance-faq">Fragrance FAQs</a> 12142 </li> 12143 12144 12145 12146 </ul> 12147</nav> 12148 12149 12150 12151 </div> 12152</div> 12153 12154 12155 12156 12157 12158 12159 12160 12161 12162 12163 12164 12165 12166 12167 12168 12169 12170 12171 12172 12173 12174 12175 12176 12177<div class="footer__griditem footer__griditem--4 footer__griditem--navigation md:col-span-2 md:row-span-1 py-none px-none"> 12178 <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"> 12179 12180 12181 12182 12183 12184 12185 12186 12187 12188 12189 12190 12191 12192 12193 12194 12195 12196 12197 12198 12199 12200 12201 12202 12203 12204 12205 12206 12207 12208 12209 12210 12211 12212 12213 12214 12215 12216 12217 12218 12219 12220<nav class="w-full md:flex md:items-start nav-wrapper" aria-label="Support Links"> 12221 <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"> 12222 12223 12224 12225 12226 12227 12228 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12229 <a href="/pages/help">Help & Support</a> 12230 </li> 12231 12232 12233 12234 12235 12236 12237 12238 12239 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12240 <a href="/policies/terms-of-sale">Terms</a> 12241 </li> 12242 12243 12244 12245 12246 12247 12248 12249 12250 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12251 <a href="/policies/privacy-policy">Privacy</a> 12252 </li> 12253 12254 12255 12256 12257 12258 12259 12260 12261 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12262 <a href="/policies/legal-notice">Do not sell my personal information</a> 12263 </li> 12264 12265 12266 12267 12268 12269 12270 12271 12272 <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 12273 <a href="#" 12274 12275 onclick="event.preventDefault();transcend.showConsentManager({'viewState': 'CompleteOptions' });" 12276 12277 12278 data-linklist="transcend" 12279 >Cookie Choices</a> 12280 </li> 12281 12282 12283 12284 </ul> 12285</nav> 12286 12287 12288 12289 </div> 12290</div> 12291 12292 12293<div class="footer__griditem footer__griditem--5 footer__griditem--developer md:col-span-3 md:row-span-1 py-none px-none"> 12294 <div class="developer-container"> 12295 <div class="privy-embed-form" data-campaign="4621472"></div> 12296 12297 </div> 12298</div> 12299 12300 12301 12302 12303 12304<div class="footer__griditem footer__griditem--6 footer__griditem--text md:col-span-12 md:row-span-1 py-none px-none text_body_xs c-text-content-subtle"> 12305 <div class="text-container w-full h-full flex flex-col text-center md:text-center md:justify-center"> 12306 12307 12308 12309 12310 12311 12312 <p>
12312BILLIE EILISH, HIT ME HARD AND SOFT, WHEN WE ALL FALL ASLEEP, WHERE DO WE GO?, HAPPIER THAN EVER, BLOHSH, and the BLOHSH MAN LOGO are trademarks of Lash Music, LLC, registered in the United States and/or other jurisdictions</p> 12313 12314 12315 12316 12317 12318 12319 <p> 12320 If you are using a screen reader and are having problems using this website, please call 866-682-4413 for assistance. 12321 </p> 12322 12323 12324 12325 12326 12327 </div> 12328</div></div> 12329 12330 12331 12332 12333 12334</div> 12335 12336 12337</footer> 12338<!-- END sections: footer-group -->
12338<script defer="defer" src="//store.billieeilish.com/cdn/shop/t/157/assets/utm-params.bundle.js?v=44857160626880170391788884024"></script>
12338 12339
12339<script defer="defer" src="//store.billieeilish.com/cdn/shop/t/157/assets/section-render.bundle.js?v=141459979373393777191788884024"></script>
12339<script defer="defer" src="//store.billieeilish.com/cdn/shop/t/157/assets/product.bundle.js?v=34090772635970444421788884024"></script>
12339<script defer="defer" src="//store.billieeilish.com/cdn/shop/t/157/assets/cart-drawer.bundle.js?v=15578930140564118461788884024"></script>
12339<script async="async" src="//store.billieeilish.com/cdn/shop/t/157/assets/content-overlay.bundle.js?v=37908579092181384011788884024"></script>
12339<script defer="defer" src="//store.billieeilish.com/cdn/shop/t/157/assets/buy-now-pay-later.bundle.js?v=180350615595400516921788884024"></script>
12339 12340 12341 12342
12342<script async> 12343 const affirmConfig = { 12344 public_api_key: '8KUZK8CFG93IUR0Q', 12345 script: 'https://cdn1.affirm.com/js/v2/affirm.js' 12346 }; 12347 12348 if (!window.affirm) { 12349 (function(l,g,m,e,a,f,b){var d,c=l[m]||{},h=document.createElement(f),n=document.getElementsByTagName(f)[0],k=function(a,b,c){return function(){a[b]._.push([c,arguments]);}};c[e]=k(c,e,'set');d=c[e];c[a]={};c[a]._=[];d._=[];c[a][b]=k(c,a,b);a=0;for(b='set add save post open empty reset on off trigger ready setProduct'.split(' ');a<b.length;a++)d[b[a]]=k(c,e,b[a]);a=0;for(b=['get','token','url','items'];a<b.length;a++)d[b[a]]=function(){};h.async=!0;h.src=g[f];n.parentNode.insertBefore(h,n);delete g[f];d(g);l[m]=c;})(window,affirmConfig,'affirm','checkout','ui','script','ready'); 12350 } 12351 </script>
12351 12352 12353<!-- BEGIN sections: background-group --> 12354 12355<!-- END sections: background-group --><!-- START OPEN EXTERNAL LINKS IN NEW TAB -->
12356<script> 12357 document.addEventListener("DOMContentLoaded", () => { 12358 const links = document.links; 12359 for (let i = 0, linksLength = links.length; i < linksLength; i++) { 12360 if (links[i].hostname !== window.location.hostname) { 12361 links[i].target = "_blank"; 12362 links[i].rel = "noreferrer noopener"; 12363 } 12364 } 12365 }); 12366</script>
12366 12367<!-- END OPEN EXTERNAL LINKS IN NEW TAB --> 12368 12369 12370<!-- START OPEN PRIVY POPUP ON FRAGRANCE NEWSLETTER LINK CLICK -->
12371<script> 12372 document.addEventListener("DOMContentLoaded", () => { 12373 const newsletterLinks = document.querySelectorAll( 12374 ".header__wrapper.brand--fragrance .mega-menu__nav a[href='/pages/sign-up'], .header__wrapper.brand--fragrance .nav-drawer__menu a[href='/pages/sign-up']", 12375 ); 12376 12377 newsletterLinks.forEach((link) => { 12378 link.addEventListener("click", function (event) { 12379 if (window.Privy && typeof window.Privy.show === "function") { 12380 event.preventDefault(); 12381 window.Privy.show(); 12382 } 12383 }); 12384 }); 12385 }); 12386</script>
12386 12387<!-- END OPEN PRIVY POPUP ON FRAGRANCE NEWSLETTER LINK CLICK --> 12388<style data-shopify>/* YOTPO */ 12389.yotpo-reviews-main-widget { 12390 --primary-font-weight: 400 !important; 12391 --secondary-font-weight: 400 !important 12392} 12393.yotpo-reviews-main-widget .yotpo-mobile-filters-popup-overlay-container { 12394 z-index: 999999; 12395} 12396.yotpo-sr-bottom-line-score, 12397.yotpo-sr-bottom-line-text { 12398 font-weight: 400 !important; 12399}</style>
12399<script></script>
12399<script async="async" src="//store.billieeilish.com/cdn/shop/t/157/assets/dotdigital-site-tracking.bundle.js?v=56115862656055679041788884024"></script>
12399<script> 12400 window.customerEmail = '' 12401 window.customerAcceptsMarketing = '' 12402 window.dotDigitalCartInsights = { 12403 programId: '25247', 12404 currency: 'USD', 12405 subtotal: '0.00', 12406 discountAmount: '0.00', 12407 grandTotal: '0.00', 12408 cartUrl: 'https://store.billieeilish.com', 12409 lineItems: '[]' 12410 } 12411 </script>
12411<script async="async" src="//store.billieeilish.com/cdn/shop/t/157/assets/dotdigital-cart-insight.bundle.js?v=73368649038972163841788884024"></script>
vendor: 1 bytes, line 12411
12411
12412<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
12412 12413</body> 12414</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.