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&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&width=625" alt="Elton John" srcset="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&width=100 100w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&width=300 300w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&width=400 400w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&width=500 500w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&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&width=188" alt="Elton John" srcset="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&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&width=625" alt="Elton John" srcset="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&width=100 100w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&width=300 300w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&width=400 400w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&width=500 500w, //store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&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&width=188" alt="Elton John" srcset="//store.eltonjohn.com/cdn/shop/files/logo-oct24.png?v=1728990466&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">›</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&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&width=100 100w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=300 300w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=400 400w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=500 500w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=600 600w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=800 800w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&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&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&width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&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&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&width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&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&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&width=100 100w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=300 300w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=400 400w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=500 500w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=600 600w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=800 800w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&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&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&width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&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&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&width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Viny
5433l_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&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&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&width=100 100w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=300 300w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=400 400w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=500 500w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=600 600w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&width=800 800w, //store.eltonjohn.com/cdn/shop/files/Captain_Fantastic_2LP_66e2c2ac-67e5-46ce-8b25-40a01c26b33d.png?v=1757002208&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&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&width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_-_Cap-Fan-3d-Packshot-white-bg_e9034b53-fb57-4b67-9802-70d38f4a2ff0.png?v=1757002209&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&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&width=100 100w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=300 300w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=400 400w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=500 500w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=600 600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=800 800w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=1200 1200w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&width=1600 1600w, //store.eltonjohn.com/cdn/shop/files/J3672_EJ_CapFan_2LP_Vinyl_x2_db34e65d-49a7-4653-a628-14fa1b7bdc55.png?v=1757002207&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 &  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: </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">© 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.