PageSourceSearch

https://store.eltonjohn.com/products/captain-fantastic-and-the-bro…t-cowboy-50th-anniversary-edition-vinyl-2lp

html eltonjohn.com collected 2026-10-01 10:33:11 UTC 305,053 bytes, 6,337 lines download raw bytes

1<!doctype html>
2<html class="flex flex-col min-h-full" lang="en-GB">
3<head><meta charset="utf-8">
4  <meta name="robots" content="noai, noimageai">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"><style data-shopify>
7/* TYPOGRAPHY */:root {
8--typeface_primary: "MTTMilano", serif;--typeface_secondary: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';--typeface_tertiary: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';--font_display_md: var(--typeface_primary);
9  --font_display_md_weight: 500;
10  --font_display_md_letter: 0.0rem;
11  --font_display_md_line: 1.5;
12  --font_display_md_text_transform: none;--font_display_md_size: 1.375rem;
13  --font_display_md_size_md: 1.375rem;--font_heading_2xl: var(--typeface_primary);
14  --font_heading_2xl_weight: 300;
15  --font_heading_2xl_letter: -0.08125rem;
16  --font_heading_2xl_line: 1.2;
17  --font_heading_2xl_text_transform: none;--font_heading_2xl_size: 1.375rem;
18  --font_heading_2xl_size_md: 2.0rem;--font_heading_xl: var(--typeface_primary);
19  --font_heading_xl_weight: 700;
20  --font_heading_xl_letter: 0.0rem;
21  --font_heading_xl_line: 1.2;
22  --font_heading_xl_text_transform: none;--font_heading_xl_size: 1.5rem;
23  --font_heading_xl_size_md: 1.5rem;--font_heading_lg: var(--typeface_primary);
24  --font_heading_lg_weight: 500;
25  --font_heading_lg_letter: -0.03125rem;
26  --font_heading_lg_line: 1.5;
27  --font_heading_lg_text_transform: none;--font_heading_lg_size: 1.125rem;
28  --font_heading_lg_size_md: 1.375rem;--font_heading_md: var(--typeface_primary);
29  --font_heading_md_weight: 300;
30  --font_heading_md_letter: 0.375rem;
31  --font_heading_md_line: 1.5;
32  --font_heading_md_text_transform: none;--font_heading_md_size: 1.625rem;
33  --font_heading_md_size_md: 1.5rem;--font_body_lg: var(--typeface_primary);
34  --font_body_lg_weight: 500;
35  --font_body_lg_letter: 0.0rem;
36  --font_body_lg_line: 1.3;
37  --font_body_lg_text_transform: none;--font_body_lg_size: 1.0625rem;
38  --font_body_lg_size_md: 1.25rem;--font_body_md: var(--typeface_primary);
39  --font_body_md_weight: 400;
40  --font_body_md_letter: 0.0rem;
41  --font_body_md_line: 1.5;
42  --font_body_md_text_transform: none;--font_body_md_size: 1.0rem;
43  --font_body_md_size_md: 1.0rem;--font_body_sm: var(--typeface_primary);
44  --font_body_sm_weight: 400;
45  --font_body_sm_letter: 0.0rem;
46  --font_body_sm_line: 1.5;
47  --font_body_sm_text_transform: none;--font_body_sm_size: 1.0rem;
48  --font_body_sm_size_md: 1.0rem;--font_body_xs: var(--typeface_primary);
49  --font_body_xs_weight: 400;
50  --font_body_xs_letter: 0.0rem;
51  --font_body_xs_line: 1.5;
52  --font_body_xs_text_transform: none;--font_body_xs_size: 0.8125rem;
53  --font_body_xs_size_md: 0.8125rem;--font_button: var(--typeface_primary);
54  --font_button_weight: 500;
55  --font_button_letter: 0.0rem;
56  --font_button_line: 1;
57  --font_button_text_transform: none;--font_button_size: 1.0rem;
58  --font_button_size_md: 1.0rem;--font_navigation_lg: var(--typeface_primary);
59  --font_navigation_lg_weight: 400;
60  --font_navigation_lg_letter: 0.0rem;
61  --font_navigation_lg_line: 1.5;
62  --font_navigation_lg_text_transform: none;--font_navigation_lg_size: 1.125rem;
63  --font_navigation_lg_size_md: 1.125rem;--font_navigation_md: var(--typeface_primary);
64  --font_navigation_md_weight: 400;
65  --font_navigation_md_letter: 0.0rem;
66  --font_navigation_md_line: 1.5;
67  --font_navigation_md_text_transform: none;--font_navigation_md_size: 1.0rem;
68  --font_navigation_md_size_md: 1.0rem;--font_navigation_sm: var(--typeface_primary);
69  --font_navigation_sm_weight: 400;
70  --font_navigation_sm_letter: 0.0rem;
71  --font_navigation_sm_line: 1.5;
72  --font_navigation_sm_text_transform: none;--font_navigation_sm_size: 0.875rem;
73  --font_navigation_sm_size_md: 0.875rem;
74}
75/* TYPOGRAPHY */
76
77</style><style data-shopify>
78  /**
79      Set Color Variable from shopify
80  */
81  :root {
82    --color-outline: #2563eb;
83    --color-black: hsl(0 0% 5%);
84    --color-white: hsl(0 0% 95%);
85    --color-transparent: rgba(0,0,0,0);
86
87    --color-gray-50: hsl(0 0% 98%);
88    --color-gray-100: hsl(240 5% 96%);
89    --color-gray-200: hsl(240 6% 90%);
90    --color-gray-300: hsl(240 5% 84%);
91    --color-gray-400: hsl(240 5% 65%);
92    --color-gray-500: hsl(240 4% 46%);
93    --color-gray-600: hsl(240 5% 34%);
94    --color-gray-700: hsl(240 5% 26%);
95    --color-gray-800: hsl(240 4% 16%);
96    --color-gray-900: hsl(240 6% 10%);
97
98    --color-gray-100-on: hsl(240 6% 10%);
99    --color-gray-900-on: hsl(240 5% 96%);--scheme1-content-base:0 0% 0%;
100      --scheme1-content-subtle:0 0% 20%;
101      --scheme1-content-emphasis:240 6% 10%;
102      --scheme1-content-heading:240 6% 10%;
103
104      --scheme1-surface:0 0% 100%;
105      --scheme1-surface-gradient: ;
106      --scheme1-background:0 0% 100%;
107      --scheme1-background-gradient: ;
108
109      --scheme1-primary:0 0% 0%;
110      --scheme1-primary-light:0 0% 20%;
111      --scheme1-primary-dark:0 0% 0%;
112      --scheme1-primary-on:0 0% 100%;
113      --scheme1-primary-gradient: ;
114
115      --scheme1-secondary:240 6% 10%;
116      --scheme1-secondary-light:240 6% 30%;
117      --scheme1-secondary-dark:0 0% 0%;
118      --scheme1-secondary-on:40 20% 97%;
119      --scheme1-secondary-gradient: ;
120
121      --scheme1-tertiary:40 20% 97%;
122      --scheme1-tertiary-light:0 0% 100%;
123      --scheme1-tertiary-dark:39 20% 77%;
124      --scheme1-tertiary-on:195 3% 29%;
125      --scheme1-tertiary-gradient: ;--scheme1-notification-on:200 4% 13%;
126      --scheme1-notification:220 6% 90%;
127      --scheme1-notification-mix: hsl(211, 11%, 42%);--scheme1-success-on:150 3% 13%;
128      --scheme1-success:141 79% 85%;
129      --scheme1-success-mix: hsl(141, 22%, 39%);--scheme1-error-on:0 74% 42%;
130      --scheme1-error:0 100% 97%;
131      --scheme1-error-mix: hsl(0, 66%, 60%);--scheme2-content-base:240 4% 16%;
132      --scheme2-content-subtle:240 5% 34%;
133      --scheme2-content-emphasis:240 6% 10%;
134      --scheme2-content-heading:240 6% 10%;
135
136      --scheme2-surface:240 5% 96%;
137      --scheme2-surface-gradient: ;
138      --scheme2-background:240 5% 96%;
139      --scheme2-background-gradient: ;
140
141      --scheme2-primary:240 6% 10%;
142      --scheme2-primary-light:240 6% 30%;
143      --scheme2-primary-dark:0 0% 0%;
144      --scheme2-primary-on:0 0% 98%;
145      --scheme2-primary-gradient: ;
146
147      --scheme2-secondary:240 4% 16%;
148      --scheme2-secondary-light:240 4% 36%;
149      --scheme2-secondary-dark:0 0% 0%;
150      --scheme2-secondary-on:0 0% 98%;
151      --scheme2-secondary-gradient: ;
152
153      --scheme2-tertiary:240 5% 34%;
154      --scheme2-tertiary-light:240 6% 54%;
155      --scheme2-tertiary-dark:240 4% 14%;
156      --scheme2-tertiary-on:0 0% 98%;
157      --scheme2-tertiary-gradient: ;--scheme2-notification-on:200 4% 13%;
158      --scheme2-notification:220 6% 90%;
159      --scheme2-notification-mix: hsl(211, 11%, 42%);--scheme2-success-on:150 3% 13%;
160      --scheme2-success:141 79% 85%;
161      --scheme2-success-mix: hsl(141, 22%, 39%);--scheme2-error-on:0 74% 42%;
162      --scheme2-error:0 100% 97%;
163      --scheme2-error-mix: hsl(0, 66%, 60%);}.scheme-scheme1 {
164        /* Content */
165        --color-content-base: hsl(var(--scheme1-content-base));
166        --color-content-subtle: hsl(var(--scheme1-content-subtle));
167        --color-content-emphasis: hsl(var(--scheme1-content-emphasis));
168        --color-content-heading: hsl(var(--scheme1-content-heading));
169
170        /* Surface */
171        --color-surface: hsl(var(--scheme1-surface, var(--scheme1-background)));--color-surface-gradient: hsl(var(--scheme1-surface));
172        /* Background */
173        --color-background: hsl(var(--scheme1-background));--color-background-gradient: hsl(var(--scheme1-background));/* Primary Color */
174        --color-primary-on: hsl(var(--scheme1-primary-on));
175        --color-primary: hsl(var(--scheme1-primary));
176        --color-primary-dark: hsl(var(--scheme1-primary-dark));
177        --color-primary-light: hsl(var(--scheme1-primary-light));--color-primary-gradient: hsl(var(--scheme1-primary));/* Secondary Color */
178        --color-secondary-on: hsl(var(--scheme1-secondary-on));
179        --color-secondary: hsl(var(--scheme1-secondary));
180        --color-secondary-dark: hsl(var(--scheme1-secondary-dark));
181        --color-secondary-light: hsl(var(--scheme1-secondary-light));--color-secondary-gradient: hsl(var(--scheme1-secondary));/* Tertiary Color */
182        --color-tertiary-on: hsl(var(--scheme1-tertiary-on));
183        --color-tertiary: hsl(var(--scheme1-tertiary));
184        --color-tertiary-dark: hsl(var(--scheme1-tertiary-dark));
185        --color-tertiary-light: hsl(var(--scheme1-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme1-tertiary));/* Accent Colors */
186        /* Notification */
187        --color-on-notification: hsl(var(--scheme1-notification-on));
188        --color-notification: hsl(var(--scheme1-notification));
189        --color-notification-mix: var(--scheme1-notification-mix);
190
191        /* Success */
192        --color-on-success: hsl(var(--scheme1-success-on));
193        --color-success: hsl(var(--scheme1-success));
194        --color-success-mix: var(--scheme1-success-mix);
195
196        /* Error */
197        --color-on-error: hsl(var(--scheme1-error-on));
198        --color-error-on: var(--color-on-error);
199        --color-error: hsl(var(--scheme1-error));
200        --color-error-mix: var(--scheme1-error-mix);--color-error-mix-on: var(--color-black);
201
202        /* Section */--color-text: var(--color-content-base, var(--color-content-base));
203        --color-border: var(--color-secondary, var(--border-default-color));
204        /* Section */
205
206        /* Tables BG Color */
207        --color-table-bg: var(--color-default, var(--color-background));
208
209        /* Input Color */
210        --color-input-text: hsl(var(--scheme1-content-base));
211      }
212    .scheme-scheme2 {
213        /* Content */
214        --color-content-base: hsl(var(--scheme2-content-base));
215        --color-content-subtle: hsl(var(--scheme2-content-subtle));
216        --color-content-emphasis: hsl(var(--scheme2-content-emphasis));
217        --color-content-heading: hsl(var(--scheme2-content-heading));
218
219        /* Surface */
220        --color-surface: hsl(var(--scheme2-surface, var(--scheme2-background)));--color-surface-gradient: hsl(var(--scheme2-surface));
221        /* Background */
222        --color-background: hsl(var(--scheme2-background));--color-background-gradient: hsl(var(--scheme2-background));/* Primary Color */
223        --color-primary-on: hsl(var(--scheme2-primary-on));
224        --color-primary: hsl(var(--scheme2-primary));
225        --color-primary-dark: hsl(var(--scheme2-primary-dark));
226        --color-primary-light: hsl(var(--scheme2-primary-light));--color-primary-gradient: hsl(var(--scheme2-primary));/* Secondary Color */
227        --color-secondary-on: hsl(var(--scheme2-secondary-on));
228        --color-secondary: hsl(var(--scheme2-secondary));
229        --color-secondary-dark: hsl(var(--scheme2-secondary-dark));
230        --color-secondary-light: hsl(var(--scheme2-secondary-light));--color-secondary-gradient: hsl(var(--scheme2-secondary));/* Tertiary Color */
231        --color-tertiary-on: hsl(var(--scheme2-tertiary-on));
232        --color-tertiary: hsl(var(--scheme2-tertiary));
233        --color-tertiary-dark: hsl(var(--scheme2-tertiary-dark));
234        --color-tertiary-light: hsl(var(--scheme2-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme2-tertiary));/* Accent Colors */
235        /* Notification */
236        --color-on-notification: hsl(var(--scheme2-notification-on));
237        --color-notification: hsl(var(--scheme2-notification));
238        --color-notification-mix: var(--scheme2-notification-mix);
239
240        /* Success */
241        --color-on-success: hsl(var(--scheme2-success-on));
242        --color-success: hsl(var(--scheme2-success));
243        --color-success-mix: var(--scheme2-success-mix);
244
245        /* Error */
246        --color-on-error: hsl(var(--scheme2-error-on));
247        --color-error-on: var(--color-on-error);
248        --color-error: hsl(var(--scheme2-error));
249        --color-error-mix: var(--scheme2-error-mix);--color-error-mix-on: var(--color-black);
250
251        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
252        --color-border: var(--color-secondary, var(--border-default-color));
253        /* Section */
254
255        /* Tables BG Color */
256        --color-table-bg: var(--color-default, var(--color-background));
257
258        /* Input Color */
259        --color-input-text: hsl(var(--scheme2-content-base));
260      }
261    
262</style>
263<style data-shopify>:root {
264    --border-default-width: 1px;
265    --border-default-width-narrow: 1px;
266    --border-default-width-wide: 2px;
267    --border-default-radius: 0;
268    --border-default-color: var(--color-content-subtle);
269  }</style><style data-shopify>
270  :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-lg);}
271
272  .btn {--tw-shadow: 0 0px 0px 0 var(--button-shadow-color);
272 --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(--default,var(--color-primary)); --button-color: var(--color-primary-on); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; --button-fill: var(--color-primary);--button-fill-hover: var(--color-secondary); background: var(--button-fill); --button-gradient-visible: hidden;}
273
274  .btn:before,
275  .btn:after {
276    content: '';
277    background: transparent;
278    inset: 0;
279    position: absolute;
280    display: block;
281    visibility: var(--button-gradient-visible, hidden);
282    z-index: -1;
283    transition: .2s ease-out;
284    transform: translate3d(0,0,0);
285  }
286  .btn:before {
287    background: var(--button-fill-hover);
288    opacity: 0;
289  }
290  .btn:hover::before {
291    opacity: var(--button-bg-opacity, 1);
292  }
293
294  .btn:after {
295    background: var(--button-fill);
296    opacity: var(--button-bg-opacity, 1);
297  }
298  .btn:hover::after {
299    opacity: 0;
300  }
301
302  input.btn {
303    background: var(--button-fill);
304  }
305  input.btn:before {
306    display: none;
307  }
308  input.btn:after {
309    display: none;
310  }
311  input.btn:hover {
312    background: var(--button-fill-hover);
313  }
314
315  .btn--sm {
316    --button-py-default: var(--button-py-sm);
317    --button-px-default: var(--button-px-sm);
318    font-size: max(calc(var(--button-font-size) * .618em ), 14px)
319  }
320  .btn--md {
321    --button-py-default: var(--button-py-md);
322    --button-px-default: var(--button-px-md);
323  }
324  .btn--lg {
325    --button-py-default: var(--button-py-lg);
326    --button-px-default: var(--button-px-lg);
327  }
328
329  .btn:hover,
330  .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);}
331
332  .btn--secondary {--button-color: var(--color-secondary); --border-color: var(--default,var(--color-secondary)); --button-shadow-color: var(--color-secondary-20); text-decoration-color: transparent; --button-fill: var(--color-transparent);--button-fill-hover: var(--color-primary); background: var(--button-fill); --button-gradient-visible: hidden;}
333
334  .btn--secondary:hover {--border-color: var(--default,var(--color-primary)); --button-color: var(--color-primary-on); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
335
336  .btn--tertiary {--button-color: var(--color-tertiary); --border-color: transparent; --button-shadow-color: transparent; text-decoration-color: transparent; --button-fill: var(--color-transparent);--button-fill-hover: var(--color-primary); background: var(--button-fill); --button-gradient-visible: hidden;}
337
338  .btn--tertiary:hover {--border-color: var(--default,var(--color-primary)); --button-color: var(--color-primary-on); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
339
340  .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);}
341
342  .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;}
343
344  .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);}
345
346  .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;}
347
348  @media screen and (min-width: 48em) {
349    .btn {
350      --button-font-size: var(--font_button_size_md);
351    }
352  }
353</style>
354<style data-shopify>
355:root {
356  --gap-sm-2xs: 0.25rem;
357  --gap-sm-xs: 0.5rem;
358  --gap-sm-sm: 0.75rem;
359  --gap-sm-md: 1.0rem;
360  --gap-sm-lg: 1.25rem;
361  --gap-sm-xl: 1.5rem;
362  --gap-sm-2xl: 2.0rem;
363  --gap-lg-2xs: 0.5rem;
364  --gap-lg-xs: 1.0rem;
365  --gap-lg-sm: 1.5rem;
366  --gap-lg-md: 2.0rem;
367  --gap-lg-lg: 2.5rem;
368  --gap-lg-xl: 3.0rem;
369  --gap-lg-2xl: 3.5rem;
370  --gap-container-2xs: 0.5rem;
371  --gap-container-xs: 1.0rem;
372  --gap-container-sm: 2.0rem;
373  --gap-container-md: 3.0rem;
374  --gap-container-lg: 4.0rem;
375  --gap-container-xl: 5.0rem;
376  --gap-container-2xl: 6.0rem;
377  --padding-xs-2xs: 0.125rem;
378  --padding-xs-xs: 0.25rem;
379  --padding-xs-sm: 0.375rem;
380  --padding-xs-md: 0.5rem;
381  --padding-xs-lg: 0.625rem;
382  --padding-xs-xl: 0.75rem;
383  --padding-xs-2xl: 1.0rem;
384  --padding-sm-2xs: 0.25rem;
385  --padding-sm-xs: 0.5rem;
386  --padding-sm-sm: 0.75rem;
387  --padding-sm-md: 1.0rem;
388  --padding-sm-lg: 1.25rem;
389  --padding-sm-xl: 1.5rem;
390  --padding-sm-2xl: 2.0rem;
391  --padding-lg-2xs: 0.5rem;
392  --padding-lg-xs: 1.0rem;
393  --padding-lg-sm: 1.5rem;
394  --padding-lg-md: 2.0rem;
395  --padding-lg-lg: 2.5rem;
396  --padding-lg-xl: 3.0rem;
397  --padding-lg-2xl: 3.5rem;
398  --padding-container-2xs: 0.5rem;
399  --padding-container-xs: 1.0rem;
400  --padding-container-sm: 2.0rem;
401  --padding-container-md: 3.0rem;
402  --padding-container-lg: 4.0rem;
403  --padding-container-xl: 5.0rem;
404  --padding-container-2xl: 6.0rem;
405  --padding-section-desktop-2xs: .5rem;
406  --padding-section-desktop-xs: 1rem;
407  --padding-section-desktop-sm: 2rem;
408  --padding-section-desktop-md: 3rem;
409  --padding-section-desktop-lg: 4rem;
410  --padding-section-desktop-xl: 5rem;
411  --padding-section-desktop-2xl: 6rem;
412  --padding-section-mobile-2xs: .25rem;
413  --padding-section-mobile-xs: .5rem;
414  --padding-section-mobile-sm: 1.5rem;
415  --padding-section-mobile-md: 2rem;
416  --padding-section-mobile-lg: 2.5rem;
417  --padding-section-mobile-xl: 3rem;
418  --padding-section-mobile-2xl: 4rem;
419  --margin-sm-2xs: 0.25rem;
420  --margin-sm-xs: 0.5rem;
421  --margin-sm-sm: 0.75rem;
422  --margin-sm-md: 1.0rem;
423  --margin-sm-lg: 1.25rem;
424  --margin-sm-xl: 1.5rem;
425  --margin-sm-2xl: 2.0rem;
426  --margin-lg-2xs: 0.5rem;
427  --margin-lg-xs: 1.0rem;
428  --margin-lg-sm: 1.5rem;
429  --margin-lg-md: 2.0rem;
430  --margin-lg-lg: 2.5rem;
431  --margin-lg-xl: 3.0rem;
432  --margin-lg-2xl: 3.5rem;
433  --margin-container-2xs: 0.5rem;
434  --margin-container-xs: 1.0rem;
435  --margin-container-sm: 2.0rem;
436  --margin-container-md: 3.0rem;
437  --margin-container-lg: 4.0rem;
438  --margin-container-xl: 5.0rem;
439  --margin-container-2xl: 6.0rem;
440  --w-tooltip-sm: 180px;
441  --w-tooltip-md: 210px;
442  --w-tooltip-lg: 240px;
443  --w-tooltip-xl: 270px;
444
445  --container-max-w-sm: 100rem;
446  --container-max-w-lg: 200rem;--select-pad-r: calc(var(--border-default-width) + 1rem + (2 * var(--padding-sm-xs)));
447}
448
449</style><link href="//store.eltonjohn.com/cdn/shop/t/75/assets/styles-critical.bundle.css?v=88399899110766794351787307822" rel="stylesheet" type="text/css" media="all" />
450  <title>Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition) - Elton John</title>
450<script src="//store.eltonjohn.com/cdn/shop/t/75/assets/runtime.bundle.js?v=120729513204241209351787307822"></script>
450<script defer="defer" src="//store.eltonjohn.com/cdn/shop/t/75/assets/geolocation.bundle.js?v=69990624064835872461787307822"></script>
450<script>
451  window.dataLayer = window.dataLayer || [];
452  
453window.dataLayer.push({
454    event:'page_data_loaded',
455    user: {
456      logged_in: 'false'
457    },
458    pageType: 'product',
459    platform: 'shopify',
460    shopify_consent: 'false',
461    platform_theme: 'global',
462    platform_version: '2026.07.1.0'
463  });
464</script>
464
465
466<script>
vendor: 327 bytes, lines 466-470
466(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
467new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
468j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
469'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
470})(window,document,'script','dataLayer','
470GTM-K62GFCM
vendor: 3 bytes, line 470
470');
470</script>
470
471
472
473<link rel="canonical" href="https://store.eltonjohn.com/products/captain-fantastic-and-the-brown-dirt-cowboy-50th-anniversary-edition-vinyl-2lp">
474
475  
475<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
475<meta name="google-site-verification" content="9DDNTiiJV8t8R6hU81xeIAyxb2Kv4kF_hJD9z_FoeI0">
476<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/78957871408/digital_wallets/dialog">
477<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/55716979573111:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://store.eltonjohn.com/products/captain-fantastic-and-the-brown-dirt-cowboy-50th-anniversary-edition-vinyl-2lp.oembed">
478<script async="async" src="/checkouts/internal/preloads.js?locale=en-AM&default_configuration_id=24609072"></script>
478
479<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
480<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-AM&default_configuration_id=24609072&shop_id=78957871408" crossorigin="anonymous"></script>
vendor: 1 bytes, line 480
480
481<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":78957871408,"countryCode":"GB","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/78957871408","merchantName":"Elton John","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"Elton John","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 481
481
482<script id="shopify-features" type="application/json">{"accessToken":"dfed0e1f00342087acb4b5021c24f130","betas":["rich-media-storefront-analytics"],"domain":"store.eltonjohn.com","predictiveSearch":true,"shopId":78957871408,"locale":"en"}</script>
vendor: 1 bytes, line 482
482
483<script>var Shopify = Shopify || {};
484Shopify.shop = "mux-101-uk.myshopify.com";
485Shopify.locale = "en-GB";
486Shopify.currency = {"active":"EUR","rate":"1.1948076"};
487Shopify.country = "AM";
488Shopify.theme = {"name":"21 08 26","id":193451360631,"schema_name":"Rhythm","schema_version":"2026.07.1.0","theme_store_id":null,"role":"main"};
489Shopify.theme.handle = "null";
490Shopify.theme.style = {"id":null,"handle":null};
491Shopify.cdnHost = "store.eltonjohn.com/cdn";
492Shopify.routes = Shopify.routes || {};
493Shopify.routes.root = "/";
494Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
495Shopify.SignInWithShop = Shopify.SignInWithShop || {};
496Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
497Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 497
497
498<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 498
498
499<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 499
499
500<script>
501  window.ShopifyPay = window.ShopifyPay || {};
502  window.ShopifyPay.apiHost = "shop.app\/pay";
503  window.ShopifyPay.redirectState = null;
504</script>
vendor: 1 bytes, line 504
504
505<script>
506  window.Shopify = window.Shopify || {};
507  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
508  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
509  window.Shopify.SignInWithShop.eligible = true;
510</script>
vendor: 1 bytes, line 510
510
511<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 511
511
512<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 512
512
513<script type="module">
514  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
515
516  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
517
518</script>
vendor: 1 bytes, line 518
518
519<script>
520  window.Shopify = window.Shopify || {};
521  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
522  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"]};
523</script>
vendor: 1 bytes, line 523
523
524<script>(function() {
525  var isLoaded = false;
526  function asyncLoad() {
527    if (isLoaded) return;
528    isLoaded = true;
529    var urls = ["https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/cb70338bb4522d271fd34ddda\/7e056ebd65be0e3bb52b3943e.js?shop=mux-101-uk.myshopify.com"];
530    for (var i = 0; i < urls.length; i++) {
531      var s = document.createElement('script');
532      s.type = 'text/javascript';
533      s.async = true;
534      s.src = urls[i];
535      var x = document.getElementsByTagName('script')[0];
536      x.parentNode.insertBefore(s, x);
537    }
538  };
539  if(window.attachEvent) {
540    window.attachEvent('onload', asyncLoad);
541  } else {
542    window.addEventListener('load', asyncLoad, false);
543  }
544})();</script>
vendor: 1 bytes, line 544
544
545<script id="__st">var __st={"a":78957871408,"offset":3600,"reqid":"44b9b365-4308-40eb-9c82-d5752ab64ba4-1790850791","pageurl":"store.eltonjohn.com\/products\/captain-fantastic-and-the-brown-dirt-cowboy-50th-anniversary-edition-vinyl-2lp","u":"aeeb79aff87f","p":"product","rtyp":"product","rid":15116581306743};</script>
vendor: 1 bytes, line 545
545
546<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 546
546
547<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 547
547
548<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//store.eltonjohn.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 548
548
549<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.eltonjohn.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>
549<script crossorigin="anonymous" defer="defer" src="//store.eltonjohn.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 549
549
550<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 550
550
551<script>
552  window.Shopify = window.Shopify || {};
553  window.Shopify.MCP = window.Shopify.MCP || {};
554  window.Shopify.MCP.enabled = true;
555  window.Shopify.MCP.shop = "mux-101-uk.myshopify.com";
556  window.Shopify.MCP.mcpEndpoint = "https:\/\/store.eltonjohn.com\/api\/mcp";
557  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"]}}];
558</script>
vendor: 1 bytes, line 558
558
559<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.eltonjohn.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
560</script>
vendor: 1 bytes, line 560
560
561<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.eltonjohn.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
562</script>
vendor: 1 bytes, line 562
562
563<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
564  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);
565</script>
vendor: 1 bytes, line 565
565
566<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})}}));
567</script>
567
568<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://store.eltonjohn.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
569<style id="shopify-accelerated-checkout-cart">
570        #shopify-buyer-consent {
571  margin-top: 1em;
572  display: inline-block;
573  width: 100%;
574}
575
576#shopify-buyer-consent.hidden {
577  display: none;
578}
579
580#shopify-subscription-policy-button {
581  background: none;
582  border: none;
583  padding: 0;
584  text-decoration: underline;
585  font-size: inherit;
586  cursor: pointer;
587}
588
589#shopify-subscription-policy-button::before {
590  box-shadow: none;
591}
592
593      </style>
594
595<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
595 <link rel="stylesheet" href="https://fonts.umgapps.com/eltonjohn/stylesheet.css"><style>
596  dialog[open]::backdrop,
597  .umg-backdrop {
598    
599      --theme-color: ;
600      background: hsl(0 0% 0% / 0.4);
601      -webkit-backdrop-filter: blur(10px);
602      backdrop-filter: blur(10px);
603  }
604  
605  #PBarNextFrameWrapper::backdrop,
606  #web-pixels-helper-sandbox-container::backdrop {
607    --theme-color: unset;
608    background: unset;
609    -webkit-backdrop-filter: unset;
610    backdrop-filter: unset;
611  }
612</style><link href="//store.eltonjohn.com/cdn/shop/t/75/assets/styles.bundle.css?v=30932575300584590811787307822" rel="stylesheet" type="text/css" media="print" id="styles_css_bundle" onload="this.media=`all`;this.removeAttribute(`onload`)" />
613  <noscript><link href="//store.eltonjohn.com/cdn/shop/t/75/assets/styles.bundle.css?v=30932575300584590811787307822" rel="stylesheet" type="text/css" media="all" id="styles_css_bundle" /></noscript>
613<script defer="defer" src="//store.eltonjohn.com/cdn/shop/t/75/assets/alpine.bundle.js?v=82058096130669233711787307822"></script>
613<script>
614document.addEventListener("DOMContentLoaded",function(){function t(){const t=navigator.userAgent||navigator.vendor||window.opera;return/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4))}function m(t,i=false){if(!i){return Math.floor(Math.random()*t)}else{return Math.floor(t+Math.random()*(i-t))}}function p(t){return t*(Math.PI/180)}function i(){const t=new Image;t.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAABGdBTUEAALGPC/xhBQAACklpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAAEiJnVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcor
614kX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/stRzjPAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAJcEhZcwAALiMAAC4jAXilP3YAAAQmSURBVHic7ZvNTiRVGIaf9yuqG8efSTA6jG4YIhsghGQmIYwhQPgzrozXwEpWcgOON6ArXHENxLgwQif0xgyQMAkJmQWJgZWS0WgcdUZ0cqpc2E1O91Qzsxj6HE09CemqruquNw/nO3VOVbXyPKfkaSx0gFgpxXSgx1+RFCoH6+vrvYCWl5f/DJXB71Z6Ltivq1Qqld7GYjAxPtGIqVarxHQiKMV0oBTTgWjEpGkaOkIL0YhpdL4Cfg0cBYhITLVa7c2yLHSMc6IRU6lUyj6miDRNSzFFpGmqUkwBaZpeDZ3BJyYxL+d5Hm6y1kZsYkLHOCcaMT09Pa+WLaaAJEneDJ3BJxoxkq6HzuATjRjn3LWQF8raiUZMnuc3ys63AOfcSEwtpmW0GSrY6elpH/Bz4/iv9/f3/xIih+8iirsEWZbdzLIM5xzOuVuh80AkYpxziw0pZFm2EDoPRFBKJycnAr4DBhvHPwbeGRgY6HpPHFUpOecWnHODXikNxtBqgraYo6MjAd8Ct5vHbrzuAO8ODQ11tdVE02KyLFvJsux2s7V4rWbSObcSMluwFnN4ePi+pC+B89sD/vElPQE+GB4e/rpbmVpcdFvMwcGBgBXgMyBtk1EkZxVYGx0dvfSyCiJmf39fwIKkO8Bku5CLMkjaAe5Iqo2NjV2aoK6J2d3d7QNuSVqQ9CEw6G8vEvKM944lbQA1YH98fPyFjpA7iqnX6y9JqhYEuwJUvPcEXJX0CnAFeA14A7gu6RpwQ9KIpLfav8vnojIq2l6Q6wfgPnAi6QFwCvwk6TfgMfAH8FBS7n32b0mPC47z18jIyPmTFi2TSOdcXhRSUsudMC9Y84D5s/77Rdueo4Ralp9nHy9L7m/39ss6fE9LiV5qKdXr9T5JN4FFv5SeR0iH0joGNoAt4N7k5GR3SukyO9/t7W0BC8AnPD2g67jceL0LfArUpqam/vudbxG1Wk3AR5I+l1Q4hvHWnwCrktZmZmb+n6frdjY3N98DvuokpznAm5+fDzLACzYlWFpa+kbSx81AeZ77UwKcc6vdlNJO0LmSmX1hZnfNjOZfkiSY2Y6ktZDZgl+P2d7eXgQ2m+uNPEtzc3Nb3c4SRSk1SZKkZmbHXos5NrNa6FzBxUxPT+dJkmw0Sggz25idnQ1+HyW4GAAz2/L6meCtBSK5r2Rm97zV/WBBPIJ3vk329va+B5iYmHg7VIYof0tgZvdDZ/CJRkySJCehM/hEI8bMHoTO4BOTmNPQGXxiEvMj/14ZjIJoxCRJ8nvoDD7RiDGzR+XDiQWY2aPQGXxiEvMwdAafmMQEnzj6RCMmSZLy1ydFmFkppggzOyvPSgWY2VnoDD7RiInpGV+ISIxZFBcTzynFdCCaNGYWVTlF02IknSkiM1H9cjUmoiml2CjFdOAfYQZ/lfDhkvgAAAAASUVORK5CYII=";const e=document.createElement("canvas");e.classList.add("mouse-sparkle");e.width=window.innerWidth*2;e.height=window.innerHeight*2;e.style="width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 500000002; pointer-events: none;";const o=e.getContext("2d");o.shadowBlur=6;o.shadowColor="#fffee6";o.fillStyle="#fffee6";const s=[];let a=0;class n{constructor(t,i){this.x=t+m(5);this.y=i+m(5);this.opacity=1;this.text=a%50===49?"":"";this.offset=this.text===""?0:o.measureText(this.text).width;this.size=this.text===""?20:24;this.angle=p(m(0,45));this.stepX=Math.floor(Math.cos(this.angle)*5);this.stepY=Math.floor(Math.sin(this.angle)*5)}drawSparkle(){o.globalAlpha=this.opacity;o.drawImage(t,this.x-this.offset,this.y+10,this.size,this.size*1.28)}drawText(){o.globalAlpha=this.opacity;o.font=`${this.size}px "custom-font", Arial, Helvetica, Sans-Serif`;o.fillText(this.text,this.x-this.offset,this.y+10)}update(){if(this.text===""){this.drawSparkle()}else{this.drawText()}this.x+=this.stepX;this.y+=this.stepY;this.opacity-=.05;this.size-=1}}const h={x:0,y:0};function i(t){const i=t.clientX*2;const e=t.clientY*2;if(Math.abs(i-h.x)>12||Math.abs(e-h.y)>12){h.x=i;h.y=e;s.push(new n(h.x,h.y));a+=1}}const c=30;const r=1e3/c;let d=0;function l(t){requestAnimationFrame(function(t){l(t)});const i=t-d;if(i>r){d=t-i%r;o.clearRect(0,0,e.width,e.height);
614s.forEach(function(t,i){t.update();if(t.opacity<0||t.size<1){s.splice(i,1)}});if(e.width!==window.innerWidth*2||e.height!==window.innerHeight*2){e.width=window.innerWidth*2;e.height=window.innerHeight*2;o.shadowBlur=6;o.shadowColor="#FFA0E6";o.fillStyle="#FFC8F1"}}}document.body.appendChild(e);document.addEventListener("mousemove",i);l()}if(!t()){i()}});
615</script>
615
616
617<style>
618/* biggify social icons */
619.social-component li {
620  width: 1.5rem;
621  height: 1.5rem;
622}
623
624.support-links-container {
625  display: inline-flex;
626  flex-wrap: wrap;
627  justify-content: center;
628  line-height: 1;
629}
630
631.section-reversed {
632  background: black;
633  color: white;
634}
635
636.section-reversed .card__container {
637  background: transparent;
638}
639
640.section-reversed .card__text {
641  color: white;  
642}
643
644.section-reversed h2 {
645  color: white;
646}
647
648nav button > span ~ span {
649    width: 0.625rem !important;
650}   
651
652@media(min-width: 768px) {
653 
654
655  [id="header-container"] {
656    padding-bottom: var(--padding-container-xxs);
657  }
658
659  [id="header-wrapper"] .icon-close {
660    display: none !important;
661  }
662  
663  [id="header-container"] ~ .section-wrapper > .section-spacing {
664    max-width: unset;
665  }
666  
667  [id="search-form"] > div {
668
669  }
670 
671  [id="search"] {
672    border-top: 0;
673    border-left: 0;
674    border-right: 0;
675  }
676
677  [x-show="collections"] {
678    column-count: 2;
679    display: block;
680    line-height: 2.25;
681  }
682
683  [x-show="collections"] li a {
684    text-align: left;
685    line-height: 1.2;
686    padding: 0.5rem 0;
687  }
688
689  .home-banners .media-section {
690    gap: 1rem;
691  }
692}
693
694.home-banners .text_heading_xxl {
695  font-size: var(--font_heading_xl_size);
696}
697
698.home-banners .media-item-image-overlay:hover img {
699  transition: all 0.3s ease-out;
700  transform: scale(1.25);
701}
702
703.product-form__submit {
704  flex-grow: 0.125;
705}
706
707.option--swatch {
708  border-color: transparent;
709}
710
711.option--swatch:hover {
712  border-color: var(--color-primary);
713}
714
715.cart-count-bubble {
716  background: var(--color-primary-dark);
717}
718
719.embla__button--next > div, .embla__button--prev > div {
720    border-radius: 50%;
721    border: unset;
722    background: rgba(155,155,155,0.5);
723}
724
725/* make whole banner clickable */ .hero-banner__content { top: 0; transform: unset; left: 0; width: 100%; bottom: 0; } .hero-banner__content > div { height: 100%; } .hero-banner__content a { top: 0; left: 0; width: 100%; bottom: 0; position: absolute; opacity: 0; }
726
727</style><style data-shopify>#header__container {
728grid-template-columns: 40px 40px 3fr;
729}
730
731#header__container .header__column {
732grid-column: span 1/span 1;
733}
734
735#header__container--md {
736grid-template-columns: 75px 4fr 1fr;
737gap: 0px;
738}
739
740#header__container--md .header__column, #header__container--md .mega-menu.col-span-8 {
741grid-column: span 1/span 1;
742}
743
744.template__index[data-scrolled="false"] header{
745          transition: all 0.4s;
746          background: transparent;
747      }
748      .template__index[data-scrolled="true"] header{
749          background: #ffffff8c;
750          position: fixed;
751          transform: unset !important;
752         -webkit-backdrop-filter: blur(10px);
753           backdrop-filter: blur(10px);
754}
755
756 @media (min-width: 768px) {
757    .template__index #MainContent {
758        display: grid;
759        grid-template-columns: 1fr 1fr 1fr 1fr;
760        margin: 0 auto;
761    }
762    .template__index .shopify-section {
763        grid-column: span 4;
764    }
765    }
766
767.star-heading h2 {
768   position: relative;
769}
770@media( max-width: 768px){
771.star-heading h2:after {
772    content:'';
773   position: absolute;
774        bottom: -60px;
775        left: 0;
776        right: 0;
777        width: 100%;
778        height: 60px;
779   background-size: contain;
780   background-position: center;
781   background-repeat: no-repeat;
782   background-image:url(https://cdn.shopify.com/s/files/1/0789/5787/1408/files/ej-star-down.png?v=1729083031);
783}
784}
785
786@media(min-width: 768px){
787.mega-menu__submenu-container {
788  padding-left: 1.5em;
789  padding-right: 1.5em;
790}
791.star-heading h2:before {
792    content:'';
793   position: absolute;
794   top: 0.5em;
795    left: -100px;
796    width: 100px;
797    height: 20px;
798   background-size: contain;
799   background-position: center;
800   background-repeat: no-repeat;
801   background-image:url(https://cdn.shopify.com/s/files/1/0789/5787/1408/files/ej-star-left.png?v=1729083031);
802}
803
804.star-heading h2:after {
805    content:'';
806   position: absolute;
807   top: 0.5em;
808    right: -100px;
809    width: 100px;
810    height: 20px;
811   background-size: contain;
812   background-position: center;
813   background-repeat: no-repeat;
814   background-image:url(https://cdn.shopify.com/s/files/1/0789/5787/14
81408/files/ej-star-right.png?v=1729083031);
815}
816}
817.star-down {
818   display: block;
819   position: relative;
820  margin: auto;
821  width: 100%;
822}
823.star-down:after {
824    content:'';
825    margin: auto;
826     position: absolute;
827        bottom: -60px;
828        left: 0;
829        right: 0;
830        width: 20px;
831        height: 150px;
832   background-size: contain;
833   background-position: center;
834   background-repeat: no-repeat;
835   background-image:url(https://cdn.shopify.com/s/files/1/0789/5787/1408/files/ej-star-down.png?v=1729083031);
836}
837
838
839.cart-drawer__link:hover {
840   color: black;
841}
842
843.product_card .card__image {
844    background: var(--color-tertiary);
845}
846
847
848.home-featured-collections .media-item.media-item-seo-text {
849    padding-top: 165%;
850  }
851  .home-featured-collections .media-item.media-item-image-overlay {
852    background: white;
853    transition: all 0.3s;
854    justify-content: space-between;
855  }
856  
857  .home-featured-collections .c-text-content-emphasis.text_heading_lg {
858    font-size: 32px;
859    line-height: 36px;
860    text-transform: capitalize;
861    font-family: var(--font_heading_xl);
862    font-weight: 600;
863  }
864  .home-featured-collections .media-item.media-item-image-overlay:hover {
865
866  }
867  .home-featured-collections .media-item.media-item-image-overlay:hover h2 {
868
869  }
870
871header .mega-menu__child-list {
872  position: relative;
873  gap: 0px;
874    transition: top 0.3s ease, opacity 0.3s ease;
875}
876header .mega-menu__child-list::before {
877     --menuHeight: 30px;
878    transition: 0.3s all;
879    opacity: 0;
880     top: 0px;
881     content: '';
882    width: 13px;
883    height: 13px;
884    position: absolute;
885    left: -13px;
886    background-repeat: no-repeat;
887    background-size: 13px;
888    background-image: url(https://cdn.shopify.com/s/files/1/0784/9764/4851/files/EJ_Star.png?v=1755598956);
889    -webkit-animation: spin 4s linear infinite;
890    -moz-animation: spin 4s linear infinite;
891    animation: spin 4s linear infinite;
892    transition: top 0.3s ease, opacity 0.3s ease;
893}
894header .mega-menu__child-list:has(> li:hover)::before{
895  opacity: 1;
896}
897header .mega-menu__child-list > li {
898  height: 30px;
899}
900header .mega-menu__child-list:has(> li:nth-child(1):hover)::before{
901  top:calc(0*var(--menuHeight));
902}
903header .mega-menu__child-list:has(> li:nth-child(2):hover)::before{
904  top:calc(1*var(--menuHeight));
905}
906header .mega-menu__child-list:has( > li:nth-child(3):hover)::before{
907  top:calc(2*var(--menuHeight));
908}
909header .mega-menu__child-list:has( > li:nth-child(4):hover)::before{
910  top:calc(3*var(--menuHeight));
911}
912header .mega-menu__child-list:has( > li:nth-child(5):hover)::before{
913  top:calc(4*var(--menuHeight));
914}
915header .mega-menu__child-list:has( > li:nth-child(6):hover)::before{
916  top:calc(5*var(--menuHeight));
917}
918header .mega-menu__child-list:has( > li:nth-child(7):hover)::before{
919  top:calc(6*var(--menuHeight));
920}
921header .mega-menu__child-list:has( > li:nth-child(8):hover)::before{
922  top:calc(7*var(--menuHeight));
923}
924header .mega-menu__child-list:has( > li:nth-child(9):hover)::before{
925  top:calc(8*var(--menuHeight));
926}
927@-moz-keyframes spin { 
928    100% { -moz-transform: rotate(360deg); } 
929}
930@-webkit-keyframes spin { 
931    100% { -webkit-transform: rotate(360deg); } 
932}
933@keyframes spin { 
934    100% { 
935        -webkit-transform: rotate(360deg); 
936        transform:rotate(360deg); 
937    } 
938}
939
940
941
942
943
944.product_card--sold-out .card__quick-shop .btn {
945   display: none;
946}
947.product_card--sold-out .card__quick-shop:after {
948  content:'Sorry, Sold Out';
949  color: black;
950  position: absolute;
951  left: 0px;
952  right: 0px;
953  top: 11px;
954}
955
956.card__tags {
957  padding: 0px;
958}
959.card__tags .tag {
960  border-radius: 0px;
961}</style><link rel="apple-touch-icon" sizes="180x180" href="//store.eltonjohn.com/cdn/shop/files/favicon-96x96_small_46c3fad3-a113-4d05-b54d-49fd7ac76465.png?crop=center&height=180&v=1691483914&width=180">
962    <link rel="icon" href="//store.eltonjohn.com/cdn/shop/files/favicon-96x96_small_46c3fad3-a113-4d05-b54d-49fd7ac76465.png?crop=center&height=32&v=1691483914&width=32"><meta name="description" content="Released in May 1975, ‘Captain Fantastic And The Brown Dirt Cowboy’ is the ninth studio album by Elton John, which includes the single “Someone Saved My Life Tonight”.  The album tells the chronological story of the early years of Elton (Captain Fantastic) and Bernie’s (the Brown Dirt Cowboy) musical careers in London ">
963
964  <meta property="og:site_name" content="Elton John">
965  <meta property="og:url" content="https://store.eltonjohn.com/products/captain-fantastic-and-the-brown-dirt-cowboy-50th-anniversary-edition-vinyl-2lp">
966  <meta property="og:title" content="Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition) - Elton John">
967  <meta property="og:type" content="product">
968  <meta property="og:description" content="Released in May 1975, ‘Captain Fantastic And The Brown Dirt Cowboy’ is the ninth studio album by Elton John, which includes the single “Someone Saved My Life Tonight”.  The album tells the chronological story of the early years of Elton (Captain Fantastic) and Bernie’s (the Brown Dirt Cowboy) musical careers in London "><meta property="og:image" content="http://store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208">
969  <meta property="og:image:secure_url" content="https://store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208">
970  <meta property="og:image:width" content="1250">
971  <meta property="og:image:height" content="1250"><meta property="og:price:amount" content="46,99">
972    <meta property="og:price:currency" content="EUR"><meta name="twitter:card" content="summary_large_image">
973  <meta name="twitter:title" content="Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition) - Elton John">
974  <meta name="twitter:description" content="Released in May 1975, ‘Captain Fantastic And The Brown Dirt Cowboy’ is the ninth studio album by Elton John, which includes the single “Someone Saved My Life Tonight”.  The album tells the chronological story of the early years of Elton (Captain Fantastic) and Bernie’s (the Brown Dirt Cowboy) musical careers in London "><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
975<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: 78957871408,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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 975
975
976<script>
977  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
978</script>
vendor: 1 bytes, line 978
978
979<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}
979).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: 78957871408,storefrontBaseUrl: "https://store.eltonjohn.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://store.eltonjohn.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"3741254007","configuration":"{\"storeIdentity\":\"mux-101-uk.myshopify.com\",\"baseURL\":\"https:\\\/\\\/api.printful.com\\\/shopify-pixels\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f275712857ab41bea9d998dcb2f9da","type":"APP","apiClientId":156624,"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":"3337945463","configuration":"{\"mailchimp_store_id\":\"store_l9df2ctc49e65zl7yd6l\", \"mailchimp_user_id\":\"76674434\",\"mailchimp_list_id\":\"b9ae489f17\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"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"]}
979,{"id":"1186267511","configuration":"{\"gtm_id\":\"GTM-K62GFCM\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"9c02f134f72408f0926e349d50d5e1fe","type":"APP","apiClientId":37773246465,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"844431664","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-874994724\\\",\\\"GT-M6QSK4P7\\\"],\\\"target_country\\\":\\\"GB\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-874994724\\\/-0zLCKL4yuAcEKS4naED\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-874994724\\\/irfECK74yuAcEKS4naED\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-874994724\\\/of8ZCKv4yuAcEKS4naED\\\",\\\"MC-4MGLFTE0YQ\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-874994724\\\/LX6yCJ_4yuAcEKS4naED\\\",\\\"MC-4MGLFTE0YQ\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-874994724\\\/sRDPCKj4yuAcEKS4naED\\\",\\\"MC-4MGLFTE0YQ\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-874994724\\\/uadzCLH4yuAcEKS4naED\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-874994724\\\/YVgBCKX4yuAcEKS4naED\\\"}],\\\"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":"353370416","configuration":"{\"pixel_id\":\"874674954241565\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","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":"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":"Elton John","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"mux-101-uk.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/store.eltonjohn.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":46.99,"currencyCode":"EUR"},"product":{"title":"Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP","vendor":"Elton John","id":"15116581306743","untranslatedTitle":"Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP","url":"\/products\/captain-fantastic-and-the-brown-dirt-cowboy-50th-anniversary-edition-vinyl-2lp","type":"Vinyl 2LP"},"id":"55716979573111","image":{"src":"\/\/store.eltonjohn.com\/cdn\/shop\/files\/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208"},"sku":"7803310","title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"15116581306743","handle":"captain-fantastic-and-the-brown-dirt-cowboy-50th-anniversary-edition-vinyl-2lp","isCollective":null,"title":"Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP","type":"Vinyl 2LP","untranslatedTitle":"Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP","url":"\/products\/captain-fantastic-and-the-brown-dirt-cowboy-50th-anniversary-edition-vinyl-2lp","vendor":"Elton John","remoteShopId":null,"variants":[{"id":"55716979573111","image":{"src":"\/\/store.eltonjohn.com\/cdn\/shop\/files\/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208"},"price":{"amount":46.99,"currencyCode":"EUR"},"sku":"7803310","title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://store.eltonjohn.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"193451360631","themePublished":"true","eventMetadataId":"0dc0518e-3d2b-4278-ad73-753945d1b041","pageType":"product","resourceId":"15116581306743","shopId":"78957871408","storefrontBaseUrl":"https:\/\/store.eltonjohn.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":46.99,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP\",\"vendor\":\"Elton John\",\"id\":\"15116581306743\",\"untranslatedTitle\":\"Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP\",\"url\":\"\/products\/captain-fantastic-and-the-brown-dirt-cowboy-50th-anniversary-edition-vinyl-2lp\",\"type\":\"Vinyl 2LP\"},\"id\":\"55716979573111\",\"image\":{\"src\":\"\/\/store.eltonjohn.com\/cdn\/shop\/files\/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208\"}
979,\"sku\":\"7803310\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
979<script>
980  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
981  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
982  window.ShopifyAnalytics.meta.currency = 'EUR';
983  var meta = {"product":{"id":15116581306743,"gid":"gid:\/\/shopify\/Product\/15116581306743","vendor":"Elton John","type":"Vinyl 2LP","handle":"captain-fantastic-and-the-brown-dirt-cowboy-50th-anniversary-edition-vinyl-2lp","variants":[{"id":55716979573111,"price":4699,"name":"Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP","public_title":null,"sku":"7803310"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":15116581306743,"requestId":"44b9b365-4308-40eb-9c82-d5752ab64ba4-1790850791"}};
984  for (var attr in meta) {
985    window.ShopifyAnalytics.meta[attr] = meta[attr];
986  }
987</script>
vendor: 1 bytes, line 987
987
988<script class="analytics">
989  (function () {
990    var customDocumentWrite = function(content) {
991      var jquery = null;
992
993      if (window.jQuery) {
994        jquery = window.jQuery;
995      } else if (window.Checkout && window.Checkout.$) {
996        jquery = window.Checkout.$;
997      }
998
999      if (jquery) {
1000        jquery('body').append(content);
1001      }
1002    };
1003
1004    var hasLoggedConversion = function(token) {
1005      if (token) {
1006        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1007      }
1008      return false;
1009    }
1010
1011    var setCookieIfConversion = function(token) {
1012      if (token) {
1013        var twoMonthsFromNow = new Date(Date.now());
1014        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1015
1016        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1017      }
1018    }
1019
1020    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1021    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1022    if (trekkie.integrations) {
1023      return;
1024    }
1025    trekkie.methods = [
1026      'identify',
1027      'page',
1028      'ready',
1029      'track',
1030      'trackForm',
1031      'trackLink'
1032    ];
1033    trekkie.factory = function(method) {
1034      return function() {
1035        var args = Array.prototype.slice.call(arguments);
1036        args.unshift(method);
1037        trekkie.push(args);
1038        if (method == 'track' || method == 'page') {
1039          var pageUrl;
1040          try {
1041            pageUrl = window.location.href;
1042          } catch (e) {}
1043          var pageReferrer;
1044          try {
1045            pageReferrer = document.referrer;
1046          } catch (e) {}
1047          try {
1048            if (window.__TREKKIE_SHIM_QUEUE == null) {
1049              window.__TREKKIE_SHIM_QUEUE = [];
1050            }
1051            window.__TREKKIE_SHIM_QUEUE.push({
1052              from: 'trekkie-stub',
1053              method: method,
1054              args: args.slice(1),
1055              pageContext: {
1056                url: pageUrl,
1057                referrer: pageReferrer
1058              }
1059            });
1060          } catch (e) {
1061            // no-op
1062          }
1063        }
1064        return trekkie;
1065      };
1066    };
1067    for (var i = 0; i < trekkie.methods.length; i++) {
1068      var key = trekkie.methods[i];
1069      trekkie[key] = trekkie.factory(key);
1070    }
1071    trekkie.load = function(config) {
1072      trekkie.config = config || {};
1073      trekkie.config.initialDocumentCookie = document.cookie;
1074      var first = document.getElementsByTagName('script')[0];
1075var script = document.createElement('script');
1076script.type = 'text/javascript';
1077script.onerror = function(e) {
1078  var scriptFallback = document.createElement('script');
1079  scriptFallback.type = 'text/javascript';
1080  scriptFallback.onerror = function(error) {
1081          var Monorail = {
1082      produce: function produce(monorailDomain, schemaId, payload) {
1083        var currentMs = new Date().getTime();
1084        var event = {
1085          schema_id: schemaId,
1086          payload: payload,
1087          metadata: {
1088            event_created_at_ms: currentMs,
1089            event_sent_at_ms: currentMs
1090          }
1091        };
1092        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1093      },
1094      sendRequest: function sendRequest(endpointUrl, payload) {
1095        // Try the sendBeacon API
1096        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1097          var blobData = new window.Blob([payload], {
1098            type: 'text/plain'
1099          });
1100
1101          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1102            return true;
1103          } // sendBeacon was not successful
1104
1105        } // XHR beacon
1106
1107        var xhr = new XMLHttpRequest();
1108
1109        try {
1110          xhr.open('POST', endpointUrl);
1111          xhr.setRequestHeader('Content-Type', 'text/plain');
1112          xhr.send(payload);
1113        } catch (e) {
1114          console.log(e);
1115        }
1116
1117        return false;
1118      },
1119      isIos12: function isIos12() {
1120        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1121      }
1122    };
1123    Monorail.produce('monorail-edge.shopifysvc.com',
1124      'trekkie_storefront_load_errors/1.1',
1125      {shop_id: 78957871408,
1126      theme_id: 193451360631,
1127      app_name: "storefront",
1128      context_url: window.location.href,
1129      source_url: "//store.eltonjohn.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1130
1131  };
1132  scriptFallback.async = true;
1133  scriptFallback.src = '//store.eltonjohn.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1134  first.parentNode.insertBefore(scriptFallback, first);
1135};
1136script.async = true;
1137script.src = '//store.eltonjohn.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1138first.parentNode.insertBefore(script, first);
1139
1140    };
1141    trekkie.load(
1142      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":78957871408,"isMerchantRequest":null,"themeId":193451360631,"themeCityHash":"11596801673768099840","contentLanguage":"en-GB","currency":"EUR","eventMetadataId":"0dc0518e-3d2b-4278-ad73-753945d1b041"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1143    );
1144
1145    var loaded = false;
1146    trekkie.ready(function() {
1147      if (loaded) return;
1148      loaded = true;
1149
1150      window.ShopifyAnalytics.lib = window.trekkie;
1151
1152      var originalDocumentWrite = document.write;
1153      document.write = customDocumentWrite;
1154      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1155      document.write = originalDocumentWrite;
1156
1157      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1158      var token = match? match[1]: undefined;
1159      if (!hasLoggedConversion(token)) {
1160        setCookieIfConversion(token);
1161        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"EUR","variantId":55716979573111,"productId":15116581306743,"productGid":"gid:\/\/shopify\/Product\/15116581306743","name":"Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP","price":"46.99","sku":"7803310","brand":"Elton John","variant":null,"category":"Vinyl 2LP","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1162      }
1163    });
1164
1165    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":15116581306743,"requestId":"44b9b365-4308-40eb-9c82-d5752ab64ba4-1790850791","shopifyEmitted":true});
1166
1167    var eventsListenerScript = document.createElement('script');
1168    eventsListenerScript.async = true;
1169    eventsListenerScript.src = "//store.eltonjohn.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1170    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1171})();</script>
vendor: 1 bytes, line 1171
1171
1172<script
1173  defer
1174  src="https://store.eltonjohn.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1175  data-application="storefront-renderer"
1176  data-shop-id="78957871408"
1177  data-render-region="gcp-europe-west1"
1178  data-page-type="product"
1179  data-theme-instance-id="193451360631"
1180  data-theme-name="Rhythm"
1181  data-theme-version="2026.07.1.0"
1182  data-monorail-region="shop_domain"
1183  data-resource-timing-sampling-rate="10"
1184  data-shs="true"
1185  data-shs-beacon="true"
1186  data-shs-export-with-fetch="true"
1187  data-shs-logs-sample-rate="1"
1188  data-shs-beacon-endpoint="https://store.eltonjohn.com/api/collect"
1189></script>
1189
1190<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1822408391000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1790852591000"><meta name="new-cookie-storage-activated" content="t">
1191</head><body class="template__product 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.07.1.0">
1192  <span class="sr-only" data-e2e="aria-countdown-change" aria-live="assertive"></span>
vendor: 67 bytes, line 1192
1192<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1192GTM-K62GFCM
vendor: 86 bytes, lines 1192-1193
1192"
1193    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1193<a class="skip-to-content-link button sr-only focus:not-sr-only" href="#MainContent">Skip to content</a><content-overlay>
1194  <div class="overlay hidden fixed top-0 left-0 w-full h-full z-[1000001] c-bg-gray-900 opacity-50"></div>
1195</content-overlay><!-- BEGIN sections: header-group -->
1196<header id="shopify-section-sections--28521302589815__header" class="shopify-section shopify-section-group-header-group site-header md:hidden">
1197
1198
1199
1200
1201
1202
1203<div id="header-wrapper--28521302589815" 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 mb-none" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_header" style=" --icon-width: 1.25rem; --icon-height: 1.25rem; ">
1204  <div id="header-container--28521302589815" class="header__container grid gap-y-sm-2xs gap-x-sm-xs grid-cols-7 section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-xs max-w-xl md:px-container-xs md:max-w-xl c-border-default-color border-none border-x-0 border-t-0 mx-auto text-center" >
1205    
1206      
1207          
1208
1209<div class="header__column header__column--0 header__column--logo flex col-span-1 justify-center items-center" >
1210  <div x-ref="logoContainer" class="logo-container" >
1211    
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227  
1228
1229  
1230  
1231
1232  
1233  
1234  
1235
1236  
1237  
1238
1239  
1240  
1241
1242  
1243
1244  
1245
1246  <a class="logo-cntr block" href="/" style=" --logo-width: 5.0rem; " aria-label="Elton John Home">
1247    
1248      
1249
1250            
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263  <picture class="image__adaptive">
1264    
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280    
1281  
1282<source data-src="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=625" alt="Elton John" srcset="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=600 600w" width="625" height="658" loading="eager" sizes="(min-width: 768px) 80px, 80px" media="(min-width: 760px)">
1283
1284
1285
1286
1287    
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303  
1304<img aria-hidden="true" src="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=188" alt="Elton John" srcset="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=100 100w" width="188" height="198" loading="eager" sizes="(min-width: 768px) 80px, 80px" class="w-full object-cover image__responsive">
1305
1306
1307
1308
1309  </picture>
1310
1311
1312
1313    
1314  </a>
1315  </div>
1316</div>
1317        
1318    
1319      
1320          
1321
1322
1323
1324
1325<div  class="nav-drawer__block navigation-wrapper header__column flex col-span-1 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">
1326  <button
1327    class="nav-drawer__overlay umg-backdrop fixed top-0 bottom-0 left-0 right-0 w-full h-full z-10"
1328    @click="open = false; $el.ownerDocument.body.classList.remove('overflow-hidden')"
1329    x-show="open"
1330    x-cloak
1331    :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'"
1332    x-transition x-transition.opacity></button>
1333
1334  
1335
1336
1337
1338<button 
1339  class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-center" 
1340  @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 
1341  :aria-expanded="open"
1342  :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'">
1343  <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition>
1344    
1345
1346
1347
1348  
1349  
1350  
1351      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
1352        <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"/>
1353      </svg>
1354    
1355
1356  </div>
1357  <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition>
1358    
1359
1360
1361
1362  
1363  
1364  
1365      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
1366        <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"/>
1367      </svg>
1368    
1369
1370  </div>
1371</button>
1372
1373  <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">
1374    <div class="flex justify-between md:justify-end p-lg-sm">
1375      
1376         <div x-html="$refs.logoContainer ? $refs.logoContainer.innerHTML : ''" class="logo-container flex justify-center items-center c-text-content-base"></div>
1377      
1378      
1379
1380
1381
1382<button 
1383  class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-end c-text-content-base" 
1384  @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 
1385  :aria-expanded="open"
1386  :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'">
1387  <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition>
1388    
1389
1390
1391
1392  
1393  
1394  
1395      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
1396        <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"/>
1397      </svg>
1398    
1399
1400  </div>
1401  <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition>
1402    
1403
1404
1405
1406  
1407  
1408  
1409      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
1410        <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"/>
1411      </svg>
1412    
1413
1414  </div>
1415</button>
1416    </div>
1417    <ul class="gap-sm-sm">
1418
1419      
1420      
1421
1422      
1423
1424        
1425
1426        
1427
1428        
1429
1430        
1431
1432        
1433          
1434          <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base">
1435            <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/new-arrivals">New Arrivals</a>
1436          </li>
1437        
1438        
1439
1440<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1441      
1442
1443        
1444
1445        
1446
1447        
1448
1449        
1450
1451        
1452          
1453          <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base">
1454            <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/bestsellers">Bestsellers</a>
1455          </li>
1456        
1457        
1458
1459<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1460      
1461
1462        
1463
1464        
1465
1466        
1467
1468        
1469
1470        
1471          
1472          <div x-data="{ expanded: false }">
1473            
1474            <button
1475              @click="expanded = !expanded"
1476              :aria-expanded="expanded"
1477              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
1478              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
1479              
1480            >
1481              <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">Music</div>
1482              
1483
1484
1485<div class="w-1em h-1em absolute right-0 mr-lg-sm">
1486  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
1487
1488
1489
1490  
1491  
1492  
1493  
1494      
1495          <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">
1496            <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"/>
1497          </svg>
1498        
1499    
1500</span>
1501</div>
1502            </button>
1503            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
1504              
1505              
1506                
1507                
1508                  
1509                    
1510                    
1511              
1512
1513              
1514
1515              
1516                              
1517                  
1518
1519                  
1520
1521
1522
1523
1524  
1525  
1526  <div x-data="{ expanded: false }">
1527    <button
1528      @click="expanded = !expanded"
1529      :aria-expanded="expanded"
1530      class="nav-drawer__tier-2__item flex items-center w-full relative"
1531      
1532    >
1533      <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">Shop By Format</span>
1534      
1535
1536
1537<div class="w-1em h-1em absolute right-0">
1538  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
1539
1540
1541
1542  
1543  
1544  
1545  
1546      
1547          <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">
1548            <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"/>
1549          </svg>
1550        
1551    
1552</span>
1553</div>
1554    </button>
1555    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
1556      
1557
1558
1559  
1560    
1561
1562
1563
1564<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/music">
1565  <span>View All</span>
1566  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
1567    
1568
1569
1570
1571  
1572  
1573  
1574  
1575      
1576          <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">
1577            <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"/>
1578          </svg>
1579        
1580    
1581
1582  </div>
1583</a>
1584  
1585
1586  
1587
1588  
1589
1590  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1591    <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">
1592      Vinyl 
1593    </a>
1594  </li>
1595
1596  
1597
1598  
1599
1600  
1601
1602  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1603    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/cd-1">
1604      CD
1605    </a>
1606  </li>
1607
1608  
1609
1610  
1611
1612  
1613
1614  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1615    <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/boxset">
1616      Box Sets
1617    </a>
1618  </li>
1619
1620  
1621
1622  
1623
1624  
1625
1626  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1627    <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/blu-ray-dvd">
1628      Blu-Ray & DVD
1629    </a>
1630  </li>
1631
1632  
1633
1634  
1635
1636  
1637
1638  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1639    <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/other-music">
1640      Other
1641    </a>
1642  </li>
1643
1644
1645    </div>
1646  </div>
1647
1648
1649
1650                  
1651                    
1652
1653<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1654                  
1655                              
1656                  
1657
1658                  
1659
1660
1661
1662
1663  
1664  
1665  <div x-data="{ expanded: false }">
1666    <button
1667      @click="expanded = !expanded"
1668      :aria-expanded="expanded"
1669      class="nav-drawer__tier-2__item flex items-center w-full relative"
1670      
1671    >
1672      <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">Shop By Decade</span>
1673      
1674
1675
1676<div class="w-1em h-1em absolute right-0">
1677  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
1678
1679
1680
1681  
1682  
1683  
1684  
1685      
1686          <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">
1687            <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"/>
1688          </svg>
1689        
1690    
1691</span>
1692</div>
1693    </button>
1694    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
1695      
1696
1697
1698  
1699    
1700
1701
1702
1703<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-decades">
1704  <span>View All</span>
1705  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
1706    
1707
1708
1709
1710  
1711  
1712  
1713  
1714      
1715          <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">
1716            <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"/>
1717          </svg>
1718        
1719    
1720
1721  </div>
1722</a>
1723  
1724
1725  
1726
1727  
1728
1729  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1730    <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/1960s">
1731      1960s
1732    </a>
1733  </li>
1734
1735  
1736
1737  
1738
1739  
1740
1741  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1742    <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/1970s">
1743      1970s
1744    </a>
1745  </li>
1746
1747  
1748
1749  
1750
1751  
1752
1753  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1754    <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/1980s">
1755      1980s
1756    </a>
1757  </li>
1758
1759  
1760
1761  
1762
1763  
1764
1765  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1766    <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/1990s">
1767      1990s
1768    </a>
1769  </li>
1770
1771  
1772
1773  
1774
1775  
1776
1777  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1778    <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/2000s">
1779      2000s
1780    </a>
1781  </li>
1782
1783  
1784
1785  
1786
1787  
1788
1789  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1790    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
1790pace 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/2010s">
1791      2010s
1792    </a>
1793  </li>
1794
1795  
1796
1797  
1798
1799  
1800
1801  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
1802    <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/2020s">
1803      2020s
1804    </a>
1805  </li>
1806
1807
1808    </div>
1809  </div>
1810
1811
1812
1813                  
1814                    
1815
1816<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1817                  
1818                              
1819                  
1820
1821                  
1822
1823
1824
1825
1826  
1827  <li class="flex items-center w-full relative">
1828    <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/diamonds" @click="open = false">
1829      Diamonds
1830    </a>
1831  </li>
1832
1833
1834
1835                  
1836                    
1837
1838<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1839                  
1840                              
1841                  
1842
1843                  
1844
1845
1846
1847
1848  
1849  <li class="flex items-center w-full relative">
1850    <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/studio-albums" @click="open = false">
1851      Studio Albums
1852    </a>
1853  </li>
1854
1855
1856
1857                  
1858                    
1859
1860<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1861                  
1862                              
1863                  
1864
1865                  
1866
1867
1868
1869
1870  
1871  <li class="flex items-center w-full relative">
1872    <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/anniversaries" @click="open = false">
1873      Anniversaries
1874    </a>
1875  </li>
1876
1877
1878
1879                  
1880                    
1881
1882<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1883                  
1884                              
1885                  
1886
1887                  
1888
1889
1890
1891
1892  
1893  <li class="flex items-center w-full relative">
1894    <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/limited-edition" @click="open = false">
1895      Limited Editions
1896    </a>
1897  </li>
1898
1899
1900
1901                  
1902                    
1903
1904<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1905                  
1906                              
1907                  
1908
1909                  
1910
1911
1912
1913
1914  
1915  <li class="flex items-center w-full relative">
1916    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-s
1916pace 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/live-albums" @click="open = false">
1917      Live Albums
1918    </a>
1919  </li>
1920
1921
1922
1923                  
1924                    
1925
1926<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1927                  
1928                              
1929                  
1930
1931                  
1932
1933
1934
1935
1936  
1937  <li class="flex items-center w-full relative">
1938    <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/collaborations" @click="open = false">
1939      Collaborations
1940    </a>
1941  </li>
1942
1943
1944
1945                  
1946                    
1947
1948<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1949                  
1950                              
1951                  
1952
1953                  
1954
1955
1956
1957
1958  
1959  <li class="flex items-center w-full relative">
1960    <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">
1961      Shop All Music
1962    </a>
1963  </li>
1964
1965
1966
1967                  
1968                
1969               
1970
1971              
1972              
1973            </div>
1974          </div>
1975        
1976        
1977
1978<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
1979      
1980
1981        
1982
1983        
1984
1985        
1986
1987        
1988
1989        
1990          
1991          <div x-data="{ expanded: false }">
1992            
1993            <button
1994              @click="expanded = !expanded"
1995              :aria-expanded="expanded"
1996              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
1997              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
1998              
1999            >
2000              <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">Merchandise</div>
2001              
2002
2003
2004<div class="w-1em h-1em absolute right-0 mr-lg-sm">
2005  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
2006
2007
2008
2009  
2010  
2011  
2012  
2013      
2014          <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">
2015            <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"/>
2016          </svg>
2017        
2018    
2019</span>
2020</div>
2021            </button>
2022            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
2023              
2024              
2025                
2026                
2027                  
2028                    
2029                    
2030              
2031
2032              
2033
2034              
2035                              
2036                  
2037
2038                  
2039
2040
2041
2042
2043  
2044  
2045  <div x-data="{ expanded: false }">
2046    <button
2047      @click="expanded = !expanded"
2048      :aria-expanded="expanded"
2049      class="nav-drawer__tier-2__item flex items-center w-full relative"
2050      
2051    >
2052      <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>
2053      
2054
2055
2056<div class="w-1em h-1em absolute right-0">
2057  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
2058
2059
2060
2061  
2062  
2063  
2064  
2065      
2066          <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">
2067            <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"/>
2068          </svg>
2069        
2070    
2071</span>
2072</div>
2073    </button>
2074    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
2075      
2076
2077
2078  
2079    
2080
2081
2082
2083<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-apparel">
2084  <span>View All</span>
2085  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
2086    
2087
2088
2089
2090  
2091  
2092  
2093  
2094      
2095          <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">
2096            <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"/>
2097          </svg>
2098        
2099    
2100
2101  </div>
2102</a>
2103  
2104
2105  
2106
2107  
2108
2109  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2110    <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/t-shirts">
2111      T-Shirts
2112    </a>
2113  </li>
2114
2115  
2116
2117  
2118
2119  
2120
2121  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2122    <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/hoodie">
2123      Hoodies
2124    </a>
2125  </li>
2126
2127  
2128
2129  
2130
2131  
2132
2133  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2134    <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/longsleeves-tops">
2135      Longsleeves & Tops
2136    </a>
2137  </li>
2138
2139  
2140
2141  
2142
2143  
2144
2145  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2146    <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/jumpers-sweatshirts">
2147      Jumpers & Sweatshirts
2148    </a>
2149  </li>
2150
2151  
2152
2153  
2154
2155  
2156
2157  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2158    <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">
2159      Hats & Caps
2160    </a>
2161  </li>
2162
2163
2164    </div>
2165  </div>
2166
2167
2168
2169                  
2170                    
2171
2172<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
2173                  
2174                              
2175                  
2176
2177                  
2178
2179
2180
2181
2182  
2183  
2184  <div x-data="{ expanded: false }">
2185    <button
2186      @click="expanded = !expanded"
2187      :aria-expanded="expanded"
2188      class="nav-drawer__tier-2__item flex items-center w-full relative"
2189      
2190    >
2191      <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">Collectables</span>
2192      
2193
2194
2195<div class="w-1em h-1em absolute right-0">
2196  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
2197
2198
2199
2200  
2201  
2202  
2203  
2204      
2205          <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">
2206            <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"/>
2207          </svg>
2208        
2209    
2210</span>
2211</div>
2212    </button>
2213    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
2214      
2215
2216
2217  
2218    
2219
2220
2221
2222<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-collectables">
2223  <span>View All</span>
2224  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
2225    
2226
2227
2228
2229  
2230  
2231  
2232  
2233      
2234          <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">
2235            <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"/>
2236          </svg>
2237        
2238    
2239
2240  </div>
2241</a>
2242  
2243
2244  
2245
2246  
2247
2248  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2249    <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/la-collection">
2250      LA Collection
2251    </a>
2252  </li>
2253
2254  
2255
2256  
2257
2258  
2259
2260  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2261    <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/waterford-x-elton-john">
2262      Waterford x Elton John
2263    </a>
2264  </li>
2265
2266  
2267
2268  
2269
2270  
2271
2272  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2273    <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/oxford-pennant">
2274      Oxford Pennant
2275    </a>
2276  </li>
2277
2278  
2279
2280  
2281
2282  
2283
2284  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2285    <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/lithographs-prints">
2286      Lithographs & Prints
2287    </a>
2288  </li>
2289
2290  
2291
2292  
2293
2294  
2295
2296  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2297    <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/the-vintage-collection">
2298      The Vintage Collection
2299    </a>
2300  </li>
2301
2302
2303    </div>
2304  </div>
2305
2306
2307
2308                  
2309                    
2310
2311<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
2312                  
2313                              
2314                  
2315
2316                  
2317
2318
2319
2320
2321  
2322  
2323  <div x-data="{ expanded: false }">
2324    <button
2325      @click="expanded = !expanded"
2326      :aria-expanded="expanded"
2327      class="nav-drawer__tier-2__item flex items-center w-full relative"
2328      
2329    >
2330      <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>
2331      
2332
2333
2334<div class="w-1em h-1em absolute right-0">
2335  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
2336
2337
2338
2339  
2340  
2341  
2342  
2343      
2344          <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">
2345            <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"/>
2346          </svg>
2347        
2348    
2349</span>
2350</div>
2351    </button>
2352    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
2353      
2354
2355
2356  
2357    
2358
2359
2360
2361<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/accessories">
2362  <span>View All</span>
2363  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
2364    
2365
2366
2367
2368  
2369  
2370  
2371  
2372      
2373          <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">
2374            <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"/>
2375          </svg>
2376        
2377    
2378
2379  </div>
2380</a>
2381  
2382
2383  
2384
2385  
2386
2387  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2388    <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/bags">
2389      Bags
2390    </a>
2391  </li>
2392
2393  
2394
2395  
2396
2397  
2398
2399  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2400    <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/toys-games">
2401      Toys & Games
2402    </a>
2403  </li>
2404
2405  
2406
2407  
2408
2409  
2410
2411  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2412    <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/music-accessories">
2413      Music Accessories
2414    </a>
2415  </li>
2416
2417  
2418
2419  
2420
2421  
2422
2423  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2424    <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/glasses">
2425      Glasses
2426    </a>
2427  </li>
2428
2429
2430    </div>
2431  </div>
2432
2433
2434
2435                  
2436                    
2437
2438<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
2439                  
2440                              
2441                  
2442
2443                  
2444
2445
2446
2447
2448  
2449  <li class="flex items-center w-full relative">
2450    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-s
2450pace 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/books" @click="open = false">
2451      Books
2452    </a>
2453  </li>
2454
2455
2456
2457                  
2458                    
2459
2460<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
2461                  
2462                              
2463                  
2464
2465                  
2466
2467
2468
2469
2470  
2471  <li class="flex items-center w-full relative">
2472    <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-merchandise" @click="open = false">
2473      All Merchandise
2474    </a>
2475  </li>
2476
2477
2478
2479                  
2480                
2481               
2482
2483              
2484              
2485            </div>
2486          </div>
2487        
2488        
2489
2490<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
2491      
2492
2493        
2494
2495        
2496
2497        
2498
2499        
2500
2501        
2502          
2503          <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base">
2504            <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://eltonjohneyewear.com/">Eyewear</a>
2505          </li>
2506        
2507        
2508
2509<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
2510      
2511
2512        
2513
2514        
2515
2516        
2517
2518        
2519
2520        
2521          
2522          <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base">
2523            <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://eltonjohnzero.com/">EJ Zero</a>
2524          </li>
2525        
2526        
2527
2528<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
2529      
2530
2531        
2532
2533        
2534
2535        
2536
2537        
2538
2539        
2540          
2541          <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base">
2542            <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://www.eltonjohn.com/rocket-club">Join The Rocket Club</a>
2543          </li>
2544        
2545        
2546
2547<div class="nav-drawer__divider c-border-transparent border-b-default-width-narrow"></div>
2548      
2549    </ul>
2550
2551    
2552      
2553      
2554        
2555        
2556
2557
2558
2559
2560
2561
2562
2563
2564
2565
2566
2567
2568
2569
2570
2571<ul class="my-sm-sm">
2572  
2573    
2574    <li class="" >
2575      
2576      
2577      
2578      <a href="/account/login" 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]:un
2578derline px-lg-sm c-text-content-base">
2579        Login
2580      </a>
2581    </li>
2582
2583    
2584      
2585      <li class="" >
2586        <a href="/account/register" class="text_navigation_sm w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline px-lg-sm c-text-content-base">
2587          Create Account
2588        </a>
2589      </li>
2590    
2591  
2592</ul>
2593
2594      
2595    
2596  </div>
2597</div>
2598        
2599        
2600    
2601      
2602          
2603
2604<div class="header__column header__column--2 header__column--actions flex col-span-5 justify-end items-center"  >
2605  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
2606    
2607
2608
2609    
2610    
2611    
2612    
2613    
2614    <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
2615      <button class="btn-search text_navigation_sm no-underline" 
2616      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"
2617     >
2618        
2619
2620
2621
2622  
2623  
2624  
2625      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
2626        <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"/>
2627      </svg>
2628    
2629
2630      </button>
2631    </div>
2632
2633  
2634
2635
2636
2637
2638
2639
2640  
2641  
2642
2643  
2644  
2645
2646  
2647  
2648
2649  <div class="currency-list flex relative" x-data="{ currencySelectorOpen: false }" :aria-expanded="currencySelectorOpen" role="toolbar">
2650    <div class="flex h-full fill-current items-center justify-center">
2651      <button type="button" class="currency-list__container-button flex justify-center items-center text_navigation_sm no-underline min-w-min-click-space min-h-min-click-space" :aria-expanded="currencySelectorOpen" aria-controls="currency-list" x-on:click="currencySelectorOpen = ! currencySelectorOpen" aria-label="Open currency selector">
2652          
2653            <div class="icon-wrapper">
2654              
2655              
2656                  
2657
2658
2659
2660
2661
2662    <svg class="icon icon-currency icon-currency--eur umg-icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="20 -50 300 572">
2663      <path d="M48 224C39.16 224 32 216.8 32 208C32 199.2 39.16 192 48 192H73.28C100.8 99.47 186.5 32 288 32H336.1C345.8 32 352.1 39.16 352.1 48C352.1 56.84 345.8 64 336.1 64H288C204.4 64 133.3 117.4 106.9 192H304C312.8 192 320 199.2 320 208C320 216.8 312.8 224 304 224H98.65C96.91 234.4 96 245.1 96 256C96 266.9 96.91 277.6 98.65 288H304C312.8 288 320 295.2 320 304C320 312.8 312.8 320 304 320H106.9C133.3 394.6 204.4 448 288 448H336.1C345.8 448 352.1 455.2 352.1 464C352.1 472.8 345.8 480 336.1 480H288C186.5 480 100.8 412.5 73.28 320H48C39.16 320 32 312.8 32 304C32 295.2 39.16 288 48 288H66.27C64.77 277.5 64 266.9 64 256C64 245.1 64.77 234.5 66.27 224H48z"/>
2664    </svg>
2665  
2666                
2667            </div>
2668          
2669      </button>
2670
2671      <ul role="list" class="currency-list__container absolute w-auto h-auto max-h-96 overflow-auto right-0 top-full z-10 c-bg-surface c-text-on-surface" x-show="currencySelectorOpen" @click.away="currencySelectorOpen = false" :class="{ '' : currencySelectorOpen , 'hidden' : !currencySelectorOpen }" x-cloak>
2672        
2673          <li class="currency-list__item my-sm-xs" tabindex="-1">
2674            <a class="text_navigation_sm px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=EUR" aria-current="true" data-value="EUR">
2675              EUR €
2676            </a>
2677          </li>
2678        
2679          <li class="currency-list__item my-sm-xs" tabindex="-1">
2680            <a class="text_navigation_sm px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=GBP" data-value="GBP">
2681              GBP £
2682            </a>
2683          </li>
2684        
2685          <li class="currency-list__item my-sm-xs" tabindex="-1">
2686            <a class="text_navigation_sm px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=USD" data-value="USD">
2687              USD $
2688            </a>
2689          </li>
2690        
2691      </ul>
2692    </div>
2693  </div>
2694
2695
2696
2697
2698
2699
2700
2701
2702
2703
2704
2705
2706
2707
2708
2709
2710
2711
2712
2713
2714
2715
2716
2717
2718
2719
2720   
2721  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_sm no-underline" tabindex="-1">
2722    
2723  <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-s
2723pace min-h-min-click-space">
2724    
2725      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
2726        
2727
2728
2729
2730  
2731  
2732  
2733      
2734          
2735          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
2736            <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"/>
2737          </svg>
2738      
2739    
2740
2741      </div>
2742      <span class="sr-only">Cart</span>
2743    
2744    <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>
2745    
2746  </a>
2747
2748  </cart-drawer-toggle-button>
2749
2750    
2751
2752  </div>
2753</div>
2754          
2755        
2756    
2757  </div>
2758  
2759  
2760    
2761
2762
2763
2764
2765  
2766  
2767
2768  
2769  
2770  
2771
2772  
2773  
2774
2775  
2776  
2777
2778  
2779
2780  
2781
2782  <div class="header__search-wrapper section__wrapper w-full hidden border-x-0 border-t-0 z-10 border-none c-border-default-color c-bg-background c-text-content-base" 
2783    x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
2784    @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
2785    id="header-search-dropdown"
2786  >
2787    <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-container-sm px-lg-sm max-w-xl md:px-container-sm md:max-w-xl">
2788      
2789      
2790
2791
2792
2793
2794  
2795  <predictive-search class="predictive-search__wrapper flex flex-col items-center w-full" id="predictive-search-wrapper">
2796
2797    <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide">
2798      <div class="predictive-search__input-wrapper relative w-full">
2799        <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--28521302589815__header" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" 
2800    role="combobox" aria-expanded="false" aria-owns="predictive-search-sections--28521302589815__header" aria-controls="predictive-search-sections--28521302589815__header" aria-haspopup="listbox" aria-autocomplete="list"
2801    @keydown.escape="$el.value = ''; $el.dispatchEvent(new Event('input', { bubbles: true }))"
2802  >
2803        <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">
2804          
2805
2806
2807
2808  
2809  
2810  
2811      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
2812        <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"/>
2813      </svg>
2814    
2815
2816        </button>
2817        
2818          <div class="predictive-search__container hidden mx-auto border-t-none absolute top-full max-h-[500px] overflow-auto w-full px-lg-xs py-lg-xs text_body_md c-text-content-base c-bg-background border-default-width c-border-content-base" id="predictive-search-sections--28521302589815__header" data-predictive-search-results></div>
2819        
2820      </div>
2821    </form>
2822
2823  </predictive-search>
2824
2825    </div>
2826  </div>
2827
2828  
2829
2830  
2831
2832  
2833
2834
2835
2836
2837</div>
2838
2839<style> #shopify-section-sections--28521302589815__header .logo-cntr {--logo-width: 2.5rem !important;} </style></header><header id="shopify-section-sections--28521302589815__header-md" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid">
2840
2841
2842
2843
2844
2845
2846<div id="header-md-wrapper--28521302589815" class="header__wrapper header__wrapper--md scheme-scheme1 z-[
284610] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible mb-none border-none c-border-default-color border-x-0 border-t-0" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_header" style=" --icon-width: 1.375rem; --icon-height: 1.375rem; ">
2847  <div id="header-md-container--28521302589815" class="header__container header__container--md grid gap-y-sm-md gap-x-sm-xs 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" >
2848    
2849      
2850          
2851
2852<div class="header__column header__column--0 header__column--logo flex col-span-2 justify-start items-center" >
2853  <div x-ref="logoContainer" class="logo-container" >
2854    
2855
2856
2857
2858
2859
2860
2861
2862
2863
2864
2865
2866
2867
2868
2869
2870  
2871
2872  
2873  
2874
2875  
2876  
2877  
2878
2879  
2880  
2881
2882  
2883  
2884
2885  
2886
2887  
2888
2889  <a class="logo-cntr block" href="/" style=" --logo-width: 5.0rem; " aria-label="Elton John Home">
2890    
2891      
2892
2893            
2894
2895
2896
2897
2898
2899
2900
2901
2902
2903
2904
2905
2906  <picture class="image__adaptive">
2907    
2908
2909
2910
2911
2912
2913
2914
2915
2916
2917
2918
2919
2920
2921
2922
2923    
2924  
2925<source data-src="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=625" alt="Elton John" srcset="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=600 600w" width="625" height="658" loading="eager" sizes="(min-width: 768px) 80px, 80px" media="(min-width: 760px)">
2926
2927
2928
2929
2930    
2931
2932
2933
2934
2935
2936
2937
2938
2939
2940
2941
2942
2943
2944
2945
2946  
2947<img aria-hidden="true" src="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=188" alt="Elton John" srcset="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&amp;width=100 100w" width="188" height="198" loading="eager" sizes="(min-width: 768px) 80px, 80px" class="w-full object-cover image__responsive">
2948
2949
2950
2951
2952  </picture>
2953
2954
2955
2956    
2957  </a>
2958  </div>
2959</div>
2960        
2961    
2962      
2963          
2964
2965<div class="mega-menu flex items-center col-span-8" >
2966  
2967
2968
2969
2970
2971
2972
2973
2974
2975
2976
2977
2978
2979
2980
2981
2982
2983
2984
2985
2986
2987<div class="mega-menu w-full overscroll-contain"
2988  x-data="{
2989    activeMenu: null,
2990    isOpen: false,
2991    close() {
2992      this.isOpen = false;
2993      this.activeMenu = null;
2994    },
2995    handleKeydown(e) {
2996      if (e.key === 'Escape') {
2997        this.close()
2998      }
2999    }
3000  }"
3001  @keydown="handleKeydown($event)">
3002  <nav class="mega-menu__nav" aria-label="Header main menu">
3003    <ul class="mega-menu__primary-list flex items-center w-full flex-wrap gap-x-lg-sm text-left justify-start" role="menubar">
3004      
3005        
3006
3007        
3008        
3009        
3010
3011        
3012        
3013
3014        <li class="mega-menu__primary-item grow-0 "
3015          x-data="{ id: 'new-arrivals' }"
3016          role="none"
3017          
3018        >
3019          <a
3020            
3021              href="/collections/new-arrivals"
3022            
3023            
3024            :id="'button-' + id"
3025            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"
3026            
3027            role="menuitem"
3028          >
3029            New Arrivals
3030            
3031          </a>
3032
3033          
3034        </li>
3035      
3036        
3037
3038        
3039        
3040        
3041
3042        
3043        
3044
3045        <li class="mega-menu__primary-item grow-0 "
3046          x-data="{ id: 'bestsellers' }"
3047          role="none"
3048          
3049        >
3050          <a
3051            
3052              href="/collections/bestsellers"
3053            
3054            
3055            :id="'button-' + id"
3056            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"
3057            
3058            role="menuitem"
3059          >
3060            Bestsellers
3061            
3062          </a>
3063
3064          
3065        </li>
3066      
3067        
3068
3069        
3070        
3071        
3072
3073        
3074        
3075
3076        <li class="mega-menu__primary-item grow-0 "
3077          x-data="{ id: 'music' }"
3078          role="none"
3079          
3080            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
3081          
3082        >
3083          <button
3084            
3085            
3086            :id="'button-' + id"
3087            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"
3088            
3089              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
3090              :aria-expanded="activeMenu === id ? 'true' : 'false'"
3091              aria-haspopup="true"
3092              :aria-controls="'dropdown-' + id"
3093              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
3094              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
3095            
3096            role="menuitem"
3097          >
3098            Music
3099            
3100              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
3101                
3102
3103
3104
3105  
3106  
3107  
3108  
3109      
3110          <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">
3111            <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"/>
3112          </svg>
3113        
3114    
3115
3116              </span>
3117            
3118          </button>
3119
3120          
3121            
3122            
3123              
3124              
3125                
3126
3127
3128
3129
3130
3131
3132
3133
3134
3135
3136
3137
3138
3139
3140
3141
3142
3143
3144
3145
3146
3147
3148
3149
3150
3151
3152
3153
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165
3166
3167
3168
3169
3170
3171
3172
3173
3174
3175
3176
3177
3178
3179
3180
3181
3182
3183
3184
3185
3186
3187
3188
3189
3190
3191
3192
3193
3194
3195
3196
3197
3198
3199
3200
3201
3202<!-- append mega menu panel to header wrapper -->
3203<template x-teleport="#header-md-wrapper--28521302589815">
3204  <div
3205    
3206    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-tertiary c-text-tertiary-on"
3207    x-cloak
3208    x-show="activeMenu === id"
3209    x-trap.noscroll="activeMenu === id"
3210    role="region"
3211    :id="'panel-' + id"
3212    :aria-labelledby="'button-' + id"
3213    x-effect="
3214      if (activeMenu === id) {
3215        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--28521302589815')?.offsetHeight + 'px')
3216      }
3217    "
3218    @resize.window="
3219      if (activeMenu === id) {
3220        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--28521302589815')?.offsetHeight + 'px')
3221      }
3222    "
3223    x-transition:enter="transition ease-out duration-200"
3224    x-transition:enter-start="opacity-0 -translate-y-1"
3225    x-transition:enter-end="opacity-100 translate-y-0"
3226    x-transition:leave="transition ease-in duration-150"
3227    x-transition:leave-start="opacity-100 translate-y-0"
3228    x-transition:leave-end="opacity-0 -translate-y-1"
3229    @keydown.escape.prevent.stop="close()"
3230    @click.away="close()"
3231  >
3232    <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-full px-container-sm">
3233      
3234      
3235        <div
3236          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"
3237          role="presentation"
3238        >
3239          
3240          
3241            
3242              
3243
3244              
3245              
3246
3247              <div
3248                class="mega-menu__submenu-item flex items-center"
3249                role="presentation"
3250              >
3251                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
3252                  <div class="mega-menu__submenu--header">
3253                    <a
3254                      href="/collections/music"
3255                      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"
3256                      role="menuitem"
3257                      
3258                      :tabindex="activeMenu === id ? '0' : '-1'"
3259                      @keydown.enter.prevent="window.location.href='/collections/music'"
3260                      @keydown.space.prevent="window.location.href='/collections/music'"
3261                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
3262                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
3263                    >
3264                      Shop By Format
3265                    </a>
3266                  </div>
3267
3268                  <ul
3269                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
3270                    role="menu"
3271                    aria-label="Shop By Format menu"
3272                  >
3273                    
3274                      
3275                      
3276                      
3277                      <li
3278                        class="mega-menu__child-item flex "
3279                        role="none"
3280                      >
3281                        <a
3282                          href="/collections/vinyl"
3283                          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"
3284                          role="menuitem"
3285                          
3286                          :tabindex="activeMenu === id ? '0' : '-1'"
3287                          @keydown.enter.prevent="window.location.href='/collections/vinyl'"
3288                          @keydown.space.prevent="window.location.href='/collections/vinyl'"
3289                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3290                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3291                        >
3292                          Vinyl 
3293                        </a>
3294                      </li>
3295                    
3296                      
3297                      
3298                      
3299                      <li
3300                        class="mega-menu__child-item flex "
3301                        role="none"
3302                      >
3303                        <a
3304                          href="/collections/cd-1"
3305                          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"
3306                          role="menuitem"
3307                          
3308                          :tabindex="activeMenu === id ? '0' : '-1'"
3309                          @keydown.enter.prevent="window.location.href='/collections/cd-1'"
3310                          @keydown.space.prevent="window.location.href='/collections/cd-1'"
3311                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3312                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3313                        >
3314                          CD
3315                        </a>
3316                      </li>
3317                    
3318                      
3319                      
3320                      
3321                      <li
3322                        class="mega-menu__child-item flex "
3323                        role="none"
3324                      >
3325                        <a
3326                          href="/collections/boxset"
3327                          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"
3328                          role="menuitem"
3329                          
3330                          :tabindex="activeMenu === id ? '0' : '-1'"
3331                          @keydown.enter.prevent="window.location.href='/collections/boxset'"
3332                          @keydown.space.prevent="window.location.href='/collections/boxset'"
3333                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3334                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3335                        >
3336                          Box Sets
3337                        </a>
3338                      </li>
3339                    
3340                      
3341                      
3342                      
3343                      <li
3344                        class="mega-menu__child-item flex "
3345                        role="none"
3346                      >
3347                        <a
3348                          href="/collections/blu-ray-dvd"
3349                          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"
3350                          role="menuitem"
3351                          
3352                          :tabindex="activeMenu === id ? '0' : '-1'"
3353                          @keydown.enter.prevent="window.location.href='/collections/blu-ray-dvd'"
3354                          @keydown.space.prevent="window.location.href='/collections/blu-ray-dvd'"
3355                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3356                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3357                        >
3358                          Blu-Ray & DVD
3359                        </a>
3360                      </li>
3361                    
3362                      
3363                      
3364                      
3365                      <li
3366                        class="mega-menu__child-item flex "
3367                        role="none"
3368                      >
3369                        <a
3370                          href="/collections/other-music"
3371                          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"
3372                          role="menuitem"
3373                          
3374                          :tabindex="activeMenu === id ? '0' : '-1'"
3375                          @keydown.enter.prevent="window.location.href='/collections/other-music'"
3376                          @keydown.space.prevent="window.location.href='/collections/other-music'"
3377                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3378                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3379                        >
3380                          Other
3381                        </a>
3382                      </li>
3383                    
3384                    <li
3385                      class="mega-menu__child-item"
3386                      role="none"
3387                    >
3388                      <a
3389                        href="/collections/music"
3390                        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"
3391                        role="menuitem"
3392                        :tabindex="activeMenu === id ? '0' : '-1'"
3393                        @keydown.enter.prevent="window.location.href='/collections/music'"
3394                        @keydown.space.prevent="window.location.href='/collections/music'"
3395                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
3396                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
3397                      >
3398                        <span>View All</span>
3399                        <span class="sr-only">Shop By Format</span>
3400                        <span aria-hidden="true">
3401
3402
3403
3404  
3405  
3406  
3407  
3408      
3409          <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">
3410            <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"/>
3411          </svg>
3412        
3413    
3414</span>
3415                      </a>
3416                    </li>
3417                  </ul>
3418                </div>
3419              </div>
3420            
3421          
3422            
3423              
3424
3425              
3426              
3427
3428              <div
3429                class="mega-menu__submenu-item flex items-center"
3430                role="presentation"
3431              >
3432                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
3433                  <div class="mega-menu__submenu--header">
3434                    <a
3435                      href="/collections/all-decades"
3436                      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"
3437                      role="menuitem"
3438                      
3439                      :tabindex="activeMenu === id ? '0' : '-1'"
3440                      @keydown.enter.prevent="window.location.href='/collections/all-decades'"
3441                      @keydown.space.prevent="window.location.href='/collections/all-decades'"
3442                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
3443                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
3444                    >
3445                      Shop By Decade
3446                    </a>
3447                  </div>
3448
3449                  <ul
3450                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
3451                    role="menu"
3452                    aria-label="Shop By Decade menu"
3453                  >
3454                    
3455                      
3456                      
3457                      
3458                      <li
3459                        class="mega-menu__child-item flex "
3460                        role="none"
3461                      >
3462                        <a
3463                          href="/collections/1960s"
3464                          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"
3465                          role="menuitem"
3466                          
3467                          :tabindex="activeMenu === id ? '0' : '-1'"
3468                          @keydown.enter.prevent="window.location.href='/collections/1960s'"
3469                          @keydown.space.prevent="window.location.href='/collections/1960s'"
3470                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3471                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3472                        >
3473                          1960s
3474                        </a>
3475                      </li>
3476                    
3477                      
3478                      
3479                      
3480                      <li
3481                        class="mega-menu__child-item flex "
3482                        role="none"
3483                      >
3484                        <a
3485                          href="/collections/1970s"
3486                          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"
3487                          role="menuitem"
3488                          
3489                          :tabindex="activeMenu === id ? '0' : '-1'"
3490                          @keydown.enter.prevent="window.location.href='/collections/1970s'"
3491                          @keydown.space.prevent="window.location.href='/collections/1970s'"
3492                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3493                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3494                        >
3495                          1970s
3496                        </a>
3497                      </li>
3498                    
3499                      
3500                      
3501                      
3502                      <li
3503                        class="mega-menu__child-item flex "
3504                        role="none"
3505                      >
3506                        <a
3507                          href="/collections/1980s"
3508                          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"
3509                          role="menuitem"
3510                          
3511                          :tabindex="activeMenu === id ? '0' : '-1'"
3512                          @keydown.enter.prevent="window.location.href='/collections/1980s'"
3513                          @keydown.space.prevent="window.location.href='/collections/1980s'"
3514                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3515                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3516                        >
3517                          1980s
3518                        </a>
3519                      </li>
3520                    
3521                      
3522                      
3523                      
3524                      <li
3525                        class="mega-menu__child-item flex "
3526                        role="none"
3527                      >
3528                        <a
3529                          href="/collections/1990s"
3530                          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"
3531                          role="menuitem"
3532                          
3533                          :tabindex="activeMenu === id ? '0' : '-1'"
3534                          @keydown.enter.prevent="window.location.href='/collections/1990s'"
3535                          @keydown.space.prevent="window.location.href='/collections/1990s'"
3536                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3537                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3538                        >
3539                          1990s
3540                        </a>
3541                      </li>
3542                    
3543                      
3544                      
3545                      
3546                      <li
3547                        class="mega-menu__child-item flex "
3548                        role="none"
3549                      >
3550                        <a
3551                          href="/collections/2000s"
3552                          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"
3553                          role="menuitem"
3554                          
3555                          :tabindex="activeMenu === id ? '0' : '-1'"
3556                          @keydown.enter.prevent="window.location.href='/collections/2000s'"
3557                          @keydown.space.prevent="window.location.href='/collections/2000s'"
3558                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3559                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3560                        >
3561                          2000s
3562                        </a>
3563                      </li>
3564                    
3565                      
3566                      
3567                      
3568                      <li
3569                        class="mega-menu__child-item flex "
3570                        role="none"
3571                      >
3572                        <a
3573                          href="/collections/2010s"
3574                          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"
3575                          role="menuitem"
3576                          
3577                          :tabindex="activeMenu === id ? '0' : '-1'"
3578                          @keydown.enter.prevent="window.location.href='/collections/2010s'"
3579                          @keydown.space.prevent="window.location.href='/collections/2010s'"
3580                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3581                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3582                        >
3583                          2010s
3584                        </a>
3585                      </li>
3586                    
3587                      
3588                      
3589                      
3590                      <li
3591                        class="mega-menu__child-item flex "
3592                        role="none"
3593                      >
3594                        <a
3595                          href="/collections/2020s"
3596                          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"
3597                          role="menuitem"
3598                          
3599                          :tabindex="activeMenu === id ? '0' : '-1'"
3600                          @keydown.enter.prevent="window.location.href='/collections/2020s'"
3601                          @keydown.space.prevent="window.location.href='/collections/2020s'"
3602                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
3603                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
3604                        >
3605                          2020s
3606                        </a>
3607                      </li>
3608                    
3609                    <li
3610                      class="mega-menu__child-item"
3611                      role="none"
3612                    >
3613                      <a
3614                        href="/collections/all-decades"
3615                        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"
3616                        role="menuitem"
3617                        :tabindex="activeMenu === id ? '0' : '-1'"
3618                        @keydown.enter.prevent="window.location.href='/collections/all-decades'"
3619                        @keydown.space.prevent="window.location.href='/collections/all-decades'"
3620                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
3621                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
3622                      >
3623                        <span>View All</span>
3624                        <span class="sr-only">Shop By Decade</span>
3625                        <span aria-hidden="true">
3626
3627
3628
3629  
3630  
3631  
3632  
3633      
3634          <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">
3635            <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"/>
3636          </svg>
3637        
3638    
3639</span>
3640                      </a>
3641                    </li>
3642                  </ul>
3643                </div>
3644              </div>
3645            
3646          
3647            
3648          
3649            
3650          
3651            
3652          
3653            
3654          
3655            
3656          
3657            
3658          
3659            
3660          
3661
3662          
3663            
3664            
3665            
3666              <div class="mega-menu__submenu-item flex items-center" role="presentation">
3667                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
3668                  
3669                    
3670                  
3671                    
3672                  
3673                    
3674                      
3675
3676                      
3677                      
3678                      <div class="mega-menu__child-item">
3679                        <a
3680                          href="/collections/diamonds"
3681                          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"
3682                          role="menuitem"
3683                          
3684                          :tabindex="activeMenu === id ? '0' : '-1'"
3685                          @keydown.enter.prevent="window.location.href='/collections/diamonds'"
3686                          @keydown.space.prevent="window.location.href='/collections/diamonds'"
3687                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
3688                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
3689                        >
3690                          Diamonds
3691                        </a>
3692                      </div>
3693                    
3694                  
3695                    
3696                      
3697
3698                      
3699                      
3700                      <div class="mega-menu__child-item">
3701                        <a
3702                          href="/collections/studio-albums"
3703                          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"
3704                          role="menuitem"
3705                          
3706                          :tabindex="activeMenu === id ? '0' : '-1'"
3707                          @keydown.enter.prevent="window.location.href='/collections/studio-albums'"
3708                          @keydown.space.prevent="window.location.href='/collections/studio-albums'"
3709                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
3710                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
3711                        >
3712                          Studio Albums
3713                        </a>
3714                      </div>
3715                    
3716                  
3717                    
3718                      
3719
3720                      
3721                      
3722                      <div class="mega-menu__child-item">
3723                        <a
3724                          href="/collections/anniversaries"
3725                          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"
3726                          role="menuitem"
3727                          
3728                          :tabindex="activeMenu === id ? '0' : '-1'"
3729                          @keydown.enter.prevent="window.location.href='/collections/anniversaries'"
3730                          @keydown.space.prevent="window.location.href='/collections/anniversaries'"
3731                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
3732                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
3733                        >
3734                          Anniversaries
3735                        </a>
3736                      </div>
3737                    
3738                  
3739                    
3740                      
3741
3742                      
3743                      
3744                      <div class="mega-menu__child-item">
3745                        <a
3746                          href="/collections/limited-edition"
3747                          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"
3748                          role="menuitem"
3749                          
3750                          :tabindex="activeMenu === id ? '0' : '-1'"
3751                          @keydown.enter.prevent="window.location.href='/collections/limited-edition'"
3752                          @keydown.space.prevent="window.location.href='/collections/limited-edition'"
3753                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
3754                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
3755                        >
3756                          Limited Editions
3757                        </a>
3758                      </div>
3759                    
3760                  
3761                    
3762                      
3763
3764                      
3765                      
3766                      <div class="mega-menu__child-item">
3767                        <a
3768                          href="/collections/live-albums"
3769                          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"
3770                          role="menuitem"
3771                          
3772                          :tabindex="activeMenu === id ? '0' : '-1'"
3773                          @keydown.enter.prevent="window.location.href='/collections/live-albums'"
3774                          @keydown.space.prevent="window.location.href='/collections/live-albums'"
3775                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
3776                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
3777                        >
3778                          Live Albums
3779                        </a>
3780                      </div>
3781                    
3782                  
3783                    
3784                      
3785
3786                      
3787                      
3788                      <div class="mega-menu__child-item">
3789                        <a
3790                          href="/collections/collaborations"
3791                          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"
3792                          role="menuitem"
3793                          
3794                          :tabindex="activeMenu === id ? '0' : '-1'"
3795                          @keydown.enter.prevent="window.location.href='/collections/collaborations'"
3796                          @keydown.space.prevent="window.location.href='/collections/collaborations'"
3797                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
3798                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
3799                        >
3800                          Collaborations
3801                        </a>
3802                      </div>
3803                    
3804                  
3805                    
3806                      
3807
3808                      
3809                      
3810                      <div class="mega-menu__child-item">
3811                        <a
3812                          href="/collections/all-music"
3813                          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"
3814                          role="menuitem"
3815                          
3816                          :tabindex="activeMenu === id ? '0' : '-1'"
3817                          @keydown.enter.prevent="window.location.href='/collections/all-music'"
3818                          @keydown.space.prevent="window.location.href='/collections/all-music'"
3819                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
3820                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
3821                        >
3822                          Shop All Music
3823                        </a>
3824                      </div>
3825                    
3826                  
3827                </div>
3828              </div>
3829            
3830          
3831        </div>
3832      
3833      
3834    </div>
3835  </div>
3836</template>
3837
3838              
3839            
3840
3841            
3842          
3843        </li>
3844      
3845        
3846
3847        
3848        
3849        
3850
3851        
3852        
3853
3854        <li class="mega-menu__primary-item grow-0 "
3855          x-data="{ id: 'merchandise' }"
3856          role="none"
3857          
3858            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
3859          
3860        >
3861          <button
3862            
3863            
3864            :id="'button-' + id"
3865            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"
3866            
3867              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
3868              :aria-expanded="activeMenu === id ? 'true' : 'false'"
3869              aria-haspopup="true"
3870              :aria-controls="'dropdown-' + id"
3871              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
3872              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
3873            
3874            role="menuitem"
3875          >
3876            Merchandise
3877            
3878              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
3879                
3880
3881
3882
3883  
3884  
3885  
3886  
3887      
3888          <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">
3889            <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"/>
3890          </svg>
3891        
3892    
3893
3894              </span>
3895            
3896          </button>
3897
3898          
3899            
3900            
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
3928
3929
3930
3931
3932
3933
3934
3935
3936
3937
3938
3939
3940
3941
3942
3943
3944
3945
3946
3947
3948
3949
3950
3951
3952
3953
3954
3955
3956
3957
3958
3959
3960
3961
3962
3963
3964
3965
3966
3967
3968
3969
3970
3971
3972
3973
3974
3975
3976
3977
3978
3979
3980<!-- append mega menu panel to header wrapper -->
3981<template x-teleport="#header-md-wrapper--28521302589815">
3982  <div
3983    
3984    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-tertiary c-text-tertiary-on"
3985    x-cloak
3986    x-show="activeMenu === id"
3987    x-trap.noscroll="activeMenu === id"
3988    role="region"
3989    :id="'panel-' + id"
3990    :aria-labelledby="'button-' + id"
3991    x-effect="
3992      if (activeMenu === id) {
3993        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--28521302589815')?.offsetHeight + 'px')
3994      }
3995    "
3996    @resize.window="
3997      if (activeMenu === id) {
3998        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--28521302589815')?.offsetHeight + 'px')
3999      }
4000    "
4001    x-transition:enter="transition ease-out duration-200"
4002    x-transition:enter-start="opacity-0 -translate-y-1"
4003    x-transition:enter-end="opacity-100 translate-y-0"
4004    x-transition:leave="transition ease-in duration-150"
4005    x-transition:leave-start="opacity-100 translate-y-0"
4006    x-transition:leave-end="opacity-0 -translate-y-1"
4007    @keydown.escape.prevent.stop="close()"
4008    @click.away="close()"
4009  >
4010    <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-full px-container-sm">
4011      
4012      
4013        <div
4014          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"
4015          role="presentation"
4016        >
4017          
4018          
4019            
4020              
4021
4022              
4023              
4024
4025              <div
4026                class="mega-menu__submenu-item flex items-center"
4027                role="presentation"
4028              >
4029                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
4030                  <div class="mega-menu__submenu--header">
4031                    <a
4032                      href="/collections/all-apparel"
4033                      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"
4034                      role="menuitem"
4035                      
4036                      :tabindex="activeMenu === id ? '0' : '-1'"
4037                      @keydown.enter.prevent="window.location.href='/collections/all-apparel'"
4038                      @keydown.space.prevent="window.location.href='/collections/all-apparel'"
4039                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4040                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4041                    >
4042                      Apparel
4043                    </a>
4044                  </div>
4045
4046                  <ul
4047                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
4048                    role="menu"
4049                    aria-label="Apparel menu"
4050                  >
4051                    
4052                      
4053                      
4054                      
4055                      <li
4056                        class="mega-menu__child-item flex "
4057                        role="none"
4058                      >
4059                        <a
4060                          href="/collections/t-shirts"
4061                          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"
4062                          role="menuitem"
4063                          
4064                          :tabindex="activeMenu === id ? '0' : '-1'"
4065                          @keydown.enter.prevent="window.location.href='/collections/t-shirts'"
4066                          @keydown.space.prevent="window.location.href='/collections/t-shirts'"
4067                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4068                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4069                        >
4070                          T-Shirts
4071                        </a>
4072                      </li>
4073                    
4074                      
4075                      
4076                      
4077                      <li
4078                        class="mega-menu__child-item flex "
4079                        role="none"
4080                      >
4081                        <a
4082                          href="/collections/hoodie"
4083                          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"
4084                          role="menuitem"
4085                          
4086                          :tabindex="activeMenu === id ? '0' : '-1'"
4087                          @keydown.enter.prevent="window.location.href='/collections/hoodie'"
4088                          @keydown.space.prevent="window.location.href='/collections/hoodie'"
4089                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4090                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4091                        >
4092                          Hoodies
4093                        </a>
4094                      </li>
4095                    
4096                      
4097                      
4098                      
4099                      <li
4100                        class="mega-menu__child-item flex "
4101                        role="none"
4102                      >
4103                        <a
4104                          href="/collections/longsleeves-tops"
4105                          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"
4106                          role="menuitem"
4107                          
4108                          :tabindex="activeMenu === id ? '0' : '-1'"
4109                          @keydown.enter.prevent="window.location.href='/collections/longsleeves-tops'"
4110                          @keydown.space.prevent="window.location.href='/collections/longsleeves-tops'"
4111                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4112                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4113                        >
4114                          Longsleeves & Tops
4115                        </a>
4116                      </li>
4117                    
4118                      
4119                      
4120                      
4121                      <li
4122                        class="mega-menu__child-item flex "
4123                        role="none"
4124                      >
4125                        <a
4126                          href="/collections/jumpers-sweatshirts"
4127                          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"
4128                          role="menuitem"
4129                          
4130                          :tabindex="activeMenu === id ? '0' : '-1'"
4131                          @keydown.enter.prevent="window.location.href='/collections/jumpers-sweatshirts'"
4132                          @keydown.space.prevent="window.location.href='/collections/jumpers-sweatshirts'"
4133                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4134                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4135                        >
4136                          Jumpers & Sweatshirts
4137                        </a>
4138                      </li>
4139                    
4140                      
4141                      
4142                      
4143                      <li
4144                        class="mega-menu__child-item flex "
4145                        role="none"
4146                      >
4147                        <a
4148                          href="/collections/hats"
4149                          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"
4150                          role="menuitem"
4151                          
4152                          :tabindex="activeMenu === id ? '0' : '-1'"
4153                          @keydown.enter.prevent="window.location.href='/collections/hats'"
4154                          @keydown.space.prevent="window.location.href='/collections/hats'"
4155                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4156                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4157                        >
4158                          Hats & Caps
4159                        </a>
4160                      </li>
4161                    
4162                    <li
4163                      class="mega-menu__child-item"
4164                      role="none"
4165                    >
4166                      <a
4167                        href="/collections/all-apparel"
4168                        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"
4169                        role="menuitem"
4170                        :tabindex="activeMenu === id ? '0' : '-1'"
4171                        @keydown.enter.prevent="window.location.href='/collections/all-apparel'"
4172                        @keydown.space.prevent="window.location.href='/collections/all-apparel'"
4173                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
4174                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
4175                      >
4176                        <span>View All</span>
4177                        <span class="sr-only">Apparel</span>
4178                        <span aria-hidden="true">
4179
4180
4181
4182  
4183  
4184  
4185  
4186      
4187          <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">
4188            <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"/>
4189          </svg>
4190        
4191    
4192</span>
4193                      </a>
4194                    </li>
4195                  </ul>
4196                </div>
4197              </div>
4198            
4199          
4200            
4201              
4202
4203              
4204              
4205
4206              <div
4207                class="mega-menu__submenu-item flex items-center"
4208                role="presentation"
4209              >
4210                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
4211                  <div class="mega-menu__submenu--header">
4212                    <a
4213                      href="/collections/all-collectables"
4214                      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"
4215                      role="menuitem"
4216                      
4217                      :tabindex="activeMenu === id ? '0' : '-1'"
4218                      @keydown.enter.prevent="window.location.href='/collections/all-collectables'"
4219                      @keydown.space.prevent="window.location.href='/collections/all-collectables'"
4220                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4221                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4222                    >
4223                      Collectables
4224                    </a>
4225                  </div>
4226
4227                  <ul
4228                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
4229                    role="menu"
4230                    aria-label="Collectables menu"
4231                  >
4232                    
4233                      
4234                      
4235                      
4236                      <li
4237                        class="mega-menu__child-item flex "
4238                        role="none"
4239                      >
4240                        <a
4241                          href="/collections/la-collection"
4242                          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"
4243                          role="menuitem"
4244                          
4245                          :tabindex="activeMenu === id ? '0' : '-1'"
4246                          @keydown.enter.prevent="window.location.href='/collections/la-collection'"
4247                          @keydown.space.prevent="window.location.href='/collections/la-collection'"
4248                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4249                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4250                        >
4251                          LA Collection
4252                        </a>
4253                      </li>
4254                    
4255                      
4256                      
4257                      
4258                      <li
4259                        class="mega-menu__child-item flex "
4260                        role="none"
4261                      >
4262                        <a
4263                          href="/collections/waterford-x-elton-john"
4264                          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"
4265                          role="menuitem"
4266                          
4267                          :tabindex="activeMenu === id ? '0' : '-1'"
4268                          @keydown.enter.prevent="window.location.href='/collections/waterford-x-elton-john'"
4269                          @keydown.space.prevent="window.location.href='/collections/waterford-x-elton-john'"
4270                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4271                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4272                        >
4273                          Waterford x Elton John
4274                        </a>
4275                      </li>
4276                    
4277                      
4278                      
4279                      
4280                      <li
4281                        class="mega-menu__child-item flex "
4282                        role="none"
4283                      >
4284                        <a
4285                          href="/collections/oxford-pennant"
4286                          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"
4287                          role="menuitem"
4288                          
4289                          :tabindex="activeMenu === id ? '0' : '-1'"
4290                          @keydown.enter.prevent="window.location.href='/collections/oxford-pennant'"
4291                          @keydown.space.prevent="window.location.href='/collections/oxford-pennant'"
4292                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4293                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4294                        >
4295                          Oxford Pennant
4296                        </a>
4297                      </li>
4298                    
4299                      
4300                      
4301                      
4302                      <li
4303                        class="mega-menu__child-item flex "
4304                        role="none"
4305                      >
4306                        <a
4307                          href="/collections/lithographs-prints"
4308                          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"
4309                          role="menuitem"
4310                          
4311                          :tabindex="activeMenu === id ? '0' : '-1'"
4312                          @keydown.enter.prevent="window.location.href='/collections/lithographs-prints'"
4313                          @keydown.space.prevent="window.location.href='/collections/lithographs-prints'"
4314                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4315                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4316                        >
4317                          Lithographs & Prints
4318                        </a>
4319                      </li>
4320                    
4321                      
4322                      
4323                      
4324                      <li
4325                        class="mega-menu__child-item flex "
4326                        role="none"
4327                      >
4328                        <a
4329                          href="/collections/the-vintage-collection"
4330                          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"
4331                          role="menuitem"
4332                          
4333                          :tabindex="activeMenu === id ? '0' : '-1'"
4334                          @keydown.enter.prevent="window.location.href='/collections/the-vintage-collection'"
4335                          @keydown.space.prevent="window.location.href='/collections/the-vintage-collection'"
4336                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4337                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4338                        >
4339                          The Vintage Collection
4340                        </a>
4341                      </li>
4342                    
4343                    <li
4344                      class="mega-menu__child-item"
4345                      role="none"
4346                    >
4347                      <a
4348                        href="/collections/all-collectables"
4349                        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"
4350                        role="menuitem"
4351                        :tabindex="activeMenu === id ? '0' : '-1'"
4352                        @keydown.enter.prevent="window.location.href='/collections/all-collectables'"
4353                        @keydown.space.prevent="window.location.href='/collections/all-collectables'"
4354                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
4355                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
4356                      >
4357                        <span>View All</span>
4358                        <span class="sr-only">Collectables</span>
4359                        <span aria-hidden="true">
4360
4361
4362
4363  
4364  
4365  
4366  
4367      
4368          <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">
4369            <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"/>
4370          </svg>
4371        
4372    
4373</span>
4374                      </a>
4375                    </li>
4376                  </ul>
4377                </div>
4378              </div>
4379            
4380          
4381            
4382              
4383
4384              
4385              
4386
4387              <div
4388                class="mega-menu__submenu-item flex items-center"
4389                role="presentation"
4390              >
4391                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
4392                  <div class="mega-menu__submenu--header">
4393                    <a
4394                      href="/collections/accessories"
4395                      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"
4396                      role="menuitem"
4397                      
4398                      :tabindex="activeMenu === id ? '0' : '-1'"
4399                      @keydown.enter.prevent="window.location.href='/collections/accessories'"
4400                      @keydown.space.prevent="window.location.href='/collections/accessories'"
4401                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4402                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4403                    >
4404                      Accessories
4405                    </a>
4406                  </div>
4407
4408                  <ul
4409                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
4410                    role="menu"
4411                    aria-label="Accessories menu"
4412                  >
4413                    
4414                      
4415                      
4416                      
4417                      <li
4418                        class="mega-menu__child-item flex "
4419                        role="none"
4420                      >
4421                        <a
4422                          href="/collections/bags"
4423                          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"
4424                          role="menuitem"
4425                          
4426                          :tabindex="activeMenu === id ? '0' : '-1'"
4427                          @keydown.enter.prevent="window.location.href='/collections/bags'"
4428                          @keydown.space.prevent="window.location.href='/collections/bags'"
4429                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4430                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4431                        >
4432                          Bags
4433                        </a>
4434                      </li>
4435                    
4436                      
4437                      
4438                      
4439                      <li
4440                        class="mega-menu__child-item flex "
4441                        role="none"
4442                      >
4443                        <a
4444                          href="/collections/toys-games"
4445                          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"
4446                          role="menuitem"
4447                          
4448                          :tabindex="activeMenu === id ? '0' : '-1'"
4449                          @keydown.enter.prevent="window.location.href='/collections/toys-games'"
4450                          @keydown.space.prevent="window.location.href='/collections/toys-games'"
4451                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4452                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4453                        >
4454                          Toys & Games
4455                        </a>
4456                      </li>
4457                    
4458                      
4459                      
4460                      
4461                      <li
4462                        class="mega-menu__child-item flex "
4463                        role="none"
4464                      >
4465                        <a
4466                          href="/collections/music-accessories"
4467                          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"
4468                          role="menuitem"
4469                          
4470                          :tabindex="activeMenu === id ? '0' : '-1'"
4471                          @keydown.enter.prevent="window.location.href='/collections/music-accessories'"
4472                          @keydown.space.prevent="window.location.href='/collections/music-accessories'"
4473                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4474                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4475                        >
4476                          Music Accessories
4477                        </a>
4478                      </li>
4479                    
4480                      
4481                      
4482                      
4483                      <li
4484                        class="mega-menu__child-item flex "
4485                        role="none"
4486                      >
4487                        <a
4488                          href="/collections/glasses"
4489                          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"
4490                          role="menuitem"
4491                          
4492                          :tabindex="activeMenu === id ? '0' : '-1'"
4493                          @keydown.enter.prevent="window.location.href='/collections/glasses'"
4494                          @keydown.space.prevent="window.location.href='/collections/glasses'"
4495                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
4496                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
4497                        >
4498                          Glasses
4499                        </a>
4500                      </li>
4501                    
4502                    <li
4503                      class="mega-menu__child-item"
4504                      role="none"
4505                    >
4506                      <a
4507                        href="/collections/accessories"
4508                        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"
4509                        role="menuitem"
4510                        :tabindex="activeMenu === id ? '0' : '-1'"
4511                        @keydown.enter.prevent="window.location.href='/collections/accessories'"
4512                        @keydown.space.prevent="window.location.href='/collections/accessories'"
4513                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
4514                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
4515                      >
4516                        <span>View All</span>
4517                        <span class="sr-only">Accessories</span>
4518                        <span aria-hidden="true">
4519
4520
4521
4522  
4523  
4524  
4525  
4526      
4527          <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">
4528            <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"/>
4529          </svg>
4530        
4531    
4532</span>
4533                      </a>
4534                    </li>
4535                  </ul>
4536                </div>
4537              </div>
4538            
4539          
4540            
4541          
4542            
4543          
4544
4545          
4546            
4547            
4548            
4549              <div class="mega-menu__submenu-item flex items-center" role="presentation">
4550                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
4551                  
4552                    
4553                  
4554                    
4555                  
4556                    
4557                  
4558                    
4559                      
4560
4561                      
4562                      
4563                      <div class="mega-menu__child-item">
4564                        <a
4565                          href="/collections/books"
4566                          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"
4567                          role="menuitem"
4568                          
4569                          :tabindex="activeMenu === id ? '0' : '-1'"
4570                          @keydown.enter.prevent="window.location.href='/collections/books'"
4571                          @keydown.space.prevent="window.location.href='/collections/books'"
4572                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4573                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4574                        >
4575                          Books
4576                        </a>
4577                      </div>
4578                    
4579                  
4580                    
4581                      
4582
4583                      
4584                      
4585                      <div class="mega-menu__child-item">
4586                        <a
4587                          href="/collections/all-merchandise"
4588                          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"
4589                          role="menuitem"
4590                          
4591                          :tabindex="activeMenu === id ? '0' : '-1'"
4592                          @keydown.enter.prevent="window.location.href='/collections/all-merchandise'"
4593                          @keydown.space.prevent="window.location.href='/collections/all-merchandise'"
4594                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
4595                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
4596                        >
4597                          All Merchandise
4598                        </a>
4599                      </div>
4600                    
4601                  
4602                </div>
4603              </div>
4604            
4605          
4606        </div>
4607      
4608      
4609    </div>
4610  </div>
4611</template>
4612
4613              
4614            
4615
4616            
4617          
4618        </li>
4619      
4620        
4621
4622        
4623        
4624        
4625
4626        
4627        
4628
4629        <li class="mega-menu__primary-item grow-0 "
4630          x-data="{ id: 'eyewear' }"
4631          role="none"
4632          
4633        >
4634          <a
4635            
4636              href="https://eltonjohneyewear.com/"
4637            
4638            
4639            :id="'button-' + id"
4640            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"
4641            
4642            role="menuitem"
4643          >
4644            Eyewear
4645            
4646          </a>
4647
4648          
4649        </li>
4650      
4651        
4652
4653        
4654        
4655        
4656
4657        
4658        
4659
4660        <li class="mega-menu__primary-item grow-0 "
4661          x-data="{ id: 'ej-zero' }"
4662          role="none"
4663          
4664        >
4665          <a
4666            
4667              href="https://eltonjohnzero.com/"
4668            
4669            
4670            :id="'button-' + id"
4671            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"
4672            
4673            role="menuitem"
4674          >
4675            EJ Zero
4676            
4677          </a>
4678
4679          
4680        </li>
4681      
4682        
4683
4684        
4685        
4686        
4687
4688        
4689        
4690
4691        <li class="mega-menu__primary-item grow-0 "
4692          x-data="{ id: 'join-the-rocket-club' }"
4693          role="none"
4694          
4695        >
4696          <a
4697            
4698              href="https://www.eltonjohn.com/rocket-club"
4699            
4700            
4701            :id="'button-' + id"
4702            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"
4703            
4704            role="menuitem"
4705          >
4706            Join The Rocket Club
4707            
4708          </a>
4709
4710          
4711        </li>
4712      
4713    </ul>
4714  </nav>
4715
4716  <template x-teleport="#header-md-wrapper--28521302589815">
4717    <button
4718      class="umg-backdrop block w-screen h-screen absolute left-0 right-0 bottom-0 top-full z-1"
4719      x-cloak
4720      x-show="activeMenu"
4721      x-transition.opacity
4722      aria-hidden="true"
4723      tabindex="-1"
4724      @click="close()">
4725      <span class="sr-only">Close navigation menu</span>
4726    </button>
4727  </template>
4728</div>
4729</div>
4730
4731        
4732    
4733      
4734          
4735
4736<div class="header__column header__column--2 header__column--actions flex col-span-2 justify-end items-center"  >
4737  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
4738    
4739
4740
4741    
4742    
4743    
4744    
4745    
4746    <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
4747      <button class="btn-search text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" 
4748      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"
4749     >
4750        
4751
4752
4753
4754  
4755  
4756  
4757      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
4758        <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"/>
4759      </svg>
4760    
4761
4762      </button>
4763    </div>
4764
4765  
4766
4767
4768
4769
4770
4771
4772  
4773  
4774
4775  
4776  
4777
4778  
4779  
4780
4781  <div class="currency-list flex relative" x-data="{ currencySelectorOpen: false }" :aria-expanded="currencySelectorOpen" role="toolbar">
4782    <div class="flex h-full fill-current items-center justify-center">
4783      <button type="button" class="currency-list__container-button flex justify-center items-center text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px] min-w-min-click-space min-h-min-click-space" :aria-expanded="currencySelectorOpen" aria-controls="currency-list" x-on:click="currencySelectorOpen = ! currencySelectorOpen" aria-label="Open currency selector">
4784          
4785            <div class="icon-wrapper">
4786              
4787              
4788                  
4789
4790
4791
4792
4793
4794    <svg class="icon icon-currency icon-currency--eur umg-icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="20 -50 300 572">
4795      <path d="M48 224C39.16 224 32 216.8 32 208C32 199.2 39.16 192 48 192H73.28C100.8 99.47 186.5 32 288 32H336.1C345.8 32 352.1 39.16 352.1 48C352.1 56.84 345.8 64 336.1 64H288C204.4 64 133.3 117.4 106.9 192H304C312.8 192 320 199.2 320 208C320 216.8 312.8 224 304 224H98.65C96.91 234.4 96 245.1 96 256C96 266.9 96.91 277.6 98.65 288H304C312.8 288 320 295.2 320 304C320 312.8 312.8 320 304 320H106.9C133.3 394.6 204.4 448 288 448H336.1C345.8 448 352.1 455.2 352.1 464C352.1 472.8 345.8 480 336.1 480H288C186.5 480 100.8 412.5 73.28 320H48C39.16 320 32 312.8 32 304C32 295.2 39.16 288 48 288H66.27C64.77 277.5 64 266.9 64 256C64 245.1 64.77 234.5 66.27 224H48z"/>
4796    </svg>
4797  
4798                
4799            </div>
4800          
4801      </button>
4802
4803      <ul role="list" class="currency-list__container absolute w-auto h-auto max-h-96 overflow-auto right-0 top-full z-10 c-bg-gray-50 c-text-gray-700" x-show="currencySelectorOpen" @click.away="currencySelectorOpen = false" :class="{ '' : currencySelectorOpen , 'hidden' : !currencySelectorOpen }" x-cloak>
4804        
4805          <li class="currency-list__item my-sm-xs" tabindex="-1">
4806            <a class="text_navigation_sm px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=EUR" aria-current="true" data-value="EUR">
4807              EUR €
4808            </a>
4809          </li>
4810        
4811          <li class="currency-list__item my-sm-xs" tabindex="-1">
4812            <a class="text_navigation_sm px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=GBP" data-value="GBP">
4813              GBP £
4814            </a>
4815          </li>
4816        
4817          <li class="currency-list__item my-sm-xs" tabindex="-1">
4818            <a class="text_navigation_sm px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=USD" data-value="USD">
4819              USD $
4820            </a>
4821          </li>
4822        
4823      </ul>
4824    </div>
4825  </div>
4826
4827
4828
4829
4830<a href="/account" class="header__action header__action--account-link text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px] flex h-full fill-current items-center justify-center min-w-min-click-s
4830pace min-h-min-click-space block overflow-hidden">
4831  
4832      <div class="icon-wrapper">
4833        
4834
4835
4836
4837  
4838  
4839  
4840      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor">
4841        <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"/>
4842      </svg>
4843    
4844
4845        <span class="sr-only">Account</span>
4846      </div>
4847    
4848</a>
4849
4850
4851
4852
4853
4854
4855
4856
4857
4858
4859
4860
4861
4862
4863
4864
4865
4866
4867
4868
4869
4870
4871
4872
4873
4874
4875   
4876  <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">
4877    
4878  <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">
4879    
4880      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
4881        
4882
4883
4884
4885  
4886  
4887  
4888      
4889          
4890          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
4891            <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"/>
4892          </svg>
4893      
4894    
4895
4896      </div>
4897      <span class="sr-only">Cart</span>
4898    
4899    <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>
4900    
4901  </a>
4902
4903  </cart-drawer-toggle-button>
4904
4905    
4906
4907  </div>
4908</div>
4909          
4910        
4911    
4912  </div>
4913  
4914  
4915    
4916
4917
4918
4919
4920  
4921  
4922
4923  
4924  
4925  
4926
4927  
4928  
4929
4930  
4931  
4932
4933  
4934
4935  
4936
4937  <div class="header__search-wrapper section__wrapper w-full hidden border-x-0 border-t-0 z-10 border-none c-border-default-color c-bg-background c-text-content-base" 
4938    x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
4939    @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
4940    id="header-search-dropdown"
4941  >
4942    <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-container-sm px-lg-sm max-w-xl md:px-container-sm md:max-w-xl">
4943      
4944      
4945
4946
4947
4948
4949  
4950  <predictive-search class="predictive-search__wrapper flex flex-col items-center w-full" id="predictive-search-wrapper">
4951
4952    <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide">
4953      <div class="predictive-search__input-wrapper relative w-full">
4954        <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--28521302589815__header-md" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" 
4955    role="combobox" aria-expanded="false" aria-owns="predictive-search-sections--28521302589815__header-md" aria-controls="predictive-search-sections--28521302589815__header-md" aria-haspopup="listbox" aria-autocomplete="list"
4956    @keydown.escape="$el.value = ''; $el.dispatchEvent(new Event('input', { bubbles: true }))"
4957  >
4958        <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">
4959          
4960
4961
4962
4963  
4964  
4965  
4966      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
4967        <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"/>
4968      </svg>
4969    
4970
4971        </button>
4972        
4973          <div class="predictive-search__container hidden mx-auto border-t-none absolute top-full max-h-[500px] overflow-auto w-full px-lg-xs py-lg-xs text_body_md c-text-content-base c-bg-background border-default-width c-border-content-base" id="predictive-search-sections--28521302589815__header-md" data-predictive-search-results></div>
4974        
4975      </div>
4976    </form>
4977
4978  </predictive-search>
4979
4980    </div>
4981  </div>
4982
4983  
4984
4985  
4986
4987  
4988
4989
4990
4991</div>
4992
4993<style> #shopify-section-sections--28521302589815__header-md .logo-cntr {--logo-width: 3rem !important;} </style></header><aside id="shopify-section-sections--28521302589815__soft-redirect" class="shopify-section shopify-section-group-header-group section-soft-redirects">
4994 
4995  
4996
4997
4998  
4999  
5000
5001  
5002  
5003
5004  
5005  
5006
5007  
5008  
5009  
5010  
5011
5012  
5013  
5014
5015  
5016  
5017    
5018      
5019
5020
5021
5022
5023
5024
5025
5026
5027<div class="w-full soft-redirect soft-redirect--inline" x-data="{ softRedirectVisible: $persist(true).using(sessionStorage) }" :class="{ 'hidden': !softRedirectVisible }">
5028  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden hidden" data-geo-show="AR,AU,BE,BR,CA,CO,CR,DK,ES,FR,IT,JP,MX,MY,NL,PH,PL,SE,SG,DE,US">
5029    <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">
5030      <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">
5031        
5032    
5033    
5034    <h2 class="text_heading_lg">Looks like you are in <span data-geo-countryname-replace></span>.</h2>
5035    <p class="text_body_md">Would you like to visit your local store?</p>
5036    <ul class="flex flex-col md:flex-row gap-sm-sm justify-center items-stretch text-center">
5037      
5038
5039        
5040        
5041
5042        
5043          
5044          <li class="hidden" data-geo-show="AR">
5045            <a class="block w-full btn btn--primary" href="https://umusicstore.com.ar/collections/elton-john">Take me there</a>
5046          </li>
5047        
5048
5049        
5050        
5051
5052        
5053          
5054          <li class="hidden" data-geo-show="AU">
5055            <a class="block w-full btn btn--primary" href="https://shop.umusic.com.au/pages/artist/elton-john">Take me there</a>
5056          </li>
5057        
5058
5059        
5060        
5061
5062        
5063          
5064          <li class="hidden" data-geo-show="BE">
5065            <a class="block w-full btn btn--primary" href="https://musicstation.be/collections/elton-john">Take me there</a>
5066          </li>
5067        
5068
5069        
5070        
5071
5072        
5073          
5074          <li class="hidden" data-geo-show="BR">
5075            <a class="block w-full btn btn--primary" href="https://www.umusicstore.com/elton-john">Take me there</a>
5076          </li>
5077        
5078
5079        
5080        
5081
5082        
5083          
5084          <li class="hidden" data-geo-show="CA">
5085            <a class="block w-full btn btn--primary" href="https://www.umusic.ca/collections/elton-john">Take me there</a>
5086          </li>
5087        
5088
5089        
5090        
5091
5092        
5093          
5094          <li class="hidden" data-geo-show="CO">
5095            <a class="block w-full btn btn--primary" href="https://udiscovermusic.co/collections/elton-john">Take me there</a>
5096          </li>
5097        
5098
5099        
5100        
5101
5102        
5103          
5104          <li class="hidden" data-geo-show="CR">
5105            <a class="block w-full btn btn--primary" href="https://universalmusicstore.co.cr/collections/elton-john">Take me there</a>
5106          </li>
5107        
5108
5109        
5110        
5111
5112        
5113          
5114          <li class="hidden" data-geo-show="DK">
5115            <a class="block w-full btn btn--primary" href="https://shop.universalmusic.dk/collections/elton-john">Take me there</a>
5116          </li>
5117        
5118
5119        
5120        
5121
5122        
5123          
5124          <li class="hidden" data-geo-show="ES">
5125            <a class="block w-full btn btn--primary" href="https://universalmusiconline.es/collections/elton-john">Take me there</a>
5126          </li>
5127        
5128
5129        
5130        
5131
5132        
5133          
5134          <li class="hidden" data-geo-show="FR">
5135            <a class="block w-full btn btn--primary" href="https://vinylcollector.store/collections/elton-john">Take me there</a>
5136          </li>
5137        
5138
5139        
5140        
5141
5142        
5143          
5144          <li class="hidden" data-geo-show="IT">
5145            <a class="block w-full btn btn--primary" href="https://shop.universalmusic.it/collections/elton-john">Take me there</a>
5146          </li>
5147        
5148
5149        
5150        
5151
5152        
5153          
5154          <li class="hidden" data-geo-show="JP">
5155            <a class="block w-full btn btn--primary" href="https://store.universal-music.co.jp/artist/elton-john/">Take me there</a>
5156          </li>
5157        
5158
5159        
5160        
5161
5162        
5163          
5164          <li class="hidden" data-geo-show="MX">
5165            <a class="block w-full btn btn--primary" href="https://udiscover.mx/collections/elton-john">
5165Take me there</a>
5166          </li>
5167        
5168
5169        
5170        
5171
5172        
5173          
5174          <li class="hidden" data-geo-show="MY">
5175            <a class="block w-full btn btn--primary" href="https://umusic.my/collections/elton-john">Take me there</a>
5176          </li>
5177        
5178
5179        
5180        
5181
5182        
5183          
5184          <li class="hidden" data-geo-show="NL">
5185            <a class="block w-full btn btn--primary" href="https://www.platenzaak.nl/collections/elton-john">Take me there</a>
5186          </li>
5187        
5188
5189        
5190        
5191
5192        
5193          
5194          <li class="hidden" data-geo-show="PH">
5195            <a class="block w-full btn btn--primary" href="https://shop.umusic.ph/collections/elton-john">Take me there</a>
5196          </li>
5197        
5198
5199        
5200        
5201
5202        
5203          
5204          <li class="hidden" data-geo-show="PL">
5205            <a class="block w-full btn btn--primary" href="https://muzyka.sklep.pl/elton-john">Take me there</a>
5206          </li>
5207        
5208
5209        
5210        
5211
5212        
5213          
5214          <li class="hidden" data-geo-show="SE">
5215            <a class="block w-full btn btn--primary" href="https://shop.universalmusic.se/collections/elton-john">Take me there</a>
5216          </li>
5217        
5218
5219        
5220        
5221
5222        
5223          
5224          <li class="hidden" data-geo-show="SG">
5225            <a class="block w-full btn btn--primary" href="https://umusic.sg/collections/elton-john">Take me there</a>
5226          </li>
5227        
5228
5229        
5230        
5231
5232        
5233          
5234          <li class="hidden" data-geo-show="DE">
5235            <a class="block w-full btn btn--primary" href="https://storede.eltonjohn.com/">Take me there</a>
5236          </li>
5237        
5238
5239        
5240        
5241
5242        
5243          
5244          <li class="hidden" data-geo-show="US">
5245            <a class="block w-full btn btn--primary" href="https://us-store.eltonjohn.com/">Take me there</a>
5246          </li>
5247        
5248
5249      <li>
5250        <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>
5251      </li>
5252    </ul>
5253  
5254      </div>
5255    </div>
5256  </div>
5257</div>
5258
5259    
5260  
5261
5262</aside>
5263<!-- 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">
5264
5265
5266
5267
5268
5269
5270
5271
5272
5273
5274
5275
5276
5277
5278
5279
5280
5281
5282
5283
5284 
5285  <style>
5286    .cart-drawer.active {
5287      transform: translateX(0);
5288    }
5289  </style>
5290  <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-surface c-text-on-surface border-none c-border-content-base rounded-none shadow-none rounded-tr-none rounded-br-none border-r-0">
5291    <div class="cart-drawer__header flex justify-between items-start px-sm-sm pt-sm-sm">
5292      
5293      <button class="cart-drawer__close ml-auto appearance-none h-[3rem] w-[3rem] p-sm-xs">
5294        <span class="sr-only">Close cart</span>
5295        
5296
5297
5298
5299  
5300  
5301  
5302      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
5303        <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"/>
5304      </svg>
5305    
5306
5307      </button>
5308    </div>
5309
5310    <div class="cart-drawer__main grow flex flex-col items-stretch px-sm-sm" id="cart-drawer-main">
5311      
5312
5313
5314
5315  <div class="cart__empty grow flex flex-col justify-center items-center gap-sm-lg">
5316
5317    <h4 class="cart__empty-title text_heading_lg">Your cart is empty</h4>
5318    <p class="cart__empty-message text_body">Time to fill up the cart</p>
5319
5320    <cart-drawer-toggle-button class="cart__empty-action" tabindex="0">
5321      
5322      
5323      <button class="btn btn--primary block z-10 relative">Continue shopping</button>
5324    </cart-drawer-toggle-button>
5325  </div>
5326    </div>
5327    
5328  </div>
5329
5330  
5331
5332
5333</cart-drawer><main id="MainContent" role="main" class="z-10 grow scroll-mt-[var(--header-sticky-height)]"><div id="shopify-section-template--28521302294903__08fbfeae-56e1-455b-a1e2-5763930dceb4" class="shopify-section breadcrumbs">
5334
5335
5336
5337
5338
5339<div class="breadcrumbs__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
5340  <div class="breadcrumbs__spacing section-spacing mx-auto w-full relative z-10 py-container-sm px-lg-sm max-w-xl md:px-container-sm md:max-w-xl">
5341    
5342
5343
5344
5345
5346
5347
5348
5349
5350
5351
5352
5353
5354<nav class="breadcrumb-nav text_body_sm c-text-content-base" role="navigation" aria-label="Breadcrumbs">
5355	<a href="/" title="Back to home" class="underline hover:no-underline c-text-content-emphasis">Home</a>
5356
5357	
5358		
5359		<span aria-hidden="true">&rsaquo;</span>
5360		<span>Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP</span>
5361
5362	
5363</nav>
5364  </div>
5365</div>
5366
5367</div><div id="shopify-section-template--28521302294903__template" class="shopify-section template-product relative z-20">
5368
5369
5370
5371
5372
5373
5374
5375
5376
5377
5378
5379
5380
5381
5382
5383
5384<div class="template-product__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible" data-product="15116581306743" data-initial-variant="55716979573111">
5385  
5386  <div class="template-product__spacing section-spacing mx-auto w-full relative z-10 py-container-lg px-lg-sm max-w-xl md:px-container-sm md:max-w-xl">
5387    <div class="section-container grid grid-cols-1 gap-lg-sm grid-flow-row-dense md:gap-lg-lg md:grid-cols-pdp-media-width-left-md lg:grid-cols-pdp-media-width-left-lg" style="--media-width-md:50%; --media-width-lg:55%;">
5388    
5389      
5390
5391
5392
5393
5394 
5395
5396
5397
5398
5399
5400
5401
5402
5403
5404
5405
5406
5407
5408
5409
5410
5411
5412
5413
5414<div id="product_media" class="product__media -mx-lg-sm md:mx-none -my-container-lg md:my-none mb-0">
5415  <a href="#ProductInfo-template--28521302294903__template" class="pdp-media__skip-link sr-only focus:not-sr-only absolute z-50 p-sm-md">
5416    Skip to product information
5417  </a>
5418
5419  
5420
5421
5422
5423
5424
5425
5426
5427
5428
5429
5430
5431
5432
5433<div class="pdp-media__wrapper pdp-media__carousel relative flex flex-col md:grid gap-sm-sm md:grid-rows-pdp-container-bottom" x-data="pdpDialog" style="--pdp-thumb-size:75px;--grid-gap: var(--gap-container-xs,0);"> <div data-items-element="swiper__parent" class="carousel-wrapper min-w-0 relative w-full" data-carousel-type="pdp-media" data-carousel-class="carousel-wrapper min-w-0 relative w-full" data-carousel-layout="carousel" data-carousel-layout-md="vertical-scroll" data-slides-per-view="1" data-slides-per-view-md="1" data-slides-per-view-lg="1" data-carousel-loop="false" data-carousel-loop-md="false" data-carousel-autoplay="0" data-carousel-peek="false" data-carousel-peek-md="false" data-carousel-peek-value="0.15" data-carousel-dragfree="false" data-carousel-align="start" data-carousel-align-md="start" data-carousel-gap-x="xs" data-carousel-gap-y="none" data-carousel-zoom="false" data-carousel-pagination-type="" style="--cols: 1; --cols-md: 1; --cols-lg: 1; --peek-value: 0.15; --grid-gap: var(--gap-container-xs,0); --grid-gap-x: var(--gap-container-xs,0); --grid-gap-y: 0rem;" > <div data-items-element="swiper__viewport" class="w-full min-w-0 overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none" data-carousel-class="w-full min-w-0 overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none"> <div class="absolute top-0 left-0 p-sm-sm z-10 point-events-none w-full md:w-full"> <div class="tags-wrapper flex md:flex justify-end md:justify-end"> </div> </div> <ul data-items-element="swiper-wrapper" class="pdp-media-tablet__container standard vertical-scroll md:grid md:gap-sm-md w-full max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll" data-initial-class="pdp-media-tablet__container standard vertical-scroll md:grid md:gap-sm-md w-full max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll" data-class="pdp-media-tablet__container standard vertical-scroll md:grid md:gap-sm-md w-full" data-carousel-class="z-10 relative max-w-full w-full pdp-media-tablet__container standard vertical-scroll md:grid md:gap-sm-md w-full" data-next-url="" > <li class="swiper-slide relative break-after-column break-inside-avoid"> <button class="pdp-image-wrapper relative block pb-var-ratio md:pb-var-ratio-md w-full h-0 cursor-zoom-in pointer-events-none md:pointer-events-auto" data-class="pdp-image-wrapper relative block pb-var-ratio md:pb-var-ratio-md w-full h-0 cursor-zoom-in pointer-events-none md:pointer-events-auto" data-index="0" data-variant-ids="" data-media-id="66263679336823" aria-label="Zoom" x-on:click="window.innerWidth >= 768 ? openDialog : null" style="--ratio: calc( 1.0 * 100%);--ratio-md: calc( 1.0 * 100%);" > <img src="//store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=1250" alt="Elton John - Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" srcset="//store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=600 600w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=800 800w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=1200 1200w" width="1250" height="1250" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 100vw, (min-width: 1024px) 100rem, (max-width: 759px) 50vw," class=" w-full block max-w-full h-full max-h-full object-cover absolute inset-0 image__responsive"> </button> </li> <li class="swiper-slide relative break-after-column break-inside-avoid"> <button class="pdp-image-wrapper relative block pb-var-ratio md:pb-var-ratio-md w-full h-0 cursor-zoom-in pointer-events-none md:pointer-events-auto hidden" data-class="pdp-image-wrapper relative block pb-var-ratio md:pb-var-ratio-md w-full h-0 cursor-zoom-in pointer-events-none md:pointer-events-auto" data-index="1" data-variant-ids="" data-media-id="66263679369591" aria-label="Zoom" x-on:click="window.innerWidth >= 768 ? openDialog : null" style="--ratio: calc( 1.0 * 100%);--ratio-md: calc( 1.0 * 100%);" > <img src="//store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=2400" alt="Elton John - Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" srcset="//store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=2000 2000w" width="2400" height="2400" 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) 50vw," class=" w-full block max-w-full h-full max-h-full object-cover absolute inset-0 image__responsive"> </button> </li> <li class="swiper-slide relative break-after-column break-inside-avoid"> <button class="pdp-image-wrapper relative block pb-var-ratio md:pb-var-ratio-md w-full h-0 cursor-zoom-in pointer-events-none md:pointer-events-auto hidden" data-class="pdp-image-wrapper relative block pb-var-ratio md:pb-var-ratio-md w-full h-0 cursor-zoom-in pointer-events-none md:pointer-events-auto" data-index="2" data-variant-ids="" data-media-id="66263679402359" aria-label="Zoom" x-on:click="window.innerWidth >= 768 ? openDialog : null" style="--ratio: calc( 1.0 * 100%);--ratio-md: calc( 1.0 * 100%);" > <img src="//store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=2400" alt="Elton John - Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" srcset="//store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=2000 2000w" width="2400" height="2400" 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) 50vw," class=" w-full block max-w-full h-full max-h-full object-cover absolute inset-0 image__responsive"> </button> </li> </ul> </div> </div> <div class=" swiper--thumbs w-full max-w-full max-h-pdp-thumb-wrapper overflow-y-hidden md:overflow-y-auto md:max-h-none md:hidden " data-class=" swiper--thumbs w-full max-w-full max-h-pdp-thumb-wrapper overflow-y-hidden md:overflow-y-auto md:max-h-none md:hidden " data-direction-md="horizontal" data-centered="left" data-centered-md="left" > <div class="swiper-viewport swiper-viewport--thumbs overflow-hidden p-3px -mt-3px -ml-3px"> <div class="swiper-wrapper swiper-wrapper--thumbs w-full max-w-full" data-class=""> <button class="swiper-slide swiper-thumb group relative max-w-pdp-thumb-wrapper max-h-pdp-thumb-wrapper overflow-hidden w-full" data-pdp-media-item data-index="0" data-variant-ids=""> <span class="swiper-slide__inner block w-full group-[.swiper-slide-thumb-active]:border-default-width c-border-secondary"> <img src="//store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=1250" alt="Elton John - Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" srcset="//store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=600 600w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=800 800w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=1200 1200w" width="1250" height="1250" 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) 50vw," class="block aspect-square object-cover image__responsive"> </span> </button> <button class="swiper-slide swiper-thumb group relative max-w-pdp-thumb-wrapper max-h-pdp-thumb-wrapper overflow-hidden w-full" data-pdp-media-item data-index="1" data-variant-ids=""> <span class="swiper-slide__inner block w-full group-[.swiper-slide-thumb-active]:border-default-width c-border-secondary"> <img src="//store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=2400" alt="Elton John - Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" srcset="//store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=2000 2000w" width="2400" height="2400" 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) 50vw," class="block aspect-square object-cover image__responsive"> </span> </button> <button class="swiper-slide swiper-thumb group relative max-w-pdp-thumb-wrapper max-h-pdp-thumb-wrapper overflow-hidden w-full" data-pdp-media-item data-index="2" data-variant-ids=""> <span class="swiper-slide__inner block w-full group-[.swiper-slide-thumb-active]:border-default-width c-border-secondary"> <img src="//store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=2400" alt="Elton John - Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" srcset="//store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Viny
5433l_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=2000 2000w" width="2400" height="2400" 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) 50vw," class="block aspect-square object-cover image__responsive"> </span> </button> </div> </div> </div> </div> <div x-data="{ 'popup_Open': false }" class="popup-cntr overscroll-none flex justify-start md:justify-start " id="" > <dialog data-modal="" class="popup-dialog p-none overscroll-none w-full max-w-[90%] max-h-[90%]" x-on:click="if($event.target === $el) popup_Open = false, $el.close(), $event.target.classList.remove('!block'), document.body.classList.remove('overflow-hidden')" > <div class="popup__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden c-bg-surface c-text-on-surface rounded-none w-full px-lg-md py-lg-md"> <div class="popup__container z-10 overflow-hidden c-bg-transparent section__container grid py-container-xs px-lg-xs md:px-container-xs gap-y-none border-none c-border-content-subtle rounded-none shadow-none pt-lg-md w-full h-full grid-cols-1 gap-y-sm-sm justify-center text-center items-center"> <button class="block top-2 right-2 z-100 pointer w-6 h-6 absolute" aria-label="Close" x-on:click="popup_Open = false, $event.target.closest('dialog').close(), $event.target.closest('dialog').classList.remove('!block'), document.body.classList.remove('overflow-hidden')" x-ref="modalClose" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <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"/> </svg> <span class="sr-only">Close</span> </button> <div class="dialog-media-zoom grid relative z-0 md:grid-cols-1" > <div class="dialog-media-container relative w-full h-full z-0 grid items-center md:col-span-1" data-dialog-media="0"> <img src="//store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=1250" alt="Elton John - Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" srcset="//store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=600 600w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=800 800w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&amp;width=1200 1200w" width="1250" height="1250" 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) 50vw," class="block object-contain max-h-[75vh] w-full image__responsive"> </div> <div class="dialog-media-container relative w-full h-full z-0 grid items-center md:col-span-1" data-dialog-media="1"> <img src="//store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=2400" alt="Elton John - Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" srcset="//store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&amp;width=2000 2000w" width="2400" height="2400" 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) 50vw," class="block object-contain max-h-[75vh] w-full image__responsive"> </div> <div class="dialog-media-container relative w-full h-full z-0 grid items-center md:col-span-1" data-dialog-media="2"> <img src="//store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=2400" alt="Elton John - Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" srcset="//store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&amp;width=2000 2000w" width="2400" height="2400" 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) 50vw," class="block object-contain max-h-[75vh] w-full image__responsive"> </div> </div> </div> </div> </dialog> </div>
5434
5435</div>
5436
5437    
5438    <div id="ProductInfo-template--28521302294903__template" class="product__info flex flex-col gap-y-sm-sm w-full z-1 overflow-hidden text-left md:text-left max-w-xs py-none px-none sticky top-[calc(1rem+var(--header-sticky-height))] transition-[top] self-start xs" >
5439
5440        
5441        
5442
5443        
5444
5445        
5446          
5447
5448          
5449              
5450              
5451              
5452              
5453
5454				
5455          
5456
5457          
5458
5459              
5460              <h1 class="product-title text_heading_2xl c-text-content-heading">Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP</h1>
5461				
5462          
5463
5464          
5465              
5466                
5467
5468                    
5469            
5470              <div id="price-template--28521302294903__template" class="product-price price__layout flex items-center gap-sm-md text_body_lg justify-start md:justify-start"><span class="price-item price-item--regular">€46,99</span>
5471                  
5472
5473
5474
5475
5476
5477
5478
5479
5480
5481
5482
5483
5484
5485
5486
5487
5488
5489
5490
5491
5492
5493
5494
5495 
5496 
5497 
5498 
5499
5500 
5501 
5502 
5503 
5504
5505 
5506
5507 
5508
5509 
5510
5511 
5512
5513
5514
5515
5516
5517
5518
5519
5520
5521
5522
5523
5524
5525
5526
5527
5528
5529
5530
5531
5532
5533
5534
5535
5536
5537
5538
5539
5540
5541
5542
5543
5544
5545
5546                
5547              </div>
5548              
5549            
5550          
5551                  
5552
5553
5554            
5555				
5556          
5557
5558          
5559              
5560                
5561
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
5594
5595
5596
5597
5598
5599
5600
5601
5602
5603
5604
5605
5606<product-form
5607  class="product-form-cntr"
5608  data-variant="55716979573111"
5609  
5610  data-section="template--28521302294903__template"
5611  
5612>
5613  
5614
5615  
5616  
5617<form method="post" action="/cart/add" id="product-form-template--28521302294903__template" accept-charset="UTF-8" class="product-form flex flex-wrap gap-sm-xs w-full justify-start md:justify-start" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
5618    <input type="hidden" name="id" value="55716979573111" aria-hidden="true">
5619    
5620      
5621      
5622        <input type="hidden" name="properties[Release date]" value="24 October 2025" aria-hidden="true">
5623      
5624    
5625    
5626    <input type="hidden" name="product_id" value="15116581306743" aria-hidden="true">
5627    <input type="hidden" name="product_type" value="Vinyl 2LP" aria-hidden="true">
5628    
5629    
5630  
5631
5632    
5633
5634    
5635
5636    
5637  
5638
5639
5640  
5641  
5642
5643  
5644
5645        
5646  
5647  
5648    
5649
5650
5651
5652
5653
5654
5655
5656
5657
5658
5659
5660<div class="quantity-spinner-wrapper flex justify-start md:justify-start items-stretch md:items-stretch">
5661	<label class="form__label sr-only" for="product-form-quantity-picker">
5662		Quantity
5663	</label>
5664	
5665	
5666
5667  
5668
5669	<quantity-spinner class="quantity-spinner flex relative border-solid border-button rounded-button c-border-gray-700 overflow-hidden items-start"   data-variant-id="55716979573111">
5670    
5671
5672    
5673
5674    
5675
5676    <button type="button" aria-label="Decrease quantity for Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" class="quantity-spinner__button js-quantity-spinner-decrease c-bg-transparent px-sm-xs h-full z-10">-</button>
5677    <input
5678      id="product-form-quantity-picker"
5679      type="number"
5680      name="quantity"
5681      min="1"
5682      pattern="[0-9]*"
5683      disabled
5684      class="quantity-spinner__input js-quantity-spinner-input text-center appearance-none border-none p-none max-w-[4ch] opacity-100 c-bg-transparent  h-full"
5685      value="1"
5686      max="10"
5687      
5688    
5689  
5690      
5691      
5692    >
5693    <button  type="button" aria-label="Increase quantity for Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" class="quantity-spinner__button js-quantity-spinner-increase c-bg-transparent px-sm-xs h-full z-10">+</button>
5694	</quantity-spinner>
5695</div>
5696  
5697  
5698
5699      
5700
5701    
5702    
5703      
5704        
5705        <button type="submit" aria-label="Add to cart, Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP" name="add" class="product-form__submit relative btn btn--primary grow" data-card-classes="product-form__submit relative btn btn--primary" 
5706          
5707          
5708
5709        >
5710          
5711            <span class="buybutton_label" aria-hidden="true">
5712              Add to cart
5713            </span>
5714          
5715          
5716            <span class="
5717  icon icon--activity-spinning absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-6 h-6
5718  
5719    hidden
5720  
5721" aria-hidden="true">
5722              
5723
5724  
5725  
5726  
5727      
5728          
5729          <svg class="w-full h-full icon icon--spinner animate-spin" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
5730            <path d="M288 16C288 7.164 295.2 0 304 0C445.4 0 560 114.6 560 256C560 302.6 547.5 346.4 525.7 384C521.3 391.7 511.5 394.3 503.9 389.9C496.2 385.4 493.6 375.7 498 368C517.1 335.1 528 296.8 528 256C528 132.3 427.7 32 304 32C295.2 32 288 24.84 288 16H288z"/>
5731          </svg>
5732      
5733    
5734
5735            </span>
5736          
5737        </button>
5738      
5739    
5740  
5741
5742<input type="hidden" name="product-id" value="15116581306743" /><input type="hidden" name="section-id" value="template--28521302294903__template" /></form>
5743  
5744
5745
5746
5747
5748<aside class="notification notification__error product-form__error-message-wrapper mt-sm-xs text_body_sm c-text-error-on c-bg-error text-left py-sm-xs px-sm-xs" hidden>
5749  
5750  <span class="notification__text" data-notification-text ><span class="product-form__error-message"></span></span>
5751</aside>
5752
5753
5754  <div hidden class="hidden">
5755    <span name="gtm_item_name" value="Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP"></span>
5756    <span name="gtm_item_id" value="15116581306743"></span>
5757    <span name="gtm_item_collection" value=""></span>
5758    <span name="gtm_item_variant" value="Default Title"></span>
5759    <span name="gtm_item_upc" value="00602478033100"></span>
5760    <span
5761      name="gtm_item_price"
5762      value="46.99"
5763    ></span>
5764    
5765      <span name="component_ref" value=""""></span>
5766    
5767    
5768  </div>
5769</product-form>
5770
5771
5772              
5773
5774            
5775				
5776          
5777
5778          
5779              
5780                
5781
5782                    
5783                    
5784                      
5785
5786
5787
5788  <div class="product__date-container flex flex-col gap-y-sm-xs">
5789    <p class="product__date text_body_sm c-text-content-base">Release date: 24 October 2025</p>
5790  </div>
5791
5792
5793                    
5794                  
5795                
5796              
5797
5798            
5799				
5800          
5801
5802          
5803              
5804
5805
5806
5807
5808
5809
5810
5811
5812
5813
5814
5815
5816
5817
5818
5819
5820
5821
5822
5823  
5824  
5825  
5826  
5827  <div class="product-description rte text_body_md">
5828    <p>Released in May 1975, ‘Captain Fantastic And The Brown Dirt Cowboy’ is the ninth studio album by Elton John, which includes the single “Someone Saved My Life Tonight”.  The album tells the chronological story of the early years of Elton (Captain Fantastic) and Bernie’s (the Brown Dirt Cowboy) musical careers in London as they struggled to break through. </p><p>The 50th anniversary edition 2LP coloured vinyl set includes the original album, LP2 contains 6 previously unreleased session demos &amp;  4 Captain Fantastic Live 2005 performances. Presented in a deluxe package with foil cover detailing and a 28 page booklet featuring newly compiled scrapbook, sleeve notes and Elton’s never-before-seen 1974 diary entries.</p><p class="p1"><strong>Tracklist:</strong></p><p>LP1:</p><p>Side A</p><p>1. Captain Fantastic And The Brown Dirt Cowboy<br>2. Tower of Babel<br>3. Bitter Fingers<br>4. Tell Me When the Whistle Blows<br>5. Someone Saved My Life Tonight</p><p>Side B </p><p>1. (Gotta Get A) Meal Ticket<br>2. Better Off Dead<br>3. Writing<br>4. We All Fall In Love Sometimes<br>5. Curtains</p><p>LP2:</p><p>Side A</p><p>1. Tell Me When The Whistle Blows (Session Demo)<br>2. Captain Fantastic Take 1 (Session Demo)<br>3. Writing (Session Demo)<br>4. We All Fall In Love Sometimes (Session Demo)<br>5. Captain Fantastic Take 2 (Session Demo)<br>6. Bitter Fingers (Session Demo)</p><p>Side B</p><p>1. Someone Saved My Life Tonight (Captain Fantastic Live / 2005)<br>2. (Gotta Get A) Meal Ticket (Captain Fantastic Live / 2005)<br>3. Better Off Dead (Captain Fantastic Live / 2005)<br>4. We All Fall In Love Sometimes / Curtains (Captain Fantastic Live / 2005)<br><br>Please note that each vinyl is unique, and the colours may appear slightly different from the image displayed.<br></p>
5829  </div>
5830
5831
5832
5833
5834            
5835				
5836          
5837
5838          
5839              
5840
5841  
5842
5843  
5844  
5845
5846  
5847  
5848
5849  <dl class="product-attribute product-attribute--label flex flex-wrap text_body_md text-left justify-start md:text-left md:justify-start c-text-content-base">
5850    <dt class="inline font_bolder product-attribute__label">Label:&nbsp;</dt>
5851
5852      
5853      <dd class="inline product-attribute__value">EMI</dd></dl>
5854
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              
5882
5883              
5884                
5885              
5886
5887            
5888				
5889          
5890
5891          
5892				
5893        
5894          
5895
5896
5897
5898
5899        
5900			</div>
5901		</div>
5902	</div>
5903</div>
5904<script defer="defer" src="//store.eltonjohn.com/cdn/shop/t/75/assets/product-detail-page.bundle.js?v=158524869303149181951787307822"></script>
5904
5905
5906
5907
5908
5909
5910
5911
5912
5913<style> #shopify-section-template--28521302294903__template .peer:checked ~ .peer-checked\:c-text-tertiary-on {--color-text: var(--color-tertiary-on); border: 2px solid var(--color-primary);} </style></div><div id="shopify-section-template--28521302294903__template-bottom" class="shopify-section template-product-bottom"></div><section id="shopify-section-template--28521302294903__recommended-products" class="shopify-section recommended-products">
5914
5915
5916
5917
5918
5919<script defer="defer" src="//store.eltonjohn.com/cdn/shop/t/75/assets/recommended-products.bundle.js?v=158994061739922415871787307822"></script>
5919
5920
5921<div
5922  class="recommended-products__wrapper"
5923  data-url="/recommendations/products?section_id=template--28521302294903__recommended-products&product_id=15116581306743&limit=4"
5924  data-recommended-products-wrapper
5925>
5926  
5927</div>
5928
5929
5930</section></main>
5931
5932  
5932<script defer="defer" src="//store.eltonjohn.com/cdn/shop/t/75/assets/theme.bundle.js?v=51284036488926929881787307822"></script>
5932<script>
5933    window.focusVariantOnLoad = false;
5934    window.shop_iso_code = "GB";
5935    window.shopUrl = 'https://store.eltonjohn.com';
5936    window.currentCurrency = 'EUR';
5937    window.shopCurrencyFormat = "€{{amount_with_comma_separator}}"
5938    window.routes = {
5939      cart_add_url: '/cart/add',
5940      cart_change_url: '/cart/change',
5941      cart_update_url: '/cart/update',
5942      search_url: '/search',
5943      predictive_search_url: '/search/suggest',
5944      privacy_policy_url: '/policies/privacy-policy',
5945      legal_notice_url: '/policies/legal-notice',
5946      terms_of_sale_url: '/policies/terms-of-sale'
5947    };
5948    window.cartStrings = {
5949      error: `There was an error while updating your cart. Please try again.`,
5950      quantityError: `You can only add [quantity] of this item to your cart.`,
5951      pauseFrameUnavailableMessage: `Sorry, this frame is not available at this time`,
5952      pauseFrameSoldOutMessage: `Sorry this frame is no longer available`,
5953      pauseFrame: `Frame`
5954    };
5955    window.variantStrings = {
5956      addToCart: `Add to cart`,
5957      soldOut: `Sorry Sold out`,
5958      unavailable: `Unavailable`,
5959      extendCartTimer: `Extend cart timer`,
5960      chooseThisStyle: `Choose this style`
5961    };
5962    window.accessibilityStrings = {
5963      imageAvailable: `Image [index] is now available in gallery view`,
5964      shareSuccess: `Link copied to clipboard`,
5965      pauseSlideshow: `Pause slideshow`,
5966      playSlideshow: `Play slideshow`,
5967      nextSlide: `Next slide`,
5968      prevSlide: `Previous slide`,
5969      pauseFrameAltHtml: `{{ title }} frame {frameNum} from Video`,
5970      enterFullScreen: `Enter Fullscreen`,
5971      exitFullScreen: `Exit Fullscreen`,
5972      hideFilters: `Hide filters`,
5973      showFilters: `Show filters`,
5974      countdownElementChange: `The countdown has ended. Some elements on the page may have changed.`
5975    };
5976    window.shareStrings = {
5977      copyToClipboard: "Copy link",
5978      successMessage: "Link copied to clipboard",
5979      copyToClipboardError: "Error copying to clipboard",
5980      shareUrlError: "Error opening sharer"
5981    };
5982    window.quickModalStrings = {
5983      productError: "Product details not available.",
5984    };
5985    window.videoButtonStates = {
5986      playButton: "Play Button",
5987      pauseButton: "Pause Button"
5988    };window.shipDateLabel = 'Ships on: {{ date }}';
5989      window.shipDateLabelTitled = '<b>{{ title }}:</b> Ships on {{ date }}';window.jsDateLocale = "en-GB";</script>
5989<!-- BEGIN sections: footer-group -->
5990<footer id="shopify-section-sections--28521302557047__footer" class="shopify-section shopify-section-group-footer-group site-footer">
5991
5992
5993
5994
5995
5996
5997
5998
5999
6000
6001
6002
6003
6004
6005
6006
6007
6008
6009<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible mt-none c-border-primary border-none border-x-0 border-b-0 z-10">
6010  <div class="section-spacing mx-auto w-full relative z-10 py-container-sm px-lg-sm max-w-xl md:px-container-sm md:max-w-xl !pb-container-2xl grid gap-y-sm-xl gap-x-sm-xs md:grid-cols-3 mx-auto text-center">
6011
6012
6013<div  class="footer__griditem footer__griditem--0 footer__griditem--developer md:col-span-3 md:row-span-1 py-none px-none">
6014  <div class="developer-container">
6015    <img src="//store.eltonjohn.com/cdn/shop/files/rocketclub1502272594rocket_club_logo.png?v=7252345356215777336" alt="Join the Rocket Club" class="the-rocket-club"/>
6016<a class="the-rocket-club-link" href="https://www.eltonjohn.com/rocket-club">Join The Rocket Club</a>
6017<style data-shopify>.the-rocket-club {
6018  margin: 0 auto;
6019  max-width: 150px;
6020  margin-top:1em;
6021  margin-bottom: 1em;
6022}
6023.the-rocket-club-link {
6024  margin: 0 auto;
6025  text-decoration: underline;
6026  margin-top:1em;
6027}
6028</style>
6029  </div>
6030</div>
6031
6032
6033<div  class="footer__griditem footer__griditem--1 footer__griditem--social md:col-span-3 md:row-span-1 py-none px-none">
6034  
6035    
6036    
6037
6038    
6039    
6040
6041    <div class="social-container social-component w-full h-full flex flex-col md:justify-center">
6042      
6043
6044
6045
6046
6047
6048
6049 
6050
6051
6052
6053
6054
6055
6056
6057
6058<nav aria-label="Socials menu">
6059  <ul class="flex flex-wrap justify-center md:justify-center gap-none" style="--icon-width: 1.25rem; --icon-height: 1.25rem;">
6060     
6061      <li>
6062        <a href="https://www.facebook.com/EltonJohn/" 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-gray-900 hover:c-text-gray-900">
6063          <div class="social-icons__wrapper">
6064            <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>
6065          </div>
6066        </a>
6067      </li> 
6068    
6069     
6070      <li>
6071        <a href="https://twitter.com/eltonofficial" 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-gray-900 hover:c-text-gray-900">
6072          <div class="social-icons__wrapper">
6073            <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>
6074          </div>
6075        </a>
6076      </li> 
6077    
6078     
6079      <li>
6080        <a href="https://www.instagram.com/eltonjohn/" 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-gray-900 hover:c-text-gray-900">
6081          <div class="social-icons__wrapper">
6082            <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>
6083          </div>
6084        </a>
6085      </li> 
6086    
6087     
6088      <li>
6089        <a href="https://www.youtube.com/c/eltonjohn" target="_blank" aria-label="Open YouTube social link" class="icon_youtube flex h-full fill-current justify-center items-center h-min-click-s
6089pace w-min-click-space c-text-gray-900 hover:c-text-gray-900">
6090          <div class="social-icons__wrapper">
6091            <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>
6092          </div>
6093        </a>
6094      </li> 
6095    
6096     
6097      <li>
6098        <a href="https://music.apple.com/us/artist/elton-john/54657" 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-gray-900 hover:c-text-gray-900">
6099          <div class="social-icons__wrapper">
6100            <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>
6101          </div>
6102        </a>
6103      </li> 
6104    
6105     
6106      <li>
6107        <a href="https://open.spotify.com/artist/3PhoLpVuITZKcymswpck5b" 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-gray-900 hover:c-text-gray-900">
6108          <div class="social-icons__wrapper">
6109            <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>  
6110          </div>
6111        </a>
6112      </li> 
6113    
6114    
6115    
6116    
6117  </ul>
6118</nav>
6119
6120      
6121    </div>
6122  
6123</div>
6124
6125
6126
6127
6128
6129
6130
6131
6132
6133
6134
6135
6136
6137
6138
6139
6140
6141
6142
6143
6144
6145
6146
6147
6148<div  class="footer__griditem footer__griditem--2 footer__griditem--navigation md:col-span-3 md:row-span-1 py-none px-none">
6149  <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-lg text-center md:text-center md:justify-center">
6150    
6151
6152
6153
6154
6155
6156
6157
6158
6159
6160
6161
6162
6163
6164
6165
6166
6167
6168
6169
6170
6171
6172
6173
6174
6175
6176
6177
6178
6179
6180
6181
6182
6183
6184
6185
6186
6187
6188
6189
6190
6191<nav class="w-full md:flex md:items-center justify-center md:justify-center nav
6191-wrapper" aria-label="Support Links">
6192  <ul class="menu-nav text-center md:text-center md:flex justify-start md:flex-wrap md:justify-center gap-x-sm-xs gap-y-sm-xs nav-container flex flex-col md:flex-row">
6193    
6194      
6195        
6196        
6197        
6198        
6199          <li class="text_navigation_sm c-text-gray-600 hover:c-text-gray-900 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
6200            <a href="https://umusicstoresupport.zendesk.com/hc/en-us?store=elton_john">Help & Support</a>
6201          </li>
6202        
6203      
6204    
6205      
6206        
6207        
6208        
6209        
6210          <li class="text_navigation_sm c-text-gray-600 hover:c-text-gray-900 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
6211            <a href="/policies/terms-of-sale">Terms and Conditions of Sale</a>
6212          </li>
6213        
6214      
6215    
6216      
6217        
6218        
6219        
6220        
6221          <li class="text_navigation_sm c-text-gray-600 hover:c-text-gray-900 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
6222            <a href="/policies/terms-of-service">Terms of Use</a>
6223          </li>
6224        
6225      
6226    
6227      
6228        
6229        
6230        
6231        
6232          <li class="text_navigation_sm c-text-gray-600 hover:c-text-gray-900 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
6233            <a href="/policies/privacy-policy">Privacy Policy</a>
6234          </li>
6235        
6236      
6237    
6238      
6239        
6240        
6241        
6242        
6243          <li class="text_navigation_sm c-text-gray-600 hover:c-text-gray-900 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
6244            <a href="/policies/legal-notice">Do not sell my information</a>
6245          </li>
6246        
6247      
6248    
6249      
6250        
6251        
6252        
6253        
6254          <li class="text_navigation_sm c-text-gray-600 hover:c-text-gray-900 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
6255            <a href="#"
6256              
6257              
6258              data-linklist=""
6259            >Cookie Choices</a>
6260          </li>
6261        
6262      
6263    
6264  </ul>
6265</nav>
6266
6267
6268    
6269      
6270      <a href="https://store.eltonjohn.com" class="text_navigation_sm c-text-gray-600 hover:c-text-gray-900 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px] w-full">&copy; 2026 Elton John
6271  
6272</a>
6273    
6274  </div>
6275</div>
6276
6277
6278  
6279  
6280
6281  <div class="support-messages-container col-span-full text_body_xs c-text-gray-600">
6282    
6283  </div>
6284
6285</div>
6286
6287  
6288
6289
6290
6291</div>
6292
6293
6294</footer>
6295<!-- END sections: footer-group -->
6295<script defer="defer" src="//store.eltonjohn.com/cdn/shop/t/75/assets/utm-params.bundle.js?v=44857160626880170391787307822"></script>
6295
6296  
6296<script defer="defer" src="//store.eltonjohn.com/cdn/shop/t/75/assets/section-render.bundle.js?v=144834409629000847571787307822"></script>
6296<script defer="defer" src="//store.eltonjohn.com/cdn/shop/t/75/assets/product.bundle.js?v=16793245761853362561787307822"></script>
6296<script defer="defer" src="//store.eltonjohn.com/cdn/shop/t/75/assets/cart-drawer.bundle.js?v=51026279825133663211787307822"></script>
6296<script async="async" src="//store.eltonjohn.com/cdn/shop/t/75/assets/content-overlay.bundle.js?v=37908579092181384011787307822"></script>
6296<script defer="defer" src="//store.eltonjohn.com/cdn/shop/t/75/assets/predictive-search.bundle.js?v=168648483474609608041787307822"></script>
6296<!-- BEGIN sections: background-group -->
6297
6298<!-- END sections: background-group -->
6298<script>
6299document.addEventListener('DOMContentLoaded', function() {
6300  // Target only the links within your specific mega-menu structure
6301  const menuLinks = document.querySelectorAll('.mega-menu__primary-list li a, .nav-drawer__menu ul:first-child li a');
6302  const currentHostname = window.location.hostname;
6303
6304  menuLinks.forEach(link => {
6305    try {
6306      const linkUrl = new URL(link.href);
6307      
6308      // If the link has a different hostname, it is an external link or full handle
6309      if (linkUrl.hostname !== currentHostname) {
6310        link.setAttribute('target', '_blank');
6311        // Standard security practice for opening new tabs
6312        link.setAttribute('rel', 'noopener noreferrer'); 
6313      }
6314    } catch (e) {
6315      // Handles potential issues with invalid URLs or special protocols like mailto:
6316      console.warn("Invalid link URL found:", link.href);
6317    }
6318  });
6319});
6320</script>
6320<script>Shopify.analytics.publish('view_product', {
6321            currency: 'EUR',
6322            items: [
6323              {
6324                item_name: 'Captain Fantastic And The Brown Dirt Cowboy (50th Anniversary Edition): Vinyl 2LP',
6325                item_id: '15116581306743',
6326                item_category: '',
6327                item_variant: 'Default Title',
6328                upc: '7803310',
6329                price: 46.99,}
6330            ]
6331            })</script>
6331<script async="async" src="//store.eltonjohn.com/cdn/shop/t/75/assets/url-params.bundle.js?v=51352056378978385121787307822"></script>
6331
6332
6333<script defer="defer" id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=4ddd99f2-84bb-430e-88df-560a720be9f"></script>
6333
6334    
6335<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6335
6336</body>
6337</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.