PageSourceSearch

https://therollingstonesshop.com/products/foreign-tongues-store-exclusive-180g-white-2lp-art-print

html therollingstonesshop.com collected 2026-10-02 04:51:20 UTC 801,413 bytes, 19,336 lines download raw bytes

1<!doctype html>
2<html class="flex flex-col min-h-full" lang="en">
3<head>
4<script>
5vice= {
6  config: {
7    viceAccountId: 'umusic',
8    viceSiteId: 'therollingstones',
9    viceSectionId: ''
10  }
11}
12</script>
vendor: 1 bytes, line 12
12
13<script src='//vice-prod.sdiapi.com/vice_loader/umusic/therollingstones'></script>
13<meta charset="utf-8">
14  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
15  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"><style data-shopify>
16/* TYPOGRAPHY */:root {
17--typeface_primary: 'eurostile-extended'; font-weight: 700;     font-style: normal;     font-display: swap;;--typeface_secondary: Helvetica, Arial, sans-serif;--typeface_tertiary: roc-grotesk, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font_display_md: var(--typeface_secondary);
18  --font_display_md_weight: 200;
19  --font_display_md_letter: 0.09375rem;
20  --font_display_md_line: 1.5;
21  --font_display_md_text_transform: uppercase;--font_display_md_size: 0.75rem;
22  --font_display_md_size_md: 1.0rem;--font_heading_2xl: var(--typeface_primary);
23  --font_heading_2xl_weight: 800;
24  --font_heading_2xl_letter: 0.0rem;
25  --font_heading_2xl_line: 1.1;
26  --font_heading_2xl_text_transform: uppercase;--font_heading_2xl_size: 1.625rem;
27  --font_heading_2xl_size_md: 2.5rem;--font_heading_xl: var(--typeface_primary);
28  --font_heading_xl_weight: 700;
29  --font_heading_xl_letter: 0.0rem;
30  --font_heading_xl_line: 1.3;
31  --font_heading_xl_text_transform: none;--font_heading_xl_size: 1.5rem;
32  --font_heading_xl_size_md: 1.875rem;--font_heading_lg: var(--typeface_primary);
33  --font_heading_lg_weight: 100;
34  --font_heading_lg_letter: 0.09375rem;
35  --font_heading_lg_line: 1.3;
36  --font_heading_lg_text_transform: uppercase;--font_heading_lg_size: 1.0rem;
37  --font_heading_lg_size_md: 1.125rem;--font_heading_md: var(--typeface_secondary);
38  --font_heading_md_weight: 100;
39  --font_heading_md_letter: 0.05625rem;
40  --font_heading_md_line: 1.5;
41  --font_heading_md_text_transform: uppercase;--font_heading_md_size: 1.0rem;
42  --font_heading_md_size_md: 1.0rem;--font_body_lg: var(--typeface_primary);
43  --font_body_lg_weight: 600;
44  --font_body_lg_letter: 0.0rem;
45  --font_body_lg_line: 1.3;
46  --font_body_lg_text_transform: uppercase;--font_body_lg_size: 0.75rem;
47  --font_body_lg_size_md: 0.75rem;--font_body_md: var(--typeface_secondary);
48  --font_body_md_weight: 400;
49  --font_body_md_letter: 0.0rem;
50  --font_body_md_line: 1.5;
51  --font_body_md_text_transform: none;--font_body_md_size: 0.875rem;
52  --font_body_md_size_md: 0.875rem;--font_body_sm: var(--typeface_secondary);
53  --font_body_sm_weight: 400;
54  --font_body_sm_letter: 0.075rem;
55  --font_body_sm_line: 1.3;
56  --font_body_sm_text_transform: uppercase;--font_body_sm_size: 0.8125rem;
57  --font_body_sm_size_md: 0.75rem;--font_body_xs: var(--typeface_secondary);
58  --font_body_xs_weight: 400;
59  --font_body_xs_letter: 0.04375rem;
60  --font_body_xs_line: 1.5;
61  --font_body_xs_text_transform: uppercase;--font_body_xs_size: 0.75rem;
62  --font_body_xs_size_md: 0.75rem;--font_button: var(--typeface_primary);
63  --font_button_weight: 500;
64  --font_button_letter: 0.0625rem;
65  --font_button_line: 1;
66  --font_button_text_transform: uppercase;--font_button_size: 0.75rem;
67  --font_button_size_md: 0.75rem;--font_navigation_lg: var(--typeface_primary);
68  --font_navigation_lg_weight: 400;
69  --font_navigation_lg_letter: 0.0rem;
70  --font_navigation_lg_line: 0;
71  --font_navigation_lg_text_transform: uppercase;--font_navigation_lg_size: 0.875rem;
72  --font_navigation_lg_size_md: 0.75rem;--font_navigation_md: var(--typeface_primary);
73  --font_navigation_md_weight: 700;
74  --font_navigation_md_letter: 0.0rem;
75  --font_navigation_md_line: 1.5;
76  --font_navigation_md_text_transform: none;--font_navigation_md_size: 0.75rem;
77  --font_navigation_md_size_md: 0.75rem;--font_navigation_sm: var(--typeface_secondary);
78  --font_navigation_sm_weight: 400;
79  --font_navigation_sm_letter: 0.0rem;
80  --font_navigation_sm_line: 1.5;
81  --font_navigation_sm_text_transform: none;--font_navigation_sm_size: 0.875rem;
82  --font_navigation_sm_size_md: 0.875rem;
83}
84/* TYPOGRAPHY */
85
86</style><style data-shopify>
87  /**
88      Set Color Variable from shopify
89  */
90  :root {
91    --color-outline: #2563eb;
92    --color-black: hsl(0 0% 5%);
93    --color-white: hsl(0 0% 95%);
94    --color-transparent: rgba(0,0,0,0);
95
96    --color-gray-50: hsl(0 0% 98%);
97    --color-gray-100: hsl(240 5% 96%);
98    --color-gray-200: hsl(240 6% 90%);
99    --color-gray-300: hsl(240 5% 84%);
100    --color-gray-400: hsl(240 5% 65%);
101    --color-gray-500: hsl(240 4% 46%);
102    --color-gray-600: hsl(240 5% 34%);
103    --color-gray-700: hsl(240 5% 26%);
104    --color-gray-800: hsl(240 4% 16%);
105    --color-gray-900: hsl(240 6% 10%);
106
107    --color-gray-100-on: hsl(240 6% 10%);
108    --color-gray-900-on: hsl(240 5% 96%);--scheme1-content-base:300 7% 5%;
109      --scheme1-content-subtle:0 0% 32%;
110      --scheme1-content-emphasis:300 7% 5%;
111      --scheme1-content-heading:300 7% 5%;
112
113      --scheme1-surface:0 0% 100%;
114      --scheme1-surface-gradient: ;
115      --scheme1-background:0 0% 100%;
116      --scheme1-background-gradient: ;
117
118      --scheme1-primary:300 7% 5%;
119      --scheme1-primary-light:300 6% 15%;
120      --scheme1-primary-dark:0 0% 0%;
121      --scheme1-primary-on:40 30% 96%;
122      --scheme1-primary-gradient: ;
123
124      --scheme1-secondary:356 74% 60%;
125      --scheme1-secondary-light:356 75% 70%;
126      --scheme1-secondary-dark:356 74% 50%;
127      --scheme1-secondary-on:40 30% 96%;
128      --scheme1-secondary-gradient: ;
129
130      --scheme1-tertiary:53 82% 64%;
131      --scheme1-tertiary-light:53 82% 74%;
132      --scheme1-tertiary-dark:53 83% 54%;
133      --scheme1-tertiary-on:300 7% 5%;
134      --scheme1-tertiary-gradient: ;--scheme1-notification-on:200 4% 13%;
135      --scheme1-notification:220 6% 90%;
136      --scheme1-notification-mix: hsl(211, 11%, 42%);--scheme1-success-on:150 3% 13%;
137      --scheme1-success:141 79% 85%;
138      --scheme1-success-mix: hsl(141, 22%, 39%);--scheme1-error-on:0 74% 42%;
139      --scheme1-error:0 100% 97%;
140      --scheme1-error-mix: hsl(0, 66%, 60%);--scheme2-content-base:0 0% 0%;
141      --scheme2-content-subtle:0 0% 32%;
142      --scheme2-content-emphasis:0 0% 0%;
143      --scheme2-content-heading:0 0% 0%;
144
145      --scheme2-surface:0 0% 100%;
146      --scheme2-surface-gradient: ;
147      --scheme2-background:0 0% 100%;
148      --scheme2-background-gradient: ;
149
150      --scheme2-primary:0 0% 0%;
151      --scheme2-primary-light:0 0% 10%;
152      --scheme2-primary-dark:0 0% 0%;
153      --scheme2-primary-on:0 0% 98%;
154      --scheme2-primary-gradient: ;
155
156      --scheme2-secondary:358 79% 49%;
157      --scheme2-secondary-light:359 80% 59%;
158      --scheme2-secondary-dark:358 79% 39%;
159      --scheme2-secondary-on:0 0% 98%;
160      --scheme2-secondary-gradient: ;
161
162      --scheme2-tertiary:0 0% 0%;
163      --scheme2-tertiary-light:0 0% 10%;
164      --scheme2-tertiary-dark:0 0% 0%;
165      --scheme2-tertiary-on:0 0% 100%;
166      --scheme2-tertiary-gradient: ;--scheme2-notification-on:200 4% 13%;
167      --scheme2-notification:220 6% 90%;
168      --scheme2-notification-mix: hsl(211, 11%, 42%);--scheme2-success-on:150 3% 13%;
169      --scheme2-success:141 79% 85%;
170      --scheme2-success-mix: hsl(141, 22%, 39%);--scheme2-error-on:0 74% 42%;
171      --scheme2-error:0 100% 97%;
172      --scheme2-error-mix: hsl(0, 66%, 60%);--scheme3-content-base:220 13% 91%;
173      --scheme3-content-subtle:216 12% 84%;
174      --scheme3-content-emphasis:210 20% 98%;
175      --scheme3-content-heading:210 20% 98%;
176
177      --scheme3-surface:221 39% 11%;
178      --scheme3-surface-gradient: ;
179      --scheme3-background:224 71% 4%;
180      --scheme3-background-gradient: ;
181
182      --scheme3-primary:224 71% 4%;
183      --scheme3-primary-light:224 72% 14%;
184      --scheme3-primary-dark:0 0% 0%;
185      --scheme3-primary-on:210 20% 98%;
186      --scheme3-primary-gradient: ;
187
188      --scheme3-secondary:221 39% 11%;
189      --scheme3-secondary-light:220 40% 21%;
190      --scheme3-secondary-dark:240 20% 1%;
191      --scheme3-secondary-on:220 13% 91%;
192      --scheme3-secondary-gradient: ;
193
194      --scheme3-tertiary:217 19% 27%;
195      --scheme3-tertiary-light:218 19% 37%;
196      --scheme3-tertiary-dark:215 20% 17%;
197      --scheme3-tertiary-on:210 20% 98%;
198      --scheme3-tertiary-gradient: ;--scheme3-notification-on:200 4% 13%;
199      --scheme3-notification:220 6% 90%;
200      --scheme3-notification-mix: hsl(211, 11%, 42%);--scheme3-success-on:150 3% 13%;
201      --scheme3-success:141 79% 85%;
202      --scheme3-success-mix: hsl(141, 22%, 39%);--scheme3-error-on:0 74% 42%;
203      --scheme3-error:0 100% 97%;
204      --scheme3-error-mix: hsl(0, 66%, 60%);--scheme4-content-base:226 100% 94%;
205      --scheme4-content-subtle:228 96% 89%;
206      --scheme4-content-emphasis:0 0% 100%;
207      --scheme4-content-heading:0 0% 100%;
208
209      --scheme4-surface:244 47% 20%;
210      --scheme4-surface-gradient: ;
211      --scheme4-background:242 47% 34%;
212      --scheme4-background-gradient: ;
213
214      --scheme4-primary:0 0% 100%;
215      --scheme4-primary-light:0 0% 100%;
216      --scheme4-primary-dark:0 0% 90%;
217      --scheme4-primary-on:230 94% 82%;
218      --scheme4-primary-gradient: ;
219
220      --scheme4-secondary:226 100% 94%;
221      --scheme4-secondary-light:0 0% 100%;
222      --scheme4-secondary-dark:226 100% 84%;
223      --scheme4-secondary-on:0 0% 98%;
224      --scheme4-secondary-gradient: ;
225
226      --scheme4-tertiary:230 94% 82%;
227      --scheme4-tertiary-light:229 95% 92%;
228      --scheme4-tertiary-dark:230 93% 72%;
229      --scheme4-tertiary-on:0 0% 98%;
230      --scheme4-tertiary-gradient: ;--scheme4-notification-on:200 4% 13%;
231      --scheme4-notification:220 6% 90%;
232      --scheme4-notification-mix: hsl(211, 11%, 42%);--scheme4-success-on:150 3% 13%;
233      --scheme4-success:141 79% 85%;
234      --scheme4-success-mix: hsl(141, 22%, 39%);--scheme4-error-on:0 74% 42%;
235      --scheme4-error:0 100% 97%;
236      --scheme4-error-mix: hsl(0, 66%, 60%);--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-content-base:0 0% 100%;
237      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-content-subtle:0 0% 100%;
238      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-content-emphasis:0 0% 0%;
239      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-content-heading:0 0% 100%;
240
241      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-surface:0 0% 0%;
242      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-surface-gradient: ;
243      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-background:0 0% 13%;
244      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-background-gradient: ;
245
246      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-primary:0 0% 100%;
247      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-primary-light:0 0% 100%;
248      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-primary-dark:0 0% 90%;
249      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-primary-on:0 0% 98%;
250      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-primary-gradient: ;
251
252      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-secondary:0 0% 100%;
253      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-secondary-light:0 0% 100%;
254      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-secondary-dark:0 0% 90%;
255      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-secondary-on:0 0% 98%;
256      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-secondary-gradient: ;
257
258      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-tertiary:0 0% 100%;
259      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-tertiary-light:0 0% 100%;
260      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-tertiary-dark:0 0% 90%;
261      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-tertiary-on:0 0% 100%;
262      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-tertiary-gradient: ;--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-notification-on:200 4% 13%;
263      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-notification:220 6% 90%;
264      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-notification-mix: hsl(211, 11%, 42%);--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-success-on:150 3% 13%;
265      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-success:141 79% 85%;
266      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-success-mix: hsl(141, 22%, 39%);--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-error-on:0 74% 42%;
267      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-error:0 100% 97%;
268      --scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-error-mix: hsl(0, 66%, 60%);}.scheme-scheme1 {
269        /* Content */
270        --color-content-base: hsl(var(--scheme1-content-base));
271        --color-content-subtle: hsl(var(--scheme1-content-subtle));
272        --color-content-emphasis: hsl(var(--scheme1-content-emphasis));
273        --color-content-heading: hsl(var(--scheme1-content-heading));
274
275        /* Surface */
276        --color-surface: hsl(var(--scheme1-surface, var(--scheme1-background)));--color-surface-gradient: hsl(var(--scheme1-surface));
277        /* Background */
278        --color-background: hsl(var(--scheme1-background));--color-background-gradient: hsl(var(--scheme1-background));/* Primary Color */
279        --color-primary-on: hsl(var(--scheme1-primary-on));
280        --color-primary: hsl(var(--scheme1-primary));
281        --color-primary-dark: hsl(var(--scheme1-primary-dark));
282        --color-primary-light: hsl(var(--scheme1-primary-light));--color-primary-gradient: hsl(var(--scheme1-primary));/* Secondary Color */
283        --color-secondary-on: hsl(var(--scheme1-secondary-on));
284        --color-secondary: hsl(var(--scheme1-secondary));
285        --color-secondary-dark: hsl(var(--scheme1-secondary-dark));
286        --color-secondary-light: hsl(var(--scheme1-secondary-light));--color-secondary-gradient: hsl(var(--scheme1-secondary));/* Tertiary Color */
287        --color-tertiary-on: hsl(var(--scheme1-tertiary-on));
288        --color-tertiary: hsl(var(--scheme1-tertiary));
289        --color-tertiary-dark: hsl(var(--scheme1-tertiary-dark));
290        --color-tertiary-light: hsl(var(--scheme1-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme1-tertiary));/* Accent Colors */
291        /* Notification */
292        --color-on-notification: hsl(var(--scheme1-notification-on));
293        --color-notification: hsl(var(--scheme1-notification));
294        --color-notification-mix: var(--scheme1-notification-mix);
295
296        /* Success */
297        --color-on-success: hsl(var(--scheme1-success-on));
298        --color-success: hsl(var(--scheme1-success));
299        --color-success-mix: var(--scheme1-success-mix);
300
301        /* Error */
302        --color-on-error: hsl(var(--scheme1-error-on));
303        --color-error-on: var(--color-on-error);
304        --color-error: hsl(var(--scheme1-error));
305        --color-error-mix: var(--scheme1-error-mix);--color-error-mix-on: var(--color-black);
306
307        /* Section */--color-text: var(--color-content-base, var(--color-content-base));
308        --color-border: var(--color-tertiary, var(--border-default-color));
309        /* Section */
310
311        /* Tables BG Color */
312        --color-table-bg: var(--color-default, var(--color-background));
313
314        /* Input Color */
315        --color-input-text: hsl(var(--scheme1-content-subtle));
316      }
317    .scheme-scheme2 {
318        /* Content */
319        --color-content-base: hsl(var(--scheme2-content-base));
320        --color-content-subtle: hsl(var(--scheme2-content-subtle));
321        --color-content-emphasis: hsl(var(--scheme2-content-emphasis));
322        --color-content-heading: hsl(var(--scheme2-content-heading));
323
324        /* Surface */
325        --color-surface: hsl(var(--scheme2-surface, var(--scheme2-background)));--color-surface-gradient: hsl(var(--scheme2-surface));
326        /* Background */
327        --color-background: hsl(var(--scheme2-background));--color-background-gradient: hsl(var(--scheme2-background));/* Primary Color */
328        --color-primary-on: hsl(var(--scheme2-primary-on));
329        --color-primary: hsl(var(--scheme2-primary));
330        --color-primary-dark: hsl(var(--scheme2-primary-dark));
331        --color-primary-light: hsl(var(--scheme2-primary-light));--color-primary-gradient: hsl(var(--scheme2-primary));/* Secondary Color */
332        --color-secondary-on: hsl(var(--scheme2-secondary-on));
333        --color-secondary: hsl(var(--scheme2-secondary));
334        --color-secondary-dark: hsl(var(--scheme2-secondary-dark));
335        --color-secondary-light: hsl(var(--scheme2-secondary-light));--color-secondary-gradient: hsl(var(--scheme2-secondary));/* Tertiary Color */
336        --color-tertiary-on: hsl(var(--scheme2-tertiary-on));
337        --color-tertiary: hsl(var(--scheme2-tertiary));
338        --color-tertiary-dark: hsl(var(--scheme2-tertiary-dark));
339        --color-tertiary-light: hsl(var(--scheme2-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme2-tertiary));/* Accent Colors */
340        /* Notification */
341        --color-on-notification: hsl(var(--scheme2-notification-on));
342        --color-notification: hsl(var(--scheme2-notification));
343        --color-notification-mix: var(--scheme2-notification-mix);
344
345        /* Success */
346        --color-on-success: hsl(var(--scheme2-success-on));
347        --color-success: hsl(var(--scheme2-success));
348        --color-success-mix: var(--scheme2-success-mix);
349
350        /* Error */
351        --color-on-error: hsl(var(--scheme2-error-on));
352        --color-error-on: var(--color-on-error);
353        --color-error: hsl(var(--scheme2-error));
354        --color-error-mix: var(--scheme2-error-mix);--color-error-mix-on: var(--color-black);
355
356        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
357        --color-border: var(--color-tertiary, var(--border-default-color));
358        /* Section */
359
360        /* Tables BG Color */
361        --color-table-bg: var(--color-default, var(--color-background));
362
363        /* Input Color */
364        --color-input-text: hsl(var(--scheme2-content-subtle));
365      }
366    .scheme-scheme3 {
367        /* Content */
368        --color-content-base: hsl(var(--scheme3-content-base));
369        --color-content-subtle: hsl(var(--scheme3-content-subtle));
370        --color-content-emphasis: hsl(var(--scheme3-content-emphasis));
371        --color-content-heading: hsl(var(--scheme3-content-heading));
372
373        /* Surface */
374        --color-surface: hsl(var(--scheme3-surface, var(--scheme3-background)));--color-surface-gradient: hsl(var(--scheme3-surface));
375        /* Background */
376        --color-background: hsl(var(--scheme3-background));--color-background-gradient: hsl(var(--scheme3-background));/* Primary Color */
377        --color-primary-on: hsl(var(--scheme3-primary-on));
378        --color-primary: hsl(var(--scheme3-primary));
379        --color-primary-dark: hsl(var(--scheme3-primary-dark));
380        --color-primary-light: hsl(var(--scheme3-primary-light));--color-primary-gradient: hsl(var(--scheme3-primary));/* Secondary Color */
381        --color-secondary-on: hsl(var(--scheme3-secondary-on));
382        --color-secondary: hsl(var(--scheme3-secondary));
383        --color-secondary-dark: hsl(var(--scheme3-secondary-dark));
384        --color-secondary-light: hsl(var(--scheme3-secondary-light));--color-secondary-gradient: hsl(var(--scheme3-secondary));/* Tertiary Color */
385        --color-tertiary-on: hsl(var(--scheme3-tertiary-on));
386        --color-tertiary: hsl(var(--scheme3-tertiary));
387        --color-tertiary-dark: hsl(var(--scheme3-tertiary-dark));
388        --color-tertiary-light: hsl(var(--scheme3-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme3-tertiary));/* Accent Colors */
389        /* Notification */
390        --color-on-notification: hsl(var(--scheme3-notification-on));
391        --color-notification: hsl(var(--scheme3-notification));
392        --color-notification-mix: var(--scheme3-notification-mix);
393
394        /* Success */
395        --color-on-success: hsl(var(--scheme3-success-on));
396        --color-success: hsl(var(--scheme3-success));
397        --color-success-mix: var(--scheme3-success-mix);
398
399        /* Error */
400        --color-on-error: hsl(var(--scheme3-error-on));
401        --color-error-on: var(--color-on-error);
402        --color-error: hsl(var(--scheme3-error));
403        --color-error-mix: var(--scheme3-error-mix);--color-error-mix-on: var(--color-black);
404
405        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
406        --color-border: var(--color-tertiary, var(--border-default-color));
407        /* Section */
408
409        /* Tables BG Color */
410        --color-table-bg: var(--color-default, var(--color-background));
411
412        /* Input Color */
413        --color-input-text: hsl(var(--scheme3-content-subtle));
414      }
415    .scheme-scheme4 {
416        /* Content */
417        --color-content-base: hsl(var(--scheme4-content-base));
418        --color-content-subtle: hsl(var(--scheme4-content-subtle));
419        --color-content-emphasis: hsl(var(--scheme4-content-emphasis));
420        --color-content-heading: hsl(var(--scheme4-content-heading));
421
422        /* Surface */
423        --color-surface: hsl(var(--scheme4-surface, var(--scheme4-background)));--color-surface-gradient: hsl(var(--scheme4-surface));
424        /* Background */
425        --color-background: hsl(var(--scheme4-background));--color-background-gradient: hsl(var(--scheme4-background));/* Primary Color */
426        --color-primary-on: hsl(var(--scheme4-primary-on));
427        --color-primary: hsl(var(--scheme4-primary));
428        --color-primary-dark: hsl(var(--scheme4-primary-dark));
429        --color-primary-light: hsl(var(--scheme4-primary-light));--color-primary-gradient: hsl(var(--scheme4-primary));/* Secondary Color */
430        --color-secondary-on: hsl(var(--scheme4-secondary-on));
431        --color-secondary: hsl(var(--scheme4-secondary));
432        --color-secondary-dark: hsl(var(--scheme4-secondary-dark));
433        --color-secondary-light: hsl(var(--scheme4-secondary-light));--color-secondary-gradient: hsl(var(--scheme4-secondary));/* Tertiary Color */
434        --color-tertiary-on: hsl(var(--scheme4-tertiary-on));
435        --color-tertiary: hsl(var(--scheme4-tertiary));
436        --color-tertiary-dark: hsl(var(--scheme4-tertiary-dark));
437        --color-tertiary-light: hsl(var(--scheme4-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme4-tertiary));/* Accent Colors */
438        /* Notification */
439        --color-on-notification: hsl(var(--scheme4-notification-on));
440        --color-notification: hsl(var(--scheme4-notification));
441        --color-notification-mix: var(--scheme4-notification-mix);
442
443        /* Success */
444        --color-on-success: hsl(var(--scheme4-success-on));
445        --color-success: hsl(var(--scheme4-success));
446        --color-success-mix: var(--scheme4-success-mix);
447
448        /* Error */
449        --color-on-error: hsl(var(--scheme4-error-on));
450        --color-error-on: var(--color-on-error);
451        --color-error: hsl(var(--scheme4-error));
452        --color-error-mix: var(--scheme4-error-mix);--color-error-mix-on: var(--color-black);
453
454        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
455        --color-border: var(--color-tertiary, var(--border-default-color));
456        /* Section */
457
458        /* Tables BG Color */
459        --color-table-bg: var(--color-default, var(--color-background));
460
461        /* Input Color */
462        --color-input-text: hsl(var(--scheme4-content-subtle));
463      }
464    .scheme-scheme-5d0bc38f-fe32-48fc-b559-3f366660a807 {
465        /* Content */
466        --color-content-base: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-content-base));
467        --color-content-subtle: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-content-subtle));
468        --color-content-emphasis: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-content-emphasis));
469        --color-content-heading: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-content-heading));
470
471        /* Surface */
472        --color-surface: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-surface, var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-background)));--color-surface-gradient: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-surface));
473        /* Background */
474        --color-background: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-background));--color-background-gradient: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-background));/* Primary Color */
475        --color-primary-on: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-primary-on));
476        --color-primary: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-primary));
477        --color-primary-dark: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-primary-dark));
478        --color-primary-light: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-primary-light));--color-primary-gradient: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-primary));/* Secondary Color */
479        --color-secondary-on: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-secondary-on));
480        --color-secondary: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-secondary));
481        --color-secondary-dark: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-secondary-dark));
482        --color-secondary-light: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-secondary-light));--color-secondary-gradient: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-secondary));/* Tertiary Color */
483        --color-tertiary-on: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-tertiary-on));
484        --color-tertiary: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-tertiary));
485        --color-tertiary-dark: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-tertiary-dark));
486        --color-tertiary-light: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-tertiary));/* Accent Colors */
487        /* Notification */
488        --color-on-notification: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-notification-on));
489        --color-notification: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-notification));
490        --color-notification-mix: var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-notification-mix);
491
492        /* Success */
493        --color-on-success: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-success-on));
494        --color-success: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-success));
495        --color-success-mix: var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-success-mix);
496
497        /* Error */
498        --color-on-error: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-error-on));
499        --color-error-on: var(--color-on-error);
500        --color-error: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-error));
501        --color-error-mix: var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-error-mix);--color-error-mix-on: var(--color-black);
502
503        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
504        --color-border: var(--color-tertiary, var(--border-default-color));
505        /* Section */
506
507        /* Tables BG Color */
508        --color-table-bg: var(--color-default, var(--color-background));
509
510        /* Input Color */
511        --color-input-text: hsl(var(--scheme-5d0bc38f-fe32-48fc-b559-3f366660a807-content-subtle));
512      }
513    
514</style>
515<style data-shopify>:root {
516    --border-default-width: 1px;
517    --border-default-width-narrow: 1px;
518    --border-default-width-wide: 2px;
519    --border-default-radius: 0;
520    --border-default-color: var(--color-content-subtle);
521  }</style><style data-shopify>
522  :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;--border-button-width: 0;--button-px-default: var(--button-px-sm);--button-py-default: var(--button-py-sm);}
523
524  .btn {--tw-shadow: 0 0px 0px 0 var(--button-shadow-color); --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-sha
524dow); 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-tertiary)); --button-color: var(--color-tertiary-on); --button-shadow-color: var(--color-tertiary-20); text-decoration-color: transparent; --button-fill: var(--color-tertiary);--button-fill-hover: var(--color-primary); background: var(--button-fill); --button-gradient-visible: hidden;}
525
526  .btn:before,
527  .btn:after {
528    content: '';
529    background: transparent;
530    inset: 0;
531    position: absolute;
532    display: block;
533    visibility: var(--button-gradient-visible, hidden);
534    z-index: -1;
535    transition: .2s ease-out;
536    transform: translate3d(0,0,0);
537  }
538  .btn:before {
539    background: var(--button-fill-hover);
540    opacity: 0;
541  }
542  .btn:hover::before {
543    opacity: var(--button-bg-opacity, 1);
544  }
545
546  .btn:after {
547    background: var(--button-fill);
548    opacity: var(--button-bg-opacity, 1);
549  }
550  .btn:hover::after {
551    opacity: 0;
552  }
553
554  input.btn {
555    background: var(--button-fill);
556  }
557  input.btn:before {
558    display: none;
559  }
560  input.btn:after {
561    display: none;
562  }
563  input.btn:hover {
564    background: var(--button-fill-hover);
565  }
566
567  .btn--sm {
568    --button-py-default: var(--button-py-sm);
569    --button-px-default: var(--button-px-sm);
570    font-size: max(calc(var(--button-font-size) * .618em ), 14px)
571  }
572  .btn--md {
573    --button-py-default: var(--button-py-md);
574    --button-px-default: var(--button-px-md);
575  }
576  .btn--lg {
577    --button-py-default: var(--button-py-lg);
578    --button-px-default: var(--button-px-lg);
579  }
580
581  .btn:hover,
582  .btn--primary: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);}
583
584  .btn--secondary {--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-primary); background: var(--button-fill); --button-gradient-visible: hidden;}
585
586  .btn--secondary:hover {--border-color: var(--color-tertiary,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);}
587
588  .btn--tertiary {--border-color: var(--default,var(--color-tertiary)); --button-color: var(--color-tertiary-on); --button-shadow-color: var(--color-tertiary-20); text-decoration-color: transparent; --button-fill: var(--color-tertiary);--button-fill-hover: var(--color-tertiary-on); background: var(--button-fill); --button-gradient-visible: hidden;}
589
590  .btn--tertiary:hover {--border-color: var(--default,var(--color-tertiary-on)); --button-color: var(--color-tertiary-on-on); --button-shadow-color: var(--color-tertiary-on-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
591
592  .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);}
593
594  .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;}
595
596  .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);}
597
598  .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;}
599
600  @media screen and (min-width: 48em) {
601    .btn {
602      --button-font-size: var(--font_button_size_md);
603    }
604  }
605</style>
606<style data-shopify>
607:root {
608  --gap-sm-2xs: 0.25rem;
609  --gap-sm-xs: 0.5rem;
610  --gap-sm-sm: 0.75rem;
611  --gap-sm-md: 1.0rem;
612  --gap-sm-lg: 1.25rem;
613  --gap-sm-xl: 1.5rem;
614  --gap-sm-2xl: 2.0rem;
615  --gap-lg-2xs: 0.5rem;
616  --gap-lg-xs: 1.0rem;
617  --gap-lg-sm: 1.5rem;
618  --gap-lg-md: 2.0rem;
619  --gap-lg-lg: 2.5rem;
620  --gap-lg-xl: 3.0rem;
621  --gap-lg-2xl: 3.5rem;
622  --gap-container-2xs: 0.5rem;
623  --gap-container-xs: 1.0rem;
624  --gap-container-sm: 2.0rem;
625  --gap-container-md: 3.0rem;
626  --gap-container-lg: 4.0rem;
627  --gap-container-xl: 5.0rem;
628  --gap-container-2xl: 6.0rem;
629  --padding-xs-2xs: 0.125rem;
630  --padding-xs-xs: 0.25rem;
631  --padding-xs-sm: 0.375rem;
632  --padding-xs-md: 0.5rem;
633  --padding-xs-lg: 0.625rem;
634  --padding-xs-xl: 0.75rem;
635  --padding-xs-2xl: 1.0rem;
636  --padding-sm-2xs: 0.25rem;
637  --padding-sm-xs: 0.5rem;
638  --padding-sm-sm: 0.75rem;
639  --padding-sm-md: 1.0rem;
640  --padding-sm-lg: 1.25rem;
641  --padding-sm-xl: 1.5rem;
642  --padding-sm-2xl: 2.0rem;
643  --padding-lg-2xs: 0.5rem;
644  --padding-lg-xs: 1.0rem;
645  --padding-lg-sm: 1.5rem;
646  --padding-lg-md: 2.0rem;
647  --padding-lg-lg: 2.5rem;
648  --padding-lg-xl: 3.0rem;
649  --padding-lg-2xl: 3.5rem;
650  --padding-container-2xs: 0.5rem;
651  --padding-container-xs: 1.0rem;
652  --padding-container-sm: 2.0rem;
653  --padding-container-md: 3.0rem;
654  --padding-container-lg: 4.0rem;
655  --padding-container-xl: 5.0rem;
656  --padding-container-2xl: 6.0rem;
657  --padding-section-desktop-2xs: .5rem;
658  --padding-section-desktop-xs: 1rem;
659  --padding-section-desktop-sm: 2rem;
660  --padding-section-desktop-md: 3rem;
661  --padding-section-desktop-lg: 4rem;
662  --padding-section-desktop-xl: 5rem;
663  --padding-section-desktop-2xl: 6rem;
664  --padding-section-mobile-2xs: .25rem;
665  --padding-section-mobile-xs: .5rem;
666  --padding-section-mobile-sm: 1.5rem;
667  --padding-section-mobile-md: 2rem;
668  --padding-section-mobile-lg: 2.5rem;
669  --padding-section-mobile-xl: 3rem;
670  --padding-section-mobile-2xl: 4rem;
671  --margin-sm-2xs: 0.25rem;
672  --margin-sm-xs: 0.5rem;
673  --margin-sm-sm: 0.75rem;
674  --margin-sm-md: 1.0rem;
675  --margin-sm-lg: 1.25rem;
676  --margin-sm-xl: 1.5rem;
677  --margin-sm-2xl: 2.0rem;
678  --margin-lg-2xs: 0.5rem;
679  --margin-lg-xs: 1.0rem;
680  --margin-lg-sm: 1.5rem;
681  --margin-lg-md: 2.0rem;
682  --margin-lg-lg: 2.5rem;
683  --margin-lg-xl: 3.0rem;
684  --margin-lg-2xl: 3.5rem;
685  --margin-container-2xs: 0.5rem;
686  --margin-container-xs: 1.0rem;
687  --margin-container-sm: 2.0rem;
688  --margin-container-md: 3.0rem;
689  --margin-container-lg: 4.0rem;
690  --margin-container-xl: 5.0rem;
691  --margin-container-2xl: 6.0rem;
692  --w-tooltip-sm: 180px;
693  --w-tooltip-md: 210px;
694  --w-tooltip-lg: 240px;
695  --w-tooltip-xl: 270px;
696
697  --container-max-w-sm: 100rem;
698  --container-max-w-lg: 200rem;--select-pad-r: calc(var(--border-default-width) + 1rem + (2 * var(--padding-sm-xs)));
699}
700
701</style><link href="//therollingstonesshop.com/cdn/shop/t/168/assets/styles-critical.bundle.css?v=184108350570289066801789404571" rel="stylesheet" type="text/css" media="all" />
702  <title>Foreign Tongues - Store Exclusive 180g White 2LP + Art Print - The Rolling Stones</title>
702<script src="//therollingstonesshop.com/cdn/shop/t/168/assets/runtime.bundle.js?v=159260618439409726651789404571"></script>
702<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/geolocation.bundle.js?v=74604393885868608461789404572"></script>
702<script>
703  window.dataLayer = window.dataLayer || [];
704  
705window.dataLayer.push({
706    event:'page_data_loaded',
707    user: {
708      logged_in: 'false'
709    },
710    pageType: 'product',
711    platform: 'shopify',
712    shopify_consent: 'false',
713    platform_theme: 'global',
714    platform_version: '2026.08.1.1'
715  });
716</script>
716
717
718<script>
vendor: 327 bytes, lines 718-722
718(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
719new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
720j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
721'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
722})(window,document,'script','dataLayer','
722GTM-K5WMPD
vendor: 3 bytes, line 722
722');
722</script>
722
723
724
725<link rel="canonical" href="https://therollingstonesshop.com/products/foreign-tongues-store-exclusive-180g-white-2lp-art-print">
726
727  
727<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
727<meta name="facebook-domain-verification" content="51mhjebq771aypy75bhu3m0c5imfvg">
728<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/15161894/digital_wallets/dialog">
729<meta id="in-context-paypal-metadata" data-shop-id="15161894" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
730<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/46165258141893:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://therollingstonesshop.com/products/foreign-tongues-store-exclusive-180g-white-2lp-art-print.oembed">
731<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2034958533"></script>
731
732<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
733<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2034958533&shop_id=15161894" crossorigin="anonymous"></script>
vendor: 1 bytes, line 733
733
734<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":15161894,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/15161894","merchantName":"The Rolling Stones","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"The Rolling Stones","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 734
734
735<script id="shopify-features" type="application/json">{"accessToken":"df5fd689d7360974272f21197d2b5efc","betas":["rich-media-storefront-analytics"],"domain":"therollingstonesshop.com","predictiveSearch":true,"shopId":15161894,"locale":"en"}</script>
vendor: 1 bytes, line 735
735
736<script>var Shopify = Shopify || {};
737Shopify.shop = "therollingstones.myshopify.com";
738Shopify.locale = "en";
739Shopify.currency = {"active":"USD","rate":"1.0"};
740Shopify.country = "US";
741Shopify.theme = {"name":"Rhythm-2026.08.1.1-Sep14","id":161066811589,"schema_name":"Rhythm","schema_version":"2026.08.1.1","theme_store_id":null,"role":"main"};
742Shopify.theme.handle = "null";
743Shopify.theme.style = {"id":null,"handle":null};
744Shopify.cdnHost = "therollingstonesshop.com/cdn";
745Shopify.routes = Shopify.routes || {};
746Shopify.routes.root = "/";
747Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
748Shopify.SignInWithShop = Shopify.SignInWithShop || {};
749Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
750Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 750
750
751<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 751
751
752<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 752
752
753<script>
754  window.ShopifyPay = window.ShopifyPay || {};
755  window.ShopifyPay.apiHost = "shop.app\/pay";
756  window.ShopifyPay.redirectState = null;
757</script>
vendor: 1 bytes, line 757
757
758<script>
759  window.Shopify = window.Shopify || {};
760  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
761  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
762  window.Shopify.SignInWithShop.eligible = true;
763</script>
vendor: 1 bytes, line 763
763
764<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 764
764
765<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 765
765
766<script type="module">
767  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
768
769  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
770
771</script>
vendor: 1 bytes, line 771
771
772<script>
773  window.Shopify = window.Shopify || {};
774  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
775  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"]};
776</script>
vendor: 1 bytes, line 776
776
777<script>(function() {
778  var isLoaded = false;
779  function asyncLoad() {
780    if (isLoaded) return;
781    isLoaded = true;
782    var urls = ["\/\/shopify.privy.com\/widget.js?shop=therollingstones.myshopify.com","https:\/\/r2-t.trackedlink.net\/_dmspt.js?shop=therollingstones.myshopify.com","https:\/\/str.rise-ai.com\/?shop=therollingstones.myshopify.com","https:\/\/strn.rise-ai.com\/?shop=therollingstones.myshopify.com","\/\/cdn.shopify.com\/proxy\/b21bf2c71203bad2c0f76ed1b6c7310e9c62914d8ae798912b7923dc583ca834\/static.cdn.printful.com\/static\/js\/external\/shopify-product-customizer.js?v=0.28\u0026shop=therollingstones.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn-loyalty.yotpo.com\/loader\/6AZ-_JAD_kq_dpgndi43Ww.js?shop=therollingstones.myshopify.com","https:\/\/cdn.attn.tv\/therollingstonesofficialstore\/dtag.js?shop=therollingstones.myshopify.com","https:\/\/cdn.attn.tv\/therollingstonesofficialstore\/dtag.js?shop=therollingstones.myshopify.com","https:\/\/size-guides-prod.esc-apps-cdn.com\/1773846101-app.therollingstones.myshopify.com.js?shop=therollingstones.myshopify.com"];
783    for (var i = 0; i < urls.length; i++) {
784      var s = document.createElement('script');
785      s.type = 'text/javascript';
786      s.async = true;
787      s.src = urls[i];
788      var x = document.getElementsByTagName('script')[0];
789      x.parentNode.insertBefore(s, x);
790    }
791  };
792  if(window.attachEvent) {
793    window.attachEvent('onload', asyncLoad);
794  } else {
795    window.addEventListener('load', asyncLoad, false);
796  }
797})();</script>
vendor: 1 bytes, line 797
797
798<script id="__st">var __st={"a":15161894,"offset":-14400,"reqid":"060ee102-538c-440d-9912-e763d0b5aec3-1790916678","pageurl":"therollingstonesshop.com\/products\/foreign-tongues-store-exclusive-180g-white-2lp-art-print","u":"f05f0e01858b","p":"product","rtyp":"product","rid":8827803173061};</script>
vendor: 1 bytes, line 798
798
799<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 799
799
800<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 800
800
801<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//therollingstonesshop.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 801
801
802<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 = "//therollingstonesshop.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>
802<script crossorigin="anonymous" defer="defer" src="//therollingstonesshop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 802
802
803<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 803
803
804<script>
805  window.Shopify = window.Shopify || {};
806  window.Shopify.MCP = window.Shopify.MCP || {};
807  window.Shopify.MCP.enabled = true;
808  window.Shopify.MCP.shop = "therollingstones.myshopify.com";
809  window.Shopify.MCP.mcpEndpoint = "https:\/\/therollingstonesshop.com\/api\/mcp";
810  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"]}}];
811</script>
vendor: 1 bytes, line 811
811
812<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("\/\/therollingstonesshop.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
813</script>
vendor: 1 bytes, line 813
813
814<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://therollingstonesshop.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
815</script>
vendor: 1 bytes, line 815
815
816<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
817  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);
818</script>
vendor: 1 bytes, line 818
818
819<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})}}));
820</script>
820
821<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://therollingstonesshop.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
822<style id="shopify-accelerated-checkout-cart">
823        #shopify-buyer-consent {
824  margin-top: 1em;
825  display: inline-block;
826  width: 100%;
827}
828
829#shopify-buyer-consent.hidden {
830  display: none;
831}
832
833#shopify-subscription-policy-button {
834  background: none;
835  border: none;
836  padding: 0;
837  text-decoration: underline;
838  font-size: inherit;
839  cursor: pointer;
840}
841
842#shopify-subscription-policy-button::before {
843  box-shadow: none;
844}
845
846      </style>
847
848<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
848 <link rel="stylesheet" href="https://cdn.rhythm.umgapps.com/fonts/family/eurostile-extended/stylesheet.css"><style>
849  dialog[open]::backdrop,
850  .umg-backdrop {
851    
852      --theme-color: ;
853      background: hsl(0 0% 100% / 0.0);
854  }
855  
856  #PBarNextFrameWrapper::backdrop,
857  #web-pixels-helper-sandbox-container::backdrop {
858    --theme-color: unset;
859    background: unset;
860    -webkit-backdrop-filter: unset;
861    backdrop-filter: unset;
862  }
863</style><link href="//therollingstonesshop.com/cdn/shop/t/168/assets/styles.bundle.css?v=123113474112260865601789404571" rel="stylesheet" type="text/css" media="print" id="styles_css_bundle" onload="this.media=`all`;this.removeAttribute(`onload`)" />
864  <noscript><link href="//therollingstonesshop.com/cdn/shop/t/168/assets/styles.bundle.css?v=123113474112260865601789404571" rel="stylesheet" type="text/css" media="all" id="styles_css_bundle" /></noscript>
864<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/alpine.bundle.js?v=171037108278180649291789404571"></script>
864
865
866
867
868
869
870
871<script>
872  // Load actions container after 300ms to avoid a glitch
873  document.addEventListener("DOMContentLoaded", function () {
874    setTimeout(function () {
875      const switcher = document.querySelector(".store-switcher");
876      if (switcher) {
877        switcher.style.display = "block";
878      }
879    }, 300);
880
881    let resourceBrand = "the-rolling-stones-shop";
882    let activeBrand = resourceBrand;
883
884    // If metafield exists → highest priority
885    if (resourceBrand && resourceBrand !== "") {
886      localStorage.setItem("activeBrand", resourceBrand);
887    } 
888    else {
889      // Homepage OR pages without metafield
890      const activeTab = document.querySelector(".brand-item.active");
891      const clickedBrand = activeTab ? activeTab.dataset.brand : null;
892
893      if (clickedBrand) {
894        activeBrand = clickedBrand;
895        localStorage.setItem("activeBrand", clickedBrand);
896      } 
897      else {
898        const storedBrand = localStorage.getItem("activeBrand");
899
900        if (storedBrand) {
901          activeBrand = storedBrand;
902        } else {
903          // Homepage first-time visit → use brand 1
904          activeBrand = "the-rolling-stones-shop";
905          localStorage.setItem("activeBrand", activeBrand);
906        }
907      }
908    }
909
910    /* Desktop header */
911    const desktopHeader = document.querySelector(`.header__wrapper--md.brand.brand--${activeBrand}`);
912    console.log("desktopHeader: ",desktopHeader);
913    if (desktopHeader) desktopHeader.classList.add("force-show");
914
915    /* Mobile header */
916    const mobileHeader = document.querySelector(`.header__wrapper.brand.brand--${activeBrand}:not(.header__wrapper--md)`);
917    if (mobileHeader) mobileHeader.classList.add("force-show");
918
919    /* Announcement bar */
920    const bar = document.querySelector(`.announcement-bar__wrapper.brand.brand--${activeBrand}`);
921    if (bar) bar.classList.add("force-show");
922  });
923</script>
923
924<style data-shopify>/* START Brand specific styling */
925.brand.brand--rs-no-9 {
926  display: none;
927}
928.store-switcher {
929  display: none;
930}
931header cart-drawer-toggle-button {
932  display: none;
933}
934@media screen and (min-width: 768px) {
935  brand-item[data-brand="the-rolling-stones-shop"] img {
936    width: 125px;
937  }
938}
939.shopify-section-group-header-group.developer {
940  background: #e11920;
941  display: flex;
942  flex-wrap: wrap;
943  flex-direction: row-reverse;
944  padding-top: 0.5rem;
945}
946.shopify-section-group-header-group.developer > div:last-child {
947  flex: 1;
948}
949.shopify-section-group-header-group .actions {
950  padding-inline: 2rem;
951}
952.header__wrapper--md.brand .header__container--md {
953  grid-template-columns: minmax(64px, 90px) 1fr minmax(160px, 220px);
954}
955.header__wrapper--md.brand .header__container--md .navigation-container {
956  justify-content: flex-start;
957}
958.header__wrapper--md.brand .header__container--md .header__column,
959.header__wrapper--md.brand .header__container--md .mega-menu {
960  grid-column: span 1;
961}
962.header__wrapper.brand .header__column--developer img {
963  width: 4rem;
964}
965.store-switcher .section__container {
966  display: flex;
967  justify-content: space-between;
968}
969.header__action .umg-icon {
970  height: 1.75rem;
971  width: 1.75rem;
972}
973.header__container {
974  align-items: center;
975}
976.header__wrapper.brand,
977.announcement-bar__wrapper.brand {
978  display:none;
979}
980/* Show announcement bar when JS adds .force-show */
981.announcement-bar__wrapper.brand.force-show {
982  display:grid !important;
983}
984/* Desktop (min-width: 768px) shows desktop header only */
985@media (min-width: 768px) {
986  .header__wrapper--md.brand.force-show {
987    display:grid !important;
988  }
989}
990/* Mobile + Tablet (max-width: 767px) shows mobile header only */
991@media (max-width: 767px) {
992  .header__wrapper.brand.force-show:not(.header__wrapper--md) {
993    display:block !important;
994  }
995}
996.force-show-parent {
997  display:block !important;
998}
999.developer-container {
1000  display: flex;
1001  flex-direction: column;
1002  align-items: center;
1003}
1004/* END */
1005
1006/* HERO BANNER GRADIENT OVERLAY */
1007.custom-hero-banner-overlay .banner-container:after {
1008  content: "";
1009  display: block;
1010  position: absolute;
1011  top: 0;
1012  left: 0;
1013  width: 100%;
1014  height: 100%;
1015  background-image: var(--color-background-gradient);
1016}
1017
1018.btn {
1019  padding-top: 15px;
1020  padding-bottom: 15px;
1021}
1022
1023.pointer-events-auto {
1024  font-family: 'roc-grotesk-wide';
1025}
1026
1027.hero-banner .btn {
1028    font-family: var(--font_button);
1029}
1030
1031/* product background images */
1032.product_card .card__image,
1033.pdp-media__wrapper .pdp-image-wrapper {
1034  background-color: #F8F6F2;
1035}
1036
1037.card__cta {
1038  font-family: 'roc-grotesk-wide';
1039  text-transform: uppercase;
1040  font-weight: 600;
1041  letter-spacing: 0.08em;
1042}
1043
1044/*.btn--secondary {
1045  background-color: #ffffff;
1046  color: #000000 !important;
1047}
1048.btn--secondary:hover {
1049  background-color: #000000;
1050  color: #FFFFFF !important;
1051}*/
1052
1053/* CAROUSEL ARROWS */
1054.carousel-nav {
1055  padding: 0;
1056}
1057.carousel-nav__button-bg {
1058  width: 3rem;
1059  height: 3rem;
1060}
1061
1062/* RIGHT ALIGN CAROUSELS */
1063@media (max-width: 767px) {
1064  .featured-products .section-spacing:has(.carousel-wrapper[data-carousel-layout="carousel"]),
1065  .featured-products .section-spacing:has(.carousel-wrapper[data-carousel-layout="carousel_peek"]),
1066  .featured-collection .section-spacing:has(.carousel-wrapper[data-carousel-layout="carousel"]),
1067  .featured-collection .section-spacing:has(.carousel-wrapper[data-carousel-layout="carousel_peek"]),
1068  .recommended-products .section-spacing:has(.carousel-wrapper[data-carousel-layout="carousel"]),
1069  .recommended-products .section-spacing:has(.carousel-wrapper[data-carousel-layout="carousel_peek"]) {
1070    padding-right: 0;
1071  }
1072}
1073@media (min-width: 768px) {
1074  .featured-products .section-spacing:has(.carousel-wrapper[data-carousel-layout-md="carousel"]),
1075  .featured-products .section-spacing:has(.carousel-wrapper[data-carousel-layout-md="carousel_peek"]),
1076  .featured-collection .section-spacing:has(.carousel-wrapper[data-carousel-layout-md="carousel"]),
1077  .featured-collection .section-spacing:has(.carousel-wrapper[data-carousel-layout-md="carousel_peek"]),
1078  .recommended-products .section-spacing:has(.carousel-wrapper[data-carousel-layout-md="carousel"]),
1079  .recommended-products .section-spacing:has(.carousel-wrapper[data-carousel-layout-md="carousel_peek"]) {
1080    padding-right: 0;
1081  }
1082}
1083
1084/* Artist/Brand Attributes */
1085.product-attribute__label {
1086  display: none;
1087}
1088
1089/* MOBILE MENU */
1090.hamburger-wrapper .header__navigation-link {
1091  text-align: inherit;
1092}
1093
1094/* COLLECTION PAGES */
1095.template__collection .collection-section .pagination-wrapper {
1096  padding-top: 3rem;
1097}
1098
1099/* Generic Card */
1100.card__wrapper[id^=generic] .card__cta {
1101  order: -1;
1102  font-family: var(--font_body_xs);
1103  font-size: var(--font_body_xs_size);
1104  font-weight: var(--font_body_xs_weight);
1105  letter-spacing: var(--font_body_xs_letter);
1106  line-height: var(--font_body_xs_line);
1107  text-transform: var(--font_body_xs_text_transform);
1108  z-index: 1;
1109}
1110
1111@media (min-width: 48em) {
1112  .card__wrapper[id^=generic] .card__cta {
1113      font-size: var(--font_body_xs_size_md);
1114  }
1115}
1116
1117.card__wrapper[id^=generic] .card__cta a {
1118    text-decoration: none;
1119}
1120
1121.card__wrapper[id^=generic] .card__cta a:hover {
1122  text-decoration: underline;
1123}
1124
1125header a[href^="/pages/foreign-tongues"] {
1126    text-indent: -9999em;
1127    display: block;
1128    height: 30px;
1129    width: 140px;
1130    background-repeat: no-repeat;
1131    background-position: center;
1132    background-size: contain;
1133    background-image: url(https://cdn.shopify.com/s/files/1/0734/2522/3974/files/CEE12709-0B70-4FC0-94B2-14E2570549AF.png?v=1776353394);
1134}
1135@media(max-width: 768px){
1136header a[href^="/pages/foreign-tongues"] {
1137       margin-right: 35%;
1138}
1139}
1140
1141.recommended-products .product-attribute--brand img {
1142  filter: brightness(0) invert(1);
1143}
1144
1145.recommended-products {
1146background-color: #E54E58; 
1147}
1148
1149.product_card .card__image { 
1150background-color: #F8F6F2; 
1151}
1152
1153@media (max-width: 768px) { 
1154.swiper-pagination-progressbar { 
1155max-width: 55%; 
1156}
1157
1158/* FOREIGN TONGUES */
1159header a[href^="/pages/foreign-tongues"] {
1160    text-indent: -9999em;
1161    display: block;
1162    height: 30px;
1163    width: 140px;
1164    background-repeat: no-repeat;
1165    background-position: center;
1166    background-size: contain;
1167    background-image: url(https://cdn.shopify.com/s/files/1/1516/1894/files/rs_ft_01.png?v=1777988436);
1168}
1169@media(max-width: 768px){
1170header a[href^="/pages/foreign-tongues"] {
1171       margin-right: 35%;
1172}
1173}</style><link rel="apple-touch-icon" sizes="180x180" href="//therollingstonesshop.com/cdn/shop/files/favicon_1.png?crop=center&height=180&v=1613524910&width=180">
1174    <link rel="icon" href="//therollingstonesshop.com/cdn/shop/files/favicon_1.png?crop=center&height=32&v=1613524910&width=32"><meta name="description" content="Foreign Tongues, the incredibly vibrant 14-track new album from the Rolling Stones, follows less than three years after the band’s universally acclaimed, Grammy Award-winning Hackney Diamonds, which topped charts worldwide and achieved multi-platinum success. Preceded by the upbeat and infectious lead single ‘In The St">
1175
1176  <meta property="og:site_name" content="The Rolling Stones">
1177  <meta property="og:url" content="https://therollingstonesshop.com/products/foreign-tongues-store-exclusive-180g-white-2lp-art-print">
1178  <meta property="og:title" content="Foreign Tongues - Store Exclusive 180g White 2LP + Art Print - The Rolling Stones">
1179  <meta property="og:type" content="product">
1180  <meta property="og:description" content="Foreign Tongues, the incredibly vibrant 14-track new album from the Rolling Stones, follows less than three years after the band’s universally acclaimed, Grammy Award-winning Hackney Diamonds, which topped charts worldwide and achieved multi-platinum success. Preceded by the upbeat and infectious lead single ‘In The St"><meta property="og:image" content="http://therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601">
1181  <meta property="og:image:secure_url" content="https://therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601">
1182  <meta property="og:image:width" content="3000">
1183  <meta property="og:image:height" content="3000"><meta property="og:price:amount" content="50.99">
1184    <meta property="og:price:currency" content="USD"><meta name="twitter:card" content="summary_large_image">
1185  <meta name="twitter:title" content="Foreign Tongues - Store Exclusive 180g White 2LP + Art Print - The Rolling Stones">
1186  <meta name="twitter:description" content="Foreign Tongues, the incredibly vibrant 14-track new album from the Rolling Stones, follows less than three years after the band’s universally acclaimed, Grammy Award-winning Hackney Diamonds, which topped charts worldwide and achieved multi-platinum success. Preceded by the upbeat and infectious lead single ‘In The St">
1186<script>
1187      window.dotDigital = {
1188        shopDomain: 'therollingstonesshop.com',
1189        insightId: 'DM-9943980834-02'
1190      }
1191    </script>
1191<script>
1192        window.customerEmail = ''
1193        window.product = {
1194          title: `Foreign Tongues - Store Exclusive 180g White 2LP + Art Print`,
1195          url: '/products/foreign-tongues-store-exclusive-180g-white-2lp-art-print',
1196          featuredImage: 'files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png',
1197          sku: '00602488213561',
1198          price: '$50.99',
1199          currency: 'USD',
1200          brand: 'BrandDrop'
1201        }
1202      </script>
1202<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/dot-digital.bundle.js?v=111676681593682757461789404571"></script>
1202<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1203<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: 15161894,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 1203
1203
1204<script>
1205  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1206</script>
vendor: 1 bytes, line 1206
1206
1207<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}
1207).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: 15161894,storefrontBaseUrl: "https://therollingstonesshop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://therollingstonesshop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2717941957","configuration":"{\"forter_site_id\":\"98110a8cd268\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7e4b4da7292f3a5a38b14e41b6ff19b5","type":"APP","apiClientId":332912361473,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
1207,"dataSharingState":"unrestricted"},{"id":"2067923141","configuration":"{\"businessId\":\"6FA23D4ED9DA836B723C2500\",\"environment\":\"production\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5a8ca3d2c8c198d27ce52b5826353789","type":"APP","apiClientId":861484,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"990347461","configuration":"{\"cart_viewed\":\"true\",\"checkout_address_info_submitted\":\"true\",\"checkout_completed\":\"true\",\"checkout_contact_info_submitted\":\"true\",\"checkout_shipping_info_submitted\":\"true\",\"checkout_started\":\"true\",\"collection_viewed\":\"true\",\"page_viewed\":\"true\",\"payment_info_submitted\":\"true\",\"product_added_to_cart\":\"true\",\"product_removed_from_cart\":\"true\",\"product_viewed\":\"true\",\"search_submitted\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4b912d4db8d67578541bfae8b70a40a9","type":"APP","apiClientId":100317265921,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"441417925","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"8a9a175b11d15038a70fe78d09c59720","type":"APP","apiClientId":3977633,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"338755781","configuration":"{\"gtm_id\":\"GTM-K5WMPD\"}","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":"114852037","configuration":"{\"storeIdentity\":\"therollingstones.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":"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":"The Rolling Stones","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"therollingstones.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/therollingstonesshop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":50.99,"currencyCode":"USD"},"product":{"title":"Foreign Tongues - Store Exclusive 180g White 2LP + Art Print","vendor":"The Rolling Stones","id":"8827803173061","untranslatedTitle":"Foreign Tongues - Store Exclusive 180g White 2LP + Art Print","url":"\/products\/foreign-tongues-store-exclusive-180g-white-2lp-art-print","type":"2LP"},"id":"46165258141893","image":{"src":"\/\/therollingstonesshop.com\/cdn\/shop\/files\/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601"},"sku":"00602488213561","title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"8827803173061","handle":"foreign-tongues-store-exclusive-180g-white-2lp-art-print","isCollective":null,"title":"Foreign Tongues - Store Exclusive 180g White 2LP + Art Print","type":"2LP","untranslatedTitle":"Foreign Tongues - Store Exclusive 180g White 2LP + Art Print","url":"\/products\/foreign-tongues-store-exclusive-180g-white-2lp-art-print","vendor":"The Rolling Stones","remoteShopId":null,"variants":[{"id":"46165258141893","image":{"src":"\/\/therollingstonesshop.com\/cdn\/shop\/files\/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601"},"price":{"amount":50.99,"currencyCode":"USD"},"sku":"00602488213561","title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://therollingstonesshop.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"161066811589","themePublished":"true","eventMetadataId":"9a1ab894-e0a6-47ed-ad42-463e837db1c0","pageType":"product","resourceId":"8827803173061","shopId":"15161894","storefrontBaseUrl":"https:\/\/therollingstonesshop.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\":50.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Foreign Tongues - Store Exclusive 180g White 2LP + Art Print\",\"vendor\":\"The Rolling Stones\",\"id\":\"8827803173061\",\"untranslatedTitle\":\"Foreign Tongues - Store Exclusive 180g White 2LP + Art Print\",\"url\":\"\/products\/foreign-tongues-store-exclusive-180g-white-2lp-art-print\",\"type\":\"2LP\"},\"id\":\"46165258141893\",\"image\":{\"src\":\"\/\/therollingstonesshop.com\/cdn\/shop\/files\/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601\"},\"sku\":\"00602488213561\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
1207<script>
1208  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1209  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1210  window.ShopifyAnalytics.meta.currency = 'USD';
1211  var meta = {"product":{"id":8827803173061,"gid":"gid:\/\/shopify\/Product\/8827803173061","vendor":"The Rolling Stones","type":"2LP","handle":"foreign-tongues-store-exclusive-180g-white-2lp-art-print","variants":[{"id":46165258141893,"price":5099,"name":"Foreign Tongues - Store Exclusive 180g White 2LP + Art Print","public_title":null,"sku":"00602488213561"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8827803173061,"requestId":"060ee102-538c-440d-9912-e763d0b5aec3-1790916678"}};
1212  for (var attr in meta) {
1213    window.ShopifyAnalytics.meta[attr] = meta[attr];
1214  }
1215</script>
vendor: 1 bytes, line 1215
1215
1216<script class="analytics">
1217  (function () {
1218    var customDocumentWrite = function(content) {
1219      var jquery = null;
1220
1221      if (window.jQuery) {
1222        jquery = window.jQuery;
1223      } else if (window.Checkout && window.Checkout.$) {
1224        jquery = window.Checkout.$;
1225      }
1226
1227      if (jquery) {
1228        jquery('body').append(content);
1229      }
1230    };
1231
1232    var hasLoggedConversion = function(token) {
1233      if (token) {
1234        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1235      }
1236      return false;
1237    }
1238
1239    var setCookieIfConversion = function(token) {
1240      if (token) {
1241        var twoMonthsFromNow = new Date(Date.now());
1242        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1243
1244        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1245      }
1246    }
1247
1248    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1249    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1250    if (trekkie.integrations) {
1251      return;
1252    }
1253    trekkie.methods = [
1254      'identify',
1255      'page',
1256      'ready',
1257      'track',
1258      'trackForm',
1259      'trackLink'
1260    ];
1261    trekkie.factory = function(method) {
1262      return function() {
1263        var args = Array.prototype.slice.call(arguments);
1264        args.unshift(method);
1265        trekkie.push(args);
1266        if (method == 'track' || method == 'page') {
1267          var pageUrl;
1268          try {
1269            pageUrl = window.location.href;
1270          } catch (e) {}
1271          var pageReferrer;
1272          try {
1273            pageReferrer = document.referrer;
1274          } catch (e) {}
1275          try {
1276            if (window.__TREKKIE_SHIM_QUEUE == null) {
1277              window.__TREKKIE_SHIM_QUEUE = [];
1278            }
1279            window.__TREKKIE_SHIM_QUEUE.push({
1280              from: 'trekkie-stub',
1281              method: method,
1282              args: args.slice(1),
1283              pageContext: {
1284                url: pageUrl,
1285                referrer: pageReferrer
1286              }
1287            });
1288          } catch (e) {
1289            // no-op
1290          }
1291        }
1292        return trekkie;
1293      };
1294    };
1295    for (var i = 0; i < trekkie.methods.length; i++) {
1296      var key = trekkie.methods[i];
1297      trekkie[key] = trekkie.factory(key);
1298    }
1299    trekkie.load = function(config) {
1300      trekkie.config = config || {};
1301      trekkie.config.initialDocumentCookie = document.cookie;
1302      var first = document.getElementsByTagName('script')[0];
1303var script = document.createElement('script');
1304script.type = 'text/javascript';
1305script.onerror = function(e) {
1306  var scriptFallback = document.createElement('script');
1307  scriptFallback.type = 'text/javascript';
1308  scriptFallback.onerror = function(error) {
1309          var Monorail = {
1310      produce: function produce(monorailDomain, schemaId, payload) {
1311        var currentMs = new Date().getTime();
1312        var event = {
1313          schema_id: schemaId,
1314          payload: payload,
1315          metadata: {
1316            event_created_at_ms: currentMs,
1317            event_sent_at_ms: currentMs
1318          }
1319        };
1320        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1321      },
1322      sendRequest: function sendRequest(endpointUrl, payload) {
1323        // Try the sendBeacon API
1324        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1325          var blobData = new window.Blob([payload], {
1326            type: 'text/plain'
1327          });
1328
1329          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1330            return true;
1331          } // sendBeacon was not successful
1332
1333        } // XHR beacon
1334
1335        var xhr = new XMLHttpRequest();
1336
1337        try {
1338          xhr.open('POST', endpointUrl);
1339          xhr.setRequestHeader('Content-Type', 'text/plain');
1340          xhr.send(payload);
1341        } catch (e) {
1342          console.log(e);
1343        }
1344
1345        return false;
1346      },
1347      isIos12: function isIos12() {
1348        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1349      }
1350    };
1351    Monorail.produce('monorail-edge.shopifysvc.com',
1352      'trekkie_storefront_load_errors/1.1',
1353      {shop_id: 15161894,
1354      theme_id: 161066811589,
1355      app_name: "storefront",
1356      context_url: window.location.href,
1357      source_url: "//therollingstonesshop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1358
1359  };
1360  scriptFallback.async = true;
1361  scriptFallback.src = '//therollingstonesshop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1362  first.parentNode.insertBefore(scriptFallback, first);
1363};
1364script.async = true;
1365script.src = '//therollingstonesshop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1366first.parentNode.insertBefore(script, first);
1367
1368    };
1369    trekkie.load(
1370      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":15161894,"isMerchantRequest":null,"themeId":161066811589,"themeCityHash":"9160454134263906983","contentLanguage":"en","currency":"USD","eventMetadataId":"9a1ab894-e0a6-47ed-ad42-463e837db1c0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1371    );
1372
1373    var loaded = false;
1374    trekkie.ready(function() {
1375      if (loaded) return;
1376      loaded = true;
1377
1378      window.ShopifyAnalytics.lib = window.trekkie;
1379
1380      var originalDocumentWrite = document.write;
1381      document.write = customDocumentWrite;
1382      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1383      document.write = originalDocumentWrite;
1384
1385      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1386      var token = match? match[1]: undefined;
1387      if (!hasLoggedConversion(token)) {
1388        setCookieIfConversion(token);
1389        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":46165258141893,"productId":8827803173061,"productGid":"gid:\/\/shopify\/Product\/8827803173061","name":"Foreign Tongues - Store Exclusive 180g White 2LP + Art Print","price":"50.99","sku":"00602488213561","brand":"The Rolling Stones","variant":null,"category":"2LP","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1390      }
1391    });
1392
1393    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8827803173061,"requestId":"060ee102-538c-440d-9912-e763d0b5aec3-1790916678","shopifyEmitted":true});
1394
1395    var eventsListenerScript = document.createElement('script');
1396    eventsListenerScript.async = true;
1397    eventsListenerScript.src = "//therollingstonesshop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1398    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1399})();</script>
vendor: 1 bytes, line 1399
1399
1400<script
1401  defer
1402  src="https://therollingstonesshop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1403  data-application="storefront-renderer"
1404  data-shop-id="15161894"
1405  data-render-region="gcp-us-central1"
1406  data-page-type="product"
1407  data-theme-instance-id="161066811589"
1408  data-theme-name="Rhythm"
1409  data-theme-version="2026.08.1.1"
1410  data-monorail-region="shop_domain"
1411  data-resource-timing-sampling-rate="10"
1412  data-shs="true"
1413  data-shs-beacon="true"
1414  data-shs-export-with-fetch="true"
1415  data-shs-logs-sample-rate="1"
1416  data-shs-beacon-endpoint="https://therollingstonesshop.com/api/collect"
1417></script>
1417
1418<meta name="shopify-y" content="09eddadd-c9b1-467e-b5c7-71585069eda5" data-expiration="1822474278000"><meta name="shopify-s" content="48a93d5b-a912-4f90-9071-c3f1df21a530" data-expiration="1790918478000"><meta name="new-cookie-storage-activated" content="t">
1419</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.08.1.1">
1420  <span class="sr-only" data-e2e="aria-countdown-change" aria-live="assertive"></span>
vendor: 67 bytes, line 1420
1420<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1420GTM-K5WMPD
vendor: 86 bytes, lines 1420-1421
1420"
1421    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1421<a class="skip-to-content-link button sr-only focus:not-sr-only" href="#MainContent">Skip to content</a><content-overlay>
1422  <div class="overlay hidden fixed top-0 left-0 w-full h-full z-[1000001] c-bg-gray-900 opacity-50"></div>
1423</content-overlay><!-- BEGIN sections: header-group -->
1424<section id="shopify-section-sections--22910431559877__developer_9RGiBw" class="shopify-section shopify-section-group-header-group developer">
1425  
1426  <div class="developer__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden store-switcher">
1427  
1428  
1429  
1430  
1431  <div class="developer__spacing section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
1432  
1433  <div class="developer__container section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-gray-500 rounded-none shadow-none">
1434
1435
1436  <div id="brands-fragment" style="display:none;">
1437    <div class="header__brands-wrapper--md flex w-full justify-between">
1438      <div class="list brands brands-list flex justify-start gap-x-md px-md">
1439        
1440          
1441          
1442          <brand-item
1443            class="list-item brand-item flex items-center "
1444            data-brand="the-rolling-stones-shop"
1445          >
1446            <a href="/" class="flex items-center">
1447              <div class="logo-wrapper">
1448                <img src="//therollingstonesshop.com/cdn/shop/files/FT_Opt2_v2_6a756251-e467-4f1e-b2f9-e3f65687ba7c.svg?v=1777997526" alt="The Rolling Stones" srcset="//therollingstonesshop.com/cdn/shop/files/FT_Opt2_v2_6a756251-e467-4f1e-b2f9-e3f65687ba7c.svg?v=1777997526&amp;width=80 80w, //therollingstonesshop.com/cdn/shop/files/FT_Opt2_v2_6a756251-e467-4f1e-b2f9-e3f65687ba7c.svg?v=1777997526&amp;width=352 352w, //therollingstonesshop.com/cdn/shop/files/FT_Opt2_v2_6a756251-e467-4f1e-b2f9-e3f65687ba7c.svg?v=1777997526&amp;width=832 832w" width="80px" loading="lazy" class="logo-image logo-primary">
1449                <img src="//therollingstonesshop.com/cdn/shop/files/FT_Opt2_white-v2_a35c2542-1cce-413e-a38c-bf7e7edcb5c5.svg?v=1777997540" alt="The Rolling Stones" srcset="//therollingstonesshop.com/cdn/shop/files/FT_Opt2_white-v2_a35c2542-1cce-413e-a38c-bf7e7edcb5c5.svg?v=1777997540&amp;width=80 80w, //therollingstonesshop.com/cdn/shop/files/FT_Opt2_white-v2_a35c2542-1cce-413e-a38c-bf7e7edcb5c5.svg?v=1777997540&amp;width=352 352w, //therollingstonesshop.com/cdn/shop/files/FT_Opt2_white-v2_a35c2542-1cce-413e-a38c-bf7e7edcb5c5.svg?v=1777997540&amp;width=832 832w" width="80px" loading="lazy" class="logo-image logo-secondary">
1450              </div>
1451            </a>
1452          </brand-item>
1453        
1454          
1455          
1456          <brand-item
1457            class="list-item brand-item flex items-center "
1458            data-brand="rs-no-9"
1459          >
1460            <a href="/pages/rs-no-9" class="flex items-center">
1461              <div class="logo-wrapper">
1462                <img src="//therollingstonesshop.com/cdn/shop/files/RSno9_Logo_1.svg?v=1765990064" alt="RS No.9" srcset="//therollingstonesshop.com/cdn/shop/files/RSno9_Logo_1.svg?v=1765990064&amp;width=80 80w" width="80px" loading="lazy" class="logo-image logo-primary">
1463                <img src="//therollingstonesshop.com/cdn/shop/files/RSno9_Logo.svg?v=1765990064" alt="RS No.9" srcset="//therollingstonesshop.com/cdn/shop/files/RSno9_Logo.svg?v=1765990064&amp;width=80 80w" width="80px" loading="lazy" class="logo-image logo-secondary">
1464              </div>
1465            </a>
1466          </brand-item>
1467        
1468      </div>
1469    </div>
1470  </div>
1471
1472
1473<script>
1474document.addEventListener("DOMContentLoaded", function () {
1475  const target = document.querySelector(".store-switcher");
1476  const fragment = document.querySelector("#brands-fragment");
1477
1478  if (target && fragment) {
1479    target.insertAdjacentHTML("afterend", fragment.innerHTML);
1480  }
1481
1482  function updateHeaderGroupBg(activeBrand) {
1483    const headerGroup = document.querySelector(".shopify-section-group-header-group.developer");
1484    if (!headerGroup) return;
1485
1486    headerGroup.classList.remove("is-rs-no-9");
1487
1488    if (activeBrand === "rs-no-9") {
1489      headerGroup.classList.add("is-rs-no-9");
1490    }
1491  }
1492  // Apply brand state only on page load
1493  const activeBrand = localStorage.getItem("activeBrand");
1494
1495  if (activeBrand) {
1496    updateHeaderGroupBg(activeBrand);
1497
1498    document.querySelectorAll(".brand-item").forEach(item => {
1499      const brand = item.dataset.brand;
1500      const primary = item.querySelector(".logo-primary");
1501      const secondary = item.querySelector(".logo-secondary");
1502
1503      if (brand === activeBrand) {
1504        item.classList.add("active");
1505        if (primary && secondary) {
1506          primary.style.display = "block";
1507          secondary.style.display = "none";
1508        }
1509      } else {
1510        item.classList.remove("active");
1511        if (primary && secondary) {
1512          primary.style.display = "none";
1513          secondary.style.display = "block";
1514        }
1515      }
1516    });
1517  }
1518  // On click → only store brand and let navigation happens
1519  document.querySelectorAll(".brand-item a").forEach(el => {
1520    el.addEventListener("click", function () {
1521      const brandHandle = this.closest("brand-item").dataset.brand;
1522      if (brandHandle) {
1523        localStorage.setItem("activeBrand", brandHandle);
1524      }
1525    });
1526  });
1527});
1528</script>
1528
1529
1530<style data-shopify>
1531  .shopify-section-group-header-group.developer {
1532    background-color: #E54E58;
1533  }
1534  .shopify-section-group-header-group.developer.is-rs-no-9 {
1535    background-color: #000;
1536  }
1537  .store-switcher .actions {
1538    padding-inline: 0 var(--padding-container-sm);
1539  }
1540  .logo-cntr {
1541    word-break: break-word;
1542  }
1543  .header__brands-wrapper--md {
1544    padding-inline: var(--padding-container-sm) 0;
1545  }
1546  .brand-item {
1547    cursor: pointer;
1548    position: relative;
1549  }
1550  .brand-item a {
1551    gap: 0.5rem;
1552    padding: 0.5rem 1rem;
1553  }
1554  .brand-item.active {
1555    background-color: var(--color-background);
1556  }
1557  .brand-item:not(.active) .logo-wrapper .logo-primary,
1558  .brand-item.active .logo-wrapper .logo-secondary {
1559    display: none;
1560  }
1561</style>
1562
1563<div class="actions flex gap-sm-sm text-white">
1564        
1565
1566
1567
1568<a href="https://shopify.com/15161894/account/orders?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ0aGVyb2xsaW5nc3RvbmVzLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTUyMTQ3OCwibmJmIjoxNzkwOTE2Njc4fQ.rsx3ty8rOBBX93sEgNb1WAeBD7CFZJIxWKph-RxkvGI" class="header__action header__action--account-link text-white flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space block overflow-hidden">
1569  
1570      <div class="icon-wrapper">
1571        
1572
1573
1574
1575  
1576  
1577  
1578      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor">
1579        <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"/>
1580      </svg>
1581    
1582
1583        <span class="sr-only">Account</span>
1584      </div>
1585    
1586</a>
1587
1588        
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614   
1615  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text-white" tabindex="-1">
1616    
1617  <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">
1618    
1619      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
1620        
1621
1622
1623
1624  
1625  
1626  
1627      
1628          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
1629            <path d="M192 296C192 309.3 181.3 320 168 320C154.7 320 144 309.3 144 296C144 282.7 154.7 272 168 272C181.3 272 192 282.7 192 296zM384 296C384 282.7 394.7 272 408 272C421.3 272 432 282.7 432 296C432 309.3 421.3 320 408 320C394.7 320 384 309.3 384 296zM322.2 24.07C317.7 16.43 320.3 6.637 327.9 2.184C335.6-2.268 345.4 .3098 349.8 7.943L457.2 192H560C568.8 192 576 199.2 576 208C576 216.8 568.8 224 560 224H536L476.1 463.5C468.1 492 443.4 512 414 512H161.1C132.6 512 107 492 99.88 463.5L40 224H16C7.164 224 0 216.8 0 208C0 199.2 7.164 192 16 192H118.8L226.2 7.943C230.6 .3098 240.4-2.268 248.1 2.184C255.7 6.637 258.3 16.43 253.8 24.07L155.9 192H420.1L322.2 24.07zM503 224H72.98L130.9 455.8C134.5 470 147.3 480 161.1 480H414C428.7 480 441.5 470 445.1 455.8L503 224z"/>
1630          </svg>
1631        
1632    
1633
1634      </div>
1635      <span class="sr-only">Cart</span>
1636    
1637    <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 empty:hidden"></div>
1638    
1639  </a>
1640
1641  </cart-drawer-toggle-button>
1642
1643    
1644
1645      </div>
1646
1647</div></div>
1648
1649
1650
1651  </div></section><header id="shopify-section-sections--22910431559877__header" class="shopify-section shopify-section-group-header-group site-header md:hidden"><style>
1652	#shopify-section-sections--22910431559877__header {
1653		position: sticky;top: 0;z-index: 999997;
1654    width: 100%;
1655	}
1656	</style>
1657  
1657<script>document.getElementById('shopify-section-sections--22910431559877__header').classList.add('umg-sticky', 'transition-[transform]')</script>
1657
1658
1659
1660
1661
1662
1663
1664<div id="header-wrapper--22910431559877" class="header__wrapper scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-surface c-text-on-surface mb-none brand brand--the-rolling-stones-shop" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_sticky_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; ">
1665  <div id="header-container--22910431559877" class="header__container grid gap-y-sm-md gap-x-sm-sm grid-cols-6 section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-md max-w-full md:px-container-md md:max-w-full c-border-default-color border-none border-x-0 border-t-0 mx-auto text-center" >
1666    
1667      
1668          
1669
1670
1671
1672
1673<div  class="nav-drawer__block navigation-wrapper header__column flex col-span-2 justify-start" x-data="{ open: false, triggerRef: null, handleEscape(e){ this.triggerRef = e.target.closest('.nav-drawer__block')?.querySelector('.nav-drawer__toggle'); this.triggerRef?.focus(); this.open = false; } }" @keydown.escape.window="handleEscape">
1674  <button
1675    class="nav-drawer__overlay umg-backdrop fixed top-0 bottom-0 left-0 right-0 w-full h-full z-10"
1676    @click="open = false; $el.ownerDocument.body.classList.remove('overflow-hidden')"
1677    x-show="open"
1678    x-cloak
1679    :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'"
1680    x-transition x-transition.opacity></button>
1681
1682  
1683
1684
1685
1686<button 
1687  class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-center" 
1688  @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 
1689  :aria-expanded="open"
1690  :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'">
1691  <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition>
1692    
1693
1694
1695
1696  
1697  
1698  
1699      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
1700        <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"/>
1701      </svg>
1702    
1703
1704  </div>
1705  <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition>
1706    
1707
1708
1709
1710  
1711  
1712  
1713      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
1714        <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"/>
1715      </svg>
1716    
1717
1718  </div>
1719</button>
1720
1721  <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 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">
1722    <div class="flex justify-between md:justify-end p-lg-sm">
1723      
1724         <div x-html="$refs.logoContainer ? $refs.logoContainer.innerHTML : ''" class="logo-container flex justify-center items-center c-text-content-base"></div>
1725      
1726      
1727
1728
1729
1730<button 
1731  class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-end c-text-content-base" 
1732  @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 
1733  :aria-expanded="open"
1734  :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'">
1735  <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition>
1736    
1737
1738
1739
1740  
1741  
1742  
1743      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
1744        <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"/>
1745      </svg>
1746    
1747
1748  </div>
1749  <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition>
1750    
1751
1752
1753
1754  
1755  
1756  
1757      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
1758        <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"/>
1759      </svg>
1760    
1761
1762  </div>
1763</button>
1764    </div>
1765    <ul class="gap-sm-sm overflow-y-scroll grow">
1766
1767      
1768      
1769
1770      
1771
1772        
1773
1774        
1775
1776        
1777
1778        
1779
1780        
1781          
1782          <div x-data="{ expanded: false }">
1783            
1784            <button
1785              @click="expanded = !expanded"
1786              :aria-expanded="expanded"
1787              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
1788              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
1789              
1790            >
1791              <div class="text_navigation_lg w-full min-h-min-click-s
1791pace 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">Foreign Tongues</div>
1792              
1793
1794
1795<div class="w-1em h-1em absolute right-0 mr-lg-sm">
1796  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
1797
1798
1799
1800  
1801  
1802  
1803  
1804      
1805          <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">
1806            <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"/>
1807          </svg>
1808        
1809    
1810</span>
1811</div>
1812            </button>
1813            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
1814              
1815              
1816
1817              
1818
1819               
1820
1821              
1822              
1823                
1824                
1825
1826
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838<div class="mega-menu__promo-tiles flex gap-sm-md justify-start snap-x snap-mandatory overflow-x-auto scroll-smooth -mr-[var(--padding-lg-sm)] pr-lg-sm">
1839  
1840    
1841    
1842    
1843
1844
1845
1846  
1847
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857
1858
1859
1860
1861
1862<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
1863  
1864    <a href="/collections/foreign-tongues" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Foreign Tongues">
1865  
1866  <div class="flex flex-col relative h-full">
1867    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
1868      
1869
1870
1871
1872
1873
1874
1875
1876
1877
1878
1879
1880
1881
1882
1883
1884  
1885<img src="//therollingstonesshop.com/cdn/shop/files/storebanners1080-x-1080.jpg?v=1777988435&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/storebanners1080-x-1080.jpg?v=1777988435&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/storebanners1080-x-1080.jpg?v=1777988435&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/storebanners1080-x-1080.jpg?v=1777988435&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
1886
1887
1888
1889
1890    </div>
1891    
1892    
1893      <h4 class="promo__title promo__text text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Foreign Tongues</h4>
1894    
1895    
1896      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
1897        View Collection
1898        
1899          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
1900
1901
1902
1903  
1904  
1905  
1906  
1907      
1908          <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">
1909            <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"/>
1910          </svg>
1911        
1912    
1913</span>
1914        
1915      </span>
1916    
1917  </div>
1918  
1919  
1920    </a>
1921  
1922</div>
1923
1924  
1925
1926  
1927    
1928    
1929    
1930
1931
1932
1933  
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
1948
1949<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
1950  
1951    <a href="/collections/hackney-diamonds" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Hackney Diamonds">
1952  
1953  <div class="flex flex-col relative h-full">
1954    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
1955      
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971  
1972<img src="//therollingstonesshop.com/cdn/shop/files/Stones-Tour_039.jpg?v=1769790427&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/Stones-Tour_039.jpg?v=1769790427&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/Stones-Tour_039.jpg?v=1769790427&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/Stones-Tour_039.jpg?v=1769790427&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
1973
1974
1975
1976
1977    </div>
1978    
1979    
1980      <h4 class="promo__title promo__text text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Hackney Diamonds</h4>
1981    
1982    
1983      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
1984        View Collection
1985        
1986          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
1987
1988
1989
1990  
1991  
1992  
1993  
1994      
1995          <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">
1996            <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"/>
1997          </svg>
1998        
1999    
2000</span>
2001        
2002      </span>
2003    
2004  </div>
2005  
2006  
2007    </a>
2008  
2009</div>
2010
2011  
2012  
2013    
2014    
2015    
2016
2017
2018
2019  
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
2036  
2037    <a href="/collections/black-and-blue" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Black and Blue">
2038  
2039  <div class="flex flex-col relative h-full">
2040    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
2041      
2042
2043
2044
2045
2046
2047
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057  
2058<img src="//therollingstonesshop.com/cdn/shop/files/TRS_BLUE_20256526.png?v=1769791453&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/TRS_BLUE_20256526.png?v=1769791453&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/TRS_BLUE_20256526.png?v=1769791453&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/TRS_BLUE_20256526.png?v=1769791453&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
2059
2060
2061
2062
2063    </div>
2064    
2065    
2066      <h4 class="promo__title promo__text text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Black and Blue</h4>
2067    
2068    
2069      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
2070        View Collection
2071        
2072          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
2073
2074
2075
2076  
2077  
2078  
2079  
2080      
2081          <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">
2082            <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"/>
2083          </svg>
2084        
2085    
2086</span>
2087        
2088      </span>
2089    
2090  </div>
2091  
2092  
2093    </a>
2094  
2095</div>
2096
2097  
2098  
2099    
2100    
2101    
2102
2103
2104
2105  
2106
2107
2108
2109
2110
2111
2112
2113
2114
2115
2116
2117
2118
2119
2120
2121<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
2122  
2123    <a href="/collections/their-satanic-majesties-request" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Their Satanic Majesties Request">
2124  
2125  <div class="flex flex-col relative h-full">
2126    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
2127      
2128
2129
2130
2131
2132
2133
2134
2135
2136
2137
2138
2139
2140
2141
2142
2143  
2144<img src="//therollingstonesshop.com/cdn/shop/files/Ringer1_1080x1080_V2_5c8dfd3f-5103-47bc-9be4-a624ad9d47a4.webp?v=1777988316&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/Ringer1_1080x1080_V2_5c8dfd3f-5103-47bc-9be4-a624ad9d47a4.webp?v=1777988316&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/Ringer1_1080x1080_V2_5c8dfd3f-5103-47bc-9be4-a624ad9d47a4.webp?v=1777988316&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/Ringer1_1080x1080_V2_5c8dfd3f-5103-47bc-9be4-a624ad9d47a4.webp?v=1777988316&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
2145
2146
2147
2148
2149    </div>
2150    
2151    
2152      <h4 class="promo__title promo__text text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Their Satanic Majesties Request</h4>
2153    
2154    
2155      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
2156        View Collection
2157        
2158          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
2159
2160
2161
2162  
2163  
2164  
2165  
2166      
2167          <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">
2168            <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"/>
2169          </svg>
2170        
2171    
2172</span>
2173        
2174      </span>
2175    
2176  </div>
2177  
2178  
2179    </a>
2180  
2181</div>
2182
2183  
2184  
2185</div>
2186              
2187            </div>
2188          </div>
2189        
2190        
2191
2192<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
2193      
2194
2195        
2196
2197        
2198
2199        
2200
2201        
2202
2203        
2204          
2205          <div x-data="{ expanded: false }">
2206            
2207            <button
2208              @click="expanded = !expanded"
2209              :aria-expanded="expanded"
2210              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
2211              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
2212              
2213            >
2214              <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">Shop By Album</div>
2215              
2216
2217
2218<div class="w-1em h-1em absolute right-0 mr-lg-sm">
2219  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
2220
2221
2222
2223  
2224  
2225  
2226  
2227      
2228          <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">
2229            <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"/>
2230          </svg>
2231        
2232    
2233</span>
2234</div>
2235            </button>
2236            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
2237              
2238              
2239                
2240                
2241                  
2242                    
2243                    
2244              
2245
2246              
2247
2248              
2249                              
2250                  
2251
2252                  
2253
2254
2255
2256
2257  
2258  
2259  <div x-data="{ expanded: false }">
2260    <button
2261      @click="expanded = !expanded"
2262      :aria-expanded="expanded"
2263      class="nav-drawer__tier-2__item flex items-center w-full relative"
2264      
2265    >
2266      <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">Featured</span>
2267      
2268
2269
2270<div class="w-1em h-1em absolute right-0">
2271  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
2272
2273
2274
2275  
2276  
2277  
2278  
2279      
2280          <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">
2281            <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"/>
2282          </svg>
2283        
2284    
2285</span>
2286</div>
2287    </button>
2288    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
2289      
2290
2291
2292  
2293    
2294
2295
2296
2297<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
2297pace flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/the-rolling-stones-music">
2298  <span>View All Featured</span>
2299  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
2300    
2301
2302
2303
2304  
2305  
2306  
2307  
2308      
2309          <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">
2310            <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"/>
2311          </svg>
2312        
2313    
2314
2315  </div>
2316</a>
2317  
2318
2319  
2320
2321  
2322
2323  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2324    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/foreign-tongues">
2325      Foreign Tongues
2326    </a>
2327  </li>
2328
2329  
2330
2331  
2332
2333  
2334
2335  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2336    <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/sticky-fingers-1">
2337      Sticky Fingers
2338    </a>
2339  </li>
2340
2341  
2342
2343  
2344
2345  
2346
2347  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2348    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/black-and-blue">
2349      Black and Blue 
2350    </a>
2351  </li>
2352
2353  
2354
2355  
2356
2357  
2358
2359  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2360    <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/their-satanic-majesties-request">
2361      Their Satanic Majesties Request
2362    </a>
2363  </li>
2364
2365  
2366
2367  
2368
2369  
2370
2371  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2372    <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/hackney-diamonds">
2373      Hackney Diamonds
2374    </a>
2375  </li>
2376
2377  
2378
2379  
2380
2381  
2382
2383  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2384    <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/shepherds-bush">
2385      Welcome to Shepherd's Bush
2386    </a>
2387  </li>
2388
2389
2390    </div>
2391  </div>
2392
2393
2394
2395                  
2396                    
2397
2398<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
2399                  
2400                              
2401                  
2402
2403                  
2404
2405
2406
2407
2408  
2409  
2410  <div x-data="{ expanded: false }">
2411    <button
2412      @click="expanded = !expanded"
2413      :aria-expanded="expanded"
2414      class="nav-drawer__tier-2__item flex items-center w-full relative"
2415      
2416    >
2417      <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]:un
2417derline">Collections & Compilations</span>
2418      
2419
2420
2421<div class="w-1em h-1em absolute right-0">
2422  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
2423
2424
2425
2426  
2427  
2428  
2429  
2430      
2431          <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">
2432            <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"/>
2433          </svg>
2434        
2435    
2436</span>
2437</div>
2438    </button>
2439    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
2440      
2441
2442
2443  
2444    
2445
2446
2447
2448<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/the-rolling-stones-music">
2449  <span>View All Collections &amp; Compilations</span>
2450  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
2451    
2452
2453
2454
2455  
2456  
2457  
2458  
2459      
2460          <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">
2461            <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"/>
2462          </svg>
2463        
2464    
2465
2466  </div>
2467</a>
2468  
2469
2470  
2471
2472  
2473
2474  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2475    <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/got-live-if-you-want-it">
2476      Got Live If You Want It!
2477    </a>
2478  </li>
2479
2480  
2481
2482  
2483
2484  
2485
2486  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2487    <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/through-the-past-darkly-big-hits-vol-2">
2488      Through the Past, Darkly (Big Hits Vol. 2)
2489    </a>
2490  </li>
2491
2492  
2493
2494  
2495
2496  
2497
2498  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2499    <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/get-yer-ya-yas-out-the-rolling-stones-in-concert">
2500      Get Yer Ya-Ya's Out! The Rolling Stones in Concert
2501    </a>
2502  </li>
2503
2504  
2505
2506  
2507
2508  
2509
2510  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2511    <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/hot-rocks-1964-1971">
2512      Hot Rocks 964-1971
2513    </a>
2514  </li>
2515
2516  
2517
2518  
2519
2520  
2521
2522  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2523    <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/more-hot-rocks-big-hits-fazed-cookies">
2524      More Hot Rocks (Big Hits & Fazed Cookies)
2525    </a>
2526  </li>
2527
2528  
2529
2530  
2531
2532  
2533
2534  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2535    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
2535pace 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/love-you-live">
2536      Love You Live
2537    </a>
2538  </li>
2539
2540  
2541
2542  
2543
2544  
2545
2546  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2547    <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/stripped-1995">
2548      Stripped
2549    </a>
2550  </li>
2551
2552  
2553
2554  
2555
2556  
2557
2558  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2559    <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/forty-licks">
2560      Forty Licks
2561    </a>
2562  </li>
2563
2564
2565    </div>
2566  </div>
2567
2568
2569
2570                  
2571                    
2572
2573<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
2574                  
2575                              
2576                  
2577
2578                  
2579
2580
2581
2582
2583  
2584  
2585  <div x-data="{ expanded: false }">
2586    <button
2587      @click="expanded = !expanded"
2588      :aria-expanded="expanded"
2589      class="nav-drawer__tier-2__item flex items-center w-full relative"
2590      
2591    >
2592      <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">All Albums</span>
2593      
2594
2595
2596<div class="w-1em h-1em absolute right-0">
2597  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
2598
2599
2600
2601  
2602  
2603  
2604  
2605      
2606          <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">
2607            <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"/>
2608          </svg>
2609        
2610    
2611</span>
2612</div>
2613    </button>
2614    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
2615      
2616
2617
2618  
2619    
2620
2621
2622
2623<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/the-rolling-stones-music">
2624  <span>View All All Albums</span>
2625  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
2626    
2627
2628
2629
2630  
2631  
2632  
2633  
2634      
2635          <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">
2636            <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"/>
2637          </svg>
2638        
2639    
2640
2641  </div>
2642</a>
2643  
2644
2645  
2646
2647  
2648
2649  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2650    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/the-rolling-stones">
2651      The Rolling Stones
2652    </a>
2653  </li>
2654
2655  
2656
2657  
2658
2659  
2660
2661  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2662    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
2662pace 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-rolling-stones-no-2">
2663      The Rolling Stones No.2
2664    </a>
2665  </li>
2666
2667  
2668
2669  
2670
2671  
2672
2673  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2674    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/out-of-our-heads">
2675      Out of Our Heads
2676    </a>
2677  </li>
2678
2679  
2680
2681  
2682
2683  
2684
2685  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2686    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/decembers-children-and-everybodys">
2687      December's Children (And Everybody's)
2688    </a>
2689  </li>
2690
2691  
2692
2693  
2694
2695  
2696
2697  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2698    <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/aftermath">
2699      Aftermath
2700    </a>
2701  </li>
2702
2703  
2704
2705  
2706
2707  
2708
2709  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2710    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/between-the-buttons">
2711      Between the Buttons
2712    </a>
2713  </li>
2714
2715  
2716
2717  
2718
2719  
2720
2721  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2722    <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/their-satanic-majesties-request">
2723      Their Satanic Majesties Request
2724    </a>
2725  </li>
2726
2727  
2728
2729  
2730
2731  
2732
2733  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2734    <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/beggars-banquet">
2735      Beggars Banquet
2736    </a>
2737  </li>
2738
2739  
2740
2741  
2742
2743  
2744
2745  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2746    <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/let-it-bleed">
2747      Let It Bleed
2748    </a>
2749  </li>
2750
2751  
2752
2753  
2754
2755  
2756
2757  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2758    <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/sticky-fingers-1">
2759      Sticky Fingers
2760    </a>
2761  </li>
2762
2763  
2764
2765  
2766
2767  
2768
2769  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2770    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
2770pace 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/exile-on-main-st">
2771      Exile on Main St.
2772    </a>
2773  </li>
2774
2775  
2776
2777  
2778
2779  
2780
2781  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2782    <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/goat-head-soup">
2783      Goats Head Soup
2784    </a>
2785  </li>
2786
2787  
2788
2789  
2790
2791  
2792
2793  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2794    <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/its-only-rock-n-roll">
2795      It's Only Rock 'n Roll
2796    </a>
2797  </li>
2798
2799  
2800
2801  
2802
2803  
2804
2805  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2806    <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/black-and-blue">
2807      Black and Blue
2808    </a>
2809  </li>
2810
2811  
2812
2813  
2814
2815  
2816
2817  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2818    <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/some-girls">
2819      Some Girls
2820    </a>
2821  </li>
2822
2823  
2824
2825  
2826
2827  
2828
2829  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2830    <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/emotional-rescue-1">
2831      Emotional Rescue
2832    </a>
2833  </li>
2834
2835  
2836
2837  
2838
2839  
2840
2841  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2842    <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/tattoo-you">
2843      Tattoo You
2844    </a>
2845  </li>
2846
2847  
2848
2849  
2850
2851  
2852
2853  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2854    <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/undercover">
2855      Undercover
2856    </a>
2857  </li>
2858
2859  
2860
2861  
2862
2863  
2864
2865  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2866    <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/dirty-work">
2867      Dirty Work
2868    </a>
2869  </li>
2870
2871  
2872
2873  
2874
2875  
2876
2877  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2878    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
2878pace 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/steel-wheels-1">
2879      Steel Wheels
2880    </a>
2881  </li>
2882
2883  
2884
2885  
2886
2887  
2888
2889  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2890    <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/voodoo-lounge">
2891      Voodoo Lounge
2892    </a>
2893  </li>
2894
2895  
2896
2897  
2898
2899  
2900
2901  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2902    <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/bridges-to-babylon">
2903      Bridges to Babylon
2904    </a>
2905  </li>
2906
2907  
2908
2909  
2910
2911  
2912
2913  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2914    <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/a-bigger-bang">
2915      A Bigger Bang
2916    </a>
2917  </li>
2918
2919  
2920
2921  
2922
2923  
2924
2925  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2926    <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/blue-lonesome">
2927      Blue & Lonesome
2928    </a>
2929  </li>
2930
2931  
2932
2933  
2934
2935  
2936
2937  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2938    <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/hackney-diamonds">
2939      Hackney Diamonds
2940    </a>
2941  </li>
2942
2943  
2944
2945  
2946
2947  
2948
2949  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
2950    <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/fearless-anthology-1965-2025">
2951      Fearless Anthology
2952    </a>
2953  </li>
2954
2955
2956    </div>
2957  </div>
2958
2959
2960
2961                  
2962                
2963               
2964
2965              
2966              
2967                
2968                
2969
2970
2971
2972
2973
2974
2975
2976
2977
2978
2979
2980
2981
2982<div class="mega-menu__promo-tiles flex gap-sm-md justify-start snap-x snap-mandatory overflow-x-auto scroll-smooth -mr-[var(--padding-lg-sm)] pr-lg-sm">
2983  
2984    
2985    
2986    
2987
2988
2989
2990  
2991
2992
2993
2994
2995
2996
2997
2998
2999
3000
3001
3002
3003
3004
3005
3006<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
3007  
3008    <a href="/collections/vinyl" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Vinyl">
3009  
3010  <div class="flex flex-col relative h-full">
3011    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
3012      
3013
3014
3015
3016
3017
3018
3019
3020
3021
3022
3023
3024
3025
3026
3027  
3028
3029
3030
3031
3032
3033
3034  
3035  
3036      
3037
3038
3039
3040
3041<svg class="w-full h-full img-placeholder absolute inset-0 w-full h-full object-cover image__responsive" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
3042  <rect width="300" height="300" fill="var(--color-content-subtle)" style="opacity: 25%;"/>
3043  <g clip-path="url(#img-placeholder-product-clippath)">
3044    <path d="M189.683 110.794C195.105 110.794 199.603 115.292 199.603 120.714V180.238C199.603 185.66 195.105 190.159 189.683 190.159H110.318C104.896 190.159 100.397 185.66 100.397 180.238V120.714C100.397 115.292 104.896 110.794 110.318 110.794H189.683ZM189.683 120.714H110.318V180.238H189.683V120.714ZM159.921 130.635C161.236 130.635 162.498 131.158 163.428 132.088C164.358 133.018 164.881 134.28 164.881 135.595C164.881 136.911 164.358 138.172 163.428 139.103C162.498 140.033 161.236 140.556 159.921 140.556C158.605 140.556 157.343 140.033 156.413 139.103C155.483 138.172 154.96 136.911 154.96 135.595C154.96 134.28 155.483 133.018 156.413 132.088C157.343 131.158 158.605 130.635 159.921 130.635ZM137.599 145.516L154.96 165.357L167.361 152.956L180.866 170.317H118.998L137.599 145.516Z" fill="var(--color-content-base)"/>
3045  </g>
3046  <defs>
3047    <clipPath id="img-placeholder-product-clippath">
3048      <rect width="100" height="80.9524" fill="var(--color-background)" transform="matrix(-1 0 0 1 200 110)"/>
3049    </clipPath>
3050  </defs>
3051</svg>
3052  
3053
3054
3055
3056    </div>
3057    
3058    
3059      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">Vinyl</h4>
3060    
3061    
3062      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
3063        View Collection
3064        
3065          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
3066
3067
3068
3069  
3070  
3071  
3072  
3073      
3074          <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">
3075            <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"/>
3076          </svg>
3077        
3078    
3079</span>
3080        
3081      </span>
3082    
3083  </div>
3084  
3085  
3086    </a>
3087  
3088</div>
3089
3090  
3091
3092  
3093    
3094    
3095    
3096
3097
3098
3099  
3100
3101
3102
3103
3104
3105
3106
3107
3108
3109
3110
3111
3112
3113
3114
3115<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
3116  
3117  <div class="flex flex-col relative h-full">
3118    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
3119      
3120
3121
3122
3123
3124
3125
3126
3127
3128
3129
3130
3131
3132
3133
3134
3135  
3136<img src="//therollingstonesshop.com/cdn/shop/files/imgi_9_Sound-Stabalizer_0007_5248000_5248000-R1-034-15A-1.png?v=1769806600&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/imgi_9_Sound-Stabalizer_0007_5248000_5248000-R1-034-15A-1.png?v=1769806600&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/imgi_9_Sound-Stabalizer_0007_5248000_5248000-R1-034-15A-1.png?v=1769806600&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/imgi_9_Sound-Stabalizer_0007_5248000_5248000-R1-034-15A-1.png?v=1769806600&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
3137
3138
3139
3140
3141    </div>
3142    
3143    
3144      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">Audio Equiptment</h4>
3145    
3146    
3147      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
3148        View Collection
3149        
3150          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
3151
3152
3153
3154  
3155  
3156  
3157  
3158      
3159          <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">
3160            <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"/>
3161          </svg>
3162        
3163    
3164</span>
3165        
3166      </span>
3167    
3168  </div>
3169  
3170  
3171</div>
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<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
3198  
3199    <a href="/collections/cd-deluxe-editions-box-sets" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="CD Deluxe Editions &amp; Box Sets">
3200  
3201  <div class="flex flex-col relative h-full">
3202    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
3203      
3204
3205
3206
3207
3208
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218  
3219
3220
3221
3222
3223
3224
3225  
3226  
3227      
3228
3229
3230
3231
3232<svg class="w-full h-full img-placeholder absolute inset-0 w-full h-full object-cover image__responsive" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
3233  <rect width="300" height="300" fill="var(--color-content-subtle)" style="opacity: 25%;"/>
3234  <g clip-path="url(#img-placeholder-product-clippath)">
3235    <path d="M189.683 110.794C195.105 110.794 199.603 115.292 199.603 120.714V180.238C199.603 185.66 195.105 190.159 189.683 190.159H110.318C104.896 190.159 100.397 185.66 100.397 180.238V120.714C100.397 115.292 104.896 110.794 110.318 110.794H189.683ZM189.683 120.714H110.318V180.238H189.683V120.714ZM159.921 130.635C161.236 130.635 162.498 131.158 163.428 132.088C164.358 133.018 164.881 134.28 164.881 135.595C164.881 136.911 164.358 138.172 163.428 139.103C162.498 140.033 161.236 140.556 159.921 140.556C158.605 140.556 157.343 140.033 156.413 139.103C155.483 138.172 154.96 136.911 154.96 135.595C154.96 134.28 155.483 133.018 156.413 132.088C157.343 131.158 158.605 130.635 159.921 130.635ZM137.599 145.516L154.96 165.357L167.361 152.956L180.866 170.317H118.998L137.599 145.516Z" fill="var(--color-content-base)"/>
3236  </g>
3237  <defs>
3238    <clipPath id="img-placeholder-product-clippath">
3239      <rect width="100" height="80.9524" fill="var(--color-background)" transform="matrix(-1 0 0 1 200 110)"/>
3240    </clipPath>
3241  </defs>
3242</svg>
3243  
3244
3245
3246
3247    </div>
3248    
3249    
3250      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">CD Deluxe Editions & Box Sets</h4>
3251    
3252    
3253      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
3254        View Collection
3255        
3256          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
3257
3258
3259
3260  
3261  
3262  
3263  
3264      
3265          <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">
3266            <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"/>
3267          </svg>
3268        
3269    
3270</span>
3271        
3272      </span>
3273    
3274  </div>
3275  
3276  
3277    </a>
3278  
3279</div>
3280
3281  
3282  
3283    
3284    
3285    
3286
3287
3288
3289  
3290
3291
3292
3293
3294
3295
3296
3297
3298
3299
3300
3301
3302
3303
3304
3305<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
3306  
3307  <div class="flex flex-col relative h-full">
3308    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
3309      
3310
3311
3312
3313
3314
3315
3316
3317
3318
3319
3320
3321
3322
3323
3324
3325  
3326<img src="//therollingstonesshop.com/cdn/shop/files/imgi_70_Grid-Music.png?v=1769807330&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/imgi_70_Grid-Music.png?v=1769807330&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/imgi_70_Grid-Music.png?v=1769807330&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/imgi_70_Grid-Music.png?v=1769807330&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
3327
3328
3329
3330
3331    </div>
3332    
3333    
3334    
3335      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
3336        View Collection
3337        
3338          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
3339
3340
3341
3342  
3343  
3344  
3345  
3346      
3347          <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">
3348            <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"/>
3349          </svg>
3350        
3351    
3352</span>
3353        
3354      </span>
3355    
3356  </div>
3357  
3358  
3359</div>
3360
3361  
3362  
3363</div>
3364              
3365            </div>
3366          </div>
3367        
3368        
3369
3370<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
3371      
3372
3373        
3374
3375        
3376
3377        
3378
3379        
3380
3381        
3382          
3383          <div x-data="{ expanded: false }">
3384            
3385            <button
3386              @click="expanded = !expanded"
3387              :aria-expanded="expanded"
3388              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
3389              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
3390              
3391            >
3392              <div class="text_navigation_lg w-full min-h-min-click-s
3392pace 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>
3393              
3394
3395
3396<div class="w-1em h-1em absolute right-0 mr-lg-sm">
3397  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
3398
3399
3400
3401  
3402  
3403  
3404  
3405      
3406          <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">
3407            <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"/>
3408          </svg>
3409        
3410    
3411</span>
3412</div>
3413            </button>
3414            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
3415              
3416              
3417                
3418                
3419                  
3420                    
3421                    
3422              
3423
3424              
3425
3426              
3427                              
3428                  
3429
3430                  
3431
3432
3433
3434
3435  
3436  
3437  <div x-data="{ expanded: false }">
3438    <button
3439      @click="expanded = !expanded"
3440      :aria-expanded="expanded"
3441      class="nav-drawer__tier-2__item flex items-center w-full relative"
3442      
3443    >
3444      <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">Box Sets</span>
3445      
3446
3447
3448<div class="w-1em h-1em absolute right-0">
3449  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
3450
3451
3452
3453  
3454  
3455  
3456  
3457      
3458          <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">
3459            <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"/>
3460          </svg>
3461        
3462    
3463</span>
3464</div>
3465    </button>
3466    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
3467      
3468
3469
3470  
3471    
3472
3473
3474
3475<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/box-sets">
3476  <span>View All Box Sets</span>
3477  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
3478    
3479
3480
3481
3482  
3483  
3484  
3485  
3486      
3487          <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">
3488            <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"/>
3489          </svg>
3490        
3491    
3492
3493  </div>
3494</a>
3495  
3496
3497  
3498
3499  
3500
3501  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3502    <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/super-deluxe-editions">
3503      Super Deluxe Editions
3504    </a>
3505  </li>
3506
3507  
3508
3509  
3510
3511  
3512
3513  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3514    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
3514pace 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-box-sets">
3515      Vinyl Box Sets
3516    </a>
3517  </li>
3518
3519  
3520
3521  
3522
3523  
3524
3525  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3526    <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-box-sets">
3527      CD Box Sets
3528    </a>
3529  </li>
3530
3531  
3532
3533  
3534
3535  
3536
3537  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3538    <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/bundles">
3539      Music & Merch Bundles
3540    </a>
3541  </li>
3542
3543
3544    </div>
3545  </div>
3546
3547
3548
3549                  
3550                    
3551
3552<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
3553                  
3554                              
3555                  
3556
3557                  
3558
3559
3560
3561
3562  
3563  
3564  <div x-data="{ expanded: false }">
3565    <button
3566      @click="expanded = !expanded"
3567      :aria-expanded="expanded"
3568      class="nav-drawer__tier-2__item flex items-center w-full relative"
3569      
3570    >
3571      <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">Vinyl</span>
3572      
3573
3574
3575<div class="w-1em h-1em absolute right-0">
3576  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
3577
3578
3579
3580  
3581  
3582  
3583  
3584      
3585          <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">
3586            <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"/>
3587          </svg>
3588        
3589    
3590</span>
3591</div>
3592    </button>
3593    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
3594      
3595
3596
3597  
3598    
3599
3600
3601
3602<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/vinyl">
3603  <span>View All Vinyl</span>
3604  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
3605    
3606
3607
3608
3609  
3610  
3611  
3612  
3613      
3614          <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">
3615            <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"/>
3616          </svg>
3617        
3618    
3619
3620  </div>
3621</a>
3622  
3623
3624  
3625
3626  
3627
3628  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3629    <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/1-lps">
3630      1LPs
3631    </a>
3632  </li>
3633
3634  
3635
3636  
3637
3638  
3639
3640  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3641    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
3641pace 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/2lps">
3642      2LPs
3643    </a>
3644  </li>
3645
3646  
3647
3648  
3649
3650  
3651
3652  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3653    <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/3-lps">
3654      3LPs
3655    </a>
3656  </li>
3657
3658  
3659
3660  
3661
3662  
3663
3664  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3665    <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/4-lps">
3666      4LPs
3667    </a>
3668  </li>
3669
3670  
3671
3672  
3673
3674  
3675
3676  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3677    <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/picture-discs">
3678      Picture Discs
3679    </a>
3680  </li>
3681
3682  
3683
3684  
3685
3686  
3687
3688  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3689    <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/color-vinyl">
3690      Colored Vinyl
3691    </a>
3692  </li>
3693
3694  
3695
3696  
3697
3698  
3699
3700  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3701    <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/7">
3702      7" Singles
3703    </a>
3704  </li>
3705
3706
3707    </div>
3708  </div>
3709
3710
3711
3712                  
3713                    
3714
3715<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
3716                  
3717                              
3718                  
3719
3720                  
3721
3722
3723
3724
3725  
3726  
3727  <div x-data="{ expanded: false }">
3728    <button
3729      @click="expanded = !expanded"
3730      :aria-expanded="expanded"
3731      class="nav-drawer__tier-2__item flex items-center w-full relative"
3732      
3733    >
3734      <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">CDs & Cassettes</span>
3735      
3736
3737
3738<div class="w-1em h-1em absolute right-0">
3739  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
3740
3741
3742
3743  
3744  
3745  
3746  
3747      
3748          <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">
3749            <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"/>
3750          </svg>
3751        
3752    
3753</span>
3754</div>
3755    </button>
3756    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
3757      
3758
3759
3760  
3761    
3762
3763
3764
3765<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
3765pace flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/cds-cassettes">
3766  <span>View All CDs &amp; Cassettes</span>
3767  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
3768    
3769
3770
3771
3772  
3773  
3774  
3775  
3776      
3777          <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">
3778            <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"/>
3779          </svg>
3780        
3781    
3782
3783  </div>
3784</a>
3785  
3786
3787  
3788
3789  
3790
3791  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3792    <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/cds-1">
3793      CDs
3794    </a>
3795  </li>
3796
3797  
3798
3799  
3800
3801  
3802
3803  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3804    <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-deluxe-editions-box-sets">
3805      CD Deluxe Editions & Box Sets
3806    </a>
3807  </li>
3808
3809  
3810
3811  
3812
3813  
3814
3815  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3816    <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-blu-ray">
3817      CD + Blu-ray
3818    </a>
3819  </li>
3820
3821  
3822
3823  
3824
3825  
3826
3827  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3828    <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/cassette-tapes">
3829      Cassette Tapes
3830    </a>
3831  </li>
3832
3833
3834    </div>
3835  </div>
3836
3837
3838
3839                  
3840                    
3841
3842<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
3843                  
3844                              
3845                  
3846
3847                  
3848
3849
3850
3851
3852  
3853  <li class="flex items-center w-full relative">
3854    <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/dvds-blu-ray" @click="open = false">
3855      DVDs & Blu-ray
3856    </a>
3857  </li>
3858
3859
3860
3861                  
3862                    
3863
3864<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
3865                  
3866                              
3867                  
3868
3869                  
3870
3871
3872
3873
3874  
3875  
3876  <div x-data="{ expanded: false }">
3877    <button
3878      @click="expanded = !expanded"
3879      :aria-expanded="expanded"
3880      class="nav-drawer__tier-2__item flex items-center w-full relative"
3881      
3882    >
3883      <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]:un
3883derline">Music Accessories</span>
3884      
3885
3886
3887<div class="w-1em h-1em absolute right-0">
3888  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
3889
3890
3891
3892  
3893  
3894  
3895  
3896      
3897          <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">
3898            <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"/>
3899          </svg>
3900        
3901    
3902</span>
3903</div>
3904    </button>
3905    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
3906      
3907
3908
3909  
3910    
3911
3912
3913
3914<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-accessories">
3915  <span>View All Music Accessories</span>
3916  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
3917    
3918
3919
3920
3921  
3922  
3923  
3924  
3925      
3926          <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">
3927            <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"/>
3928          </svg>
3929        
3930    
3931
3932  </div>
3933</a>
3934  
3935
3936  
3937
3938  
3939
3940  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3941    <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/slipmats">
3942      Slipmats
3943    </a>
3944  </li>
3945
3946  
3947
3948  
3949
3950  
3951
3952  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
3953    <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/audio-equiptment">
3954      Audio Equipment | Stones x Precious Sounds Stabilizer Set
3955    </a>
3956  </li>
3957
3958
3959    </div>
3960  </div>
3961
3962
3963
3964                  
3965                    
3966
3967<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
3968                  
3969                              
3970                  
3971
3972                  
3973
3974
3975
3976
3977  
3978  <li class="flex items-center w-full relative">
3979    <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/stones-x-mlb" @click="open = false">
3980      MLB Presents
3981    </a>
3982  </li>
3983
3984
3985
3986                  
3987                
3988               
3989
3990              
3991              
3992                
3993                
3994
3995
3996
3997
3998
3999
4000
4001
4002
4003
4004
4005
4006
4007<div class="mega-menu__promo-tiles flex gap-sm-md justify-start snap-x snap-mandatory overflow-x-auto scroll-smooth -mr-[var(--padding-lg-sm)] pr-lg-sm">
4008  
4009    
4010    
4011    
4012
4013
4014
4015  
4016
4017
4018
4019
4020
4021
4022
4023
4024
4025
4026
4027
4028
4029
4030
4031<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
4032  
4033  <div class="flex flex-col relative h-full">
4034    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
4035      
4036
4037
4038
4039
4040
4041
4042
4043
4044
4045
4046
4047
4048
4049
4050
4051  
4052<img src="//therollingstonesshop.com/cdn/shop/files/1_Tshirt_cc9d9009-abe1-447a-822b-15039337ad9f.webp?v=1777988316&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/1_Tshirt_cc9d9009-abe1-447a-822b-15039337ad9f.webp?v=1777988316&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/1_Tshirt_cc9d9009-abe1-447a-822b-15039337ad9f.webp?v=1777988316&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/1_Tshirt_cc9d9009-abe1-447a-822b-15039337ad9f.webp?v=1777988316&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
4053
4054
4055
4056
4057    </div>
4058    
4059    
4060      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:un
4060derline mt-sm-sm">Paint it Black Friday 2025</h4>
4061    
4062    
4063      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
4064        View Collection
4065        
4066          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
4067
4068
4069
4070  
4071  
4072  
4073  
4074      
4075          <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">
4076            <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"/>
4077          </svg>
4078        
4079    
4080</span>
4081        
4082      </span>
4083    
4084  </div>
4085  
4086  
4087</div>
4088
4089  
4090
4091  
4092    
4093    
4094    
4095
4096
4097
4098  
4099
4100
4101
4102
4103
4104
4105
4106
4107
4108
4109
4110
4111
4112
4113
4114<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
4115  
4116    <a href="/collections/some-girls" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Some Girls">
4117  
4118  <div class="flex flex-col relative h-full">
4119    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
4120      
4121
4122
4123
4124
4125
4126
4127
4128
4129
4130
4131
4132
4133
4134
4135
4136  
4137<img src="//therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSHP_Collection_SomeGirls-01.png?v=1769808103&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSHP_Collection_SomeGirls-01.png?v=1769808103&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSHP_Collection_SomeGirls-01.png?v=1769808103&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSHP_Collection_SomeGirls-01.png?v=1769808103&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
4138
4139
4140
4141
4142    </div>
4143    
4144    
4145      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">Some Girls</h4>
4146    
4147    
4148      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
4149        View Collection
4150        
4151          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
4152
4153
4154
4155  
4156  
4157  
4158  
4159      
4160          <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">
4161            <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"/>
4162          </svg>
4163        
4164    
4165</span>
4166        
4167      </span>
4168    
4169  </div>
4170  
4171  
4172    </a>
4173  
4174</div>
4175
4176  
4177  
4178    
4179    
4180    
4181
4182
4183
4184  
4185
4186
4187
4188
4189
4190
4191
4192
4193
4194
4195
4196
4197
4198
4199
4200<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
4201  
4202    <a href="/collections/hoodies-sweatshirts" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Hoodies &amp; Sweatshirts">
4203  
4204  <div class="flex flex-col relative h-full">
4205    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
4206      
4207
4208
4209
4210
4211
4212
4213
4214
4215
4216
4217
4218
4219
4220
4221
4222  
4223<img src="//therollingstonesshop.com/cdn/shop/files/imgi_15_GraphicHoodie1_1080x1080_335a2a52-76c2-4cc8-a992-0829509f6716.png?v=1769807888&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/imgi_15_GraphicHoodie1_1080x1080_335a2a52-76c2-4cc8-a992-0829509f6716.png?v=1769807888&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/imgi_15_GraphicHoodie1_1080x1080_335a2a52-76c2-4cc8-a992-0829509f6716.png?v=1769807888&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/imgi_15_GraphicHoodie1_1080x1080_335a2a52-76c2-4cc8-a992-0829509f6716.png?v=1769807888&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
4224
4225
4226
4227
4228    </div>
4229    
4230    
4231      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:un
4231derline mt-sm-sm">Hoodies & Sweatshirts</h4>
4232    
4233    
4234      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
4235        View Collection
4236        
4237          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
4238
4239
4240
4241  
4242  
4243  
4244  
4245      
4246          <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">
4247            <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"/>
4248          </svg>
4249        
4250    
4251</span>
4252        
4253      </span>
4254    
4255  </div>
4256  
4257  
4258    </a>
4259  
4260</div>
4261
4262  
4263  
4264    
4265    
4266    
4267
4268
4269
4270  
4271
4272
4273
4274
4275
4276
4277
4278
4279
4280
4281
4282
4283
4284
4285
4286<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
4287  
4288    <a href="/collections/jackets" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Jackets">
4289  
4290  <div class="flex flex-col relative h-full">
4291    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
4292      
4293
4294
4295
4296
4297
4298
4299
4300
4301
4302
4303
4304
4305
4306
4307
4308  
4309<img src="//therollingstonesshop.com/cdn/shop/files/2_Poncho_Coat_Parka_08_cd5a709b-697a-44c1-a4e3-08c67714232c.webp?v=1777988316&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/2_Poncho_Coat_Parka_08_cd5a709b-697a-44c1-a4e3-08c67714232c.webp?v=1777988316&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/2_Poncho_Coat_Parka_08_cd5a709b-697a-44c1-a4e3-08c67714232c.webp?v=1777988316&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/2_Poncho_Coat_Parka_08_cd5a709b-697a-44c1-a4e3-08c67714232c.webp?v=1777988316&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
4310
4311
4312
4313
4314    </div>
4315    
4316    
4317      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">Jackets</h4>
4318    
4319    
4320      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
4321        View Collection
4322        
4323          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
4324
4325
4326
4327  
4328  
4329  
4330  
4331      
4332          <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">
4333            <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"/>
4334          </svg>
4335        
4336    
4337</span>
4338        
4339      </span>
4340    
4341  </div>
4342  
4343  
4344    </a>
4345  
4346</div>
4347
4348  
4349  
4350</div>
4351              
4352            </div>
4353          </div>
4354        
4355        
4356
4357<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
4358      
4359
4360        
4361
4362        
4363
4364        
4365
4366        
4367
4368        
4369          
4370          <div x-data="{ expanded: false }">
4371            
4372            <button
4373              @click="expanded = !expanded"
4374              :aria-expanded="expanded"
4375              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
4376              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
4377              
4378            >
4379              <div class="text_navigation_lg w-full min-h-min-click-s
4379pace flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">Merch</div>
4380              
4381
4382
4383<div class="w-1em h-1em absolute right-0 mr-lg-sm">
4384  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
4385
4386
4387
4388  
4389  
4390  
4391  
4392      
4393          <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">
4394            <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"/>
4395          </svg>
4396        
4397    
4398</span>
4399</div>
4400            </button>
4401            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
4402              
4403              
4404                
4405                
4406                  
4407                
4408                  
4409                    
4410                    
4411              
4412
4413              
4414
4415              
4416                              
4417                  
4418
4419                  
4420
4421
4422
4423
4424  
4425  <li class="flex items-center w-full relative">
4426    <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/new-in" @click="open = false">
4427      New
4428    </a>
4429  </li>
4430
4431
4432
4433                  
4434                    
4435
4436<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
4437                  
4438                              
4439                  
4440
4441                  
4442
4443
4444
4445
4446  
4447  
4448  <div x-data="{ expanded: false }">
4449    <button
4450      @click="expanded = !expanded"
4451      :aria-expanded="expanded"
4452      class="nav-drawer__tier-2__item flex items-center w-full relative"
4453      
4454    >
4455      <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>
4456      
4457
4458
4459<div class="w-1em h-1em absolute right-0">
4460  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
4461
4462
4463
4464  
4465  
4466  
4467  
4468      
4469          <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">
4470            <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"/>
4471          </svg>
4472        
4473    
4474</span>
4475</div>
4476    </button>
4477    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
4478      
4479
4480
4481  
4482    
4483
4484
4485
4486<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-space flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/apparel">
4487  <span>View All Apparel</span>
4488  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
4489    
4490
4491
4492
4493  
4494  
4495  
4496  
4497      
4498          <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">
4499            <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"/>
4500          </svg>
4501        
4502    
4503
4504  </div>
4505</a>
4506  
4507
4508  
4509
4510  
4511
4512  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4513    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
4513pace 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-tanks">
4514      T-Shirts & Tanks
4515    </a>
4516  </li>
4517
4518  
4519
4520  
4521
4522  
4523
4524  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4525    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/hoodies-sweatshirts">
4526      Hoodies & Sweatshirts
4527    </a>
4528  </li>
4529
4530  
4531
4532  
4533
4534  
4535
4536  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4537    <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/jackets">
4538      Jackets
4539    </a>
4540  </li>
4541
4542  
4543
4544  
4545
4546  
4547
4548  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4549    <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/longsleeve-tees">
4550      Longsleeve Tees
4551    </a>
4552  </li>
4553
4554  
4555
4556  
4557
4558  
4559
4560  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4561    <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/sweaters">
4562      Sweaters
4563    </a>
4564  </li>
4565
4566  
4567
4568  
4569
4570  
4571
4572  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4573    <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/polos-button-downs">
4574      Polos & Button Downs
4575    </a>
4576  </li>
4577
4578
4579    </div>
4580  </div>
4581
4582
4583
4584                  
4585                    
4586
4587<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
4588                  
4589                              
4590                  
4591
4592                  
4593
4594
4595
4596
4597  
4598  
4599  <div x-data="{ expanded: false }">
4600    <button
4601      @click="expanded = !expanded"
4602      :aria-expanded="expanded"
4603      class="nav-drawer__tier-2__item flex items-center w-full relative"
4604      
4605    >
4606      <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 Fit</span>
4607      
4608
4609
4610<div class="w-1em h-1em absolute right-0">
4611  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
4612
4613
4614
4615  
4616  
4617  
4618  
4619      
4620          <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">
4621            <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"/>
4622          </svg>
4623        
4624    
4625</span>
4626</div>
4627    </button>
4628    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
4629      
4630
4631
4632  
4633    
4634
4635
4636
4637<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
4637pace flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/apparel">
4638  <span>View All Shop by Fit</span>
4639  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
4640    
4641
4642
4643
4644  
4645  
4646  
4647  
4648      
4649          <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">
4650            <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"/>
4651          </svg>
4652        
4653    
4654
4655  </div>
4656</a>
4657  
4658
4659  
4660
4661  
4662
4663  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4664    <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/mens">
4665      Men's
4666    </a>
4667  </li>
4668
4669  
4670
4671  
4672
4673  
4674
4675  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4676    <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/women">
4677      Women's
4678    </a>
4679  </li>
4680
4681  
4682
4683  
4684
4685  
4686
4687  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4688    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/kids">
4689      Kids & Baby
4690    </a>
4691  </li>
4692
4693  
4694
4695  
4696
4697  
4698
4699  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4700    <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/unisex">
4701      Unisex
4702    </a>
4703  </li>
4704
4705
4706    </div>
4707  </div>
4708
4709
4710
4711                  
4712                    
4713
4714<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
4715                  
4716                              
4717                  
4718
4719                  
4720
4721
4722
4723
4724  
4725  
4726  <div x-data="{ expanded: false }">
4727    <button
4728      @click="expanded = !expanded"
4729      :aria-expanded="expanded"
4730      class="nav-drawer__tier-2__item flex items-center w-full relative"
4731      
4732    >
4733      <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>
4734      
4735
4736
4737<div class="w-1em h-1em absolute right-0">
4738  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
4739
4740
4741
4742  
4743  
4744  
4745  
4746      
4747          <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">
4748            <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"/>
4749          </svg>
4750        
4751    
4752</span>
4753</div>
4754    </button>
4755    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
4756      
4757
4758
4759  
4760    
4761
4762
4763
4764<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
4764pace flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/stonesaccessories">
4765  <span>View All Accessories</span>
4766  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
4767    
4768
4769
4770
4771  
4772  
4773  
4774  
4775      
4776          <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">
4777            <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"/>
4778          </svg>
4779        
4780    
4781
4782  </div>
4783</a>
4784  
4785
4786  
4787
4788  
4789
4790  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4791    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/hats-beanies">
4792      Hats & Beanies
4793    </a>
4794  </li>
4795
4796  
4797
4798  
4799
4800  
4801
4802  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4803    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/collections/socks">
4804      Socks
4805    </a>
4806  </li>
4807
4808  
4809
4810  
4811
4812  
4813
4814  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4815    <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/footwear">
4816      Footwear
4817    </a>
4818  </li>
4819
4820  
4821
4822  
4823
4824  
4825
4826  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4827    <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/sunglasses">
4828      Sunglasses
4829    </a>
4830  </li>
4831
4832  
4833
4834  
4835
4836  
4837
4838  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4839    <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/pins-jewelry">
4840      Pins & Jewelry
4841    </a>
4842  </li>
4843
4844  
4845
4846  
4847
4848  
4849
4850  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4851    <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">
4852      Bags & Travel Gear
4853    </a>
4854  </li>
4855
4856  
4857
4858  
4859
4860  
4861
4862  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4863    <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/personal-accessories">
4864      Personal Accessories
4865    </a>
4866  </li>
4867
4868  
4869
4870  
4871
4872  
4873
4874  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4875    <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">
4876      Music Accessories
4877    </a>
4878  </li>
4879
4880
4881    </div>
4882  </div>
4883
4884
4885
4886                  
4887                    
4888
4889<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
4890                  
4891                              
4892                  
4893
4894                  
4895
4896
4897
4898
4899  
4900  
4901  <div x-data="{ expanded: false }">
4902    <button
4903      @click="expanded = !expanded"
4904      :aria-expanded="expanded"
4905      class="nav-drawer__tier-2__item flex items-center w-full relative"
4906      
4907    >
4908      <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">Home</span>
4909      
4910
4911
4912<div class="w-1em h-1em absolute right-0">
4913  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
4914
4915
4916
4917  
4918  
4919  
4920  
4921      
4922          <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">
4923            <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"/>
4924          </svg>
4925        
4926    
4927</span>
4928</div>
4929    </button>
4930    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
4931      
4932
4933
4934  
4935    
4936
4937
4938
4939<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/stoneshomegoods">
4940  <span>View All Home</span>
4941  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
4942    
4943
4944
4945
4946  
4947  
4948  
4949  
4950      
4951          <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">
4952            <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"/>
4953          </svg>
4954        
4955    
4956
4957  </div>
4958</a>
4959  
4960
4961  
4962
4963  
4964
4965  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4966    <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/drinkware">
4967      Drinkware
4968    </a>
4969  </li>
4970
4971  
4972
4973  
4974
4975  
4976
4977  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4978    <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/barware">
4979      Barware
4980    </a>
4981  </li>
4982
4983  
4984
4985  
4986
4987  
4988
4989  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
4990    <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/home">
4991      Décor & Accessories
4992    </a>
4993  </li>
4994
4995  
4996
4997  
4998
4999  
5000
5001  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5002    <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/posters-art">
5003      Posters & Art
5004    </a>
5005  </li>
5006
5007  
5008
5009  
5010
5011  
5012
5013  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5014    <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/seasonal-decor">
5015      Seasonal Décor
5016    </a>
5017  </li>
5018
5019  
5020
5021  
5022
5023  
5024
5025  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5026    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
5026pace 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/pet">
5027      Pet
5028    </a>
5029  </li>
5030
5031
5032    </div>
5033  </div>
5034
5035
5036
5037                  
5038                    
5039
5040<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
5041                  
5042                              
5043                  
5044
5045                  
5046
5047
5048
5049
5050  
5051  
5052  <div x-data="{ expanded: false }">
5053    <button
5054      @click="expanded = !expanded"
5055      :aria-expanded="expanded"
5056      class="nav-drawer__tier-2__item flex items-center w-full relative"
5057      
5058    >
5059      <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">Collectibles</span>
5060      
5061
5062
5063<div class="w-1em h-1em absolute right-0">
5064  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
5065
5066
5067
5068  
5069  
5070  
5071  
5072      
5073          <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">
5074            <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"/>
5075          </svg>
5076        
5077    
5078</span>
5079</div>
5080    </button>
5081    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
5082      
5083
5084
5085  
5086    
5087
5088
5089
5090<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/collectibles">
5091  <span>View All Collectibles</span>
5092  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
5093    
5094
5095
5096
5097  
5098  
5099  
5100  
5101      
5102          <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">
5103            <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"/>
5104          </svg>
5105        
5106    
5107
5108  </div>
5109</a>
5110  
5111
5112  
5113
5114  
5115
5116  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5117    <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/cards-games">
5118      Cards & Games
5119    </a>
5120  </li>
5121
5122  
5123
5124  
5125
5126  
5127
5128  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5129    <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/small-gifts-collectibles">
5130      Small Gifts
5131    </a>
5132  </li>
5133
5134
5135    </div>
5136  </div>
5137
5138
5139
5140                  
5141                    
5142
5143<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
5144                  
5145                              
5146                  
5147
5148                  
5149
5150
5151
5152
5153  
5154  
5155  <div x-data="{ expanded: false }">
5156    <button
5157      @click="expanded = !expanded"
5158      :aria-expanded="expanded"
5159      class="nav-drawer__tier-2__item flex items-center w-full relative"
5160      
5161    >
5162      <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">Collaborations</span>
5163      
5164
5165
5166<div class="w-1em h-1em absolute right-0">
5167  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
5168
5169
5170
5171  
5172  
5173  
5174  
5175      
5176          <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">
5177            <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"/>
5178          </svg>
5179        
5180    
5181</span>
5182</div>
5183    </button>
5184    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
5185      
5186
5187
5188  
5189    
5190
5191
5192
5193<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/collaborations">
5194  <span>View All Collaborations</span>
5195  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
5196    
5197
5198
5199
5200  
5201  
5202  
5203  
5204      
5205          <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">
5206            <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"/>
5207          </svg>
5208        
5209    
5210
5211  </div>
5212</a>
5213  
5214
5215  
5216
5217  
5218
5219  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5220    <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/rolling-stones-x-roblox">
5221      Rolling Stones x Roblox
5222    </a>
5223  </li>
5224
5225  
5226
5227  
5228
5229  
5230
5231  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5232    <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/nascar">
5233      Rolling Stones x NASCAR
5234    </a>
5235  </li>
5236
5237  
5238
5239  
5240
5241  
5242
5243  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5244    <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/rolling-stones-x-fifa">
5245      Rolling Stones x FIFA™
5246    </a>
5247  </li>
5248
5249  
5250
5251  
5252
5253  
5254
5255  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5256    <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/rolling-stones-x-marvel">
5257      Rolling Stones x MARVEL
5258    </a>
5259  </li>
5260
5261  
5262
5263  
5264
5265  
5266
5267  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5268    <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/stones-x-bearbrick">
5269      Rolling Stones x BE@RBRICK
5270    </a>
5271  </li>
5272
5273  
5274
5275  
5276
5277  
5278
5279  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5280    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
5280pace 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-rolling-stones-x-admiral">
5281      Rolling Stones x Admiral 
5282    </a>
5283  </li>
5284
5285  
5286
5287  
5288
5289  
5290
5291  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5292    <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/stones-x-oxford-pennant">
5293      Rolling Stones x Oxford Pennant
5294    </a>
5295  </li>
5296
5297  
5298
5299  
5300
5301  
5302
5303  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5304    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/the-rolling-stones-x-revo">
5305      Rolling Stones x Revo
5306    </a>
5307  </li>
5308
5309  
5310
5311  
5312
5313  
5314
5315  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5316    <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/stones-x-mlb">
5317      MLB Presents Vinyl Editions
5318    </a>
5319  </li>
5320
5321
5322    </div>
5323  </div>
5324
5325
5326
5327                  
5328                    
5329
5330<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
5331                  
5332                              
5333                  
5334
5335                  
5336
5337
5338
5339
5340  
5341  
5342  <div x-data="{ expanded: false }">
5343    <button
5344      @click="expanded = !expanded"
5345      :aria-expanded="expanded"
5346      class="nav-drawer__tier-2__item flex items-center w-full relative"
5347      
5348    >
5349      <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">Featured Collections</span>
5350      
5351
5352
5353<div class="w-1em h-1em absolute right-0">
5354  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
5355
5356
5357
5358  
5359  
5360  
5361  
5362      
5363          <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">
5364            <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"/>
5365          </svg>
5366        
5367    
5368</span>
5369</div>
5370    </button>
5371    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
5372      
5373
5374
5375  
5376    
5377
5378
5379
5380<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-space flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/apparel">
5381  <span>View All Featured Collections</span>
5382  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
5383    
5384
5385
5386
5387  
5388  
5389  
5390  
5391      
5392          <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">
5393            <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"/>
5394          </svg>
5395        
5396    
5397
5398  </div>
5399</a>
5400  
5401
5402  
5403
5404  
5405
5406  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5407    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
5407pace 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/icon">
5408      Icons
5409    </a>
5410  </li>
5411
5412  
5413
5414  
5415
5416  
5417
5418  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5419    <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/some-girls">
5420      Some Girls
5421    </a>
5422  </li>
5423
5424  
5425
5426  
5427
5428  
5429
5430  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5431    <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/black-and-blue">
5432      Black and Blue
5433    </a>
5434  </li>
5435
5436  
5437
5438  
5439
5440  
5441
5442  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5443    <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/their-satanic-majesties-request">
5444      Their Satanic Majesties Request
5445    </a>
5446  </li>
5447
5448  
5449
5450  
5451
5452  
5453
5454  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5455    <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/paint-it-black-full-collection">
5456      Paint it Black
5457    </a>
5458  </li>
5459
5460  
5461
5462  
5463
5464  
5465
5466  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5467    <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/voodoo-lounge-30th">
5468      Voodoo Lounge 30th Anniversary
5469    </a>
5470  </li>
5471
5472  
5473
5474  
5475
5476  
5477
5478  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5479    <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/hackney-diamonds">
5480      Hackney Diamonds
5481    </a>
5482  </li>
5483
5484  
5485
5486  
5487
5488  
5489
5490  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5491    <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/americana">
5492      Americana
5493    </a>
5494  </li>
5495
5496  
5497
5498  
5499
5500  
5501
5502  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5503    <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/stones-shepherds-bush-99">
5504      Stones Shepherd's Bush 1999
5505    </a>
5506  </li>
5507
5508  
5509
5510  
5511
5512  
5513
5514  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5515    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
5515pace 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/marquee-club">
5516      The Marquee Club
5517    </a>
5518  </li>
5519
5520  
5521
5522  
5523
5524  
5525
5526  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5527    <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/goat-head-soup">
5528      Goat's Head Soup
5529    </a>
5530  </li>
5531
5532  
5533
5534  
5535
5536  
5537
5538  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
5539    <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/grrr-live">
5540      GRRR! Live
5541    </a>
5542  </li>
5543
5544
5545    </div>
5546  </div>
5547
5548
5549
5550                  
5551                    
5552
5553<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
5554                  
5555                              
5556                  
5557
5558                  
5559
5560
5561
5562
5563  
5564  <li class="flex items-center w-full relative">
5565    <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="/pages/hackney-diamonds-tour" @click="open = false">
5566      Tour Collections
5567    </a>
5568  </li>
5569
5570
5571
5572                  
5573                
5574               
5575
5576              
5577              
5578            </div>
5579          </div>
5580        
5581        
5582
5583<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
5584      
5585
5586        
5587
5588        
5589
5590        
5591
5592        
5593
5594        
5595          
5596          <div x-data="{ expanded: false }">
5597            
5598            <button
5599              @click="expanded = !expanded"
5600              :aria-expanded="expanded"
5601              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
5602              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
5603              
5604            >
5605              <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">Gifts</div>
5606              
5607
5608
5609<div class="w-1em h-1em absolute right-0 mr-lg-sm">
5610  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
5611
5612
5613
5614  
5615  
5616  
5617  
5618      
5619          <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">
5620            <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"/>
5621          </svg>
5622        
5623    
5624</span>
5625</div>
5626            </button>
5627            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
5628              
5629              
5630                
5631                
5632                  
5633                
5634                  
5635                
5636                  
5637                
5638              
5639
5640              
5641
5642              
5643                              
5644                  
5645                    
5646
5647
5648
5649<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
5649pace flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/small-gifts-collectibles">
5650  <span>View All Gifts</span>
5651  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
5652    
5653
5654
5655
5656  
5657  
5658  
5659  
5660      
5661          <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">
5662            <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"/>
5663          </svg>
5664        
5665    
5666
5667  </div>
5668</a>
5669                  
5670
5671                  
5672
5673
5674
5675
5676  
5677  <li class="flex items-center w-full relative">
5678    <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/collectibles" @click="open = false">
5679      Collectibles
5680    </a>
5681  </li>
5682
5683
5684
5685                  
5686                              
5687                  
5688
5689                  
5690
5691
5692
5693
5694  
5695  <li class="flex items-center w-full relative">
5696    <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/small-gifts-collectibles" @click="open = false">
5697      Small Gifts
5698    </a>
5699  </li>
5700
5701
5702
5703                  
5704                              
5705                  
5706
5707                  
5708
5709
5710
5711
5712  
5713  <li class="flex items-center w-full relative">
5714    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/products/gift-card" @click="open = false">
5715      Gift Card
5716    </a>
5717  </li>
5718
5719
5720
5721                  
5722                
5723               
5724
5725              
5726              
5727            </div>
5728          </div>
5729        
5730        
5731
5732<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
5733      
5734
5735        
5736
5737        
5738
5739        
5740
5741        
5742
5743        
5744          
5745          <div x-data="{ expanded: false }">
5746            
5747            <button
5748              @click="expanded = !expanded"
5749              :aria-expanded="expanded"
5750              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
5751              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
5752              
5753            >
5754              <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">Rewards</div>
5755              
5756
5757
5758<div class="w-1em h-1em absolute right-0 mr-lg-sm">
5759  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
5760
5761
5762
5763  
5764  
5765  
5766  
5767      
5768          <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">
5769            <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"/>
5770          </svg>
5771        
5772    
5773</span>
5774</div>
5775            </button>
5776            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
5777              
5778              
5779                
5780                
5781                  
5782                
5783                  
5784                
5785              
5786
5787              
5788
5789              
5790                              
5791                  
5792                    
5793
5794
5795
5796<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
5796pace flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="#">
5797  <span>View All Rewards</span>
5798  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
5799    
5800
5801
5802
5803  
5804  
5805  
5806  
5807      
5808          <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">
5809            <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"/>
5810          </svg>
5811        
5812    
5813
5814  </div>
5815</a>
5816                  
5817
5818                  
5819
5820
5821
5822
5823  
5824  <li class="flex items-center w-full relative">
5825    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/rewards" @click="open = false">
5826      The Licks Club
5827    </a>
5828  </li>
5829
5830
5831
5832                  
5833                              
5834                  
5835
5836                  
5837
5838
5839
5840
5841  
5842  <li class="flex items-center w-full relative">
5843    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/the-rolling-stones-sign-up" @click="open = false">
5844      Sign Up for Emails
5845    </a>
5846  </li>
5847
5848
5849
5850                  
5851                
5852               
5853
5854              
5855              
5856            </div>
5857          </div>
5858        
5859        
5860
5861<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
5862      
5863    </ul>
5864
5865    
5866      
5867        
5868        <div class="-translate-y-full">
5869          
5870
5871<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
5872        </div>
5873      
5874      
5875        
5876        
5877
5878
5879
5880
5881
5882
5883
5884
5885
5886
5887
5888
5889
5890
5891
5892<ul class="my-sm-sm">
5893  
5894    
5895    <li class="" >
5896      
5897      
5898      
5899      <a href="https://shopify.com/15161894/account/orders?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ0aGVyb2xsaW5nc3RvbmVzLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTUyMTQ3OCwibmJmIjoxNzkwOTE2Njc4fQ.rsx3ty8rOBBX93sEgNb1WAeBD7CFZJIxWKph-RxkvGI" 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">
5900        Login
5901      </a>
5902    </li>
5903
5904    
5905  
5906</ul>
5907
5908      
5909    
5910  </div>
5911</div>
5912        
5913        
5914    
5915      
5916    
5917      
5918    
5919      
5920    
5921      
5922          
5923
5924<div class="header__column header__column--4 header__column--developer col-span-2" >
5925  <div class="developer-container items-center col-span-full" >
5926    
5927
5928
5929
5930  
5931  
5932
5933
5934
5935
5936<a href="/">
5937  <img 
5938    src="//therollingstonesshop.com/cdn/shop/files/logo_brand_1.png?v=11939698351216462575" 
5939    loading="lazy"
5940    alt="The Rolling Stones Logo"
5941  >
5942</a>
5943
5944  </div>
5945</div>
5946        
5947    
5948      
5949          
5950
5951<div class="header__column header__column--5 header__column--actions flex col-span-2 justify-end items-center"  >
5952  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
5953    
5954
5955
5956    
5957    
5958    
5959    
5960    
5961    <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
5962      <button class="btn-search text_navigation_md no-underline" 
5963      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"
5964     >
5965        
5966
5967
5968
5969  
5970  
5971  
5972      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
5973        <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"/>
5974      </svg>
5975    
5976
5977      </button>
5978    </div>
5979
5980  
5981
5982
5983
5984
5985
5986
5987
5988
5989
5990
5991
5992
5993
5994
5995
5996
5997
5998
5999
6000
6001
6002
6003
6004
6005
6006
6007
6008   
6009  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline" tabindex="-1">
6010    
6011  <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-s
6011pace min-h-min-click-space">
6012    
6013      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
6014        
6015
6016
6017
6018  
6019  
6020  
6021      
6022          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
6023            <path d="M192 296C192 309.3 181.3 320 168 320C154.7 320 144 309.3 144 296C144 282.7 154.7 272 168 272C181.3 272 192 282.7 192 296zM384 296C384 282.7 394.7 272 408 272C421.3 272 432 282.7 432 296C432 309.3 421.3 320 408 320C394.7 320 384 309.3 384 296zM322.2 24.07C317.7 16.43 320.3 6.637 327.9 2.184C335.6-2.268 345.4 .3098 349.8 7.943L457.2 192H560C568.8 192 576 199.2 576 208C576 216.8 568.8 224 560 224H536L476.1 463.5C468.1 492 443.4 512 414 512H161.1C132.6 512 107 492 99.88 463.5L40 224H16C7.164 224 0 216.8 0 208C0 199.2 7.164 192 16 192H118.8L226.2 7.943C230.6 .3098 240.4-2.268 248.1 2.184C255.7 6.637 258.3 16.43 253.8 24.07L155.9 192H420.1L322.2 24.07zM503 224H72.98L130.9 455.8C134.5 470 147.3 480 161.1 480H414C428.7 480 441.5 470 445.1 455.8L503 224z"/>
6024          </svg>
6025        
6026    
6027
6028      </div>
6029      <span class="sr-only">Cart</span>
6030    
6031    <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-primary c-text-primary-on empty:hidden"></div>
6032    
6033  </a>
6034
6035  </cart-drawer-toggle-button>
6036
6037    
6038
6039  </div>
6040</div>
6041          
6042        
6043    
6044  </div>
6045  
6046  
6047    
6048
6049
6050
6051
6052  
6053  
6054
6055  
6056  
6057  
6058
6059  
6060  
6061
6062  
6063  
6064
6065  
6066
6067  
6068
6069  <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-surface c-text-on-surface" 
6070    x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
6071    @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
6072    id="header-search-dropdown"
6073  >
6074    <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-full md:px-container-sm md:max-w-full">
6075      
6076      
6077
6078
6079
6080
6081    <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide">
6082      <div class="predictive-search__input-wrapper relative w-full">
6083        <input class="predictive-search__input appearance-none w-full placeholder-transparent text_body_md c-text-content-subtle 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--22910431559877__header" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" >
6084        <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">
6085          
6086
6087
6088
6089  
6090  
6091  
6092      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
6093        <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"/>
6094      </svg>
6095    
6096
6097        </button>
6098        
6099      </div>
6100    </form>
6101
6102    </div>
6103  </div>
6104
6105  
6106
6107  
6108
6109  
6110
6111
6112
6113
6114</div>
6115
6116<style> #shopify-section-sections--22910431559877__header .nav-drawer__child-link--view-all {display: none;} </style></header><header id="shopify-section-sections--22910431559877__header-2" class="shopify-section shopify-section-group-header-group site-header md:hidden"><style>
6117	#shopify-section-sections--22910431559877__header-2 {
6118		position: sticky;top: 0;z-index: 999997;
6119    width: 100%;
6120	}
6121	</style>
6122  
6122<script>document.getElementById('shopify-section-sections--22910431559877__header-2').classList.add('umg-sticky', 'transition-[transform]')</script>
6122
6123
6124
6125
6126
6127
6128
6129<div id="header-2-wrapper--22910431559877" class="header__wrapper scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-surface c-text-on-surface mb-none brand brand--rs-no-9" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_sticky_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; ">
6130  <div id="header-2-container--22910431559877" class="header__container grid gap-y-sm-md gap-x-sm-sm grid-cols-6 section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-md max-w-full md:px-container-md md:max-w-full c-border-default-color border-none border-x-0 border-t-0 mx-auto text-center" >
6131    
6132      
6133          
6134
6135
6136
6137
6138<div  class="nav-drawer__block navigation-wrapper header__column flex col-span-2 justify-start" x-data="{ open: false, triggerRef: null, handleEscape(e){ this.triggerRef = e.target.closest('.nav-drawer__block')?.querySelector('.nav-drawer__toggle'); this.triggerRef?.focus(); this.open = false; } }" @keydown.escape.window="handleEscape">
6139  <button
6140    class="nav-drawer__overlay umg-backdrop fixed top-0 bottom-0 left-0 right-0 w-full h-full z-10"
6141    @click="open = false; $el.ownerDocument.body.classList.remove('overflow-hidden')"
6142    x-show="open"
6143    x-cloak
6144    :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'"
6145    x-transition x-transition.opacity></button>
6146
6147  
6148
6149
6150
6151<button 
6152  class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-center" 
6153  @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 
6154  :aria-expanded="open"
6155  :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'">
6156  <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition>
6157    
6158
6159
6160
6161  
6162  
6163  
6164      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
6165        <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"/>
6166      </svg>
6167    
6168
6169  </div>
6170  <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition>
6171    
6172
6173
6174
6175  
6176  
6177  
6178      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
6179        <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"/>
6180      </svg>
6181    
6182
6183  </div>
6184</button>
6185
6186  <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">
6187    <div class="flex justify-between md:justify-end p-lg-sm">
6188      
6189         <div x-html="$refs.logoContainer ? $refs.logoContainer.innerHTML : ''" class="logo-container flex justify-center items-center c-text-content-base"></div>
6190      
6191      
6192
6193
6194
6195<button 
6196  class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-end c-text-content-base" 
6197  @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 
6198  :aria-expanded="open"
6199  :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'">
6200  <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition>
6201    
6202
6203
6204
6205  
6206  
6207  
6208      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
6209        <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"/>
6210      </svg>
6211    
6212
6213  </div>
6214  <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition>
6215    
6216
6217
6218
6219  
6220  
6221  
6222      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
6223        <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"/>
6224      </svg>
6225    
6226
6227  </div>
6228</button>
6229    </div>
6230    <ul class="gap-sm-sm">
6231
6232      
6233      
6234
6235      
6236
6237        
6238
6239        
6240
6241        
6242
6243        
6244
6245        
6246          
6247          <div x-data="{ expanded: false }">
6248            
6249            <button
6250              @click="expanded = !expanded"
6251              :aria-expanded="expanded"
6252              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
6253              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
6254              
6255            >
6256              <div class="text_navigation_lg w-full min-h-min-click-s
6256pace 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">Apparel</div>
6257              
6258
6259
6260<div class="w-1em h-1em absolute right-0 mr-lg-sm">
6261  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
6262
6263
6264
6265  
6266  
6267  
6268  
6269      
6270          <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">
6271            <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"/>
6272          </svg>
6273        
6274    
6275</span>
6276</div>
6277            </button>
6278            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
6279              
6280              
6281                
6282                
6283                  
6284                
6285                  
6286                    
6287                    
6288              
6289
6290              
6291
6292              
6293                              
6294                  
6295
6296                  
6297
6298
6299
6300
6301  
6302  <li class="flex items-center w-full relative">
6303    <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/rs-no-9-new-arrivals" @click="open = false">
6304      New Arrivals
6305    </a>
6306  </li>
6307
6308
6309
6310                  
6311                    
6312
6313<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
6314                  
6315                              
6316                  
6317
6318                  
6319
6320
6321
6322
6323  
6324  
6325  <div x-data="{ expanded: false }">
6326    <button
6327      @click="expanded = !expanded"
6328      :aria-expanded="expanded"
6329      class="nav-drawer__tier-2__item flex items-center w-full relative"
6330      
6331    >
6332      <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>
6333      
6334
6335
6336<div class="w-1em h-1em absolute right-0">
6337  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
6338
6339
6340
6341  
6342  
6343  
6344  
6345      
6346          <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">
6347            <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"/>
6348          </svg>
6349        
6350    
6351</span>
6352</div>
6353    </button>
6354    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
6355      
6356
6357
6358  
6359    
6360
6361
6362
6363<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/rs-no-9-apparel">
6364  <span>View All Apparel</span>
6365  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
6366    
6367
6368
6369
6370  
6371  
6372  
6373  
6374      
6375          <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">
6376            <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"/>
6377          </svg>
6378        
6379    
6380
6381  </div>
6382</a>
6383  
6384
6385  
6386
6387  
6388
6389  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6390    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
6390pace 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/rs-no-9-tops-tees">
6391      Tops & Tees
6392    </a>
6393  </li>
6394
6395  
6396
6397  
6398
6399  
6400
6401  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6402    <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/rs-no-9-hoodies-sweatshirts">
6403      Hoodies & Sweatshirts
6404    </a>
6405  </li>
6406
6407  
6408
6409  
6410
6411  
6412
6413  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6414    <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/rs-no-9-jackets-outerwear">
6415      Jackets & Outerwear
6416    </a>
6417  </li>
6418
6419  
6420
6421  
6422
6423  
6424
6425  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6426    <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/rs-no-9-sweaters">
6427      Sweaters
6428    </a>
6429  </li>
6430
6431  
6432
6433  
6434
6435  
6436
6437  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6438    <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/rs-no-9-pants-shorts">
6439      Pants & Shorts
6440    </a>
6441  </li>
6442
6443
6444    </div>
6445  </div>
6446
6447
6448
6449                  
6450                    
6451
6452<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
6453                  
6454                              
6455                  
6456
6457                  
6458
6459
6460
6461
6462  
6463  
6464  <div x-data="{ expanded: false }">
6465    <button
6466      @click="expanded = !expanded"
6467      :aria-expanded="expanded"
6468      class="nav-drawer__tier-2__item flex items-center w-full relative"
6469      
6470    >
6471      <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 Fit</span>
6472      
6473
6474
6475<div class="w-1em h-1em absolute right-0">
6476  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
6477
6478
6479
6480  
6481  
6482  
6483  
6484      
6485          <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">
6486            <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"/>
6487          </svg>
6488        
6489    
6490</span>
6491</div>
6492    </button>
6493    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
6494      
6495
6496
6497  
6498    
6499
6500
6501
6502<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="#">
6503  <span>View All Shop by Fit</span>
6504  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
6505    
6506
6507
6508
6509  
6510  
6511  
6512  
6513      
6514          <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">
6515            <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"/>
6516          </svg>
6517        
6518    
6519
6520  </div>
6521</a>
6522  
6523
6524  
6525
6526  
6527
6528  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6529    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
6529pace 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/rs-no-9-mens">
6530      Men's
6531    </a>
6532  </li>
6533
6534  
6535
6536  
6537
6538  
6539
6540  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6541    <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/rs-no-9-womens">
6542      Women's
6543    </a>
6544  </li>
6545
6546  
6547
6548  
6549
6550  
6551
6552  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6553    <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/rs-no-9-kids-baby">
6554      Kids & Baby
6555    </a>
6556  </li>
6557
6558  
6559
6560  
6561
6562  
6563
6564  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6565    <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/rs-no-9-unisex">
6566      Unisex
6567    </a>
6568  </li>
6569
6570
6571    </div>
6572  </div>
6573
6574
6575
6576                  
6577                    
6578
6579<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
6580                  
6581                              
6582                  
6583
6584                  
6585
6586
6587
6588
6589  
6590  
6591  <div x-data="{ expanded: false }">
6592    <button
6593      @click="expanded = !expanded"
6594      :aria-expanded="expanded"
6595      class="nav-drawer__tier-2__item flex items-center w-full relative"
6596      
6597    >
6598      <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">Spotlight Collections</span>
6599      
6600
6601
6602<div class="w-1em h-1em absolute right-0">
6603  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
6604
6605
6606
6607  
6608  
6609  
6610  
6611      
6612          <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">
6613            <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"/>
6614          </svg>
6615        
6616    
6617</span>
6618</div>
6619    </button>
6620    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
6621      
6622
6623
6624  
6625    
6626
6627
6628
6629<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="#">
6630  <span>View All Spotlight Collections</span>
6631  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
6632    
6633
6634
6635
6636  
6637  
6638  
6639  
6640      
6641          <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">
6642            <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"/>
6643          </svg>
6644        
6645    
6646
6647  </div>
6648</a>
6649  
6650
6651  
6652
6653  
6654
6655  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6656    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
6656pace 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/rs-no-9-autumn-winter-26">
6657      Autumn | Winter '26
6658    </a>
6659  </li>
6660
6661  
6662
6663  
6664
6665  
6666
6667  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6668    <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/rs-no-9-spring-summer-26">
6669      Spring | Summer '26
6670    </a>
6671  </li>
6672
6673  
6674
6675  
6676
6677  
6678
6679  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6680    <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-rolling-stones-x-james-brown">
6681      The Rolling Stones x James Brown
6682    </a>
6683  </li>
6684
6685  
6686
6687  
6688
6689  
6690
6691  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6692    <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/rs-x-brain-dead">
6693      RS X Brain Dead
6694    </a>
6695  </li>
6696
6697  
6698
6699  
6700
6701  
6702
6703  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
6704    <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/rs-no-9-x-nixon">
6705      Nixon
6706    </a>
6707  </li>
6708
6709
6710    </div>
6711  </div>
6712
6713
6714
6715                  
6716                
6717               
6718
6719              
6720              
6721                
6722                
6723
6724
6725
6726
6727
6728
6729
6730
6731
6732
6733
6734
6735
6736<div class="mega-menu__promo-tiles flex gap-sm-md justify-start snap-x snap-mandatory overflow-x-auto scroll-smooth -mr-[var(--padding-lg-sm)] pr-lg-sm">
6737  
6738    
6739    
6740    
6741
6742
6743
6744  
6745
6746
6747
6748
6749
6750
6751
6752
6753
6754
6755
6756
6757
6758
6759
6760<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
6761  
6762    <a href="/collections/rs-no-9-mens" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Men&#39;s Shop by Fit">
6763  
6764  <div class="flex flex-col relative h-full">
6765    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
6766      
6767
6768
6769
6770
6771
6772
6773
6774
6775
6776
6777
6778
6779
6780
6781
6782  
6783<img src="//therollingstonesshop.com/cdn/shop/files/08.08.2024_Carnaby1550_1x1_ad657153-5add-45e9-9407-aae7df0421bf.webp?v=1777988316&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/08.08.2024_Carnaby1550_1x1_ad657153-5add-45e9-9407-aae7df0421bf.webp?v=1777988316&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/08.08.2024_Carnaby1550_1x1_ad657153-5add-45e9-9407-aae7df0421bf.webp?v=1777988316&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/08.08.2024_Carnaby1550_1x1_ad657153-5add-45e9-9407-aae7df0421bf.webp?v=1777988316&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
6784
6785
6786
6787
6788    </div>
6789    
6790    
6791      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">Men's Shop by Fit</h4>
6792    
6793    
6794      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
6795        View Collection
6796        
6797          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
6798
6799
6800
6801  
6802  
6803  
6804  
6805      
6806          <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">
6807            <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"/>
6808          </svg>
6809        
6810    
6811</span>
6812        
6813      </span>
6814    
6815  </div>
6816  
6817  
6818    </a>
6819  
6820</div>
6821
6822  
6823
6824  
6825    
6826    
6827    
6828
6829
6830
6831  
6832
6833
6834
6835
6836
6837
6838
6839
6840
6841
6842
6843
6844
6845
6846
6847<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
6848  
6849    <a href="/collections/rs-no-9-womens" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Women&#39;s Shop by Fit">
6850  
6851  <div class="flex flex-col relative h-full">
6852    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
6853      
6854
6855
6856
6857
6858
6859
6860
6861
6862
6863
6864
6865
6866
6867
6868  
6869
6870
6871
6872
6873
6874
6875  
6876  
6877      
6878
6879
6880
6881
6882<svg class="w-full h-full img-placeholder absolute inset-0 w-full h-full object-cover image__responsive" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
6883  <rect width="300" height="300" fill="var(--color-content-subtle)" style="opacity: 25%;"/>
6884  <g clip-path="url(#img-placeholder-product-clippath)">
6885    <path d="M189.683 110.794C195.105 110.794 199.603 115.292 199.603 120.714V180.238C199.603 185.66 195.105 190.159 189.683 190.159H110.318C104.896 190.159 100.397 185.66 100.397 180.238V120.714C100.397 115.292 104.896 110.794 110.318 110.794H189.683ZM189.683 120.714H110.318V180.238H189.683V120.714ZM159.921 130.635C161.236 130.635 162.498 131.158 163.428 132.088C164.358 133.018 164.881 134.28 164.881 135.595C164.881 136.911 164.358 138.172 163.428 139.103C162.498 140.033 161.236 140.556 159.921 140.556C158.605 140.556 157.343 140.033 156.413 139.103C155.483 138.172 154.96 136.911 154.96 135.595C154.96 134.28 155.483 133.018 156.413 132.088C157.343 131.158 158.605 130.635 159.921 130.635ZM137.599 145.516L154.96 165.357L167.361 152.956L180.866 170.317H118.998L137.599 145.516Z" fill="var(--color-content-base)"/>
6886  </g>
6887  <defs>
6888    <clipPath id="img-placeholder-product-clippath">
6889      <rect width="100" height="80.9524" fill="var(--color-background)" transform="matrix(-1 0 0 1 200 110)"/>
6890    </clipPath>
6891  </defs>
6892</svg>
6893  
6894
6895
6896
6897    </div>
6898    
6899    
6900      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">Women's Shop by Fit</h4>
6901    
6902    
6903      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
6904        View Collection
6905        
6906          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
6907
6908
6909
6910  
6911  
6912  
6913  
6914      
6915          <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">
6916            <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"/>
6917          </svg>
6918        
6919    
6920</span>
6921        
6922      </span>
6923    
6924  </div>
6925  
6926  
6927    </a>
6928  
6929</div>
6930
6931  
6932  
6933    
6934    
6935    
6936
6937
6938
6939  
6940
6941
6942
6943
6944
6945
6946
6947
6948
6949
6950
6951
6952
6953
6954
6955<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
6956  
6957    <a href="/collections/rs-no-9-hoodies-sweatshirts" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Hoodies &amp; Sweatshirts">
6958  
6959  <div class="flex flex-col relative h-full">
6960    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
6961      
6962
6963
6964
6965
6966
6967
6968
6969
6970
6971
6972
6973
6974
6975
6976
6977  
6978<img src="//therollingstonesshop.com/cdn/shop/files/ROLLING-STONES-CARNABY-20251054.png?v=1769804055&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/ROLLING-STONES-CARNABY-20251054.png?v=1769804055&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/ROLLING-STONES-CARNABY-20251054.png?v=1769804055&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/ROLLING-STONES-CARNABY-20251054.png?v=1769804055&amp;width=400 400w" width="400" height="401" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
6979
6980
6981
6982
6983    </div>
6984    
6985    
6986      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">Hoodies & Sweatshirts</h4>
6987    
6988    
6989      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
6990        View Collection
6991        
6992          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
6993
6994
6995
6996  
6997  
6998  
6999  
7000      
7001          <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">
7002            <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"/>
7003          </svg>
7004        
7005    
7006</span>
7007        
7008      </span>
7009    
7010  </div>
7011  
7012  
7013    </a>
7014  
7015</div>
7016
7017  
7018  
7019    
7020    
7021    
7022
7023
7024
7025  
7026
7027
7028
7029
7030
7031
7032
7033
7034
7035
7036
7037
7038
7039
7040
7041<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
7042  
7043    <a href="/collections/rs-no-9-jackets-outerwear" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Jackets &amp; Outerwear">
7044  
7045  <div class="flex flex-col relative h-full">
7046    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
7047      
7048
7049
7050
7051
7052
7053
7054
7055
7056
7057
7058
7059
7060
7061
7062
7063  
7064<img src="//therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_01-2.png?v=1769802552&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_01-2.png?v=1769802552&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_01-2.png?v=1769802552&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_01-2.png?v=1769802552&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
7065
7066
7067
7068
7069    </div>
7070    
7071    
7072      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">Jackets & Outerwear</h4>
7073    
7074    
7075      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
7076        View Collection
7077        
7078          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
7079
7080
7081
7082  
7083  
7084  
7085  
7086      
7087          <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">
7088            <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"/>
7089          </svg>
7090        
7091    
7092</span>
7093        
7094      </span>
7095    
7096  </div>
7097  
7098  
7099    </a>
7100  
7101</div>
7102
7103  
7104  
7105</div>
7106              
7107            </div>
7108          </div>
7109        
7110        
7111
7112<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
7113      
7114
7115        
7116
7117        
7118
7119        
7120
7121        
7122
7123        
7124          
7125          <div x-data="{ expanded: false }">
7126            
7127            <button
7128              @click="expanded = !expanded"
7129              :aria-expanded="expanded"
7130              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
7131              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
7132              
7133            >
7134              <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">Accessories & Home</div>
7135              
7136
7137
7138<div class="w-1em h-1em absolute right-0 mr-lg-sm">
7139  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
7140
7141
7142
7143  
7144  
7145  
7146  
7147      
7148          <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">
7149            <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"/>
7150          </svg>
7151        
7152    
7153</span>
7154</div>
7155            </button>
7156            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
7157              
7158              
7159                
7160                
7161                  
7162                
7163                  
7164                
7165                  
7166                    
7167                    
7168              
7169
7170              
7171
7172              
7173                              
7174                  
7175
7176                  
7177
7178
7179
7180
7181  
7182  <li class="flex items-center w-full relative">
7183    <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/rs-no-9-new-arrivals-accessories-home" @click="open = false">
7184      New Arrivals
7185    </a>
7186  </li>
7187
7188
7189
7190                  
7191                    
7192
7193<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
7194                  
7195                              
7196                  
7197
7198                  
7199
7200
7201
7202
7203  
7204  <li class="flex items-center w-full relative">
7205    <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/fragrance-rs-no-9-eau-de-parfum" @click="open = false">
7206      Fragrance | RS No.9 Eau de Parfum
7207    </a>
7208  </li>
7209
7210
7211
7212                  
7213                    
7214
7215<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
7216                  
7217                              
7218                  
7219
7220                  
7221
7222
7223
7224
7225  
7226  
7227  <div x-data="{ expanded: false }">
7228    <button
7229      @click="expanded = !expanded"
7230      :aria-expanded="expanded"
7231      class="nav-drawer__tier-2__item flex items-center w-full relative"
7232      
7233    >
7234      <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">Fashion Accessories</span>
7235      
7236
7237
7238<div class="w-1em h-1em absolute right-0">
7239  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
7240
7241
7242
7243  
7244  
7245  
7246  
7247      
7248          <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">
7249            <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"/>
7250          </svg>
7251        
7252    
7253</span>
7254</div>
7255    </button>
7256    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
7257      
7258
7259
7260  
7261    
7262
7263
7264
7265<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/carnaby-fashion-accessories">
7266  <span>View All Fashion Accessories</span>
7267  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
7268    
7269
7270
7271
7272  
7273  
7274  
7275  
7276      
7277          <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">
7278            <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"/>
7279          </svg>
7280        
7281    
7282
7283  </div>
7284</a>
7285  
7286
7287  
7288
7289  
7290
7291  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7292    <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/carnaby-hats-beanies">
7293      Hats & Beanies
7294    </a>
7295  </li>
7296
7297  
7298
7299  
7300
7301  
7302
7303  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7304    <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/carnaby-jewelery-pins">
7305      Jewelry & Pins
7306    </a>
7307  </li>
7308
7309  
7310
7311  
7312
7313  
7314
7315  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7316    <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/carnaby-socks">
7317      Socks
7318    </a>
7319  </li>
7320
7321  
7322
7323  
7324
7325  
7326
7327  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7328    <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/carnaby-sunglasses">
7329      Sunglasses
7330    </a>
7331  </li>
7332
7333  
7334
7335  
7336
7337  
7338
7339  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7340    <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/carnaby-watches-by-nixon">
7341      Watches by Nixon
7342    </a>
7343  </li>
7344
7345
7346    </div>
7347  </div>
7348
7349
7350
7351                  
7352                    
7353
7354<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
7355                  
7356                              
7357                  
7358
7359                  
7360
7361
7362
7363
7364  
7365  
7366  <div x-data="{ expanded: false }">
7367    <button
7368      @click="expanded = !expanded"
7369      :aria-expanded="expanded"
7370      class="nav-drawer__tier-2__item flex items-center w-full relative"
7371      
7372    >
7373      <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">Personal Accessories</span>
7374      
7375
7376
7377<div class="w-1em h-1em absolute right-0">
7378  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
7379
7380
7381
7382  
7383  
7384  
7385  
7386      
7387          <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">
7388            <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"/>
7389          </svg>
7390        
7391    
7392</span>
7393</div>
7394    </button>
7395    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
7396      
7397
7398
7399  
7400    
7401
7402
7403
7404<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/rs-no-9-personal-accessories">
7405  <span>View All Personal Accessories</span>
7406  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
7407    
7408
7409
7410
7411  
7412  
7413  
7414  
7415      
7416          <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">
7417            <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"/>
7418          </svg>
7419        
7420    
7421
7422  </div>
7423</a>
7424  
7425
7426  
7427
7428  
7429
7430  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7431    <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/carnaby-bags-wallets-1">
7432      Bags & Wallets
7433    </a>
7434  </li>
7435
7436  
7437
7438  
7439
7440  
7441
7442  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7443    <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/carnaby-pocket-accessories">
7444      Pocket Accessories
7445    </a>
7446  </li>
7447
7448  
7449
7450  
7451
7452  
7453
7454  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7455    <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/carnaby-weather-essentials">
7456      Weather Essentials
7457    </a>
7458  </li>
7459
7460
7461    </div>
7462  </div>
7463
7464
7465
7466                  
7467                    
7468
7469<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
7470                  
7471                              
7472                  
7473
7474                  
7475
7476
7477
7478
7479  
7480  
7481  <div x-data="{ expanded: false }">
7482    <button
7483      @click="expanded = !expanded"
7484      :aria-expanded="expanded"
7485      class="nav-drawer__tier-2__item flex items-center w-full relative"
7486      
7487    >
7488      <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]:un
7488derline">Home Accessories</span>
7489      
7490
7491
7492<div class="w-1em h-1em absolute right-0">
7493  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
7494
7495
7496
7497  
7498  
7499  
7500  
7501      
7502          <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">
7503            <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"/>
7504          </svg>
7505        
7506    
7507</span>
7508</div>
7509    </button>
7510    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
7511      
7512
7513
7514  
7515    
7516
7517
7518
7519<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/rs-no-9-home">
7520  <span>View All Home Accessories</span>
7521  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
7522    
7523
7524
7525
7526  
7527  
7528  
7529  
7530      
7531          <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">
7532            <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"/>
7533          </svg>
7534        
7535    
7536
7537  </div>
7538</a>
7539  
7540
7541  
7542
7543  
7544
7545  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7546    <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/carnaby-decorative-objects">
7547      Decorative Objects
7548    </a>
7549  </li>
7550
7551  
7552
7553  
7554
7555  
7556
7557  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7558    <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/carnaby-drinkware">
7559      Drinkware
7560    </a>
7561  </li>
7562
7563  
7564
7565  
7566
7567  
7568
7569  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7570    <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/carnaby-games-leisure">
7571      Games & Leisure
7572    </a>
7573  </li>
7574
7575  
7576
7577  
7578
7579  
7580
7581  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7582    <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/carnaby-seasonal-decor">
7583      Seasonal Décor
7584    </a>
7585  </li>
7586
7587  
7588
7589  
7590
7591  
7592
7593  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7594    <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/rsno9-stationery">
7595      Stationary
7596    </a>
7597  </li>
7598
7599  
7600
7601  
7602
7603  
7604
7605  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7606    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
7606pace 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/carnaby-wall-decor-art">
7607      Wall Décor & Art
7608    </a>
7609  </li>
7610
7611
7612    </div>
7613  </div>
7614
7615
7616
7617                  
7618                    
7619
7620<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
7621                  
7622                              
7623                  
7624
7625                  
7626
7627
7628
7629
7630  
7631  <li class="flex items-center w-full relative">
7632    <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/rs-no-9-travel-accessories" @click="open = false">
7633      Travel Accessories
7634    </a>
7635  </li>
7636
7637
7638
7639                  
7640                    
7641
7642<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
7643                  
7644                              
7645                  
7646
7647                  
7648
7649
7650
7651
7652  
7653  <li class="flex items-center w-full relative">
7654    <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/rs-no-9-pet" @click="open = false">
7655      Pet Accessories
7656    </a>
7657  </li>
7658
7659
7660
7661                  
7662                    
7663
7664<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
7665                  
7666                              
7667                  
7668
7669                  
7670
7671
7672
7673
7674  
7675  
7676  <div x-data="{ expanded: false }">
7677    <button
7678      @click="expanded = !expanded"
7679      :aria-expanded="expanded"
7680      class="nav-drawer__tier-2__item flex items-center w-full relative"
7681      
7682    >
7683      <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">Audio & Tech Accessories</span>
7684      
7685
7686
7687<div class="w-1em h-1em absolute right-0">
7688  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
7689
7690
7691
7692  
7693  
7694  
7695  
7696      
7697          <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">
7698            <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"/>
7699          </svg>
7700        
7701    
7702</span>
7703</div>
7704    </button>
7705    <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse>
7706      
7707
7708
7709  
7710    
7711
7712
7713
7714<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/rs-no-9-audio-tech-accessories">
7715  <span>View All Audio &amp; Tech Accessories</span>
7716  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
7717    
7718
7719
7720
7721  
7722  
7723  
7724  
7725      
7726          <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">
7727            <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"/>
7728          </svg>
7729        
7730    
7731
7732  </div>
7733</a>
7734  
7735
7736  
7737
7738  
7739
7740  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7741    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
7741pace 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/rs-no-9-x-speaqua-speakers">
7742      RS No.9 X Speaqua
7743    </a>
7744  </li>
7745
7746  
7747
7748  
7749
7750  
7751
7752  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7753    <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/carnaby-record-player-accessories">
7754      Record Player Accessories
7755    </a>
7756  </li>
7757
7758  
7759
7760  
7761
7762  
7763
7764  <li class="nav-drawer__tier-3__item flex items-center w-full relative">
7765    <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/carnaby-music-collection">
7766      Music Collection
7767    </a>
7768  </li>
7769
7770
7771    </div>
7772  </div>
7773
7774
7775
7776                  
7777                
7778               
7779
7780              
7781              
7782                
7783                
7784
7785
7786
7787
7788
7789
7790
7791
7792
7793
7794
7795
7796
7797<div class="mega-menu__promo-tiles flex gap-sm-md justify-start snap-x snap-mandatory overflow-x-auto scroll-smooth -mr-[var(--padding-lg-sm)] pr-lg-sm">
7798  
7799    
7800    
7801    
7802
7803
7804
7805  
7806
7807
7808
7809
7810
7811
7812
7813
7814
7815
7816
7817
7818
7819
7820
7821<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
7822  
7823  <div class="flex flex-col relative h-full">
7824    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
7825      
7826
7827
7828
7829
7830
7831
7832
7833
7834
7835
7836
7837
7838
7839
7840
7841  
7842<img src="//therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_067.png?v=1769800570&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_067.png?v=1769800570&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_067.png?v=1769800570&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_067.png?v=1769800570&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
7843
7844
7845
7846
7847    </div>
7848    
7849    
7850      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">Hats</h4>
7851    
7852    
7853      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
7854        View Collection
7855        
7856          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
7857
7858
7859
7860  
7861  
7862  
7863  
7864      
7865          <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">
7866            <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"/>
7867          </svg>
7868        
7869    
7870</span>
7871        
7872      </span>
7873    
7874  </div>
7875  
7876  
7877</div>
7878
7879  
7880
7881  
7882    
7883    
7884    
7885
7886
7887
7888  
7889
7890
7891
7892
7893
7894
7895
7896
7897
7898
7899
7900
7901
7902
7903
7904<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
7905  
7906    <a href="/collections/rs-no-9-personal-accessories" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="Personal Accessories">
7907  
7908  <div class="flex flex-col relative h-full">
7909    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
7910      
7911
7912
7913
7914
7915
7916
7917
7918
7919
7920
7921
7922
7923
7924
7925
7926  
7927<img src="//therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8d4cb571-249d-45ac-87bb-3b10353cd785_1.png?v=1769634033&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8d4cb571-249d-45ac-87bb-3b10353cd785_1.png?v=1769634033&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8d4cb571-249d-45ac-87bb-3b10353cd785_1.png?v=1769634033&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8d4cb571-249d-45ac-87bb-3b10353cd785_1.png?v=1769634033&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
7928
7929
7930
7931
7932    </div>
7933    
7934    
7935      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:un
7935derline mt-sm-sm">Personal Accessories</h4>
7936    
7937    
7938      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
7939        View Collection
7940        
7941          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
7942
7943
7944
7945  
7946  
7947  
7948  
7949      
7950          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
7951            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
7952          </svg>
7953        
7954    
7955</span>
7956        
7957      </span>
7958    
7959  </div>
7960  
7961  
7962    </a>
7963  
7964</div>
7965
7966  
7967  
7968    
7969    
7970    
7971
7972
7973
7974  
7975
7976
7977
7978
7979
7980
7981
7982
7983
7984
7985
7986
7987
7988
7989
7990<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
7991  
7992  <div class="flex flex-col relative h-full">
7993    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
7994      
7995
7996
7997
7998
7999
8000
8001
8002
8003
8004
8005
8006
8007
8008
8009
8010  
8011<img src="//therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSNo9_SS_Hero_Tote-01.png?v=1769800784&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSNo9_SS_Hero_Tote-01.png?v=1769800784&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSNo9_SS_Hero_Tote-01.png?v=1769800784&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSNo9_SS_Hero_Tote-01.png?v=1769800784&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
8012
8013
8014
8015
8016    </div>
8017    
8018    
8019      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline mt-sm-sm">Fashion Accessories</h4>
8020    
8021    
8022      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
8023        View Collection
8024        
8025          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
8026
8027
8028
8029  
8030  
8031  
8032  
8033      
8034          <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">
8035            <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"/>
8036          </svg>
8037        
8038    
8039</span>
8040        
8041      </span>
8042    
8043  </div>
8044  
8045  
8046</div>
8047
8048  
8049  
8050    
8051    
8052    
8053
8054
8055
8056  
8057
8058
8059
8060
8061
8062
8063
8064
8065
8066
8067
8068
8069
8070
8071
8072<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start">
8073  
8074    <a href="/collections/rs-no-9-new-arrivals-accessories-home" class="h-full transition-transform duration-300 ease-out active:scale-[0.98]" aria-label="RS No.9 New Arrivals, Accessories &amp; Home">
8075  
8076  <div class="flex flex-col relative h-full">
8077    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
8078      
8079
8080
8081
8082
8083
8084
8085
8086
8087
8088
8089
8090
8091
8092
8093
8094  
8095<img src="//therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8_e4aec7ad-eb64-4eb4-ac0d-f22c08124a75.avif?v=1777988434&amp;width=300" srcset="//therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8_e4aec7ad-eb64-4eb4-ac0d-f22c08124a75.avif?v=1777988434&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8_e4aec7ad-eb64-4eb4-ac0d-f22c08124a75.avif?v=1777988434&amp;width=300 300w" width="300" height="300" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
8096
8097
8098
8099
8100    </div>
8101    
8102    
8103      <h4 class="promo__title promo__text text-left text_navigation_md active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:un
8103derline mt-sm-sm">RS No.9 New Arrivals, Accessories & Home</h4>
8104    
8105    
8106      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
8107        View Collection
8108        
8109          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
8110
8111
8112
8113  
8114  
8115  
8116  
8117      
8118          <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">
8119            <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"/>
8120          </svg>
8121        
8122    
8123</span>
8124        
8125      </span>
8126    
8127  </div>
8128  
8129  
8130    </a>
8131  
8132</div>
8133
8134  
8135  
8136</div>
8137              
8138            </div>
8139          </div>
8140        
8141        
8142
8143<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
8144      
8145
8146        
8147
8148        
8149
8150        
8151
8152        
8153
8154        
8155          
8156          <div x-data="{ expanded: false }">
8157            
8158            <button
8159              @click="expanded = !expanded"
8160              :aria-expanded="expanded"
8161              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
8162              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
8163              
8164            >
8165              <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">Archive</div>
8166              
8167
8168
8169<div class="w-1em h-1em absolute right-0 mr-lg-sm">
8170  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
8171
8172
8173
8174  
8175  
8176  
8177  
8178      
8179          <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">
8180            <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"/>
8181          </svg>
8182        
8183    
8184</span>
8185</div>
8186            </button>
8187            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
8188              
8189              
8190                
8191                
8192                  
8193                
8194                  
8195                
8196                  
8197                
8198              
8199
8200              
8201
8202              
8203                              
8204                  
8205                    
8206
8207
8208
8209<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="/pages/2025-autumn-winter-archive">
8210  <span>View All Archive</span>
8211  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
8212    
8213
8214
8215
8216  
8217  
8218  
8219  
8220      
8221          <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">
8222            <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"/>
8223          </svg>
8224        
8225    
8226
8227  </div>
8228</a>
8229                  
8230
8231                  
8232
8233
8234
8235
8236  
8237  <li class="flex items-center w-full relative">
8238    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
8238pace flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/rs-no-9-spring-summer-2026-pt-2" @click="open = false">
8239      Summer '26
8240    </a>
8241  </li>
8242
8243
8244
8245                  
8246                              
8247                  
8248
8249                  
8250
8251
8252
8253
8254  
8255  <li class="flex items-center w-full relative">
8256    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/rs-no-9-spring-summer-2026" @click="open = false">
8257      Spring '26
8258    </a>
8259  </li>
8260
8261
8262
8263                  
8264                              
8265                  
8266
8267                  
8268
8269
8270
8271
8272  
8273  <li class="flex items-center w-full relative">
8274    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/2025-autumn-winter-archive" @click="open = false">
8275      Autumn | Winter '25
8276    </a>
8277  </li>
8278
8279
8280
8281                  
8282                
8283               
8284
8285              
8286              
8287            </div>
8288          </div>
8289        
8290        
8291
8292<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
8293      
8294
8295        
8296
8297        
8298
8299        
8300
8301        
8302
8303        
8304          
8305          <div x-data="{ expanded: false }">
8306            
8307            <button
8308              @click="expanded = !expanded"
8309              :aria-expanded="expanded"
8310              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
8311              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
8312              
8313            >
8314              <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">Rewards</div>
8315              
8316
8317
8318<div class="w-1em h-1em absolute right-0 mr-lg-sm">
8319  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
8320
8321
8322
8323  
8324  
8325  
8326  
8327      
8328          <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">
8329            <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"/>
8330          </svg>
8331        
8332    
8333</span>
8334</div>
8335            </button>
8336            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse>
8337              
8338              
8339                
8340                
8341                  
8342                
8343                  
8344                
8345              
8346
8347              
8348
8349              
8350                              
8351                  
8352                    
8353
8354
8355
8356<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="#">
8357  <span>View All Rewards</span>
8358  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
8359    
8360
8361
8362
8363  
8364  
8365  
8366  
8367      
8368          <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">
8369            <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"/>
8370          </svg>
8371        
8372    
8373
8374  </div>
8375</a>
8376                  
8377
8378                  
8379
8380
8381
8382
8383  
8384  <li class="flex items-center w-full relative">
8385    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
8385pace flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/rewards" @click="open = false">
8386      The Licks Club
8387    </a>
8388  </li>
8389
8390
8391
8392                  
8393                              
8394                  
8395
8396                  
8397
8398
8399
8400
8401  
8402  <li class="flex items-center w-full relative">
8403    <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"  href="/pages/rs-no-9-sign-up" @click="open = false">
8404      Sign Up for Emails
8405    </a>
8406  </li>
8407
8408
8409
8410                  
8411                
8412               
8413
8414              
8415              
8416            </div>
8417          </div>
8418        
8419        
8420
8421<div class="nav-drawer__divider c-border-content-subtle border-b-none"></div>
8422      
8423    </ul>
8424
8425    
8426      
8427      
8428        
8429        
8430
8431
8432
8433
8434
8435
8436
8437
8438
8439
8440
8441
8442
8443
8444
8445<ul class="my-sm-sm">
8446  
8447    
8448    <li class="" >
8449      
8450      
8451      
8452      <a href="https://shopify.com/15161894/account/orders?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ0aGVyb2xsaW5nc3RvbmVzLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTUyMTQ3OCwibmJmIjoxNzkwOTE2Njc4fQ.rsx3ty8rOBBX93sEgNb1WAeBD7CFZJIxWKph-RxkvGI" 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">
8453        Login
8454      </a>
8455    </li>
8456
8457    
8458  
8459</ul>
8460
8461      
8462    
8463  </div>
8464</div>
8465        
8466        
8467    
8468      
8469    
8470      
8471    
8472      
8473          
8474
8475<div class="header__column header__column--3 header__column--developer col-span-2" >
8476  <div class="developer-container items-center col-span-full" >
8477    
8478
8479
8480
8481
8482  
8483  
8484
8485  
8486  
8487    
8488    
8489
8490
8491
8492
8493<a href="/pages/rs-no-9">
8494  <img 
8495    src="//therollingstonesshop.com/cdn/shop/files/logo_brand_2.png?v=3845468052099097273" 
8496    loading="lazy"
8497    alt="RS No.9 Logo"
8498  >
8499</a>
8500
8501  </div>
8502</div>
8503        
8504    
8505      
8506          
8507
8508<div class="header__column header__column--4 header__column--actions flex col-span-2 justify-end items-center"  >
8509  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
8510    
8511
8512
8513    
8514    
8515    
8516    
8517    
8518    <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
8519      <button class="btn-search text_navigation_md no-underline" 
8520      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"
8521     >
8522        
8523
8524
8525
8526  
8527  
8528  
8529      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
8530        <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"/>
8531      </svg>
8532    
8533
8534      </button>
8535    </div>
8536
8537  
8538
8539
8540
8541
8542
8543
8544
8545
8546
8547
8548
8549
8550
8551
8552
8553
8554
8555
8556
8557
8558
8559
8560
8561
8562
8563
8564
8565   
8566  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline" tabindex="-1">
8567    
8568  <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">
8569    
8570      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
8571        
8572
8573
8574
8575  
8576  
8577  
8578      
8579          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
8580            <path d="M192 296C192 309.3 181.3 320 168 320C154.7 320 144 309.3 144 296C144 282.7 154.7 272 168 272C181.3 272 192 282.7 192 296zM384 296C384 282.7 394.7 272 408 272C421.3 272 432 282.7 432 296C432 309.3 421.3 320 408 320C394.7 320 384 309.3 384 296zM322.2 24.07C317.7 16.43 320.3 6.637 327.9 2.184C335.6-2.268 345.4 .3098 349.8 7.943L457.2 192H560C568.8 192 576 199.2 576 208C576 216.8 568.8 224 560 224H536L476.1 463.5C468.1 492 443.4 512 414 512H161.1C132.6 512 107 492 99.88 463.5L40 224H16C7.164 224 0 216.8 0 208C0 199.2 7.164 192 16 192H118.8L226.2 7.943C230.6 .3098 240.4-2.268 248.1 2.184C255.7 6.637 258.3 16.43 253.8 24.07L155.9 192H420.1L322.2 24.07zM503 224H72.98L130.9 455.8C134.5 470 147.3 480 161.1 480H414C428.7 480 441.5 470 445.1 455.8L503 224z"/>
8581          </svg>
8582        
8583    
8584
8585      </div>
8586      <span class="sr-only">Cart</span>
8587    
8588    <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>
8589    
8590  </a>
8591
8592  </cart-drawer-toggle-button>
8593
8594    
8595
8596  </div>
8597</div>
8598          
8599        
8600    
8601  </div>
8602  
8603  
8604    
8605
8606
8607
8608
8609  
8610  
8611
8612  
8613  
8614  
8615
8616  
8617  
8618
8619  
8620  
8621
8622  
8623
8624  
8625
8626  <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-surface c-text-on-surface" 
8627    x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
8628    @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
8629    id="header-search-dropdown"
8630  >
8631    <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-full md:px-container-sm md:max-w-full">
8632      
8633      
8634
8635
8636
8637
8638    <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide">
8639      <div class="predictive-search__input-wrapper relative w-full">
8640        <input class="predictive-search__input appearance-none w-full placeholder-transparent text_body_md c-text-content-subtle 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--22910431559877__header-2" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" >
8641        <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">
8642          
8643
8644
8645
8646  
8647  
8648  
8649      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
8650        <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"/>
8651      </svg>
8652    
8653
8654        </button>
8655        
8656      </div>
8657    </form>
8658
8659    </div>
8660  </div>
8661
8662  
8663
8664  
8665
8666  
8667
8668
8669
8670
8671</div>
8672
8673<style> #shopify-section-sections--22910431559877__header-2 .nav-drawer__child-link--view-all {display: none;} </style></header><header id="shopify-section-sections--22910431559877__header-md" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid">
8674
8675
8676
8677
8678
8679
8680<div id="header-md-wrapper--22910431559877" class="header__wrapper header__wrapper--md scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-surface c-text-on-surface mb-none border-none c-border-default-color border-x-0 border-t-0 brand brand--the-rolling-stones-shop" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; ">
8681  <div id="header-md-container--22910431559877" class="header__container header__container--md grid gap-y-sm-md gap-x-sm-sm grid-cols-6 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" >
8682    
8683      
8684          
8685
8686<div class="header__column header__column--0 header__column--developer col-span-4" >
8687  <div class="developer-container items-center col-span-full" >
8688    
8689
8690
8691
8692  
8693  
8694
8695
8696
8697
8698<a href="/">
8699  <img 
8700    src="//therollingstonesshop.com/cdn/shop/files/logo_brand_1.png?v=11939698351216462575" 
8701    loading="lazy"
8702    alt="The Rolling Stones Logo"
8703  >
8704</a>
8705
8706  </div>
8707</div>
8708      
8709    
8710      
8711          
8712
8713<div class="mega-menu flex items-start col-span-6" >
8714  
8715
8716
8717
8718
8719
8720
8721
8722
8723
8724
8725
8726
8727
8728
8729
8730
8731
8732
8733
8734
8735<div class="mega-menu w-full overscroll-contain"
8736  x-data="{
8737    activeMenu: null,
8738    isOpen: false,
8739    close() {
8740      this.isOpen = false;
8741      this.activeMenu = null;
8742    },
8743    handleKeydown(e) {
8744      if (e.key === 'Escape') {
8745        this.close()
8746      }
8747    }
8748  }"
8749  @keydown="handleKeydown($event)">
8750  <nav class="mega-menu__nav" aria-label="Header main menu">
8751    <ul class="mega-menu__primary-list flex items-center w-full flex-wrap gap-x-lg-sm text-left justify-start" role="menubar">
8752      
8753        
8754
8755        
8756        
8757        
8758
8759        
8760        
8761
8762        <li class="mega-menu__primary-item grow-0 "
8763          x-data="{ id: 'foreign-tongues' }"
8764          role="none"
8765          
8766        >
8767          <a
8768            
8769              href="/pages/foreign-tongues"
8770            
8771            
8772            :id="'button-' + id"
8773            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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
8774            
8775            role="menuitem"
8776          >
8777            Foreign Tongues
8778            
8779          </a>
8780
8781          
8782        </li>
8783      
8784        
8785
8786        
8787        
8788        
8789
8790        
8791        
8792
8793        <li class="mega-menu__primary-item grow-0 "
8794          x-data="{ id: 'shop-by-album' }"
8795          role="none"
8796          
8797            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
8798          
8799        >
8800          <button
8801            
8802            
8803            :id="'button-' + id"
8804            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: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"
8805            
8806              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
8807              :aria-expanded="activeMenu === id ? 'true' : 'false'"
8808              aria-haspopup="true"
8809              :aria-controls="'dropdown-' + id"
8810              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
8811              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
8812            
8813            role="menuitem"
8814          >
8815            Shop By Album
8816            
8817              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
8818                
8819
8820
8821
8822  
8823  
8824  
8825  
8826      
8827          <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">
8828            <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"/>
8829          </svg>
8830        
8831    
8832
8833              </span>
8834            
8835          </button>
8836
8837          
8838            
8839            
8840              
8841                
8842                  
8843                  
8844
8845
8846
8847
8848
8849
8850
8851
8852
8853
8854
8855
8856
8857
8858
8859
8860
8861
8862
8863
8864
8865
8866
8867
8868
8869
8870
8871
8872
8873
8874
8875
8876
8877
8878
8879
8880
8881
8882
8883
8884
8885
8886
8887
8888
8889
8890
8891
8892
8893
8894
8895
8896
8897
8898
8899
8900
8901
8902
8903
8904
8905
8906
8907
8908
8909
8910
8911
8912
8913
8914
8915
8916
8917
8918
8919
8920<!-- append mega menu panel to header wrapper -->
8921<template x-teleport="#header-md-wrapper--22910431559877">
8922  <div
8923    
8924    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-surface c-text-on-surface"
8925    x-cloak
8926    x-show="activeMenu === id"
8927    x-trap.noscroll="activeMenu === id"
8928    role="region"
8929    :id="'panel-' + id"
8930    :aria-labelledby="'button-' + id"
8931    x-effect="
8932      if (activeMenu === id) {
8933        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--22910431559877')?.offsetHeight + 'px')
8934      }
8935    "
8936    @resize.window="
8937      if (activeMenu === id) {
8938        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--22910431559877')?.offsetHeight + 'px')
8939      }
8940    "
8941    x-transition:enter="transition ease-out duration-200"
8942    x-transition:enter-start="opacity-0 -translate-y-1"
8943    x-transition:enter-end="opacity-100 translate-y-0"
8944    x-transition:leave="transition ease-in duration-150"
8945    x-transition:leave-start="opacity-100 translate-y-0"
8946    x-transition:leave-end="opacity-0 -translate-y-1"
8947    @keydown.escape.prevent.stop="close()"
8948    @click.away="close()"
8949  >
8950    <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-full px-container-sm flex justify-center items-start gap-sm-lg">
8951      
8952      
8953        <div
8954          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"
8955          role="presentation"
8956        >
8957          
8958          
8959            
8960              
8961
8962              
8963              
8964
8965              <div
8966                class="mega-menu__submenu-item flex"
8967                role="presentation"
8968              >
8969                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
8970                  <div class="mega-menu__submenu--header">
8971                    <a
8972                      href="/collections/the-rolling-stones-music"
8973                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
8974                      role="menuitem"
8975                      
8976                      :tabindex="activeMenu === id ? '0' : '-1'"
8977                      @keydown.enter.prevent="window.location.href='/collections/the-rolling-stones-music'"
8978                      @keydown.space.prevent="window.location.href='/collections/the-rolling-stones-music'"
8979                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
8980                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
8981                    >
8982                      Featured
8983                    </a>
8984                  </div>
8985
8986                  <ul
8987                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
8988                    role="menu"
8989                    aria-label="Featured menu"
8990                  >
8991                    
8992                      
8993                      
8994                      
8995                      <li
8996                        class="mega-menu__child-item flex "
8997                        role="none"
8998                      >
8999                        <a
9000                          href="/pages/foreign-tongues"
9001                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9002                          role="menuitem"
9003                          
9004                          :tabindex="activeMenu === id ? '0' : '-1'"
9005                          @keydown.enter.prevent="window.location.href='/pages/foreign-tongues'"
9006                          @keydown.space.prevent="window.location.href='/pages/foreign-tongues'"
9007                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9008                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9009                        >
9010                          Foreign Tongues
9011                        </a>
9012                      </li>
9013                    
9014                      
9015                      
9016                      
9017                      <li
9018                        class="mega-menu__child-item flex "
9019                        role="none"
9020                      >
9021                        <a
9022                          href="/collections/sticky-fingers-1"
9023                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9024                          role="menuitem"
9025                          
9026                          :tabindex="activeMenu === id ? '0' : '-1'"
9027                          @keydown.enter.prevent="window.location.href='/collections/sticky-fingers-1'"
9028                          @keydown.space.prevent="window.location.href='/collections/sticky-fingers-1'"
9029                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9030                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9031                        >
9032                          Sticky Fingers
9033                        </a>
9034                      </li>
9035                    
9036                      
9037                      
9038                      
9039                      <li
9040                        class="mega-menu__child-item flex "
9041                        role="none"
9042                      >
9043                        <a
9044                          href="/pages/black-and-blue"
9045                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9046                          role="menuitem"
9047                          
9048                          :tabindex="activeMenu === id ? '0' : '-1'"
9049                          @keydown.enter.prevent="window.location.href='/pages/black-and-blue'"
9050                          @keydown.space.prevent="window.location.href='/pages/black-and-blue'"
9051                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9052                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9053                        >
9054                          Black and Blue 
9055                        </a>
9056                      </li>
9057                    
9058                      
9059                      
9060                      
9061                      <li
9062                        class="mega-menu__child-item flex "
9063                        role="none"
9064                      >
9065                        <a
9066                          href="/collections/their-satanic-majesties-request"
9067                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9068                          role="menuitem"
9069                          
9070                          :tabindex="activeMenu === id ? '0' : '-1'"
9071                          @keydown.enter.prevent="window.location.href='/collections/their-satanic-majesties-request'"
9072                          @keydown.space.prevent="window.location.href='/collections/their-satanic-majesties-request'"
9073                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9074                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9075                        >
9076                          Their Satanic Majesties Request
9077                        </a>
9078                      </li>
9079                    
9080                      
9081                      
9082                      
9083                      <li
9084                        class="mega-menu__child-item flex "
9085                        role="none"
9086                      >
9087                        <a
9088                          href="/collections/hackney-diamonds"
9089                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9090                          role="menuitem"
9091                          
9092                          :tabindex="activeMenu === id ? '0' : '-1'"
9093                          @keydown.enter.prevent="window.location.href='/collections/hackney-diamonds'"
9094                          @keydown.space.prevent="window.location.href='/collections/hackney-diamonds'"
9095                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9096                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9097                        >
9098                          Hackney Diamonds
9099                        </a>
9100                      </li>
9101                    
9102                      
9103                      
9104                      
9105                      <li
9106                        class="mega-menu__child-item flex "
9107                        role="none"
9108                      >
9109                        <a
9110                          href="/collections/shepherds-bush"
9111                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9112                          role="menuitem"
9113                          
9114                          :tabindex="activeMenu === id ? '0' : '-1'"
9115                          @keydown.enter.prevent="window.location.href='/collections/shepherds-bush'"
9116                          @keydown.space.prevent="window.location.href='/collections/shepherds-bush'"
9117                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9118                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9119                        >
9120                          Welcome to Shepherd's Bush
9121                        </a>
9122                      </li>
9123                    
9124                    <li
9125                      class="mega-menu__child-item"
9126                      role="none"
9127                    >
9128                      <a
9129                        href="/collections/the-rolling-stones-music"
9130                        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-un
9130derline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9131                        role="menuitem"
9132                        :tabindex="activeMenu === id ? '0' : '-1'"
9133                        @keydown.enter.prevent="window.location.href='/collections/the-rolling-stones-music'"
9134                        @keydown.space.prevent="window.location.href='/collections/the-rolling-stones-music'"
9135                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
9136                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
9137                      >
9138                        <span>View All</span>
9139                        <span class="sr-only">Featured</span>
9140                        <span aria-hidden="true">
9141
9142
9143
9144  
9145  
9146  
9147  
9148      
9149          <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">
9150            <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"/>
9151          </svg>
9152        
9153    
9154</span>
9155                      </a>
9156                    </li>
9157                  </ul>
9158                </div>
9159              </div>
9160            
9161          
9162            
9163              
9164
9165              
9166              
9167
9168              <div
9169                class="mega-menu__submenu-item flex"
9170                role="presentation"
9171              >
9172                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
9173                  <div class="mega-menu__submenu--header">
9174                    <a
9175                      href="/collections/the-rolling-stones-music"
9176                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9177                      role="menuitem"
9178                      
9179                      :tabindex="activeMenu === id ? '0' : '-1'"
9180                      @keydown.enter.prevent="window.location.href='/collections/the-rolling-stones-music'"
9181                      @keydown.space.prevent="window.location.href='/collections/the-rolling-stones-music'"
9182                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
9183                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
9184                    >
9185                      Collections & Compilations
9186                    </a>
9187                  </div>
9188
9189                  <ul
9190                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
9191                    role="menu"
9192                    aria-label="Collections &amp; Compilations menu"
9193                  >
9194                    
9195                      
9196                      
9197                      
9198                      <li
9199                        class="mega-menu__child-item flex "
9200                        role="none"
9201                      >
9202                        <a
9203                          href="/collections/got-live-if-you-want-it"
9204                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9205                          role="menuitem"
9206                          
9207                          :tabindex="activeMenu === id ? '0' : '-1'"
9208                          @keydown.enter.prevent="window.location.href='/collections/got-live-if-you-want-it'"
9209                          @keydown.space.prevent="window.location.href='/collections/got-live-if-you-want-it'"
9210                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9211                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9212                        >
9213                          Got Live If You Want It!
9214                        </a>
9215                      </li>
9216                    
9217                      
9218                      
9219                      
9220                      <li
9221                        class="mega-menu__child-item flex "
9222                        role="none"
9223                      >
9224                        <a
9225                          href="/collections/through-the-past-darkly-big-hits-vol-2"
9226                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9227                          role="menuitem"
9228                          
9229                          :tabindex="activeMenu === id ? '0' : '-1'"
9230                          @keydown.enter.prevent="window.location.href='/collections/through-the-past-darkly-big-hits-vol-2'"
9231                          @keydown.space.prevent="window.location.href='/collections/through-the-past-darkly-big-hits-vol-2'"
9232                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9233                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9234                        >
9235                          Through the Past, Darkly (Big Hits Vol. 2)
9236                        </a>
9237                      </li>
9238                    
9239                      
9240                      
9241                      
9242                      <li
9243                        class="mega-menu__child-item flex "
9244                        role="none"
9245                      >
9246                        <a
9247                          href="/collections/get-yer-ya-yas-out-the-rolling-stones-in-concert"
9248                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9249                          role="menuitem"
9250                          
9251                          :tabindex="activeMenu === id ? '0' : '-1'"
9252                          @keydown.enter.prevent="window.location.href='/collections/get-yer-ya-yas-out-the-rolling-stones-in-concert'"
9253                          @keydown.space.prevent="window.location.href='/collections/get-yer-ya-yas-out-the-rolling-stones-in-concert'"
9254                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9255                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9256                        >
9257                          Get Yer Ya-Ya's Out! The Rolling Stones in Concert
9258                        </a>
9259                      </li>
9260                    
9261                      
9262                      
9263                      
9264                      <li
9265                        class="mega-menu__child-item flex "
9266                        role="none"
9267                      >
9268                        <a
9269                          href="/collections/hot-rocks-1964-1971"
9270                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9271                          role="menuitem"
9272                          
9273                          :tabindex="activeMenu === id ? '0' : '-1'"
9274                          @keydown.enter.prevent="window.location.href='/collections/hot-rocks-1964-1971'"
9275                          @keydown.space.prevent="window.location.href='/collections/hot-rocks-1964-1971'"
9276                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9277                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9278                        >
9279                          Hot Rocks 964-1971
9280                        </a>
9281                      </li>
9282                    
9283                      
9284                      
9285                      
9286                      <li
9287                        class="mega-menu__child-item flex "
9288                        role="none"
9289                      >
9290                        <a
9291                          href="/collections/more-hot-rocks-big-hits-fazed-cookies"
9292                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9293                          role="menuitem"
9294                          
9295                          :tabindex="activeMenu === id ? '0' : '-1'"
9296                          @keydown.enter.prevent="window.location.href='/collections/more-hot-rocks-big-hits-fazed-cookies'"
9297                          @keydown.space.prevent="window.location.href='/collections/more-hot-rocks-big-hits-fazed-cookies'"
9298                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9299                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9300                        >
9301                          More Hot Rocks (Big Hits & Fazed Cookies)
9302                        </a>
9303                      </li>
9304                    
9305                      
9306                      
9307                      
9308                      <li
9309                        class="mega-menu__child-item flex "
9310                        role="none"
9311                      >
9312                        <a
9313                          href="/collections/love-you-live"
9314                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9315                          role="menuitem"
9316                          
9317                          :tabindex="activeMenu === id ? '0' : '-1'"
9318                          @keydown.enter.prevent="window.location.href='/collections/love-you-live'"
9319                          @keydown.space.prevent="window.location.href='/collections/love-you-live'"
9320                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9321                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9322                        >
9323                          Love You Live
9324                        </a>
9325                      </li>
9326                    
9327                      
9328                      
9329                      
9330                      <li
9331                        class="mega-menu__child-item flex "
9332                        role="none"
9333                      >
9334                        <a
9335                          href="/collections/stripped-1995"
9336                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9337                          role="menuitem"
9338                          
9339                          :tabindex="activeMenu === id ? '0' : '-1'"
9340                          @keydown.enter.prevent="window.location.href='/collections/stripped-1995'"
9341                          @keydown.space.prevent="window.location.href='/collections/stripped-1995'"
9342                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9343                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9344                        >
9345                          Stripped
9346                        </a>
9347                      </li>
9348                    
9349                      
9350                      
9351                      
9352                      <li
9353                        class="mega-menu__child-item flex "
9354                        role="none"
9355                      >
9356                        <a
9357                          href="/collections/forty-licks"
9358                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9359                          role="menuitem"
9360                          
9361                          :tabindex="activeMenu === id ? '0' : '-1'"
9362                          @keydown.enter.prevent="window.location.href='/collections/forty-licks'"
9363                          @keydown.space.prevent="window.location.href='/collections/forty-licks'"
9364                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9365                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9366                        >
9367                          Forty Licks
9368                        </a>
9369                      </li>
9370                    
9371                    <li
9372                      class="mega-menu__child-item"
9373                      role="none"
9374                    >
9375                      <a
9376                        href="/collections/the-rolling-stones-music"
9377                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[
9377var(--border-default-width)] underline-offset-[4px]"
9378                        role="menuitem"
9379                        :tabindex="activeMenu === id ? '0' : '-1'"
9380                        @keydown.enter.prevent="window.location.href='/collections/the-rolling-stones-music'"
9381                        @keydown.space.prevent="window.location.href='/collections/the-rolling-stones-music'"
9382                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
9383                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
9384                      >
9385                        <span>View All</span>
9386                        <span class="sr-only">Collections & Compilations</span>
9387                        <span aria-hidden="true">
9388
9389
9390
9391  
9392  
9393  
9394  
9395      
9396          <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">
9397            <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"/>
9398          </svg>
9399        
9400    
9401</span>
9402                      </a>
9403                    </li>
9404                  </ul>
9405                </div>
9406              </div>
9407            
9408          
9409            
9410              
9411
9412              
9413              
9414
9415              <div
9416                class="mega-menu__submenu-item flex"
9417                role="presentation"
9418              >
9419                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
9420                  <div class="mega-menu__submenu--header">
9421                    <a
9422                      href="/collections/the-rolling-stones-music"
9423                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9424                      role="menuitem"
9425                      
9426                      :tabindex="activeMenu === id ? '0' : '-1'"
9427                      @keydown.enter.prevent="window.location.href='/collections/the-rolling-stones-music'"
9428                      @keydown.space.prevent="window.location.href='/collections/the-rolling-stones-music'"
9429                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
9430                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
9431                    >
9432                      All Albums
9433                    </a>
9434                  </div>
9435
9436                  <ul
9437                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
9438                    role="menu"
9439                    aria-label="All Albums menu"
9440                  >
9441                    
9442                      
9443                      
9444                      
9445                      <li
9446                        class="mega-menu__child-item flex "
9447                        role="none"
9448                      >
9449                        <a
9450                          href="/collections/the-rolling-stones"
9451                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9452                          role="menuitem"
9453                          
9454                          :tabindex="activeMenu === id ? '0' : '-1'"
9455                          @keydown.enter.prevent="window.location.href='/collections/the-rolling-stones'"
9456                          @keydown.space.prevent="window.location.href='/collections/the-rolling-stones'"
9457                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9458                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9459                        >
9460                          The Rolling Stones
9461                        </a>
9462                      </li>
9463                    
9464                      
9465                      
9466                      
9467                      <li
9468                        class="mega-menu__child-item flex "
9469                        role="none"
9470                      >
9471                        <a
9472                          href="/collections/the-rolling-stones-no-2"
9473                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9474                          role="menuitem"
9475                          
9476                          :tabindex="activeMenu === id ? '0' : '-1'"
9477                          @keydown.enter.prevent="window.location.href='/collections/the-rolling-stones-no-2'"
9478                          @keydown.space.prevent="window.location.href='/collections/the-rolling-stones-no-2'"
9479                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9480                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9481                        >
9482                          The Rolling Stones No.2
9483                        </a>
9484                      </li>
9485                    
9486                      
9487                      
9488                      
9489                      <li
9490                        class="mega-menu__child-item flex "
9491                        role="none"
9492                      >
9493                        <a
9494                          href="/collections/out-of-our-heads"
9495                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9496                          role="menuitem"
9497                          
9498                          :tabindex="activeMenu === id ? '0' : '-1'"
9499                          @keydown.enter.prevent="window.location.href='/collections/out-of-our-heads'"
9500                          @keydown.space.prevent="window.location.href='/collections/out-of-our-heads'"
9501                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9502                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9503                        >
9504                          Out of Our Heads
9505                        </a>
9506                      </li>
9507                    
9508                      
9509                      
9510                      
9511                      <li
9512                        class="mega-menu__child-item flex "
9513                        role="none"
9514                      >
9515                        <a
9516                          href="/collections/decembers-children-and-everybodys"
9517                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9518                          role="menuitem"
9519                          
9520                          :tabindex="activeMenu === id ? '0' : '-1'"
9521                          @keydown.enter.prevent="window.location.href='/collections/decembers-children-and-everybodys'"
9522                          @keydown.space.prevent="window.location.href='/collections/decembers-children-and-everybodys'"
9523                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9524                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9525                        >
9526                          December's Children (And Everybody's)
9527                        </a>
9528                      </li>
9529                    
9530                      
9531                      
9532                      
9533                      <li
9534                        class="mega-menu__child-item flex "
9535                        role="none"
9536                      >
9537                        <a
9538                          href="/collections/aftermath"
9539                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9540                          role="menuitem"
9541                          
9542                          :tabindex="activeMenu === id ? '0' : '-1'"
9543                          @keydown.enter.prevent="window.location.href='/collections/aftermath'"
9544                          @keydown.space.prevent="window.location.href='/collections/aftermath'"
9545                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9546                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9547                        >
9548                          Aftermath
9549                        </a>
9550                      </li>
9551                    
9552                      
9553                      
9554                      
9555                      <li
9556                        class="mega-menu__child-item flex "
9557                        role="none"
9558                      >
9559                        <a
9560                          href="/collections/between-the-buttons"
9561                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9562                          role="menuitem"
9563                          
9564                          :tabindex="activeMenu === id ? '0' : '-1'"
9565                          @keydown.enter.prevent="window.location.href='/collections/between-the-buttons'"
9566                          @keydown.space.prevent="window.location.href='/collections/between-the-buttons'"
9567                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9568                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9569                        >
9570                          Between the Buttons
9571                        </a>
9572                      </li>
9573                    
9574                      
9575                      
9576                      
9577                      <li
9578                        class="mega-menu__child-item flex "
9579                        role="none"
9580                      >
9581                        <a
9582                          href="/collections/their-satanic-majesties-request"
9583                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9584                          role="menuitem"
9585                          
9586                          :tabindex="activeMenu === id ? '0' : '-1'"
9587                          @keydown.enter.prevent="window.location.href='/collections/their-satanic-majesties-request'"
9588                          @keydown.space.prevent="window.location.href='/collections/their-satanic-majesties-request'"
9589                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9590                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9591                        >
9592                          Their Satanic Majesties Request
9593                        </a>
9594                      </li>
9595                    
9596                      
9597                      
9598                      
9599                      <li
9600                        class="mega-menu__child-item flex "
9601                        role="none"
9602                      >
9603                        <a
9604                          href="/collections/beggars-banquet"
9605                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9606                          role="menuitem"
9607                          
9608                          :tabindex="activeMenu === id ? '0' : '-1'"
9609                          @keydown.enter.prevent="window.location.href='/collections/beggars-banquet'"
9610                          @keydown.space.prevent="window.location.href='/collections/beggars-banquet'"
9611                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9612                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9613                        >
9614                          Beggars Banquet
9615                        </a>
9616                      </li>
9617                    
9618                      
9619                      
9620                      
9621                      <li
9622                        class="mega-menu__child-item flex "
9623                        role="none"
9624                      >
9625                        <a
9626                          href="/collections/let-it-bleed"
9627                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9628                          role="menuitem"
9629                          
9630                          :tabindex="activeMenu === id ? '0' : '-1'"
9631                          @keydown.enter.prevent="window.location.href='/collections/let-it-bleed'"
9632                          @keydown.space.prevent="window.lo
9632cation.href='/collections/let-it-bleed'"
9633                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9634                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9635                        >
9636                          Let It Bleed
9637                        </a>
9638                      </li>
9639                    
9640                      
9641                      
9642                      
9643                      <li
9644                        class="mega-menu__child-item flex "
9645                        role="none"
9646                      >
9647                        <a
9648                          href="/collections/sticky-fingers-1"
9649                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9650                          role="menuitem"
9651                          
9652                          :tabindex="activeMenu === id ? '0' : '-1'"
9653                          @keydown.enter.prevent="window.location.href='/collections/sticky-fingers-1'"
9654                          @keydown.space.prevent="window.location.href='/collections/sticky-fingers-1'"
9655                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9656                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9657                        >
9658                          Sticky Fingers
9659                        </a>
9660                      </li>
9661                    
9662                      
9663                      
9664                      
9665                      <li
9666                        class="mega-menu__child-item flex "
9667                        role="none"
9668                      >
9669                        <a
9670                          href="/collections/exile-on-main-st"
9671                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9672                          role="menuitem"
9673                          
9674                          :tabindex="activeMenu === id ? '0' : '-1'"
9675                          @keydown.enter.prevent="window.location.href='/collections/exile-on-main-st'"
9676                          @keydown.space.prevent="window.location.href='/collections/exile-on-main-st'"
9677                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9678                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9679                        >
9680                          Exile on Main St.
9681                        </a>
9682                      </li>
9683                    
9684                      
9685                      
9686                      
9687                      <li
9688                        class="mega-menu__child-item flex "
9689                        role="none"
9690                      >
9691                        <a
9692                          href="/collections/goat-head-soup"
9693                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9694                          role="menuitem"
9695                          
9696                          :tabindex="activeMenu === id ? '0' : '-1'"
9697                          @keydown.enter.prevent="window.location.href='/collections/goat-head-soup'"
9698                          @keydown.space.prevent="window.location.href='/collections/goat-head-soup'"
9699                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9700                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9701                        >
9702                          Goats Head Soup
9703                        </a>
9704                      </li>
9705                    
9706                      
9707                      
9708                      
9709                      <li
9710                        class="mega-menu__child-item flex "
9711                        role="none"
9712                      >
9713                        <a
9714                          href="/collections/its-only-rock-n-roll"
9715                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9716                          role="menuitem"
9717                          
9718                          :tabindex="activeMenu === id ? '0' : '-1'"
9719                          @keydown.enter.prevent="window.location.href='/collections/its-only-rock-n-roll'"
9720                          @keydown.space.prevent="window.location.href='/collections/its-only-rock-n-roll'"
9721                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9722                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9723                        >
9724                          It's Only Rock 'n Roll
9725                        </a>
9726                      </li>
9727                    
9728                      
9729                      
9730                      
9731                      <li
9732                        class="mega-menu__child-item flex "
9733                        role="none"
9734                      >
9735                        <a
9736                          href="/collections/black-and-blue"
9737                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9738                          role="menuitem"
9739                          
9740                          :tabindex="activeMenu === id ? '0' : '-1'"
9741                          @keydown.enter.prevent="window.location.href='/collections/black-and-blue'"
9742                          @keydown.space.prevent="window.location.href='/collections/black-and-blue'"
9743                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9744                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9745                        >
9746                          Black and Blue
9747                        </a>
9748                      </li>
9749                    
9750                      
9751                      
9752                      
9753                      <li
9754                        class="mega-menu__child-item flex "
9755                        role="none"
9756                      >
9757                        <a
9758                          href="/collections/some-girls"
9759                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9760                          role="menuitem"
9761                          
9762                          :tabindex="activeMenu === id ? '0' : '-1'"
9763                          @keydown.enter.prevent="window.location.href='/collections/some-girls'"
9764                          @keydown.space.prevent="window.location.href='/collections/some-girls'"
9765                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9766                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9767                        >
9768                          Some Girls
9769                        </a>
9770                      </li>
9771                    
9772                      
9773                      
9774                      
9775                      <li
9776                        class="mega-menu__child-item flex "
9777                        role="none"
9778                      >
9779                        <a
9780                          href="/collections/emotional-rescue-1"
9781                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9782                          role="menuitem"
9783                          
9784                          :tabindex="activeMenu === id ? '0' : '-1'"
9785                          @keydown.enter.prevent="window.location.href='/collections/emotional-rescue-1'"
9786                          @keydown.space.prevent="window.location.href='/collections/emotional-rescue-1'"
9787                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9788                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9789                        >
9790                          Emotional Rescue
9791                        </a>
9792                      </li>
9793                    
9794                      
9795                      
9796                      
9797                      <li
9798                        class="mega-menu__child-item flex "
9799                        role="none"
9800                      >
9801                        <a
9802                          href="/collections/tattoo-you"
9803                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9804                          role="menuitem"
9805                          
9806                          :tabindex="activeMenu === id ? '0' : '-1'"
9807                          @keydown.enter.prevent="window.location.href='/collections/tattoo-you'"
9808                          @keydown.space.prevent="window.location.href='/collections/tattoo-you'"
9809                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9810                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9811                        >
9812                          Tattoo You
9813                        </a>
9814                      </li>
9815                    
9816                      
9817                      
9818                      
9819                      <li
9820                        class="mega-menu__child-item flex "
9821                        role="none"
9822                      >
9823                        <a
9824                          href="/collections/undercover"
9825                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9826                          role="menuitem"
9827                          
9828                          :tabindex="activeMenu === id ? '0' : '-1'"
9829                          @keydown.enter.prevent="window.location.href='/collections/undercover'"
9830                          @keydown.space.prevent="window.location.href='/collections/undercover'"
9831                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9832                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9833                        >
9834                          Undercover
9835                        </a>
9836                      </li>
9837                    
9838                      
9839                      
9840                      
9841                      <li
9842                        class="mega-menu__child-item flex "
9843                        role="none"
9844                      >
9845                        <a
9846                          href="/collections/dirty-work"
9847                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9848                          role="menuitem"
9849                          
9850                          :tabindex="activeMenu === id ? '0' : '-1'"
9851                          @keydown.enter.prevent="window.location.href='/collections/dirty-work'"
9852                          @keydown.space.prevent="window.location.href='/collections/dirty-work'"
9853                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9854                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9855                        >
9856                          Dirty Work
9857                        </a>
9858                      </li>
9859                    
9860                      
9861                      
9862                      
9863                      <li
9864                        class="mega-menu__child-item flex "
9865                        role="none"
9866                      >
9867                        <a
9868                          href="/collections/steel-wheels-1"
9869                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9870                          role="menuitem"
9871                          
9872                          :tabindex="activeMenu === id ? '0' : '-1'"
9873                          @keydown.enter.prevent="window.location.href='/collections/steel-wheels-1'"
9874                          @keydown.space.prevent="window.location.href='/collections/steel-wheels-1'"
9875                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9876                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9877                        >
9878                          Steel Wheels
9879                        </a>
9880                      </li>
9881                    
9882                      
9883                      
9884                      
9885                      <li
9886                        class="mega-menu__child-item flex "
9887                        role="none"
9888                      >
9889                        <a
9890                          href="/collections/voodoo-lounge"
9891                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9892                          role="menuitem"
9893                          
9894                          :tabindex="activeMenu === id ? '0' : '-1'"
9895                          @keydown.enter.prevent="window.location.href='/collections/voodoo-lounge'"
9896                          @keydown.space.prevent="window.location.href='/collections/voodoo-lounge'"
9897                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9898                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9899                        >
9900                          Voodoo Lounge
9901                        </a>
9902                      </li>
9903                    
9904                      
9905                      
9906                      
9907                      <li
9908                        class="mega-menu__child-item flex "
9909                        role="none"
9910                      >
9911                        <a
9912                          href="/collections/bridges-to-babylon"
9913                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9914                          role="menuitem"
9915                          
9916                          :tabindex="activeMenu === id ? '0' : '-1'"
9917                          @keydown.enter.prevent="window.location.href='/collections/bridges-to-babylon'"
9918                          @keydown.space.prevent="window.location.href='/collections/bridges-to-babylon'"
9919                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9920                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9921                        >
9922                          Bridges to Babylon
9923                        </a>
9924                      </li>
9925                    
9926                      
9927                      
9928                      
9929                      <li
9930                        class="mega-menu__child-item flex "
9931                        role="none"
9932                      >
9933                        <a
9934                          href="/collections/a-bigger-bang"
9935                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9936                          role="menuitem"
9937                          
9938                          :tabindex="activeMenu === id ? '0' : '-1'"
9939                          @keydown.enter.prevent="window.location.href='/collections/a-bigger-bang'"
9940                          @keydown.space.prevent="window.location.href='/collections/a-bigger-bang'"
9941                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9942                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9943                        >
9943
9944                          A Bigger Bang
9945                        </a>
9946                      </li>
9947                    
9948                      
9949                      
9950                      
9951                      <li
9952                        class="mega-menu__child-item flex "
9953                        role="none"
9954                      >
9955                        <a
9956                          href="/collections/blue-lonesome"
9957                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9958                          role="menuitem"
9959                          
9960                          :tabindex="activeMenu === id ? '0' : '-1'"
9961                          @keydown.enter.prevent="window.location.href='/collections/blue-lonesome'"
9962                          @keydown.space.prevent="window.location.href='/collections/blue-lonesome'"
9963                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9964                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9965                        >
9966                          Blue & Lonesome
9967                        </a>
9968                      </li>
9969                    
9970                      
9971                      
9972                      
9973                      <li
9974                        class="mega-menu__child-item flex "
9975                        role="none"
9976                      >
9977                        <a
9978                          href="/collections/hackney-diamonds"
9979                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
9980                          role="menuitem"
9981                          
9982                          :tabindex="activeMenu === id ? '0' : '-1'"
9983                          @keydown.enter.prevent="window.location.href='/collections/hackney-diamonds'"
9984                          @keydown.space.prevent="window.location.href='/collections/hackney-diamonds'"
9985                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
9986                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
9987                        >
9988                          Hackney Diamonds
9989                        </a>
9990                      </li>
9991                    
9992                      
9993                      
9994                      
9995                      <li
9996                        class="mega-menu__child-item flex "
9997                        role="none"
9998                      >
9999                        <a
10000                          href="/collections/fearless-anthology-1965-2025"
10001                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10002                          role="menuitem"
10003                          
10004                          :tabindex="activeMenu === id ? '0' : '-1'"
10005                          @keydown.enter.prevent="window.location.href='/collections/fearless-anthology-1965-2025'"
10006                          @keydown.space.prevent="window.location.href='/collections/fearless-anthology-1965-2025'"
10007                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10008                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10009                        >
10010                          Fearless Anthology
10011                        </a>
10012                      </li>
10013                    
10014                    <li
10015                      class="mega-menu__child-item"
10016                      role="none"
10017                    >
10018                      <a
10019                        href="/collections/the-rolling-stones-music"
10020                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10021                        role="menuitem"
10022                        :tabindex="activeMenu === id ? '0' : '-1'"
10023                        @keydown.enter.prevent="window.location.href='/collections/the-rolling-stones-music'"
10024                        @keydown.space.prevent="window.location.href='/collections/the-rolling-stones-music'"
10025                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
10026                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
10027                      >
10028                        <span>View All</span>
10029                        <span class="sr-only">All Albums</span>
10030                        <span aria-hidden="true">
10031
10032
10033
10034  
10035  
10036  
10037  
10038      
10039          <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">
10040            <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"/>
10041          </svg>
10042        
10043    
10044</span>
10045                      </a>
10046                    </li>
10047                  </ul>
10048                </div>
10049              </div>
10050            
10051          
10052
10053          
10054            
10055            
10056            
10057          
10058        </div>
10059      
10060      
10061        
10062
10063
10064
10065
10066
10067
10068
10069
10070
10071
10072
10073
10074
10075<div class="mega-menu__promo-tiles flex flex-row content-stretch flex-wrap gap-x-sm-md gap-y-sm-xl md:max-w-[70%] md:min-w-[70%] lg:max-w-[50%] lg:min-w-[50%] xl:max-w-[40%] xl:min-w-[40%]">
10076  
10077    
10078    
10079    
10080
10081
10082
10083  
10084
10085
10086
10087
10088
10089
10090
10091
10092
10093
10094
10095
10096
10097
10098
10099<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
10100  
10101    <a href="/collections/foreign-tongues" class="h-full" aria-label="Foreign Tongues">
10102  
10103  <div class="flex flex-col relative h-full">
10104    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
10105      
10106
10107
10108
10109
10110
10111
10112
10113
10114
10115
10116
10117
10118
10119
10120
10121  
10122<img src="//therollingstonesshop.com/cdn/shop/files/storebanners1080-x-1080.jpg?v=1777988435&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/storebanners1080-x-1080.jpg?v=1777988435&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/storebanners1080-x-1080.jpg?v=1777988435&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/storebanners1080-x-1080.jpg?v=1777988435&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
10123
10124
10125
10126
10127    </div>
10128    
10129    
10130      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Foreign Tongues</h4>
10131    
10132    
10133      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
10134        View Collection
10135        
10136          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
10137
10138
10139
10140  
10141  
10142  
10143  
10144      
10145          <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">
10146            <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"/>
10147          </svg>
10148        
10149    
10150</span>
10151        
10152      </span>
10153    
10154  </div>
10155  
10156  
10157    </a>
10158  
10159</div>
10160
10161  
10162
10163  
10164    
10165    
10166    
10167
10168
10169
10170  
10171
10172
10173
10174
10175
10176
10177
10178
10179
10180
10181
10182
10183
10184
10185
10186<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
10187  
10188    <a href="/collections/hackney-diamonds" class="h-full" aria-label="Hackney Diamonds">
10189  
10190  <div class="flex flex-col relative h-full">
10191    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
10192      
10193
10194
10195
10196
10197
10198
10199
10200
10201
10202
10203
10204
10205
10206
10207
10208  
10209<img src="//therollingstonesshop.com/cdn/shop/files/Stones-Tour_039.jpg?v=1769790427&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/Stones-Tour_039.jpg?v=1769790427&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/Stones-Tour_039.jpg?v=1769790427&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/Stones-Tour_039.jpg?v=1769790427&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
10210
10211
10212
10213
10214    </div>
10215    
10216    
10217      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Hackney Diamonds</h4>
10218    
10219    
10220      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
10221        View Collection
10222        
10223          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
10224
10225
10226
10227  
10228  
10229  
10230  
10231      
10232          <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">
10233            <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"/>
10234          </svg>
10235        
10236    
10237</span>
10238        
10239      </span>
10240    
10241  </div>
10242  
10243  
10244    </a>
10245  
10246</div>
10247
10248  
10249  
10250    
10251    
10252    
10253
10254
10255
10256  
10257
10258
10259
10260
10261
10262
10263
10264
10265
10266
10267
10268
10269
10270
10271
10272<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
10273  
10274    <a href="/collections/black-and-blue" class="h-full" aria-label="Black and Blue">
10275  
10276  <div class="flex flex-col relative h-full">
10277    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
10278      
10279
10280
10281
10282
10283
10284
10285
10286
10287
10288
10289
10290
10291
10292
10293
10294  
10295<img src="//therollingstonesshop.com/cdn/shop/files/TRS_BLUE_20256526.png?v=1769791453&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/TRS_BLUE_20256526.png?v=1769791453&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/TRS_BLUE_20256526.png?v=1769791453&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/TRS_BLUE_20256526.png?v=1769791453&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
10296
10297
10298
10299
10300    </div>
10301    
10302    
10303      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Black and Blue</h4>
10304    
10305    
10306      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
10307        View Collection
10308        
10309          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
10310
10311
10312
10313  
10314  
10315  
10316  
10317      
10318          <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">
10319            <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"/>
10320          </svg>
10321        
10322    
10323</span>
10324        
10325      </span>
10326    
10327  </div>
10328  
10329  
10330    </a>
10331  
10332</div>
10333
10334  
10335  
10336    
10337    
10338    
10339
10340
10341
10342  
10343
10344
10345
10346
10347
10348
10349
10350
10351
10352
10353
10354
10355
10356
10357
10358<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
10359  
10360    <a href="/collections/their-satanic-majesties-request" class="h-full" aria-label="Their Satanic Majesties Request">
10361  
10362  <div class="flex flex-col relative h-full">
10363    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
10364      
10365
10366
10367
10368
10369
10370
10371
10372
10373
10374
10375
10376
10377
10378
10379
10380  
10381<img src="//therollingstonesshop.com/cdn/shop/files/Ringer1_1080x1080_V2_5c8dfd3f-5103-47bc-9be4-a624ad9d47a4.webp?v=1777988316&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/Ringer1_1080x1080_V2_5c8dfd3f-5103-47bc-9be4-a624ad9d47a4.webp?v=1777988316&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/Ringer1_1080x1080_V2_5c8dfd3f-5103-47bc-9be4-a624ad9d47a4.webp?v=1777988316&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/Ringer1_1080x1080_V2_5c8dfd3f-5103-47bc-9be4-a624ad9d47a4.webp?v=1777988316&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
10382
10383
10384
10385
10386    </div>
10387    
10388    
10389      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Their Satanic Majesties Request</h4>
10390    
10391    
10392      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
10393        View Collection
10394        
10395          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
10396
10397
10398
10399  
10400  
10401  
10402  
10403      
10404          <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">
10405            <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"/>
10406          </svg>
10407        
10408    
10409</span>
10410        
10411      </span>
10412    
10413  </div>
10414  
10415  
10416    </a>
10417  
10418</div>
10419
10420  
10421  
10422</div>
10423      
10424    </div>
10425  </div>
10426</template>
10427
10428                  
10429            
10430
10431            
10432          
10433        </li>
10434      
10435        
10436
10437        
10438        
10439        
10440
10441        
10442        
10443
10444        <li class="mega-menu__primary-item grow-0 "
10445          x-data="{ id: 'music' }"
10446          role="none"
10447          
10448            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
10449          
10450        >
10451          <button
10452            
10453            
10454            :id="'button-' + id"
10455            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: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"
10456            
10457              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
10458              :aria-expanded="activeMenu === id ? 'true' : 'false'"
10459              aria-haspopup="true"
10460              :aria-controls="'dropdown-' + id"
10461              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
10462              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
10463            
10464            role="menuitem"
10465          >
10466            Music
10467            
10468              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
10469                
10470
10471
10472
10473  
10474  
10475  
10476  
10477      
10478          <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">
10479            <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"/>
10480          </svg>
10481        
10482    
10483
10484              </span>
10485            
10486          </button>
10487
10488          
10489            
10490            
10491              
10492                
10493              
10494                
10495                  
10496                  
10497
10498
10499
10500
10501
10502
10503
10504
10505
10506
10507
10508
10509
10510
10511
10512
10513
10514
10515
10516
10517
10518
10519
10520
10521
10522
10523
10524
10525
10526
10527
10528
10529
10530
10531
10532
10533
10534
10535
10536
10537
10538
10539
10540
10541
10542
10543
10544
10545
10546
10547
10548
10549
10550
10551
10552
10553
10554
10555
10556
10557
10558
10559
10560
10561
10562
10563
10564
10565
10566
10567
10568
10569
10570
10571
10572
10573<!-- append mega menu panel to header wrapper -->
10574<template x-teleport="#header-md-wrapper--22910431559877">
10575  <div
10576    
10577    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-surface c-text-on-surface"
10578    x-cloak
10579    x-show="activeMenu === id"
10580    x-trap.noscroll="activeMenu === id"
10581    role="region"
10582    :id="'panel-' + id"
10583    :aria-labelledby="'button-' + id"
10584    x-effect="
10585      if (activeMenu === id) {
10586        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--22910431559877')?.offsetHeight + 'px')
10587      }
10588    "
10589    @resize.window="
10590      if (activeMenu === id) {
10591        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--22910431559877')?.offsetHeight + 'px')
10592      }
10593    "
10594    x-transition:enter="transition ease-out duration-200"
10595    x-transition:enter-start="opacity-0 -translate-y-1"
10596    x-transition:enter-end="opacity-100 translate-y-0"
10597    x-transition:leave="transition ease-in duration-150"
10598    x-transition:leave-start="opacity-100 translate-y-0"
10599    x-transition:leave-end="opacity-0 -translate-y-1"
10600    @keydown.escape.prevent.stop="close()"
10601    @click.away="close()"
10602  >
10603    <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-full px-container-sm flex justify-center items-start gap-sm-lg">
10604      
10605      
10606        <div
10607          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"
10608          role="presentation"
10609        >
10610          
10611          
10612            
10613              
10614
10615              
10616              
10617
10618              <div
10619                class="mega-menu__submenu-item flex"
10620                role="presentation"
10621              >
10622                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
10623                  <div class="mega-menu__submenu--header">
10624                    <a
10625                      href="/collections/box-sets"
10626                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10627                      role="menuitem"
10628                      
10629                      :tabindex="activeMenu === id ? '0' : '-1'"
10630                      @keydown.enter.prevent="window.location.href='/collections/box-sets'"
10631                      @keydown.space.prevent="window.location.href='/collections/box-sets'"
10632                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
10633                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
10634                    >
10635                      Box Sets
10636                    </a>
10637                  </div>
10638
10639                  <ul
10640                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
10641                    role="menu"
10642                    aria-label="Box Sets menu"
10643                  >
10644                    
10645                      
10646                      
10647                      
10648                      <li
10649                        class="mega-menu__child-item flex "
10650                        role="none"
10651                      >
10652                        <a
10653                          href="/collections/super-deluxe-editions"
10654                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10655                          role="menuitem"
10656                          
10657                          :tabindex="activeMenu === id ? '0' : '-1'"
10658                          @keydown.enter.prevent="window.location.href='/collections/super-deluxe-editions'"
10659                          @keydown.space.prevent="window.location.href='/collections/super-deluxe-editions'"
10660                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10661                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10662                        >
10663                          Super Deluxe Editions
10664                        </a>
10665                      </li>
10666                    
10667                      
10668                      
10669                      
10670                      <li
10671                        class="mega-menu__child-item flex "
10672                        role="none"
10673                      >
10674                        <a
10675                          href="/collections/vinyl-box-sets"
10676                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10677                          role="menuitem"
10678                          
10679                          :tabindex="activeMenu === id ? '0' : '-1'"
10680                          @keydown.enter.prevent="window.location.href='/collections/vinyl-box-sets'"
10681                          @keydown.space.prevent="window.location.href='/collections/vinyl-box-sets'"
10682                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10683                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10684                        >
10685                          Vinyl Box Sets
10686                        </a>
10687                      </li>
10688                    
10689                      
10690                      
10691                      
10692                      <li
10693                        class="mega-menu__child-item flex "
10694                        role="none"
10695                      >
10696                        <a
10697                          href="/collections/cd-box-sets"
10698                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10699                          role="menuitem"
10700                          
10701                          :tabindex="activeMenu === id ? '0' : '-1'"
10702                          @keydown.enter.prevent="window.location.href='/collections/cd-box-sets'"
10703                          @keydown.space.prevent="window.location.href='/collections/cd-box-sets'"
10704                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10705                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10706                        >
10707                          CD Box Sets
10708                        </a>
10709                      </li>
10710                    
10711                      
10712                      
10713                      
10714                      <li
10715                        class="mega-menu__child-item flex "
10716                        role="none"
10717                      >
10718                        <a
10719                          href="/collections/bundles"
10720                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10721                          role="menuitem"
10722                          
10723                          :tabindex="activeMenu === id ? '0' : '-1'"
10724                          @keydown.enter.prevent="window.location.href='/collections/bundles'"
10725                          @keydown.space.prevent="window.location.href='/collections/bundles'"
10726                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10727                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10728                        >
10729                          Music & Merch Bundles
10730                        </a>
10731                      </li>
10732                    
10733                    <li
10734                      class="mega-menu__child-item"
10735                      role="none"
10736                    >
10737                      <a
10738                        href="/collections/box-sets"
10739                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10740                        role="menuitem"
10741                        :tabindex="activeMenu === id ? '0' : '-1'"
10742                        @keydown.enter.prevent="window.location.href='/collections/box-sets'"
10743                        @keydown.space.prevent="window.location.href='/collections/box-sets'"
10744                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
10745                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
10746                      >
10747                        <span>View All</span>
10748                        <span class="sr-only">Box Sets</span>
10749                        <span aria-hidden="true">
10750
10751
10752
10753  
10754  
10755  
10756  
10757      
10758          <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">
10759            <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"/>
10760          </svg>
10761        
10762    
10763</span>
10764                      </a>
10765                    </li>
10766                  </ul>
10767                </div>
10768              </div>
10769            
10770          
10771            
10772              
10773
10774              
10775              
10776
10777              <div
10778                class="mega-menu__submenu-item flex"
10779                role="presentation"
10780              >
10781                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
10782                  <div class="mega-menu__submenu--header">
10783                    <a
10784                      href="/collections/vinyl"
10785                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10786                      role="menuitem"
10787                      
10788                      :tabindex="activeMenu === id ? '0' : '-1'"
10789                      @keydown.enter.prevent="window.location.href='/collections/vinyl'"
10790                      @keydown.space.prevent="window.location.href='/collections/vinyl'"
10791                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
10792                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
10793                    >
10794                      Vinyl
10795                    </a>
10796                  </div>
10797
10798                  <ul
10799                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
10800                    role="menu"
10801                    aria-label="Vinyl menu"
10802                  >
10803                    
10804                      
10805                      
10806                      
10807                      <li
10808                        class="mega-menu__child-item flex "
10809                        role="none"
10810                      >
10811                        <a
10812                          href="/collections/1-lps"
10813                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10814                          role="menuitem"
10815                          
10816                          :tabindex="activeMenu === id ? '0' : '-1'"
10817                          @keydown.enter.prevent="window.location.href='/collections/1-lps'"
10818                          @keydown.space.prevent="window.location.href='/collections/1-lps'"
10819                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10820                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10821                        >
10822                          1LPs
10823                        </a>
10824                      </li>
10825                    
10826                      
10827                      
10828                      
10829                      <li
10830                        class="mega-menu__child-item flex "
10831                        role="none"
10832                      >
10833                        <a
10834                          href="/collections/2lps"
10835                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10836                          role="menuitem"
10837                          
10838                          :tabindex="activeMenu === id ? '0' : '-1'"
10839                          @keydown.enter.prevent="window.location.href='/collections/2lps'"
10840                          @keydown.space.prevent="window.location.href='/collections/2lps'"
10841                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10842                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10843                        >
10844                          2LPs
10845                        </a>
10846                      </li>
10847                    
10848                      
10849                      
10850                      
10851                      <li
10852                        class="mega-menu__child-item flex "
10853                        role="none"
10854                      >
10855                        <a
10856                          href="/collections/3-lps"
10857                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10858                          role="menuitem"
10859                          
10860                          :tabindex="activeMenu === id ? '0' : '-1'"
10861                          @keydown.enter.prevent="window.location.href='/collections/3-lps'"
10862                          @keydown.space.prevent="window.location.href='/collections/3-lps'"
10863                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10864                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10865                        >
10866                          3LPs
10867                        </a>
10868                      </li>
10869                    
10870                      
10871                      
10872                      
10873                      <li
10874                        class="mega-menu__child-item flex "
10875                        role="none"
10876                      >
10877                        <a
10878                          href="/collections/4-lps"
10879                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10880                          role="menuitem"
10881                          
10882                          :tabindex="activeMenu === id ? '0' : '-1'"
10883                          @keydown.enter.prevent="window.location.href='/collections/4-lps'"
10884                          @keydown.space.prevent="window.location.href='/collections/4-lps'"
10885                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10886                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10887                        >
10888                          4LPs
10889                        </a>
10890                      </li>
10891                    
10892                      
10893                      
10894                      
10895                      <li
10896                        class="mega-menu__child-item flex "
10897                        role="none"
10898                      >
10899                        <a
10900                          href="/collections/picture-discs"
10901                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10902                          role="menuitem"
10903                          
10904                          :tabindex="activeMenu === id ? '0' : '-1'"
10905                          @keydown.enter.prevent="window.location.href='/collections/picture-discs'"
10906                          @keydown.space.prevent="window.location.href='/collections/picture-discs'"
10907                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10908                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10909                        >
10910                          Picture Discs
10911                        </a>
10912                      </li>
10913                    
10914                      
10915                      
10916                      
10917                      <li
10918                        class="mega-menu__child-item flex "
10919                        role="none"
10920                      >
10921                        <a
10922                          href="/collections/color-vinyl"
10923                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10924                          role="menuitem"
10925                          
10926                          :tabindex="activeMenu === id ? '0' : '-1'"
10927                          @keydown.enter.prevent="window.location.href='/collections/color-vinyl'"
10928                          @keydown.space.prevent="window.location.href='/collections/color-vinyl'"
10929                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10930                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10931                        >
10932                          Colored Vinyl
10933                        </a>
10934                      </li>
10935                    
10936                      
10937                      
10938                      
10939                      <li
10940                        class="mega-menu__child-item flex "
10941                        role="none"
10942                      >
10943                        <a
10944                          href="/collections/7"
10945                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10946                          role="menuitem"
10947                          
10948                          :tabindex="activeMenu === id ? '0' : '-1'"
10949                          @keydown.enter.prevent="window.location.href='/collections/7'"
10950                          @keydown.space.prevent="window.location.href='/collections/7'"
10951                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
10952                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
10953                        >
10954                          7" Singles
10955                        </a>
10956                      </li>
10957                    
10958                    <li
10959                      class="mega-menu__child-item"
10960                      role="none"
10961                    >
10962                      <a
10963                        href="/collections/vinyl"
10964                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
10965                        role="menuitem"
10966                        :tabindex="activeMenu === id ? '0' : '-1'"
10967                        @keydown.enter.prevent="window.location.href='/collections/vinyl'"
10968                        @keydown.space.prevent="window.location.href='/collections/vinyl'"
10969                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
10970                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
10971                      >
10972                        <span>View All</span>
10973                        <span class="sr-only">Vinyl</span>
10974                        <span aria-hidden="true">
10975
10976
10977
10978  
10979  
10980  
10981  
10982      
10983          <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">
10984            <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"/>
10985          </svg>
10986        
10987    
10988</span>
10989                      </a>
10990                    </li>
10991                  </ul>
10992                </div>
10993              </div>
10994            
10995          
10996            
10997              
10998
10999              
11000              
11001
11002              <div
11003                class="mega-menu__submenu-item flex"
11004                role="presentation"
11005              >
11006                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
11007                  <div class="mega-menu__submenu--header">
11008                    <a
11009                      href="/collections/cds-cassettes"
11010                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11011                      role="menuitem"
11012                      
11013                      :tabindex="activeMenu === id ? '0' : '-1'"
11014                      @keydown.enter.prevent="window.location.href='/collections/cds-cassettes'"
11015                      @keydown.space.prevent="window.location.href='/collections/cds-cassettes'"
11016                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
11017                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
11018                    >
11019                      CDs & Cassettes
11020                    </a>
11021                  </div>
11022
11023                  <ul
11024                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
11025                    role="menu"
11026                    aria-label="CDs &amp; Cassettes menu"
11027                  >
11028                    
11029                      
11030                      
11031                      
11032                      <li
11033                        class="mega-menu__child-item flex "
11034                        role="none"
11035                      >
11036                        <a
11037                          href="/collections/cds-1"
11038                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11039                          role="menuitem"
11040                          
11041                          :tabindex="activeMenu === id ? '0' : '-1'"
11042                          @keydown.enter.prevent="window.location.href='/collections/cds-1'"
11043                          @keydown.space.prevent="window.location.href='/collections/cds-1'"
11044                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
11045                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
11046                        >
11047                          CDs
11048                        </a>
11049                      </li>
11050                    
11051                      
11052                      
11053                      
11054                      <li
11055                        class="mega-menu__child-item flex "
11056                        role="none"
11057                      >
11058                        <a
11059                          href="/collections/cd-deluxe-editions-box-sets"
11060                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11061                          role="menuitem"
11062                          
11063                          :tabindex="activeMenu === id ? '0' : '-1'"
11064                          @keydown.enter.prevent="window.location.href='/collections/cd-deluxe-editions-box-sets'"
11065                          @keydown.space.prevent="window.location.href='/collections/cd-deluxe-editions-box-sets'"
11066                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
11067                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
11068                        >
11069                          CD Deluxe Editions & Box Sets
11070                        </a>
11071                      </li>
11072                    
11073                      
11074                      
11075                      
11076                      <li
11077                        class="mega-menu__child-item flex "
11078                        role="none"
11079                      >
11080                        <a
11081                          href="/collections/cd-blu-ray"
11082                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11083                          role="menuitem"
11084                          
11085                          :tabindex="activeMenu === id ? '0' : '-1'"
11086                          @keydown.enter.prevent="window.location.href='/collections/cd-blu-ray'"
11087                          @keydown.space.prevent="window.location.href='/collections/cd-blu-ray'"
11088                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
11089                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
11090                        >
11091                          CD + Blu-ray
11092                        </a>
11093                      </li>
11094                    
11095                      
11096                      
11097                      
11098                      <li
11099                        class="mega-menu__child-item flex "
11100                        role="none"
11101                      >
11102                        <a
11103                          href="/collections/cassette-tapes"
11104                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11105                          role="menuitem"
11106                          
11107                          :tabindex="activeMenu === id ? '0' : '-1'"
11108                          @keydown.enter.prevent="window.location.href='/collections/cassette-tapes'"
11109                          @keydown.space.prevent="window.location.href='/collections/cassette-tapes'"
11110                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
11111                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
11112                        >
11113                          Cassette Tapes
11114                        </a>
11115                      </li>
11116                    
11117                    <li
11118                      class="mega-menu__child-item"
11119                      role="none"
11120                    >
11121                      <a
11122                        href="/collections/cds-cassettes"
11123                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11124                        role="menuitem"
11125                        :tabindex="activeMenu === id ? '0' : '-1'"
11126                        @keydown.enter.prevent="window.location.href='/collections/cds-cassettes'"
11127                        @keydown.space.prevent="window.location.href='/collections/cds-cassettes'"
11128                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
11129                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
11130                      >
11131                        <span>View All</span>
11132                        <span class="sr-only">CDs & Cassettes</span>
11133                        <span aria-hidden="true">
11134
11135
11136
11137  
11138  
11139  
11140  
11141      
11142          <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">
11143            <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"/>
11144          </svg>
11145        
11146    
11147</span>
11148                      </a>
11149                    </li>
11150                  </ul>
11151                </div>
11152              </div>
11153            
11154          
11155            
11156          
11157            
11158              
11159
11160              
11161              
11162
11163              <div
11164                class="mega-menu__submenu-item flex"
11165                role="presentation"
11166              >
11167                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
11168                  <div class="mega-menu__submenu--header">
11169                    <a
11170                      href="/collections/music-accessories"
11171                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11172                      role="menuitem"
11173                      
11174                      :tabindex="activeMenu === id ? '0' : '-1'"
11175                      @keydown.enter.prevent="window.location.href='/collections/music-accessories'"
11176                      @keydown.space.prevent="window.location.href='/collections/music-accessories'"
11177                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
11178                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
11179                    >
11180                      Music Accessories
11181                    </a>
11182                  </div>
11183
11184                  <ul
11185                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
11186                    role="menu"
11187                    aria-label="Music Accessories menu"
11188                  >
11189                    
11190                      
11191                      
11192                      
11193                      <li
11194                        class="mega-menu__child-item flex "
11195                        role="none"
11196                      >
11197                        <a
11198                          href="/collections/slipmats"
11199                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11200                          role="menuitem"
11201                          
11202                          :tabindex="activeMenu === id ? '0' : '-1'"
11203                          @keydown.enter.prevent="window.location.href='/collections/slipmats'"
11204                          @keydown.space.prevent="window.location.href='/collections/slipmats'"
11205                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
11206                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
11207                        >
11208                          Slipmats
11209                        </a>
11210                      </li>
11211                    
11212                      
11213                      
11214                      
11215                      <li
11216                        class="mega-menu__child-item flex "
11217                        role="none"
11218                      >
11219                        <a
11220                          href="/collections/audio-equiptment"
11221                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11222                          role="menuitem"
11223                          
11224                          :tabindex="activeMenu === id ? '0' : '-1'"
11225                          @keydown.enter.prevent="window.location.href='/collections/audio-equiptment'"
11226                          @keydown.space.prevent="window.location.href='/collections/audio-equiptment'"
11227                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
11228                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
11229                        >
11230                          Audio Equipment | Stones x Precious Sounds Stabilizer Set
11231                        </a>
11232                      </li>
11233                    
11234                    <li
11235                      class="mega-menu__child-item"
11236                      role="none"
11237                    >
11238                      <a
11239                        href="/collections/music-accessories"
11240                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11241                        role="menuitem"
11242                        :tabindex="activeMenu === id ? '0' : '-1'"
11243                        @keydown.enter.prevent="window.location.href='/collections/music-accessories'"
11244                        @keydown.space.prevent="window.location.href='/collections/music-accessories'"
11245                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
11246                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
11247                      >
11248                        <span>View All</span>
11249                        <span class="sr-only">Music Accessories</span>
11250                        <span aria-hidden="true">
11251
11252
11253
11254  
11255  
11256  
11257  
11258      
11259          <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">
11260            <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"/>
11261          </svg>
11262        
11263    
11264</span>
11265                      </a>
11266                    </li>
11267                  </ul>
11268                </div>
11269              </div>
11270            
11271          
11272            
11273          
11274
11275          
11276            
11277            
11278            
11279              <div class="mega-menu__submenu-item flex" role="presentation">
11280                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
11281                  
11282                    
11283                  
11284                    
11285                  
11286                    
11287                  
11288                    
11289                      
11290
11291                      
11292                      
11293                      <div class="mega-menu__child-item">
11294                        <a
11295                          href="/collections/dvds-blu-ray"
11296                          class="mega-menu__child-link text_navigation_md text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11297                          role="menuitem"
11298                          
11299                          :tabindex="activeMenu === id ? '0' : '-1'"
11300                          @keydown.enter.prevent="window.location.href='/collections/dvds-blu-ray'"
11301                          @keydown.space.prevent="window.location.href='/collections/dvds-blu-ray'"
11302                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
11303                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
11304                        >
11305                          DVDs & Blu-ray
11306                        </a>
11307                      </div>
11308                    
11309                  
11310                    
11311                  
11312                    
11313                      
11314
11315                      
11316                      
11317                      <div class="mega-menu__child-item">
11318                        <a
11319                          href="/collections/stones-x-mlb"
11320                          class="mega-menu__child-link text_navigation_md text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11321                          role="menuitem"
11322                          
11323                          :tabindex="activeMenu === id ? '0' : '-1'"
11324                          @keydown.enter.prevent="window.location.href='/collections/stones-x-mlb'"
11325                          @keydown.space.prevent="window.location.href='/collections/stones-x-mlb'"
11326                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
11327                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
11328                        >
11329                          MLB Presents
11330                        </a>
11331                      </div>
11332                    
11333                  
11334                </div>
11335              </div>
11336            
11337          
11338        </div>
11339      
11340      
11341        
11342
11343
11344
11345
11346
11347
11348
11349
11350
11351
11352
11353
11354
11355<div class="mega-menu__promo-tiles flex flex-row content-stretch flex-wrap gap-x-sm-md gap-y-sm-xl md:max-w-[70%] md:min-w-[70%] lg:max-w-[50%] lg:min-w-[50%] xl:max-w-[40%] xl:min-w-[40%]">
11356  
11357    
11358    
11359    
11360
11361
11362
11363  
11364
11365
11366
11367
11368
11369
11370
11371
11372
11373
11374
11375
11376
11377
11378
11379<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
11380  
11381    <a href="/collections/vinyl" class="h-full" aria-label="Vinyl">
11382  
11383  <div class="flex flex-col relative h-full">
11384    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
11385      
11386
11387
11388
11389
11390
11391
11392
11393
11394
11395
11396
11397
11398
11399
11400
11401  
11402<img src="//therollingstonesshop.com/cdn/shop/files/HOLIDAY_GIFT_GUUDE_OCT6th0019tt.webp?v=1789173358&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/HOLIDAY_GIFT_GUUDE_OCT6th0019tt.webp?v=1789173358&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/HOLIDAY_GIFT_GUUDE_OCT6th0019tt.webp?v=1789173358&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/HOLIDAY_GIFT_GUUDE_OCT6th0019tt.webp?v=1789173358&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
11403
11404
11405
11406
11407    </div>
11408    
11409    
11410      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Vinyl</h4>
11411    
11412    
11413      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
11414        View Collection
11415        
11416          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
11417
11418
11419
11420  
11421  
11422  
11423  
11424      
11425          <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">
11426            <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"/>
11427          </svg>
11428        
11429    
11430</span>
11431        
11432      </span>
11433    
11434  </div>
11435  
11436  
11437    </a>
11438  
11439</div>
11440
11441  
11442
11443  
11444    
11445    
11446    
11447
11448
11449
11450  
11451
11452
11453
11454
11455
11456
11457
11458
11459
11460
11461
11462
11463
11464
11465
11466<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
11467  
11468  <div class="flex flex-col relative h-full">
11469    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
11470      
11471
11472
11473
11474
11475
11476
11477
11478
11479
11480
11481
11482
11483
11484
11485
11486  
11487<img src="//therollingstonesshop.com/cdn/shop/files/imgi_9_Sound-Stabalizer_0007_5248000_5248000-R1-034-15A-1.png?v=1769806600&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/imgi_9_Sound-Stabalizer_0007_5248000_5248000-R1-034-15A-1.png?v=1769806600&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/imgi_9_Sound-Stabalizer_0007_5248000_5248000-R1-034-15A-1.png?v=1769806600&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/imgi_9_Sound-Stabalizer_0007_5248000_5248000-R1-034-15A-1.png?v=1769806600&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
11488
11489
11490
11491
11492    </div>
11493    
11494    
11495      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Audio Equiptment</h4>
11496    
11497    
11498      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
11499        View Collection
11500        
11501          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
11502
11503
11504
11505  
11506  
11507  
11508  
11509      
11510          <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">
11511            <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"/>
11512          </svg>
11513        
11514    
11515</span>
11516        
11517      </span>
11518    
11519  </div>
11520  
11521  
11522</div>
11523
11524  
11525  
11526    
11527    
11528    
11529
11530
11531
11532  
11533
11534
11535
11536
11537
11538
11539
11540
11541
11542
11543
11544
11545
11546
11547
11548<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
11549  
11550    <a href="/collections/cd-deluxe-editions-box-sets" class="h-full" aria-label="CD Deluxe Editions &amp; Box Sets">
11551  
11552  <div class="flex flex-col relative h-full">
11553    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
11554      
11555
11556
11557
11558
11559
11560
11561
11562
11563
11564
11565
11566
11567
11568
11569
11570  
11571<img src="//therollingstonesshop.com/cdn/shop/files/imgi_9_20051-TheRollingStones1963-1966-BoxSetPackshot.webp?v=1789173378&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/imgi_9_20051-TheRollingStones1963-1966-BoxSetPackshot.webp?v=1789173378&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/imgi_9_20051-TheRollingStones1963-1966-BoxSetPackshot.webp?v=1789173378&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/imgi_9_20051-TheRollingStones1963-1966-BoxSetPackshot.webp?v=1789173378&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
11572
11573
11574
11575
11576    </div>
11577    
11578    
11579      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">CD Deluxe Editions & Box Sets</h4>
11580    
11581    
11582      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
11583        View Collection
11584        
11585          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
11586
11587
11588
11589  
11590  
11591  
11592  
11593      
11594          <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">
11595            <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"/>
11596          </svg>
11597        
11598    
11599</span>
11600        
11601      </span>
11602    
11603  </div>
11604  
11605  
11606    </a>
11607  
11608</div>
11609
11610  
11611  
11612    
11613    
11614    
11615
11616
11617
11618  
11619
11620
11621
11622
11623
11624
11625
11626
11627
11628
11629
11630
11631
11632
11633
11634<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
11635  
11636  <div class="flex flex-col relative h-full">
11637    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
11638      
11639
11640
11641
11642
11643
11644
11645
11646
11647
11648
11649
11650
11651
11652
11653
11654  
11655<img src="//therollingstonesshop.com/cdn/shop/files/imgi_70_Grid-Music.png?v=1769807330&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/imgi_70_Grid-Music.png?v=1769807330&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/imgi_70_Grid-Music.png?v=1769807330&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/imgi_70_Grid-Music.png?v=1769807330&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
11656
11657
11658
11659
11660    </div>
11661    
11662    
11663      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Color Vinyl</h4>
11664    
11665    
11666      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
11667        View Collection
11668        
11669          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
11670
11671
11672
11673  
11674  
11675  
11676  
11677      
11678          <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">
11679            <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"/>
11680          </svg>
11681        
11682    
11683</span>
11684        
11685      </span>
11686    
11687  </div>
11688  
11689  
11690</div>
11691
11692  
11693  
11694</div>
11695      
11696    </div>
11697  </div>
11698</template>
11699
11700                  
11701            
11702
11703            
11704          
11705        </li>
11706      
11707        
11708
11709        
11710        
11711        
11712
11713        
11714        
11715
11716        <li class="mega-menu__primary-item grow-0 "
11717          x-data="{ id: 'merch' }"
11718          role="none"
11719          
11720            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
11721          
11722        >
11723          <button
11724            
11725            
11726            :id="'button-' + id"
11727            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: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"
11728            
11729              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
11730              :aria-expanded="activeMenu === id ? 'true' : 'false'"
11731              aria-haspopup="true"
11732              :aria-controls="'dropdown-' + id"
11733              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
11734              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
11735            
11736            role="menuitem"
11737          >
11738            Merch
11739            
11740              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
11741                
11742
11743
11744
11745  
11746  
11747  
11748  
11749      
11750          <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">
11751            <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"/>
11752          </svg>
11753        
11754    
11755
11756              </span>
11757            
11758          </button>
11759
11760          
11761            
11762            
11763              
11764                
11765              
11766                
11767              
11768                
11769                  
11770                  
11771
11772
11773
11774
11775
11776
11777
11778
11779
11780
11781
11782
11783
11784
11785
11786
11787
11788
11789
11790
11791
11792
11793
11794
11795
11796
11797
11798
11799
11800
11801
11802
11803
11804
11805
11806
11807
11808
11809
11810
11811
11812
11813
11814
11815
11816
11817
11818
11819
11820
11821
11822
11823
11824
11825
11826
11827
11828
11829
11830
11831
11832
11833
11834
11835
11836
11837
11838
11839
11840
11841
11842
11843
11844
11845
11846
11847<!-- append mega menu panel to header wrapper -->
11848<template x-teleport="#header-md-wrapper--22910431559877">
11849  <div
11850    
11851    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-surface c-text-on-surface"
11852    x-cloak
11853    x-show="activeMenu === id"
11854    x-trap.noscroll="activeMenu === id"
11855    role="region"
11856    :id="'panel-' + id"
11857    :aria-labelledby="'button-' + id"
11858    x-effect="
11859      if (activeMenu === id) {
11860        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--22910431559877')?.offsetHeight + 'px')
11861      }
11862    "
11863    @resize.window="
11864      if (activeMenu === id) {
11865        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-container--22910431559877')?.offsetHeight + 'px')
11866      }
11867    "
11868    x-transition:enter="transition ease-out duration-200"
11869    x-transition:enter-start="opacity-0 -translate-y-1"
11870    x-transition:enter-end="opacity-100 translate-y-0"
11871    x-transition:leave="transition ease-in duration-150"
11872    x-transition:leave-start="opacity-100 translate-y-0"
11873    x-transition:leave-end="opacity-0 -translate-y-1"
11874    @keydown.escape.prevent.stop="close()"
11875    @click.away="close()"
11876  >
11877    <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-full px-container-sm flex justify-center items-start gap-sm-lg">
11878      
11879      
11880        <div
11881          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"
11882          role="presentation"
11883        >
11884          
11885          
11886            
11887          
11888            
11889              
11890
11891              
11892              
11893
11894              <div
11895                class="mega-menu__submenu-item flex"
11896                role="presentation"
11897              >
11898                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
11899                  <div class="mega-menu__submenu--header">
11900                    <a
11901                      href="/collections/apparel"
11902                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11903                      role="menuitem"
11904                      
11905                      :tabindex="activeMenu === id ? '0' : '-1'"
11906                      @keydown.enter.prevent="window.location.href='/collections/apparel'"
11907                      @keydown.space.prevent="window.location.href='/collections/apparel'"
11908                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
11909                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
11910                    >
11911                      Apparel
11912                    </a>
11913                  </div>
11914
11915                  <ul
11916                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
11917                    role="menu"
11918                    aria-label="Apparel menu"
11919                  >
11920                    
11921                      
11922                      
11923                      
11924                      <li
11925                        class="mega-menu__child-item flex "
11926                        role="none"
11927                      >
11928                        <a
11929                          href="/collections/t-shirts-tanks"
11930                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11931                          role="menuitem"
11932                          
11933                          :tabindex="activeMenu === id ? '0' : '-1'"
11934                          @keydown.enter.prevent="window.location.href='/collections/t-shirts-tanks'"
11935                          @keydown.space.prevent="window.location.href='/collections/t-shirts-tanks'"
11936                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
11937                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
11938                        >
11939                          T-Shirts & Tanks
11940                        </a>
11941                      </li>
11942                    
11943                      
11944                      
11945                      
11946                      <li
11947                        class="mega-menu__child-item flex "
11948                        role="none"
11949                      >
11950                        <a
11951                          href="/collections/hoodies-sweatshirts"
11952                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11953                          role="menuitem"
11954                          
11955                          :tabindex="activeMenu === id ? '0' : '-1'"
11956                          @keydown.enter.prevent="window.location.href='/collections/hoodies-sweatshirts'"
11957                          @keydown.space.prevent="window.location.href='/collections/hoodies-sweatshirts'"
11958                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
11959                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
11960                        >
11961                          Hoodies & Sweatshirts
11962                        </a>
11963                      </li>
11964                    
11965                      
11966                      
11967                      
11968                      <li
11969                        class="mega-menu__child-item flex "
11970                        role="none"
11971                      >
11972                        <a
11973                          href="/collections/jackets"
11974                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11975                          role="menuitem"
11976                          
11977                          :tabindex="activeMenu === id ? '0' : '-1'"
11978                          @keydown.enter.prevent="window.location.href='/collections/jackets'"
11979                          @keydown.space.prevent="window.location.href='/collections/jackets'"
11980                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
11981                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
11982                        >
11983                          Jackets
11984                        </a>
11985                      </li>
11986                    
11987                      
11988                      
11989                      
11990                      <li
11991                        class="mega-menu__child-item flex "
11992                        role="none"
11993                      >
11994                        <a
11995                          href="/collections/longsleeve-tees"
11996                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
11997                          role="menuitem"
11998                          
11999                          :tabindex="activeMenu === id ? '0' : '-1'"
12000                          @keydown.enter.prevent="window.location.href='/collections/longsleeve-tees'"
12001                          @keydown.space.prevent="window.location.href='/collections/longsleeve-tees'"
12002                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12003                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12004                        >
12005                          Longsleeve Tees
12006                        </a>
12007                      </li>
12008                    
12009                      
12010                      
12011                      
12012                      <li
12013                        class="mega-menu__child-item flex "
12014                        role="none"
12015                      >
12016                        <a
12017                          href="/collections/sweaters"
12018                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12019                          role="menuitem"
12020                          
12021                          :tabindex="activeMenu === id ? '0' : '-1'"
12022                          @keydown.enter.prevent="window.location.href='/collections/sweaters'"
12023                          @keydown.space.prevent="window.location.href='/collections/sweaters'"
12024                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12025                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12026                        >
12027                          Sweaters
12028                        </a>
12029                      </li>
12030                    
12031                      
12032                      
12033                      
12034                      <li
12035                        class="mega-menu__child-item flex "
12036                        role="none"
12037                      >
12038                        <a
12039                          href="/collections/polos-button-downs"
12040                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12041                          role="menuitem"
12042                          
12043                          :tabindex="activeMenu === id ? '0' : '-1'"
12044                          @keydown.enter.prevent="window.location.href='/collections/polos-button-downs'"
12045                          @keydown.space.prevent="window.location.href='/collections/polos-button-downs'"
12046                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12047                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12048                        >
12049                          Polos & Button Downs
12050                        </a>
12051                      </li>
12052                    
12053                    <li
12054                      class="mega-menu__child-item"
12055                      role="none"
12056                    >
12057                      <a
12058                        href="/collections/apparel"
12059                        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-
12059[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12060                        role="menuitem"
12061                        :tabindex="activeMenu === id ? '0' : '-1'"
12062                        @keydown.enter.prevent="window.location.href='/collections/apparel'"
12063                        @keydown.space.prevent="window.location.href='/collections/apparel'"
12064                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
12065                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
12066                      >
12067                        <span>View All</span>
12068                        <span class="sr-only">Apparel</span>
12069                        <span aria-hidden="true">
12070
12071
12072
12073  
12074  
12075  
12076  
12077      
12078          <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">
12079            <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"/>
12080          </svg>
12081        
12082    
12083</span>
12084                      </a>
12085                    </li>
12086                  </ul>
12087                </div>
12088              </div>
12089            
12090          
12091            
12092              
12093
12094              
12095              
12096
12097              <div
12098                class="mega-menu__submenu-item flex"
12099                role="presentation"
12100              >
12101                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
12102                  <div class="mega-menu__submenu--header">
12103                    <a
12104                      href="/collections/apparel"
12105                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12106                      role="menuitem"
12107                      
12108                      :tabindex="activeMenu === id ? '0' : '-1'"
12109                      @keydown.enter.prevent="window.location.href='/collections/apparel'"
12110                      @keydown.space.prevent="window.location.href='/collections/apparel'"
12111                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
12112                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
12113                    >
12114                      Shop by Fit
12115                    </a>
12116                  </div>
12117
12118                  <ul
12119                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
12120                    role="menu"
12121                    aria-label="Shop by Fit menu"
12122                  >
12123                    
12124                      
12125                      
12126                      
12127                      <li
12128                        class="mega-menu__child-item flex "
12129                        role="none"
12130                      >
12131                        <a
12132                          href="/collections/mens"
12133                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12134                          role="menuitem"
12135                          
12136                          :tabindex="activeMenu === id ? '0' : '-1'"
12137                          @keydown.enter.prevent="window.location.href='/collections/mens'"
12138                          @keydown.space.prevent="window.location.href='/collections/mens'"
12139                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12140                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12141                        >
12142                          Men's
12143                        </a>
12144                      </li>
12145                    
12146                      
12147                      
12148                      
12149                      <li
12150                        class="mega-menu__child-item flex "
12151                        role="none"
12152                      >
12153                        <a
12154                          href="/collections/women"
12155                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12156                          role="menuitem"
12157                          
12158                          :tabindex="activeMenu === id ? '0' : '-1'"
12159                          @keydown.enter.prevent="window.location.href='/collections/women'"
12160                          @keydown.space.prevent="window.location.href='/collections/women'"
12161                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12162                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12163                        >
12164                          Women's
12165                        </a>
12166                      </li>
12167                    
12168                      
12169                      
12170                      
12171                      <li
12172                        class="mega-menu__child-item flex "
12173                        role="none"
12174                      >
12175                        <a
12176                          href="/collections/kids"
12177                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12178                          role="menuitem"
12179                          
12180                          :tabindex="activeMenu === id ? '0' : '-1'"
12181                          @keydown.enter.prevent="window.location.href='/collections/kids'"
12182                          @keydown.space.prevent="window.location.href='/collections/kids'"
12183                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12184                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12185                        >
12186                          Kids & Baby
12187                        </a>
12188                      </li>
12189                    
12190                      
12191                      
12192                      
12193                      <li
12194                        class="mega-menu__child-item flex "
12195                        role="none"
12196                      >
12197                        <a
12198                          href="/collections/unisex"
12199                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12200                          role="menuitem"
12201                          
12202                          :tabindex="activeMenu === id ? '0' : '-1'"
12203                          @keydown.enter.prevent="window.location.href='/collections/unisex'"
12204                          @keydown.space.prevent="window.location.href='/collections/unisex'"
12205                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12206                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12207                        >
12208                          Unisex
12209                        </a>
12210                      </li>
12211                    
12212                    <li
12213                      class="mega-menu__child-item"
12214                      role="none"
12215                    >
12216                      <a
12217                        href="/collections/apparel"
12218                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12219                        role="menuitem"
12220                        :tabindex="activeMenu === id ? '0' : '-1'"
12221                        @keydown.enter.prevent="window.location.href='/collections/apparel'"
12222                        @keydown.space.prevent="window.location.href='/collections/apparel'"
12223                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
12224                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
12225                      >
12226                        <span>View All</span>
12227                        <span class="sr-only">Shop by Fit</span>
12228                        <span aria-hidden="true">
12229
12230
12231
12232  
12233  
12234  
12235  
12236      
12237          <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">
12238            <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"/>
12239          </svg>
12240        
12241    
12242</span>
12243                      </a>
12244                    </li>
12245                  </ul>
12246                </div>
12247              </div>
12248            
12249          
12250            
12251              
12252
12253              
12254              
12255
12256              <div
12257                class="mega-menu__submenu-item flex"
12258                role="presentation"
12259              >
12260                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
12261                  <div class="mega-menu__submenu--header">
12262                    <a
12263                      href="/collections/stonesaccessories"
12264                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12265                      role="menuitem"
12266                      
12267                      :tabindex="activeMenu === id ? '0' : '-1'"
12268                      @keydown.enter.prevent="window.location.href='/collections/stonesaccessories'"
12269                      @keydown.space.prevent="window.location.href='/collections/stonesaccessories'"
12270                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
12271                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
12272                    >
12273                      Accessories
12274                    </a>
12275                  </div>
12276
12277                  <ul
12278                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
12279                    role="menu"
12280                    aria-label="Accessories menu"
12281                  >
12282                    
12283                      
12284                      
12285                      
12286                      <li
12287                        class="mega-menu__child-item flex "
12288                        role="none"
12289                      >
12290                        <a
12291                          href="/collections/hats-beanies"
12292                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12293                          role="menuitem"
12294                          
12295                          :tabindex="activeMenu === id ? '0' : '-1'"
12296                          @keydown.enter.prevent="window.location.href='/collections/hats-beanies'"
12297                          @keydown.space.prevent="window.location.href='/collections/hats-beanies'"
12298                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12299                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12300                        >
12301                          Hats & Beanies
12302                        </a>
12303                      </li>
12304                    
12305                      
12306                      
12307                      
12308                      <li
12309                        class="mega-menu__child-item flex "
12310                        role="none"
12311                      >
12312                        <a
12313                          href="/collections/socks"
12314                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12315                          role="menuitem"
12316                          
12317                          :tabindex="activeMenu === id ? '0' : '-1'"
12318                          @keydown.enter.prevent="window.location.href='/collections/socks'"
12319                          @keydown.space.prevent="window.location.href='/collections/socks'"
12320                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12321                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12322                        >
12323                          Socks
12324                        </a>
12325                      </li>
12326                    
12327                      
12328                      
12329                      
12330                      <li
12331                        class="mega-menu__child-item flex "
12332                        role="none"
12333                      >
12334                        <a
12335                          href="/collections/footwear"
12336                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12337                          role="menuitem"
12338                          
12339                          :tabindex="activeMenu === id ? '0' : '-1'"
12340                          @keydown.enter.prevent="window.location.href='/collections/footwear'"
12341                          @keydown.space.prevent="window.location.href='/collections/footwear'"
12342                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12343                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12344                        >
12345                          Footwear
12346                        </a>
12347                      </li>
12348                    
12349                      
12350                      
12351                      
12352                      <li
12353                        class="mega-menu__child-item flex "
12354                        role="none"
12355                      >
12356                        <a
12357                          href="/collections/sunglasses"
12358                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12359                          role="menuitem"
12360                          
12361                          :tabindex="activeMenu === id ? '0' : '-1'"
12362                          @keydown.enter.prevent="window.location.href='/collections/sunglasses'"
12363                          @keydown.space.prevent="window.location.href='/collections/sunglasses'"
12364                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12365                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12366                        >
12367                          Sunglasses
12368                        </a>
12369                      </li>
12370                    
12371                      
12372                      
12373                      
12374                      <li
12375                        class="mega-menu__child-item flex "
12376                        role="none"
12377                      >
12378                        <a
12379                          href="/collections/pins-jewelry"
12380                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12381                          role="menuitem"
12382                          
12383                          :tabindex="activeMenu === id ? '0' : '-1'"
12384                          @keydown.enter.prevent="window.location.href='/collections/pins-jewelry'"
12385                          @keydown.space.prevent="window.location.href='/collections/pins-jewelry'"
12386                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12387                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12388                        >
12389                          Pins & Jewelry
12390                        </a>
12391                      </li>
12392                    
12393                      
12394                      
12395                      
12396                      <li
12397                        class="mega-menu__child-item flex "
12398                        role="none"
12399                      >
12400                        <a
12401                          href="/collections/bags"
12402                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12403                          role="menuitem"
12404                          
12405                          :tabindex="activeMenu === id ? '0' : '-1'"
12406                          @keydown.enter.prevent="window.location.href='/collections/bags'"
12407                          @keydown.space.prevent="window.location.href='/collections/bags'"
12408                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12409                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12410                        >
12411                          Bags & Travel Gear
12412                        </a>
12413                      </li>
12414                    
12415                      
12416                      
12417                      
12418                      <li
12419                        class="mega-menu__child-item flex "
12420                        role="none"
12421                      >
12422                        <a
12423                          href="/collections/personal-accessories"
12424                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12425                          role="menuitem"
12426                          
12427                          :tabindex="activeMenu === id ? '0' : '-1'"
12428                          @keydown.enter.prevent="window.location.href='/collections/personal-accessories'"
12429                          @keydown.space.prevent="window.location.href='/collections/personal-accessories'"
12430                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12431                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12432                        >
12433                          Personal Accessories
12434                        </a>
12435                      </li>
12436                    
12437                      
12438                      
12439                      
12440                      <li
12441                        class="mega-menu__child-item flex "
12442                        role="none"
12443                      >
12444                        <a
12445                          href="/collections/music-accessories"
12446                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12447                          role="menuitem"
12448                          
12449                          :tabindex="activeMenu === id ? '0' : '-1'"
12450                          @keydown.enter.prevent="window.location.href='/collections/music-accessories'"
12451                          @keydown.space.prevent="window.location.href='/collections/music-accessories'"
12452                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12453                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12454                        >
12455                          Music Accessories
12456                        </a>
12457                      </li>
12458                    
12459                    <li
12460                      class="mega-menu__child-item"
12461                      role="none"
12462                    >
12463                      <a
12464                        href="/collections/stonesaccessories"
12465                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12466                        role="menuitem"
12467                        :tabindex="activeMenu === id ? '0' : '-1'"
12468                        @keydown.enter.prevent="window.location.href='/collections/stonesaccessories'"
12469                        @keydown.space.prevent="window.location.href='/collections/stonesaccessories'"
12470                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
12471                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
12472                      >
12473                        <span>View All</span>
12474                        <span class="sr-only">Accessories</span>
12475                        <span aria-hidden="true">
12476
12477
12478
12479  
12480  
12481  
12482  
12483      
12484          <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">
12485            <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"/>
12486          </svg>
12487        
12488    
12489</span>
12490                      </a>
12491                    </li>
12492                  </ul>
12493                </div>
12494              </div>
12495            
12496          
12497            
12498              
12499
12500              
12501              
12502
12503              <div
12504                class="mega-menu__submenu-item flex"
12505                role="presentation"
12506              >
12507                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
12508                  <div class="mega-menu__submenu--header">
12509                    <a
12510                      href="/collections/stoneshomegoods"
12511                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12512                      role="menuitem"
12513                      
12514                      :tabindex="activeMenu === id ? '0' : '-1'"
12515                      @keydown.enter.prevent="window.location.href='/collections/stoneshomegoods'"
12516                      @keydown.space.prevent="window.location.href='/collections/stoneshomegoods'"
12517                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
12518                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
12519                    >
12520                      Home
12521                    </a>
12522                  </div>
12523
12524                  <ul
12525                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
12526                    role="menu"
12527                    aria-label="Home menu"
12528                  >
12529                    
12530                      
12531                      
12532                      
12533                      <li
12534                        class="mega-menu__child-item flex "
12535                        role="none"
12536                      >
12537                        <a
12538                          href="/collections/drinkware"
12539                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12540                          role="menuitem"
12541                          
12542                          :tabindex="activeMenu === id ? '0' : '-1'"
12543                          @keydown.enter.prevent="window.location.href='/collections/drinkware'"
12544                          @keydown.space.prevent="window.location.href='/collections/drinkware'"
12545                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12546                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12547                        >
12548                          Drinkware
12549                        </a>
12550                      </li>
12551                    
12552                      
12553                      
12554                      
12555                      <li
12556                        class="mega-menu__child-item flex "
12557                        role="none"
12558                      >
12559                        <a
12560                          href="/collections/barware"
12561                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12562                          role="menuitem"
12563                          
12564                          :tabindex="activeMenu === id ? '0' : '-1'"
12565                          @keydown.enter.prevent="window.location.href='/collections/barware'"
12566                          @keydown.space.prevent="window.location.href='/collections/barware'"
12567                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12568                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12569                        >
12570                          Barware
12571                        </a>
12572                      </li>
12573                    
12574                      
12575                      
12576                      
12577                      <li
12578                        class="mega-menu__child-item flex "
12579                        role="none"
12580                      >
12581                        <a
12582                          href="/collections/home"
12583                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12584                          role="menuitem"
12585                          
12586                          :tabindex="activeMenu === id ? '0' : '-1'"
12587                          @keydown.enter.prevent="window.location.href='/collections/home'"
12588                          @keydown.space.prevent="window.location.href='/collections/home'"
12589                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12590                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12591                        >
12592                          Décor & Accessories
12593                        </a>
12594                      </li>
12595                    
12596                      
12597                      
12598                      
12599                      <li
12600                        class="mega-menu__child-item flex "
12601                        role="none"
12602                      >
12603                        <a
12604                          href="/collections/posters-art"
12605                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12606                          role="menuitem"
12607                          
12608                          :tabindex="activeMenu === id ? '0' : '-1'"
12609                          @keydown.enter.prevent="window.location.href='/collections/posters-art'"
12610                          @keydown.space.prevent="window.location.href='/collections/posters-art'"
12611                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12612                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12613                        >
12614                          Posters & Art
12615                        </a>
12616                      </li>
12617                    
12618                      
12619                      
12620                      
12621                      <li
12622                        class="mega-menu__child-item flex "
12623                        role="none"
12624                      >
12625                        <a
12626                          href="/collections/seasonal-decor"
12627                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12628                          role="menuitem"
12629                          
12630                          :tabindex="activeMenu === id ? '0' : '-1'"
12631                          @keydown.enter.prevent="window.location.href='/collections/seasonal-decor'"
12632                          @keydown.space.prevent="window.location.href='/collections/seasonal-decor'"
12633                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12634                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12635                        >
12636                          Seasonal Décor
12637                        </a>
12638                      </li>
12639                    
12640                      
12641                      
12642                      
12643                      <li
12644                        class="mega-menu__child-item flex "
12645                        role="none"
12646                      >
12647                        <a
12648                          href="/collections/pet"
12649                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12650                          role="menuitem"
12651                          
12652                          :tabindex="activeMenu === id ? '0' : '-1'"
12653                          @keydown.enter.prevent="window.location.href='/collections/pet'"
12654                          @keydown.space.prevent="window.location.href='/collections/pet'"
12655                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12656                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12657                        >
12658                          Pet
12659                        </a>
12660                      </li>
12661                    
12662                    <li
12663                      class="mega-menu__child-item"
12664                      role="none"
12665                    >
12666                      <a
12667                        href="/collections/stoneshomegoods"
12668                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12669                        role="menuitem"
12670                        :tabindex="activeMenu === id ? '0' : '-1'"
12671                        @keydown.enter.prevent="window.location.href='/collections/stoneshomegoods'"
12672                        @keydown.space.prevent="window.location.href='/collections/stoneshomegoods'"
12673                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
12674                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
12675                      >
12676                        <span>View All</span>
12677                        <span class="sr-only">Home</span>
12678                        <span aria-hidden="true">
12679
12680
12681
12682  
12683  
12684  
12685  
12686      
12687          <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">
12688            <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"/>
12689          </svg>
12690        
12691    
12692</span>
12693                      </a>
12694                    </li>
12695                  </ul>
12696                </div>
12697              </div>
12698            
12699          
12700            
12701              
12702
12703              
12704              
12705
12706              <div
12707                class="mega-menu__submenu-item flex"
12708                role="presentation"
12709              >
12710                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
12711                  <div class="mega-menu__submenu--header">
12712                    <a
12713                      href="/collections/collectibles"
12714                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12715                      role="menuitem"
12716                      
12717                      :tabindex="activeMenu === id ? '0' : '-1'"
12718                      @keydown.enter.prevent="window.location.href='/collections/collectibles'"
12719                      @keydown.space.prevent="window.location.href='/collections/collectibles'"
12720                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
12721                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
12722                    >
12723                      Collectibles
12724                    </a>
12725                  </div>
12726
12727                  <ul
12728                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
12729                    role="menu"
12730                    aria-label="Collectibles menu"
12731                  >
12732                    
12733                      
12734                      
12735                      
12736                      <li
12737                        class="mega-menu__child-item flex "
12738                        role="none"
12739                      >
12740                        <a
12741                          href="/collections/cards-games"
12742                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12743                          role="menuitem"
12744                          
12745                          :tabindex="activeMenu === id ? '0' : '-1'"
12746                          @keydown.enter.prevent="window.location.href='/collections/cards-games'"
12747                          @keydown.space.prevent="window.location.href='/collections/cards-games'"
12748                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12749                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12750                        >
12751                          Cards & Games
12752                        </a>
12753                      </li>
12754                    
12755                      
12756                      
12757                      
12758                      <li
12759                        class="mega-menu__child-item flex "
12760                        role="none"
12761                      >
12762                        <a
12763                          href="/collections/small-gifts-collectibles"
12764                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12765                          role="menuitem"
12766                          
12767                          :tabindex="activeMenu === id ? '0' : '-1'"
12768                          @keydown.enter.prevent="window.location.href='/collections/small-gifts-collectibles'"
12769                          @keydown.space.prevent="window.location.href='/collections/small-gifts-collectibles'"
12770                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12771                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12772                        >
12773                          Small Gifts
12774                        </a>
12775                      </li>
12776                    
12777                    <li
12778                      class="mega-menu__child-item"
12779                      role="none"
12780                    >
12781                      <a
12782                        href="/collections/collectibles"
12783                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12784                        role="menuitem"
12785                        :tabindex="activeMenu === id ? '0' : '-1'"
12786                        @keydown.enter.prevent="window.location.href='/collections/collectibles'"
12787                        @keydown.space.prevent="window.location.href='/collections/collectibles'"
12788                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
12789                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
12790                      >
12791                        <span>View All</span>
12792                        <span class="sr-only">Collectibles</span>
12793                        <span aria-hidden="true">
12794
12795
12796
12797  
12798  
12799  
12800  
12801      
12802          <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">
12803            <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"/>
12804          </svg>
12805        
12806    
12807</span>
12808                      </a>
12809                    </li>
12810                  </ul>
12811                </div>
12812              </div>
12813            
12814          
12815            
12816              
12817
12818              
12819              
12820
12821              <div
12822                class="mega-menu__submenu-item flex"
12823                role="presentation"
12824              >
12825                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
12826                  <div class="mega-menu__submenu--header">
12827                    <a
12828                      href="/collections/collaborations"
12829                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12830                      role="menuitem"
12831                      
12832                      :tabindex="activeMenu === id ? '0' : '-1'"
12833                      @keydown.enter.prevent="window.location.href='/collections/collaborations'"
12834                      @keydown.space.prevent="window.location.href='/collections/collaborations'"
12835                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
12836                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
12837                    >
12838                      Collaborations
12839                    </a>
12840                  </div>
12841
12842                  <ul
12843                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
12844                    role="menu"
12845                    aria-label="Collaborations menu"
12846                  >
12847                    
12848                      
12849                      
12850                      
12851                      <li
12852                        class="mega-menu__child-item flex "
12853                        role="none"
12854                      >
12855                        <a
12856                          href="/collections/rolling-stones-x-roblox"
12857                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12858                          role="menuitem"
12859                          
12860                          :tabindex="activeMenu === id ? '0' : '-1'"
12861                          @keydown.enter.prevent="window.location.href='/collections/rolling-stones-x-roblox'"
12862                          @keydown.space.prevent="window.location.href='/collections/rolling-stones-x-roblox'"
12863                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12864                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12865                        >
12866                          Rolling Stones x Roblox
12867                        </a>
12868                      </li>
12869                    
12870                      
12871                      
12872                      
12873                      <li
12874                        class="mega-menu__child-item flex "
12875                        role="none"
12876                      >
12877                        <a
12878                          href="/collections/nascar"
12879                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12880                          role="menuitem"
12881                          
12882                          :tabindex="activeMenu === id ? '0' : '-1'"
12883                          @keydown.enter.prevent="window.location.href='/collections/nascar'"
12884                          @keydown.space.prevent="window.location.href='/collections/nascar'"
12885                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12886                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12887                        >
12888                          Rolling Stones x NASCAR
12889                        </a>
12890                      </li>
12891                    
12892                      
12893                      
12894                      
12895                      <li
12896                        class="mega-menu__child-item flex "
12897                        role="none"
12898                      >
12899                        <a
12900                          href="/collections/rolling-stones-x-fifa"
12901                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12902                          role="menuitem"
12903                          
12904                          :tabindex="activeMenu === id ? '0' : '-1'"
12905                          @keydown.enter.prevent="window.location.href='/collections/rolling-stones-x-fifa'"
12906                          @keydown.space.prevent="window.location.href='/collections/rolling-stones-x-fifa'"
12907                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12908                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12909                        >
12910                          Rolling Stones x FIFA™
12911                        </a>
12912                      </li>
12913                    
12914                      
12915                      
12916                      
12917                      <li
12918                        class="mega-menu__child-item flex "
12919                        role="none"
12920                      >
12921                        <a
12922                          href="/collections/rolling-stones-x-marvel"
12923                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12924                          role="menuitem"
12925                          
12926                          :tabindex="activeMenu === id ? '0' : '-1'"
12927                          @keydown.enter.prevent="window.location.href='/collections/rolling-stones-x-marvel'"
12928                          @keydown.space.prevent="window.location.href='/collections/rolling-stones-x-marvel'"
12929                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12930                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12931                        >
12932                          Rolling Stones x MARVEL
12933                        </a>
12934                      </li>
12935                    
12936                      
12937                      
12938                      
12939                      <li
12940                        class="mega-menu__child-item flex "
12941                        role="none"
12942                      >
12943                        <a
12944                          href="/collections/stones-x-bearbrick"
12945                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12946                          role="menuitem"
12947                          
12948                          :tabindex="activeMenu === id ? '0' : '-1'"
12949                          @keydown.enter.prevent="window.location.href='/collections/stones-x-bearbrick'"
12950                          @keydown.space.prevent="window.location.href='/collections/stones-x-bearbrick'"
12951                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12952                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12953                        >
12954                          Rolling Stones x BE@RBRICK
12955                        </a>
12956                      </li>
12957                    
12958                      
12959                      
12960                      
12961                      <li
12962                        class="mega-menu__child-item flex "
12963                        role="none"
12964                      >
12965                        <a
12966                          href="/collections/the-rolling-stones-x-admiral"
12967                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12968                          role="menuitem"
12969                          
12970                          :tabindex="activeMenu === id ? '0' : '-1'"
12971                          @keydown.enter.prevent="window.location.href='/collections/the-rolling-stones-x-admiral'"
12972                          @keydown.space.prevent="window.location.href='/collections/the-rolling-stones-x-admiral'"
12973                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12974                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12975                        >
12976                          Rolling Stones x Admiral 
12977                        </a>
12978                      </li>
12979                    
12980                      
12981                      
12982                      
12983                      <li
12984                        class="mega-menu__child-item flex "
12985                        role="none"
12986                      >
12987                        <a
12988                          href="/collections/stones-x-oxford-pennant"
12989                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
12990                          role="menuitem"
12991                          
12992                          :tabindex="activeMenu === id ? '0' : '-1'"
12993                          @keydown.enter.prevent="window.location.href='/collections/stones-x-oxford-pennant'"
12994                          @keydown.space.prevent="window.location.href='/collections/stones-x-oxford-pennant'"
12995                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
12996                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
12997                        >
12998                          Rolling Stones x Oxford Pennant
12999                        </a>
13000                      </li>
13001                    
13002                      
13003                      
13004                      
13005                      <li
13006                        class="mega-menu__child-item flex "
13007                        role="none"
13008                      >
13009                        <a
13010                          href="/pages/the-rolling-stones-x-revo"
13011                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13012                          role="menuitem"
13013                          
13014                          :tabindex="activeMenu === id ? '0' : '-1'"
13015                          @keydown.enter.prevent="window.location.href='/pages/the-rolling-stones-x-revo'"
13016                          @keydown.space.prevent="window.location.href='/pages/the-rolling-stones-x-revo'"
13017                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13018                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13019                        >
13020                          Rolling Stones x Revo
13021                        </a>
13022                      </li>
13023                    
13024                      
13025                      
13026                      
13027                      <li
13028                        class="mega-menu__child-item flex "
13029                        role="none"
13030                      >
13031                        <a
13032                          href="/collections/stones-x-mlb"
13033                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13034                          role="menuitem"
13035                          
13036                          :tabindex="activeMenu === id ? '0' : '-1'"
13037                          @keydown.enter.prevent="window.location.href='/collections/stones-x-mlb'"
13038                          @keydown.space.prevent="window.location.href='/collections/stones-x-mlb'"
13039                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13040                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13041                        >
13042                          MLB Presents Vinyl Editions
13043                        </a>
13044                      </li>
13045                    
13046                    <li
13047                      class="mega-menu__child-item"
13048                      role="none"
13049                    >
13050                      <a
13051   
13051                     href="/collections/collaborations"
13052                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13053                        role="menuitem"
13054                        :tabindex="activeMenu === id ? '0' : '-1'"
13055                        @keydown.enter.prevent="window.location.href='/collections/collaborations'"
13056                        @keydown.space.prevent="window.location.href='/collections/collaborations'"
13057                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
13058                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
13059                      >
13060                        <span>View All</span>
13061                        <span class="sr-only">Collaborations</span>
13062                        <span aria-hidden="true">
13063
13064
13065
13066  
13067  
13068  
13069  
13070      
13071          <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">
13072            <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"/>
13073          </svg>
13074        
13075    
13076</span>
13077                      </a>
13078                    </li>
13079                  </ul>
13080                </div>
13081              </div>
13082            
13083          
13084            
13085              
13086
13087              
13088              
13089
13090              <div
13091                class="mega-menu__submenu-item flex"
13092                role="presentation"
13093              >
13094                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
13095                  <div class="mega-menu__submenu--header">
13096                    <a
13097                      href="/collections/apparel"
13098                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13099                      role="menuitem"
13100                      
13101                      :tabindex="activeMenu === id ? '0' : '-1'"
13102                      @keydown.enter.prevent="window.location.href='/collections/apparel'"
13103                      @keydown.space.prevent="window.location.href='/collections/apparel'"
13104                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
13105                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
13106                    >
13107                      Featured Collections
13108                    </a>
13109                  </div>
13110
13111                  <ul
13112                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
13113                    role="menu"
13114                    aria-label="Featured Collections menu"
13115                  >
13116                    
13117                      
13118                      
13119                      
13120                      <li
13121                        class="mega-menu__child-item flex "
13122                        role="none"
13123                      >
13124                        <a
13125                          href="/collections/icon"
13126                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13127                          role="menuitem"
13128                          
13129                          :tabindex="activeMenu === id ? '0' : '-1'"
13130                          @keydown.enter.prevent="window.location.href='/collections/icon'"
13131                          @keydown.space.prevent="window.location.href='/collections/icon'"
13132                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13133                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13134                        >
13135                          Icons
13136                        </a>
13137                      </li>
13138                    
13139                      
13140                      
13141                      
13142                      <li
13143                        class="mega-menu__child-item flex "
13144                        role="none"
13145                      >
13146                        <a
13147                          href="/collections/some-girls"
13148                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13149                          role="menuitem"
13150                          
13151                          :tabindex="activeMenu === id ? '0' : '-1'"
13152                          @keydown.enter.prevent="window.location.href='/collections/some-girls'"
13153                          @keydown.space.prevent="window.location.href='/collections/some-girls'"
13154                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13155                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13156                        >
13157                          Some Girls
13158                        </a>
13159                      </li>
13160                    
13161                      
13162                      
13163                      
13164                      <li
13165                        class="mega-menu__child-item flex "
13166                        role="none"
13167                      >
13168                        <a
13169                          href="/collections/black-and-blue"
13170                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13171                          role="menuitem"
13172                          
13173                          :tabindex="activeMenu === id ? '0' : '-1'"
13174                          @keydown.enter.prevent="window.location.href='/collections/black-and-blue'"
13175                          @keydown.space.prevent="window.location.href='/collections/black-and-blue'"
13176                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13177                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13178                        >
13179                          Black and Blue
13180                        </a>
13181                      </li>
13182                    
13183                      
13184                      
13185                      
13186                      <li
13187                        class="mega-menu__child-item flex "
13188                        role="none"
13189                      >
13190                        <a
13191                          href="/collections/their-satanic-majesties-request"
13192                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13193                          role="menuitem"
13194                          
13195                          :tabindex="activeMenu === id ? '0' : '-1'"
13196                          @keydown.enter.prevent="window.location.href='/collections/their-satanic-majesties-request'"
13197                          @keydown.space.prevent="window.location.href='/collections/their-satanic-majesties-request'"
13198                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13199                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13200                        >
13201                          Their Satanic Majesties Request
13202                        </a>
13203                      </li>
13204                    
13205                      
13206                      
13207                      
13208                      <li
13209                        class="mega-menu__child-item flex "
13210                        role="none"
13211                      >
13212                        <a
13213                          href="/collections/paint-it-black-full-collection"
13214                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13215                          role="menuitem"
13216                          
13217                          :tabindex="activeMenu === id ? '0' : '-1'"
13218                          @keydown.enter.prevent="window.location.href='/collections/paint-it-black-full-collection'"
13219                          @keydown.space.prevent="window.location.href='/collections/paint-it-black-full-collection'"
13220                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13221                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13222                        >
13223                          Paint it Black
13224                        </a>
13225                      </li>
13226                    
13227                      
13228                      
13229                      
13230                      <li
13231                        class="mega-menu__child-item flex "
13232                        role="none"
13233                      >
13234                        <a
13235                          href="/collections/voodoo-lounge-30th"
13236                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13237                          role="menuitem"
13238                          
13239                          :tabindex="activeMenu === id ? '0' : '-1'"
13240                          @keydown.enter.prevent="window.location.href='/collections/voodoo-lounge-30th'"
13241                          @keydown.space.prevent="window.location.href='/collections/voodoo-lounge-30th'"
13242                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13243                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13244                        >
13245                          Voodoo Lounge 30th Anniversary
13246                        </a>
13247                      </li>
13248                    
13249                      
13250                      
13251                      
13252                      <li
13253                        class="mega-menu__child-item flex "
13254                        role="none"
13255                      >
13256                        <a
13257                          href="/collections/hackney-diamonds"
13258                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13259                          role="menuitem"
13260                          
13261                          :tabindex="activeMenu === id ? '0' : '-1'"
13262                          @keydown.enter.prevent="window.location.href='/collections/hackney-diamonds'"
13263                          @keydown.space.prevent="window.location.href='/collections/hackney-diamonds'"
13264                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13265                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13266                        >
13267                          Hackney Diamonds
13268                        </a>
13269                      </li>
13270                    
13271                      
13272                      
13273                      
13274                      <li
13275                        class="mega-menu__child-item flex "
13276                        role="none"
13277                      >
13278                        <a
13279                          href="/collections/americana"
13280                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13281                          role="menuitem"
13282                          
13283                          :tabindex="activeMenu === id ? '0' : '-1'"
13284                          @keydown.enter.prevent="window.location.href='/collections/americana'"
13285                          @keydown.space.prevent="window.location.href='/collections/americana'"
13286                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13287                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13288                        >
13289                          Americana
13290                        </a>
13291                      </li>
13292                    
13293                      
13294                      
13295                      
13296                      <li
13297                        class="mega-menu__child-item flex "
13298                        role="none"
13299                      >
13300                        <a
13301                          href="/collections/stones-shepherds-bush-99"
13302                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13303                          role="menuitem"
13304                          
13305 
13305                         :tabindex="activeMenu === id ? '0' : '-1'"
13306                          @keydown.enter.prevent="window.location.href='/collections/stones-shepherds-bush-99'"
13307                          @keydown.space.prevent="window.location.href='/collections/stones-shepherds-bush-99'"
13308                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13309                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13310                        >
13311                          Stones Shepherd's Bush 1999
13312                        </a>
13313                      </li>
13314                    
13315                      
13316                      
13317                      
13318                      <li
13319                        class="mega-menu__child-item flex "
13320                        role="none"
13321                      >
13322                        <a
13323                          href="/collections/marquee-club"
13324                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13325                          role="menuitem"
13326                          
13327                          :tabindex="activeMenu === id ? '0' : '-1'"
13328                          @keydown.enter.prevent="window.location.href='/collections/marquee-club'"
13329                          @keydown.space.prevent="window.location.href='/collections/marquee-club'"
13330                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13331                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13332                        >
13333                          The Marquee Club
13334                        </a>
13335                      </li>
13336                    
13337                      
13338                      
13339                      
13340                      <li
13341                        class="mega-menu__child-item flex "
13342                        role="none"
13343                      >
13344                        <a
13345                          href="/collections/goat-head-soup"
13346                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13347                          role="menuitem"
13348                          
13349                          :tabindex="activeMenu === id ? '0' : '-1'"
13350                          @keydown.enter.prevent="window.location.href='/collections/goat-head-soup'"
13351                          @keydown.space.prevent="window.location.href='/collections/goat-head-soup'"
13352                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13353                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13354                        >
13355                          Goat's Head Soup
13356                        </a>
13357                      </li>
13358                    
13359                      
13360                      
13361                      
13362                      <li
13363                        class="mega-menu__child-item flex "
13364                        role="none"
13365                      >
13366                        <a
13367                          href="/collections/grrr-live"
13368                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13369                          role="menuitem"
13370                          
13371                          :tabindex="activeMenu === id ? '0' : '-1'"
13372                          @keydown.enter.prevent="window.location.href='/collections/grrr-live'"
13373                          @keydown.space.prevent="window.location.href='/collections/grrr-live'"
13374                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
13375                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
13376                        >
13377                          GRRR! Live
13378                        </a>
13379                      </li>
13380                    
13381                    <li
13382                      class="mega-menu__child-item"
13383                      role="none"
13384                    >
13385                      <a
13386                        href="/collections/apparel"
13387                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13388                        role="menuitem"
13389                        :tabindex="activeMenu === id ? '0' : '-1'"
13390                        @keydown.enter.prevent="window.location.href='/collections/apparel'"
13391                        @keydown.space.prevent="window.location.href='/collections/apparel'"
13392                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
13393                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
13394                      >
13395                        <span>View All</span>
13396                        <span class="sr-only">Featured Collections</span>
13397                        <span aria-hidden="true">
13398
13399
13400
13401  
13402  
13403  
13404  
13405      
13406          <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">
13407            <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"/>
13408          </svg>
13409        
13410    
13411</span>
13412                      </a>
13413                    </li>
13414                  </ul>
13415                </div>
13416              </div>
13417            
13418          
13419            
13420          
13421
13422          
13423            
13424            
13425            
13426              <div class="mega-menu__submenu-item flex" role="presentation">
13427                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
13428                  
13429                    
13430                      
13431
13432                      
13433                      
13434                      <div class="mega-menu__child-item">
13435                        <a
13436                          href="/collections/new-in"
13437                          class="mega-menu__child-link text_navigation_md text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13438                          role="menuitem"
13439                          
13440                          :tabindex="activeMenu === id ? '0' : '-1'"
13441                          @keydown.enter.prevent="window.location.href='/collections/new-in'"
13442                          @keydown.space.prevent="window.location.href='/collections/new-in'"
13443                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
13444                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
13445                        >
13446                          New
13447                        </a>
13448                      </div>
13449                    
13450                  
13451                    
13452                  
13453                    
13454                  
13455                    
13456                  
13457                    
13458                  
13459                    
13460                  
13461                    
13462                  
13463                    
13464                  
13465                    
13466                      
13467
13468                      
13469                      
13470                      <div class="mega-menu__child-item">
13471                        <a
13472                          href="/pages/hackney-diamonds-tour"
13473                          class="mega-menu__child-link text_navigation_md text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
13474                          role="menuitem"
13475                          
13476                          :tabindex="activeMenu === id ? '0' : '-1'"
13477                          @keydown.enter.prevent="window.location.href='/pages/hackney-diamonds-tour'"
13478                          @keydown.space.prevent="window.location.href='/pages/hackney-diamonds-tour'"
13479                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
13480                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
13481                        >
13482                          Tour Collections
13483                        </a>
13484                      </div>
13485                    
13486                  
13487                </div>
13488              </div>
13489            
13490          
13491        </div>
13492      
13493      
13494        
13495
13496
13497
13498
13499
13500
13501
13502
13503
13504
13505
13506
13507
13508<div class="mega-menu__promo-tiles flex flex-row content-stretch flex-wrap gap-x-sm-md gap-y-sm-xl md:max-w-[70%] md:min-w-[70%] lg:max-w-[50%] lg:min-w-[50%] xl:max-w-[40%] xl:min-w-[40%]">
13509  
13510    
13511    
13512    
13513
13514
13515
13516  
13517
13518
13519
13520
13521
13522
13523
13524
13525
13526
13527
13528
13529
13530
13531
13532<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
13533  
13534    <a href="/collections/rolling-stones-x-fifa" class="h-full" aria-label="The Rolling Stones x FIFA World Cup 2026™">
13535  
13536  <div class="flex flex-col relative h-full">
13537    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
13538      
13539
13540
13541
13542
13543
13544
13545
13546
13547
13548
13549
13550
13551
13552
13553
13554  
13555<img src="//therollingstonesshop.com/cdn/shop/files/Front_Lifestyle_full_shot_154f3e03-4633-447e-ae72-a88ea190d918-1222333.webp?v=1789173414&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/Front_Lifestyle_full_shot_154f3e03-4633-447e-ae72-a88ea190d918-1222333.webp?v=1789173414&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/Front_Lifestyle_full_shot_154f3e03-4633-447e-ae72-a88ea190d918-1222333.webp?v=1789173414&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/Front_Lifestyle_full_shot_154f3e03-4633-447e-ae72-a88ea190d918-1222333.webp?v=1789173414&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
13556
13557
13558
13559
13560    </div>
13561    
13562    
13563      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">The Rolling Stones x FIFA World Cup 2026™</h4>
13564    
13565    
13566      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
13567        View Collection
13568        
13569          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
13570
13571
13572
13573  
13574  
13575  
13576  
13577      
13578          <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">
13579            <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"/>
13580          </svg>
13581        
13582    
13583</span>
13584        
13585      </span>
13586    
13587  </div>
13588  
13589  
13590    </a>
13591  
13592</div>
13593
13594  
13595
13596  
13597    
13598    
13599    
13600
13601
13602
13603  
13604
13605
13606
13607
13608
13609
13610
13611
13612
13613
13614
13615
13616
13617
13618
13619<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
13620  
13621    <a href="/collections/stones-x-bearbrick" class="h-full" aria-label="Stones x BE@RBRICK">
13622  
13623  <div class="flex flex-col relative h-full">
13624    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
13625      
13626
13627
13628
13629
13630
13631
13632
13633
13634
13635
13636
13637
13638
13639
13640
13641  
13642<img src="//therollingstonesshop.com/cdn/shop/files/FrontLifestylefullshot_d50295de-eb07-4942-8668-0e41a1b3ed0f.png?v=1781020726&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/FrontLifestylefullshot_d50295de-eb07-4942-8668-0e41a1b3ed0f.png?v=1781020726&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/FrontLifestylefullshot_d50295de-eb07-4942-8668-0e41a1b3ed0f.png?v=1781020726&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/FrontLifestylefullshot_d50295de-eb07-4942-8668-0e41a1b3ed0f.png?v=1781020726&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
13643
13644
13645
13646
13647    </div>
13648    
13649    
13650      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Stones x BE@RBRICK</h4>
13651    
13652    
13653      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
13654        View Collection
13655        
13656          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
13657
13658
13659
13660  
13661  
13662  
13663  
13664      
13665          <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">
13666            <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"/>
13667          </svg>
13668        
13669    
13670</span>
13671        
13672      </span>
13673    
13674  </div>
13675  
13676  
13677    </a>
13678  
13679</div>
13680
13681  
13682  
13683    
13684    
13685    
13686
13687
13688
13689  
13690
13691
13692
13693
13694
13695
13696
13697
13698
13699
13700
13701
13702
13703
13704
13705<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
13706  
13707    <a href="/collections/hoodies-sweatshirts" class="h-full" aria-label="Hoodies &amp; Sweatshirts">
13708  
13709  <div class="flex flex-col relative h-full">
13710    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
13711      
13712
13713
13714
13715
13716
13717
13718
13719
13720
13721
13722
13723
13724
13725
13726
13727  
13728<img src="//therollingstonesshop.com/cdn/shop/files/imgi_15_GraphicHoodie1_1080x1080_335a2a52-76c2-4cc8-a992-0829509f6716.png?v=1769807888&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/imgi_15_GraphicHoodie1_1080x1080_335a2a52-76c2-4cc8-a992-0829509f6716.png?v=1769807888&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/imgi_15_GraphicHoodie1_1080x1080_335a2a52-76c2-4cc8-a992-0829509f6716.png?v=1769807888&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/imgi_15_GraphicHoodie1_1080x1080_335a2a52-76c2-4cc8-a992-0829509f6716.png?v=1769807888&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
13729
13730
13731
13732
13733    </div>
13734    
13735    
13736      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Hoodies & Sweatshirts</h4>
13737    
13738    
13739      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
13740        View Collection
13741        
13742          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
13743
13744
13745
13746  
13747  
13748  
13749  
13750      
13751          <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">
13752            <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"/>
13753          </svg>
13754        
13755    
13756</span>
13757        
13758      </span>
13759    
13760  </div>
13761  
13762  
13763    </a>
13764  
13765</div>
13766
13767  
13768  
13769    
13770    
13771    
13772
13773
13774
13775  
13776
13777
13778
13779
13780
13781
13782
13783
13784
13785
13786
13787
13788
13789
13790
13791<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
13792  
13793    <a href="/collections/jackets" class="h-full" aria-label="Jackets">
13794  
13795  <div class="flex flex-col relative h-full">
13796    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
13797      
13798
13799
13800
13801
13802
13803
13804
13805
13806
13807
13808
13809
13810
13811
13812
13813  
13814<img src="//therollingstonesshop.com/cdn/shop/files/2_Poncho_Coat_Parka_08_cd5a709b-697a-44c1-a4e3-08c67714232c.webp?v=1777988316&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/2_Poncho_Coat_Parka_08_cd5a709b-697a-44c1-a4e3-08c67714232c.webp?v=1777988316&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/2_Poncho_Coat_Parka_08_cd5a709b-697a-44c1-a4e3-08c67714232c.webp?v=1777988316&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/2_Poncho_Coat_Parka_08_cd5a709b-697a-44c1-a4e3-08c67714232c.webp?v=1777988316&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
13815
13816
13817
13818
13819    </div>
13820    
13821    
13822      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Jackets</h4>
13823    
13824    
13825      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
13826        View Collection
13827        
13828          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
13829
13830
13831
13832  
13833  
13834  
13835  
13836      
13837          <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">
13838            <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"/>
13839          </svg>
13840        
13841    
13842</span>
13843        
13844      </span>
13845    
13846  </div>
13847  
13848  
13849    </a>
13850  
13851</div>
13852
13853  
13854  
13855</div>
13856      
13857    </div>
13858  </div>
13859</template>
13860
13861                  
13862            
13863
13864            
13865          
13866        </li>
13867      
13868        
13869
13870        
13871        
13872        
13873
13874        
13875        
13876
13877        <li class="mega-menu__primary-item grow-0 "
13878          x-data="{ id: 'gifts' }"
13879          role="none"
13880          
13881            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
13882          
13883        >
13884          <button
13885            
13886            
13887            :id="'button-' + id"
13888            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: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"
13889            
13890              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
13891              :aria-expanded="activeMenu === id ? 'true' : 'false'"
13892              aria-haspopup="true"
13893              :aria-controls="'dropdown-' + id"
13894              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
13895              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
13896            
13897            role="menuitem"
13898          >
13899            Gifts
13900            
13901              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
13902                
13903
13904
13905
13906  
13907  
13908  
13909  
13910      
13911          <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">
13912            <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"/>
13913          </svg>
13914        
13915    
13916
13917              </span>
13918            
13919          </button>
13920
13921          
13922            
13923            
13924              
13925                
13926              
13927                
13928              
13929                
13930              
13931            
13932
13933            
13934              
13935                
13936
13937
13938
13939
13940
13941
13942
13943
13944
13945
13946
13947
13948
13949
13950
13951
13952
13953
13954
13955
13956
13957
13958
13959
13960
13961<div
13962  class="mega-menu__dropdown absolute shadow-lg min-w-[240px] max-w-[300px] z-100 max-h-[calc(100vh-var(--header-group-height)-44px)] overflow-y-auto text-left c-bg-surface c-text-on-surface -mx-lg-sm"
13963  x-cloak
13964  x-show="activeMenu === id"
13965  x-trap.noscroll="activeMenu === id"
13966  :id="'dropdown-' + id"
13967  :aria-labelledby="'button-' + id"
13968  x-transition:enter="transition ease-out duration-200"
13969  x-transition:enter-start="opacity-0 -translate-y-1"
13970  x-transition:enter-end="opacity-100 translate-y-0"
13971  x-transition:leave="transition ease-in duration-150"
13972  x-transition:leave-start="opacity-100 translate-y-0"
13973  x-transition:leave-end="opacity-0 -translate-y-1"
13974  @keydown.escape.prevent.stop="close()"
13975  @click.away="close()"
13976>
13977  <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm">
13978    <ul
13979      class="dropdown__stack flex flex-col items-start gap-sm-sm"
13980      role="menu"
13981    >
13982      
13983        
13984        
13985
13986        
13987        
13988
13989        
13990        
13991
13992        
13993        
13994
13995        
13996        
13997
13998        
13999        <li class="dropdown__child-item flex flex-col justify-start items-start gap-sm-sm" role="none">
14000          <a
14001            href="/collections/collectibles"
14002            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14003            role="menuitem"
14004            
14005            :tabindex="activeMenu === id ? '0' : '-1'"
14006            @keydown.enter.prevent="window.location.href='/collections/collectibles'"
14007            @keydown.space.prevent="window.location.href='/collections/collectibles'"
14008          >
14009            Collectibles
14010          </a>
14011          
14012        </li>
14013      
14014        
14015        
14016
14017        
14018        
14019
14020        
14021        
14022
14023        
14024        
14025
14026        
14027        
14028
14029        
14030        <li class="dropdown__child-item flex flex-col justify-start items-start gap-sm-sm" role="none">
14031          <a
14032            href="/collections/small-gifts-collectibles"
14033            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14034            role="menuitem"
14035            
14036            :tabindex="activeMenu === id ? '0' : '-1'"
14037            @keydown.enter.prevent="window.location.href='/collections/small-gifts-collectibles'"
14038            @keydown.space.prevent="window.location.href='/collections/small-gifts-collectibles'"
14039          >
14040            Small Gifts
14041          </a>
14042          
14043        </li>
14044      
14045        
14046        
14047
14048        
14049        
14050
14051        
14052        
14053
14054        
14055        
14056
14057        
14058        
14059
14060        
14061        <li class="dropdown__child-item flex flex-col justify-start items-start gap-sm-sm" role="none">
14062          <a
14063            href="/products/gift-card"
14064            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14065            role="menuitem"
14066            
14067            :tabindex="activeMenu === id ? '0' : '-1'"
14068            @keydown.enter.prevent="window.location.href='/products/gift-card'"
14069            @keydown.space.prevent="window.location.href='/products/gift-card'"
14070          >
14071            Gift Card
14072          </a>
14073          
14074        </li>
14075      
14076    </ul>
14077  </div>
14078</div>
14079              
14080            
14081          
14082        </li>
14083      
14084        
14085
14086        
14087        
14088        
14089
14090        
14091        
14092
14093        <li class="mega-menu__primary-item grow-0 "
14094          x-data="{ id: 'rewards' }"
14095          role="none"
14096          
14097            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
14098          
14099        >
14100          <button
14101            
14102            
14103            :id="'button-' + id"
14104            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: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
14104derline"
14105            
14106              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
14107              :aria-expanded="activeMenu === id ? 'true' : 'false'"
14108              aria-haspopup="true"
14109              :aria-controls="'dropdown-' + id"
14110              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
14111              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
14112            
14113            role="menuitem"
14114          >
14115            Rewards
14116            
14117              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
14118                
14119
14120
14121
14122  
14123  
14124  
14125  
14126      
14127          <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">
14128            <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"/>
14129          </svg>
14130        
14131    
14132
14133              </span>
14134            
14135          </button>
14136
14137          
14138            
14139            
14140              
14141                
14142              
14143                
14144              
14145                
14146              
14147            
14148
14149            
14150              
14151                
14152
14153
14154
14155
14156
14157
14158
14159
14160
14161
14162
14163
14164
14165
14166
14167
14168
14169
14170
14171
14172
14173
14174
14175
14176
14177<div
14178  class="mega-menu__dropdown absolute shadow-lg min-w-[240px] max-w-[300px] z-100 max-h-[calc(100vh-var(--header-group-height)-44px)] overflow-y-auto text-left c-bg-surface c-text-on-surface -mx-lg-sm"
14179  x-cloak
14180  x-show="activeMenu === id"
14181  x-trap.noscroll="activeMenu === id"
14182  :id="'dropdown-' + id"
14183  :aria-labelledby="'button-' + id"
14184  x-transition:enter="transition ease-out duration-200"
14185  x-transition:enter-start="opacity-0 -translate-y-1"
14186  x-transition:enter-end="opacity-100 translate-y-0"
14187  x-transition:leave="transition ease-in duration-150"
14188  x-transition:leave-start="opacity-100 translate-y-0"
14189  x-transition:leave-end="opacity-0 -translate-y-1"
14190  @keydown.escape.prevent.stop="close()"
14191  @click.away="close()"
14192>
14193  <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm">
14194    <ul
14195      class="dropdown__stack flex flex-col items-start gap-sm-sm"
14196      role="menu"
14197    >
14198      
14199        
14200        
14201
14202        
14203        
14204
14205        
14206        
14207
14208        
14209        
14210
14211        
14212        
14213
14214        
14215        <li class="dropdown__child-item flex flex-col justify-start items-start gap-sm-sm" role="none">
14216          <a
14217            href="/pages/rewards"
14218            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14219            role="menuitem"
14220            
14221            :tabindex="activeMenu === id ? '0' : '-1'"
14222            @keydown.enter.prevent="window.location.href='/pages/rewards'"
14223            @keydown.space.prevent="window.location.href='/pages/rewards'"
14224          >
14225            The Licks Club
14226          </a>
14227          
14228        </li>
14229      
14230        
14231        
14232
14233        
14234        
14235
14236        
14237        
14238
14239        
14240        
14241
14242        
14243        
14244
14245        
14246        <li class="dropdown__child-item flex flex-col justify-start items-start gap-sm-sm" role="none">
14247          <a
14248            href="/pages/the-rolling-stones-sign-up"
14249            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14250            role="menuitem"
14251            
14252            :tabindex="activeMenu === id ? '0' : '-1'"
14253            @keydown.enter.prevent="window.location.href='/pages/the-rolling-stones-sign-up'"
14254            @keydown.space.prevent="window.location.href='/pages/the-rolling-stones-sign-up'"
14255          >
14256            Sign Up for Emails
14257          </a>
14258          
14259        </li>
14260      
14261    </ul>
14262  </div>
14263</div>
14264              
14265            
14266          
14267        </li>
14268      
14269    </ul>
14270  </nav>
14271
14272  <template x-teleport="#header-md-wrapper--22910431559877">
14273    <button
14274      class="umg-backdrop block w-screen h-screen absolute left-0 right-0 bottom-0 top-full z-1"
14275      x-cloak
14276      x-show="activeMenu"
14277      x-transition.opacity
14278      aria-hidden="true"
14279      tabindex="-1"
14280      @click="close()">
14281      <span class="sr-only">Close navigation menu</span>
14282    </button>
14283  </template>
14284</div>
14285</div>
14286
14287        
14288    
14289      
14290    
14291      
14292    
14293      
14294    
14295      
14296          
14297
14298<div class="header__column header__column--5 header__column--actions flex col-span-2 justify-end items-center"  >
14299  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
14300    
14301
14302
14303    
14304    
14305    
14306    
14307    
14308    <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
14309      <button class="btn-search text_navigation_lg c-text-tertiary hover:c-text-gray-500 no-underline hover:no-underline c-text-content-base" 
14310      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"
14311     >
14312        
14313
14314
14315
14316  
14317  
14318  
14319      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
14320        <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"/>
14321      </svg>
14322    
14323
14324      </button>
14325    </div>
14326
14327  
14328
14329
14330  </div>
14331</div>
14332          
14333        
14334    
14335  </div>
14336  
14337  
14338    
14339
14340
14341
14342
14343  
14344  
14345
14346  
14347  
14348  
14349
14350  
14351  
14352
14353  
14354  
14355
14356  
14357
14358  
14359
14360  <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-surface c-text-on-surface" 
14361    x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
14362    @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
14363    id="header-search-dropdown"
14364  >
14365    <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-full md:px-container-sm md:max-w-full">
14366      
14367      
14368
14369
14370
14371
14372    <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide">
14373      <div class="predictive-search__input-wrapper relative w-full">
14374        <input class="predictive-search__input appearance-none w-full placeholder-transparent text_body_md c-text-content-subtle 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--22910431559877__header-md" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" >
14375        <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">
14376          
14377
14378
14379
14380  
14381  
14382  
14383      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
14384        <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"/>
14385      </svg>
14386    
14387
14388        </button>
14389        
14390      </div>
14391    </form>
14392
14393    </div>
14394  </div>
14395
14396  
14397
14398  
14399
14400  
14401
14402
14403
14404</div>
14405
14406<style> #shopify-section-sections--22910431559877__header-md .mega-menu__child-link--view-all {display: none;} </style></header><header id="shopify-section-sections--22910431559877__header-md-2" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid">
14407
14408
14409
14410
14411
14412
14413<div id="header-md-2-wrapper--22910431559877" class="header__wrapper header__wrapper--md scheme-scheme2 c-text- c-border- c-bg- z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme2 c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-surface c-text-on-surface mb-none border-none c-border-default-color border-x-0 border-t-0 brand brand--rs-no-9" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; ">
14414  <div id="header-md-2-container--22910431559877" class="header__container header__container--md grid gap-y-sm-md gap-x-sm-sm grid-cols-6 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" >
14415    
14416      
14417          
14418
14419<div class="header__column header__column--0 header__column--developer col-span-4" >
14420  <div class="developer-container items-center col-span-full" >
14421    
14422
14423
14424
14425
14426  
14427  
14428
14429  
14430  
14431    
14432    
14433
14434
14435
14436
14437<a href="/pages/rs-no-9">
14438  <img 
14439    src="//therollingstonesshop.com/cdn/shop/files/logo_brand_2.png?v=3845468052099097273" 
14440    loading="lazy"
14441    alt="RS No.9 Logo"
14442  >
14443</a>
14444
14445  </div>
14446</div>
14447      
14448    
14449      
14450          
14451
14452<div class="mega-menu flex items-center col-span-6" >
14453  
14454
14455
14456
14457
14458
14459
14460
14461
14462
14463
14464
14465
14466
14467
14468
14469
14470
14471
14472
14473
14474<div class="mega-menu w-full overscroll-contain"
14475  x-data="{
14476    activeMenu: null,
14477    isOpen: false,
14478    close() {
14479      this.isOpen = false;
14480      this.activeMenu = null;
14481    },
14482    handleKeydown(e) {
14483      if (e.key === 'Escape') {
14484        this.close()
14485      }
14486    }
14487  }"
14488  @keydown="handleKeydown($event)">
14489  <nav class="mega-menu__nav" aria-label="Header main menu">
14490    <ul class="mega-menu__primary-list flex items-center w-full flex-wrap gap-x-lg-sm text-left justify-start" role="menubar">
14491      
14492        
14493
14494        
14495        
14496        
14497
14498        
14499        
14500
14501        <li class="mega-menu__primary-item grow-0 "
14502          x-data="{ id: 'apparel' }"
14503          role="none"
14504          
14505            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
14506          
14507        >
14508          <button
14509            
14510            
14511            :id="'button-' + id"
14512            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: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"
14513            
14514              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
14515              :aria-expanded="activeMenu === id ? 'true' : 'false'"
14516              aria-haspopup="true"
14517              :aria-controls="'dropdown-' + id"
14518              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
14519              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
14520            
14521            role="menuitem"
14522          >
14523            Apparel
14524            
14525              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
14526                
14527
14528
14529
14530  
14531  
14532  
14533  
14534      
14535          <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">
14536            <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"/>
14537          </svg>
14538        
14539    
14540
14541              </span>
14542            
14543          </button>
14544
14545          
14546            
14547            
14548              
14549                
14550                  
14551                  
14552
14553
14554
14555
14556
14557
14558
14559
14560
14561
14562
14563
14564
14565
14566
14567
14568
14569
14570
14571
14572
14573
14574
14575
14576
14577
14578
14579
14580
14581
14582
14583
14584
14585
14586
14587
14588
14589
14590
14591
14592
14593
14594
14595
14596
14597
14598
14599
14600
14601
14602
14603
14604
14605
14606
14607
14608
14609
14610
14611
14612
14613
14614
14615
14616
14617
14618
14619
14620
14621
14622
14623
14624
14625
14626
14627
14628<!-- append mega menu panel to header wrapper -->
14629<template x-teleport="#header-md-2-wrapper--22910431559877">
14630  <div
14631    
14632    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-surface c-text-on-surface"
14633    x-cloak
14634    x-show="activeMenu === id"
14635    x-trap.noscroll="activeMenu === id"
14636    role="region"
14637    :id="'panel-' + id"
14638    :aria-labelledby="'button-' + id"
14639    x-effect="
14640      if (activeMenu === id) {
14641        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-2-container--22910431559877')?.offsetHeight + 'px')
14642      }
14643    "
14644    @resize.window="
14645      if (activeMenu === id) {
14646        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-2-container--22910431559877')?.offsetHeight + 'px')
14647      }
14648    "
14649    x-transition:enter="transition ease-out duration-200"
14650    x-transition:enter-start="opacity-0 -translate-y-1"
14651    x-transition:enter-end="opacity-100 translate-y-0"
14652    x-transition:leave="transition ease-in duration-150"
14653    x-transition:leave-start="opacity-100 translate-y-0"
14654    x-transition:leave-end="opacity-0 -translate-y-1"
14655    @keydown.escape.prevent.stop="close()"
14656    @click.away="close()"
14657  >
14658    <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-full px-container-sm flex justify-center items-start gap-sm-lg">
14659      
14660      
14661        <div
14662          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"
14663          role="presentation"
14664        >
14665          
14666          
14667            
14668          
14669            
14670              
14671
14672              
14673              
14674
14675              <div
14676                class="mega-menu__submenu-item flex items-center"
14677                role="presentation"
14678              >
14679                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
14680                  <div class="mega-menu__submenu--header">
14681                    <a
14682                      href="/collections/rs-no-9-apparel"
14683                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14684                      role="menuitem"
14685                      
14686                      :tabindex="activeMenu === id ? '0' : '-1'"
14687                      @keydown.enter.prevent="window.location.href='/collections/rs-no-9-apparel'"
14688                      @keydown.space.prevent="window.location.href='/collections/rs-no-9-apparel'"
14689                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
14690                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
14691                    >
14692                      Apparel
14693                    </a>
14694                  </div>
14695
14696                  <ul
14697                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
14698                    role="menu"
14699                    aria-label="Apparel menu"
14700                  >
14701                    
14702                      
14703                      
14704                      
14705                      <li
14706                        class="mega-menu__child-item flex "
14707                        role="none"
14708                      >
14709                        <a
14710                          href="/collections/rs-no-9-tops-tees"
14711                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14712                          role="menuitem"
14713                          
14714                          :tabindex="activeMenu === id ? '0' : '-1'"
14715                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-tops-tees'"
14716                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-tops-tees'"
14717                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
14718                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
14719                        >
14720                          Tops & Tees
14721                        </a>
14722                      </li>
14723                    
14724                      
14725                      
14726                      
14727                      <li
14728                        class="mega-menu__child-item flex "
14729                        role="none"
14730                      >
14731                        <a
14732                          href="/collections/rs-no-9-hoodies-sweatshirts"
14733                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14734                          role="menuitem"
14735                          
14736                          :tabindex="activeMenu === id ? '0' : '-1'"
14737                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-hoodies-sweatshirts'"
14738                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-hoodies-sweatshirts'"
14739                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
14740                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
14741                        >
14742                          Hoodies & Sweatshirts
14743                        </a>
14744                      </li>
14745                    
14746                      
14747                      
14748                      
14749                      <li
14750                        class="mega-menu__child-item flex "
14751                        role="none"
14752                      >
14753                        <a
14754                          href="/collections/rs-no-9-jackets-outerwear"
14755                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14756                          role="menuitem"
14757                          
14758                          :tabindex="activeMenu === id ? '0' : '-1'"
14759                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-jackets-outerwear'"
14760                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-jackets-outerwear'"
14761                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
14762                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
14763                        >
14764                          Jackets & Outerwear
14765                        </a>
14766                      </li>
14767                    
14768                      
14769                      
14770                      
14771                      <li
14772                        class="mega-menu__child-item flex "
14773                        role="none"
14774                      >
14775                        <a
14776                          href="/collections/rs-no-9-sweaters"
14777                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14778                          role="menuitem"
14779                          
14780                          :tabindex="activeMenu === id ? '0' : '-1'"
14781                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-sweaters'"
14782                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-sweaters'"
14783                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
14784                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
14785                        >
14786                          Sweaters
14787                        </a>
14788                      </li>
14789                    
14790                      
14791                      
14792                      
14793                      <li
14794                        class="mega-menu__child-item flex "
14795                        role="none"
14796                      >
14797                        <a
14798                          href="/collections/rs-no-9-pants-shorts"
14799                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14800                          role="menuitem"
14801                          
14802                          :tabindex="activeMenu === id ? '0' : '-1'"
14803                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-pants-shorts'"
14804                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-pants-shorts'"
14805                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
14806                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
14807                        >
14808                          Pants & Shorts
14809                        </a>
14810                      </li>
14811                    
14812                    <li
14813                      class="mega-menu__child-item"
14814                      role="none"
14815                    >
14816                      <a
14817                        href="/collections/rs-no-9-apparel"
14818                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14819                        role="menuitem"
14820                        :tabindex="activeMenu === id ? '0' : '-1'"
14821                        @keydown.enter.prevent="window.location.href='/collections/rs-no-9-apparel'"
14822                        @keydown.space.prevent="window.location.href='/collections/rs-no-9-apparel'"
14823                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
14824                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
14825                      >
14826                        <span>View All</span>
14827                        <span class="sr-only">Apparel</span>
14828                        <span aria-hidden="true">
14829
14830
14831
14832  
14833  
14834  
14835  
14836      
14837          <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">
14838            <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"/>
14839          </svg>
14840        
14841    
14842</span>
14843                      </a>
14844                    </li>
14845                  </ul>
14846                </div>
14847              </div>
14848            
14849          
14850            
14851              
14852
14853              
14854              
14855
14856              <div
14857                class="mega-menu__submenu-item flex items-center"
14858                role="presentation"
14859              >
14860                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
14861                  <div class="mega-menu__submenu--header">
14862                    <a
14863                      href="#"
14864                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14865                      role="menuitem"
14866                      
14867                      :tabindex="activeMenu === id ? '0' : '-1'"
14868                      @keydown.enter.prevent="window.location.href='#'"
14869                      @keydown.space.prevent="window.location.href='#'"
14870                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
14871                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
14872                    >
14873                      Shop by Fit
14874                    </a>
14875                  </div>
14876
14877                  <ul
14878                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
14879                    role="menu"
14880                    aria-label="Shop by Fit menu"
14881                  >
14882                    
14883                      
14884                      
14885                      
14886                      <li
14887                        class="mega-menu__child-item flex "
14888                        role="none"
14889                      >
14890                        <a
14891                          href="/collections/rs-no-9-mens"
14892                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14893                          role="menuitem"
14894                          
14895                          :tabindex="activeMenu === id ? '0' : '-1'"
14896                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-mens'"
14897                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-mens'"
14898                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
14899                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
14900                        >
14901                          Men's
14902                        </a>
14903                      </li>
14904                    
14905                      
14906                      
14907                      
14908                      <li
14909                        class="mega-menu__child-item flex "
14910                        role="none"
14911                      >
14912                        <a
14913                          href="/collections/rs-no-9-womens"
14914                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14915                          role="menuitem"
14916                          
14917                          :tabindex="activeMenu === id ? '0' : '-1'"
14918                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-womens'"
14919                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-womens'"
14920                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
14921                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
14922                        >
14923                          Women's
14924                        </a>
14925                      </li>
14926                    
14927                      
14928                      
14929                      
14930                      <li
14931                        class="mega-menu__child-item flex "
14932                        role="none"
14933                      >
14934                        <a
14935                          href="/collections/rs-no-9-kids-baby"
14936                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14937                          role="menuitem"
14938                          
14939                          :tabindex="activeMenu === id ? '0' : '-1'"
14940                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-kids-baby'"
14941                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-kids-baby'"
14942                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
14943                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
14944                        >
14945                          Kids & Baby
14946                        </a>
14947                      </li>
14948                    
14949                      
14950                      
14951                      
14952                      <li
14953                        class="mega-menu__child-item flex "
14954                        role="none"
14955                      >
14956                        <a
14957                          href="/collections/rs-no-9-unisex"
14958                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14959                          role="menuitem"
14960                          
14961                          :tabindex="activeMenu === id ? '0' : '-1'"
14962                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-unisex'"
14963                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-unisex'"
14964                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
14965                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
14966                        >
14967                          Unisex
14968                        </a>
14969                      </li>
14970                    
14971                    <li
14972                      class="mega-menu__child-item"
14973                      role="none"
14974                    >
14975                      <a
14976                        href="#"
14977                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
14978                        role="menuitem"
14979                        :tabindex="activeMenu === id ? '0' : '-1'"
14980                        @keydown.enter.prevent="window.location.href='#'"
14981                        @keydown.space.prevent="window.location.href='#'"
14982                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
14983                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
14984                      >
14985                        <span>View All</span>
14986                        <span class="sr-only">Shop by Fit</span>
14987                        <span aria-hidden="true">
14988
14989
14990
14991  
14992  
14993  
14994  
14995      
14996          <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">
14997            <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"/>
14998          </svg>
14999        
15000    
15001</span>
15002                      </a>
15003                    </li>
15004                  </ul>
15005                </div>
15006              </div>
15007            
15008          
15009            
15010              
15011
15012              
15013              
15014
15015              <div
15016                class="mega-menu__submenu-item flex items-center"
15017                role="presentation"
15018              >
15019                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
15020                  <div class="mega-menu__submenu--header">
15021                    <a
15022                      href="#"
15023                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15024                      role="menuitem"
15025                      
15026                      :tabindex="activeMenu === id ? '0' : '-1'"
15027                      @keydown.enter.prevent="window.location.href='#'"
15028                      @keydown.space.prevent="window.location.href='#'"
15029                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
15030                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
15031                    >
15032                      Spotlight Collections
15033                    </a>
15034                  </div>
15035
15036                  <ul
15037                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
15038                    role="menu"
15039                    aria-label="Spotlight Collections menu"
15040                  >
15041                    
15042                      
15043                      
15044                      
15045                      <li
15046                        class="mega-menu__child-item flex "
15047                        role="none"
15048                      >
15049                        <a
15050                          href="/collections/rs-no-9-autumn-winter-26"
15051                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15052                          role="menuitem"
15053                          
15054                          :tabindex="activeMenu === id ? '0' : '-1'"
15055                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-autumn-winter-26'"
15056                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-autumn-winter-26'"
15057                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
15058                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
15059                        >
15060                          Autumn | Winter '26
15061                        </a>
15062                      </li>
15063                    
15064                      
15065                      
15066                      
15067                      <li
15068                        class="mega-menu__child-item flex "
15069                        role="none"
15070                      >
15071                        <a
15072                          href="/collections/rs-no-9-spring-summer-26"
15073                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15074                          role="menuitem"
15075                          
15076                          :tabindex="activeMenu === id ? '0' : '-1'"
15077                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-spring-summer-26'"
15078                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-spring-summer-26'"
15079                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
15080                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
15081                        >
15082                          Spring | Summer '26
15083                        </a>
15084                      </li>
15085                    
15086                      
15087                      
15088                      
15089                      <li
15090                        class="mega-menu__child-item flex "
15091                        role="none"
15092                      >
15093                        <a
15094                          href="/collections/the-rolling-stones-x-james-brown"
15095                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15096                          role="menuitem"
15097                          
15098                          :tabindex="activeMenu === id ? '0' : '-1'"
15099                          @keydown.enter.prevent="window.location.href='/collections/the-rolling-stones-x-james-brown'"
15100                          @keydown.space.prevent="window.location.href='/collections/the-rolling-stones-x-james-brown'"
15101                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
15102                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
15103                        >
15104                          The Rolling Stones x James Brown
15105                        </a>
15106                      </li>
15107                    
15108                      
15109                      
15110                      
15111                      <li
15112                        class="mega-menu__child-item flex "
15113                        role="none"
15114                      >
15115                        <a
15116                          href="/collections/rs-x-brain-dead"
15117                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15118                          role="menuitem"
15119                          
15120                          :tabindex="activeMenu === id ? '0' : '-1'"
15121                          @keydown.enter.prevent="window.location.href='/collections/rs-x-brain-dead'"
15122                          @keydown.space.prevent="window.location.href='/collections/rs-x-brain-dead'"
15123                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
15124                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
15125                        >
15126                          RS X Brain Dead
15127                        </a>
15128                      </li>
15129                    
15130                      
15131                      
15132                      
15133                      <li
15134                        class="mega-menu__child-item flex "
15135                        role="none"
15136                      >
15137                        <a
15138                          href="/collections/rs-no-9-x-nixon"
15139                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15140                          role="menuitem"
15141                          
15142                          :tabindex="activeMenu === id ? '0' : '-1'"
15143                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-x-nixon'"
15144                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-x-nixon'"
15145                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
15146                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
15147                        >
15148                          Nixon
15149                        </a>
15150                      </li>
15151                    
15152                    <li
15153                      class="mega-menu__child-item"
15154                      role="none"
15155                    >
15156                      <a
15157                        href="#"
15158                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15159                        role="menuitem"
15160                        :tabindex="activeMenu === id ? '0' : '-1'"
15161                        @keydown.enter.prevent="window.location.href='#'"
15162                        @keydown.space.prevent="window.location.href='#'"
15163                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
15164                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
15165                      >
15166                        <span>View All</span>
15167                        <span class="sr-only">Spotlight Collections</span>
15168                        <span aria-hidden="true">
15169
15170
15171
15172  
15173  
15174  
15175  
15176      
15177          <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">
15178            <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"/>
15179          </svg>
15180        
15181    
15182</span>
15183                      </a>
15184                    </li>
15185                  </ul>
15186                </div>
15187              </div>
15188            
15189          
15190
15191          
15192            
15193            
15194            
15195              <div class="mega-menu__submenu-item flex items-center" role="presentation">
15196                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
15197                  
15198                    
15199                      
15200
15201                      
15202                      
15203                      <div class="mega-menu__child-item">
15204                        <a
15205                          href="/collections/rs-no-9-new-arrivals"
15206                          class="mega-menu__child-link text_navigation_md text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15207                          role="menuitem"
15208                          
15209                          :tabindex="activeMenu === id ? '0' : '-1'"
15210                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-new-arrivals'"
15211                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-new-arrivals'"
15212                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
15213                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
15214                        >
15215                          New Arrivals
15216                        </a>
15217                      </div>
15218                    
15219                  
15220                    
15221                  
15222                    
15223                  
15224                    
15225                  
15226                </div>
15227              </div>
15228            
15229          
15230        </div>
15231      
15232      
15233        
15234
15235
15236
15237
15238
15239
15240
15241
15242
15243
15244
15245
15246
15247<div class="mega-menu__promo-tiles flex flex-row content-stretch flex-wrap gap-x-sm-md gap-y-sm-xl md:max-w-[70%] md:min-w-[70%] lg:max-w-[50%] lg:min-w-[50%] xl:max-w-[40%] xl:min-w-[40%]">
15248  
15249    
15250    
15251    
15252
15253
15254
15255  
15256
15257
15258
15259
15260
15261
15262
15263
15264
15265
15266
15267
15268
15269
15270
15271<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
15272  
15273    <a href="/collections/rs-no-9-mens" class="h-full" aria-label="Men&#39;s Shop by Fit">
15274  
15275  <div class="flex flex-col relative h-full">
15276    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
15277      
15278
15279
15280
15281
15282
15283
15284
15285
15286
15287
15288
15289
15290
15291
15292
15293  
15294<img src="//therollingstonesshop.com/cdn/shop/files/08.08.2024_Carnaby1550_1x1_ad657153-5add-45e9-9407-aae7df0421bf.webp?v=1777988316&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/08.08.2024_Carnaby1550_1x1_ad657153-5add-45e9-9407-aae7df0421bf.webp?v=1777988316&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/08.08.2024_Carnaby1550_1x1_ad657153-5add-45e9-9407-aae7df0421bf.webp?v=1777988316&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/08.08.2024_Carnaby1550_1x1_ad657153-5add-45e9-9407-aae7df0421bf.webp?v=1777988316&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
15295
15296
15297
15298
15299    </div>
15300    
15301    
15302      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Men's Shop by Fit</h4>
15303    
15304    
15305      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
15306        View Collection
15307        
15308          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
15309
15310
15311
15312  
15313  
15314  
15315  
15316      
15317          <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">
15318            <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"/>
15319          </svg>
15320        
15321    
15322</span>
15323        
15324      </span>
15325    
15326  </div>
15327  
15328  
15329    </a>
15330  
15331</div>
15332
15333  
15334
15335  
15336    
15337    
15338    
15339
15340
15341
15342  
15343
15344
15345
15346
15347
15348
15349
15350
15351
15352
15353
15354
15355
15356
15357
15358<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
15359  
15360    <a href="/collections/rs-no-9-womens" class="h-full" aria-label="Women&#39;s Shop by Fit">
15361  
15362  <div class="flex flex-col relative h-full">
15363    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
15364      
15365
15366
15367
15368
15369
15370
15371
15372
15373
15374
15375
15376
15377
15378
15379
15380  
15381<img src="//therollingstonesshop.com/cdn/shop/files/Look-5_AW26_50_R1.jpg?v=1788367402&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/Look-5_AW26_50_R1.jpg?v=1788367402&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/Look-5_AW26_50_R1.jpg?v=1788367402&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/Look-5_AW26_50_R1.jpg?v=1788367402&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
15382
15383
15384
15385
15386    </div>
15387    
15388    
15389      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Women's Shop by Fit</h4>
15390    
15391    
15392      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
15393        View Collection
15394        
15395          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
15396
15397
15398
15399  
15400  
15401  
15402  
15403      
15404          <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">
15405            <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"/>
15406          </svg>
15407        
15408    
15409</span>
15410        
15411      </span>
15412    
15413  </div>
15414  
15415  
15416    </a>
15417  
15418</div>
15419
15420  
15421  
15422    
15423    
15424    
15425
15426
15427
15428  
15429
15430
15431
15432
15433
15434
15435
15436
15437
15438
15439
15440
15441
15442
15443
15444<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
15445  
15446    <a href="/collections/rs-no-9-hoodies-sweatshirts" class="h-full" aria-label="Hoodies &amp; Sweatshirts">
15447  
15448  <div class="flex flex-col relative h-full">
15449    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
15450      
15451
15452
15453
15454
15455
15456
15457
15458
15459
15460
15461
15462
15463
15464
15465
15466  
15467<img src="//therollingstonesshop.com/cdn/shop/files/ROLLING-STONES-CARNABY-20251054.png?v=1769804055&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/ROLLING-STONES-CARNABY-20251054.png?v=1769804055&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/ROLLING-STONES-CARNABY-20251054.png?v=1769804055&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/ROLLING-STONES-CARNABY-20251054.png?v=1769804055&amp;width=400 400w" width="400" height="401" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
15468
15469
15470
15471
15472    </div>
15473    
15474    
15475      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Hoodies & Sweatshirts</h4>
15476    
15477    
15478      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
15479        View Collection
15480        
15481          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
15482
15483
15484
15485  
15486  
15487  
15488  
15489      
15490          <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">
15491            <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"/>
15492          </svg>
15493        
15494    
15495</span>
15496        
15497      </span>
15498    
15499  </div>
15500  
15501  
15502    </a>
15503  
15504</div>
15505
15506  
15507  
15508    
15509    
15510    
15511
15512
15513
15514  
15515
15516
15517
15518
15519
15520
15521
15522
15523
15524
15525
15526
15527
15528
15529
15530<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
15531  
15532    <a href="/collections/rs-no-9-jackets-outerwear" class="h-full" aria-label="Jackets &amp; Outerwear">
15533  
15534  <div class="flex flex-col relative h-full">
15535    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
15536      
15537
15538
15539
15540
15541
15542
15543
15544
15545
15546
15547
15548
15549
15550
15551
15552  
15553<img src="//therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_01-2.png?v=1769802552&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_01-2.png?v=1769802552&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_01-2.png?v=1769802552&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_01-2.png?v=1769802552&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
15554
15555
15556
15557
15558    </div>
15559    
15560    
15561      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Jackets & Outerwear</h4>
15562    
15563    
15564      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
15565        View Collection
15566        
15567          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
15568
15569
15570
15571  
15572  
15573  
15574  
15575      
15576          <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">
15577            <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"/>
15578          </svg>
15579        
15580    
15581</span>
15582        
15583      </span>
15584    
15585  </div>
15586  
15587  
15588    </a>
15589  
15590</div>
15591
15592  
15593  
15594</div>
15595      
15596    </div>
15597  </div>
15598</template>
15599
15600                  
15601            
15602
15603            
15604          
15605        </li>
15606      
15607        
15608
15609        
15610        
15611        
15612
15613        
15614        
15615
15616        <li class="mega-menu__primary-item grow-0 "
15617          x-data="{ id: 'accessories-home' }"
15618          role="none"
15619          
15620            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
15621          
15622        >
15623          <button
15624            
15625            
15626            :id="'button-' + id"
15627            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: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
15627derline"
15628            
15629              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
15630              :aria-expanded="activeMenu === id ? 'true' : 'false'"
15631              aria-haspopup="true"
15632              :aria-controls="'dropdown-' + id"
15633              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
15634              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
15635            
15636            role="menuitem"
15637          >
15638            Accessories & Home
15639            
15640              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
15641                
15642
15643
15644
15645  
15646  
15647  
15648  
15649      
15650          <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">
15651            <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"/>
15652          </svg>
15653        
15654    
15655
15656              </span>
15657            
15658          </button>
15659
15660          
15661            
15662            
15663              
15664                
15665              
15666                
15667                  
15668                  
15669
15670
15671
15672
15673
15674
15675
15676
15677
15678
15679
15680
15681
15682
15683
15684
15685
15686
15687
15688
15689
15690
15691
15692
15693
15694
15695
15696
15697
15698
15699
15700
15701
15702
15703
15704
15705
15706
15707
15708
15709
15710
15711
15712
15713
15714
15715
15716
15717
15718
15719
15720
15721
15722
15723
15724
15725
15726
15727
15728
15729
15730
15731
15732
15733
15734
15735
15736
15737
15738
15739
15740
15741
15742
15743
15744
15745<!-- append mega menu panel to header wrapper -->
15746<template x-teleport="#header-md-2-wrapper--22910431559877">
15747  <div
15748    
15749    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-surface c-text-on-surface"
15750    x-cloak
15751    x-show="activeMenu === id"
15752    x-trap.noscroll="activeMenu === id"
15753    role="region"
15754    :id="'panel-' + id"
15755    :aria-labelledby="'button-' + id"
15756    x-effect="
15757      if (activeMenu === id) {
15758        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-2-container--22910431559877')?.offsetHeight + 'px')
15759      }
15760    "
15761    @resize.window="
15762      if (activeMenu === id) {
15763        $el.style.setProperty('--header-md-height', document.querySelector('#header-md-2-container--22910431559877')?.offsetHeight + 'px')
15764      }
15765    "
15766    x-transition:enter="transition ease-out duration-200"
15767    x-transition:enter-start="opacity-0 -translate-y-1"
15768    x-transition:enter-end="opacity-100 translate-y-0"
15769    x-transition:leave="transition ease-in duration-150"
15770    x-transition:leave-start="opacity-100 translate-y-0"
15771    x-transition:leave-end="opacity-0 -translate-y-1"
15772    @keydown.escape.prevent.stop="close()"
15773    @click.away="close()"
15774  >
15775    <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-full px-container-sm flex justify-center items-start gap-sm-lg">
15776      
15777      
15778        <div
15779          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"
15780          role="presentation"
15781        >
15782          
15783          
15784            
15785          
15786            
15787          
15788            
15789              
15790
15791              
15792              
15793
15794              <div
15795                class="mega-menu__submenu-item flex items-center"
15796                role="presentation"
15797              >
15798                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
15799                  <div class="mega-menu__submenu--header">
15800                    <a
15801                      href="/collections/carnaby-fashion-accessories"
15802                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15803                      role="menuitem"
15804                      
15805                      :tabindex="activeMenu === id ? '0' : '-1'"
15806                      @keydown.enter.prevent="window.location.href='/collections/carnaby-fashion-accessories'"
15807                      @keydown.space.prevent="window.location.href='/collections/carnaby-fashion-accessories'"
15808                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
15809                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
15810                    >
15811                      Fashion Accessories
15812                    </a>
15813                  </div>
15814
15815                  <ul
15816                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
15817                    role="menu"
15818                    aria-label="Fashion Accessories menu"
15819                  >
15820                    
15821                      
15822                      
15823                      
15824                      <li
15825                        class="mega-menu__child-item flex "
15826                        role="none"
15827                      >
15828                        <a
15829                          href="/collections/carnaby-hats-beanies"
15830                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15831                          role="menuitem"
15832                          
15833                          :tabindex="activeMenu === id ? '0' : '-1'"
15834                          @keydown.enter.prevent="window.location.href='/collections/carnaby-hats-beanies'"
15835                          @keydown.space.prevent="window.location.href='/collections/carnaby-hats-beanies'"
15836                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
15837                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
15838                        >
15839                          Hats & Beanies
15840                        </a>
15841                      </li>
15842                    
15843                      
15844                      
15845                      
15846                      <li
15847                        class="mega-menu__child-item flex "
15848                        role="none"
15849                      >
15850                        <a
15851                          href="/collections/carnaby-jewelery-pins"
15852                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15853                          role="menuitem"
15854                          
15855                          :tabindex="activeMenu === id ? '0' : '-1'"
15856                          @keydown.enter.prevent="window.location.href='/collections/carnaby-jewelery-pins'"
15857                          @keydown.space.prevent="window.location.href='/collections/carnaby-jewelery-pins'"
15858                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
15859                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
15860                        >
15861                          Jewelry & Pins
15862                        </a>
15863                      </li>
15864                    
15865                      
15866                      
15867                      
15868                      <li
15869                        class="mega-menu__child-item flex "
15870                        role="none"
15871                      >
15872                        <a
15873                          href="/collections/carnaby-socks"
15874                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15875                          role="menuitem"
15876                          
15877                          :tabindex="activeMenu === id ? '0' : '-1'"
15878                          @keydown.enter.prevent="window.location.href='/collections/carnaby-socks'"
15879                          @keydown.space.prevent="window.location.href='/collections/carnaby-socks'"
15880                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
15881                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
15882                        >
15883                          Socks
15884                        </a>
15885                      </li>
15886                    
15887                      
15888                      
15889                      
15890                      <li
15891                        class="mega-menu__child-item flex "
15892                        role="none"
15893                      >
15894                        <a
15895                          href="/collections/carnaby-sunglasses"
15896                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15897                          role="menuitem"
15898                          
15899                          :tabindex="activeMenu === id ? '0' : '-1'"
15900                          @keydown.enter.prevent="window.location.href='/collections/carnaby-sunglasses'"
15901                          @keydown.space.prevent="window.location.href='/collections/carnaby-sunglasses'"
15902                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
15903                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
15904                        >
15905                          Sunglasses
15906                        </a>
15907                      </li>
15908                    
15909                      
15910                      
15911                      
15912                      <li
15913                        class="mega-menu__child-item flex "
15914                        role="none"
15915                      >
15916                        <a
15917                          href="/collections/carnaby-watches-by-nixon"
15918                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15919                          role="menuitem"
15920                          
15921                          :tabindex="activeMenu === id ? '0' : '-1'"
15922                          @keydown.enter.prevent="window.location.href='/collections/carnaby-watches-by-nixon'"
15923                          @keydown.space.prevent="window.location.href='/collections/carnaby-watches-by-nixon'"
15924                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
15925                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
15926                        >
15927                          Watches by Nixon
15928                        </a>
15929                      </li>
15930                    
15931                    <li
15932                      class="mega-menu__child-item"
15933                      role="none"
15934                    >
15935                      <a
15936                        href="/collections/carnaby-fashion-accessories"
15937                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15938                        role="menuitem"
15939                        :tabindex="activeMenu === id ? '0' : '-1'"
15940                        @keydown.enter.prevent="window.location.href='/collections/carnaby-fashion-accessories'"
15941                        @keydown.space.prevent="window.location.href='/collections/carnaby-fashion-accessories'"
15942                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
15943                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
15944                      >
15945                        <span>View All</span>
15946                        <span class="sr-only">Fashion Accessories</span>
15947                        <span aria-hidden="true">
15948
15949
15950
15951  
15952  
15953  
15954  
15955      
15956          <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">
15957            <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"/>
15958          </svg>
15959        
15960    
15961</span>
15962                      </a>
15963                    </li>
15964                  </ul>
15965                </div>
15966              </div>
15967            
15968          
15969            
15970              
15971
15972              
15973              
15974
15975              <div
15976                class="mega-menu__submenu-item flex items-center"
15977                role="presentation"
15978              >
15979                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
15980                  <div class="mega-menu__submenu--header">
15981                    <a
15982                      href="/collections/rs-no-9-personal-accessories"
15983                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
15984                      role="menuitem"
15985                      
15986                      :tabindex="activeMenu === id ? '0' : '-1'"
15987                      @keydown.enter.prevent="window.location.href='/collections/rs-no-9-personal-accessories'"
15988                      @keydown.space.prevent="window.location.href='/collections/rs-no-9-personal-accessories'"
15989                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
15990                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
15991                    >
15992                      Personal Accessories
15993                    </a>
15994                  </div>
15995
15996                  <ul
15997                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
15998                    role="menu"
15999                    aria-label="Personal Accessories menu"
16000                  >
16001                    
16002                      
16003                      
16004                      
16005                      <li
16006                        class="mega-menu__child-item flex "
16007                        role="none"
16008                      >
16009                        <a
16010                          href="/collections/carnaby-bags-wallets-1"
16011                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16012                          role="menuitem"
16013                          
16014                          :tabindex="activeMenu === id ? '0' : '-1'"
16015                          @keydown.enter.prevent="window.location.href='/collections/carnaby-bags-wallets-1'"
16016                          @keydown.space.prevent="window.location.href='/collections/carnaby-bags-wallets-1'"
16017                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16018                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16019                        >
16020                          Bags & Wallets
16021                        </a>
16022                      </li>
16023                    
16024                      
16025                      
16026                      
16027                      <li
16028                        class="mega-menu__child-item flex "
16029                        role="none"
16030                      >
16031                        <a
16032                          href="/collections/carnaby-pocket-accessories"
16033                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16034                          role="menuitem"
16035                          
16036                          :tabindex="activeMenu === id ? '0' : '-1'"
16037                          @keydown.enter.prevent="window.location.href='/collections/carnaby-pocket-accessories'"
16038                          @keydown.space.prevent="window.location.href='/collections/carnaby-pocket-accessories'"
16039                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16040                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16041                        >
16042                          Pocket Accessories
16043                        </a>
16044                      </li>
16045                    
16046                      
16047                      
16048                      
16049                      <li
16050                        class="mega-menu__child-item flex "
16051                        role="none"
16052                      >
16053                        <a
16054                          href="/collections/carnaby-weather-essentials"
16055                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16056                          role="menuitem"
16057                          
16058                          :tabindex="activeMenu === id ? '0' : '-1'"
16059                          @keydown.enter.prevent="window.location.href='/collections/carnaby-weather-essentials'"
16060                          @keydown.space.prevent="window.location.href='/collections/carnaby-weather-essentials'"
16061                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16062                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16063                        >
16064                          Weather Essentials
16065                        </a>
16066                      </li>
16067                    
16068                    <li
16069                      class="mega-menu__child-item"
16070                      role="none"
16071                    >
16072                      <a
16073                        href="/collections/rs-no-9-personal-accessories"
16074                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16075                        role="menuitem"
16076                        :tabindex="activeMenu === id ? '0' : '-1'"
16077                        @keydown.enter.prevent="window.location.href='/collections/rs-no-9-personal-accessories'"
16078                        @keydown.space.prevent="window.location.href='/collections/rs-no-9-personal-accessories'"
16079                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
16080                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
16081                      >
16082                        <span>View All</span>
16083                        <span class="sr-only">Personal Accessories</span>
16084                        <span aria-hidden="true">
16085
16086
16087
16088  
16089  
16090  
16091  
16092      
16093          <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">
16094            <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"/>
16095          </svg>
16096        
16097    
16098</span>
16099                      </a>
16100                    </li>
16101                  </ul>
16102                </div>
16103              </div>
16104            
16105          
16106            
16107              
16108
16109              
16110              
16111
16112              <div
16113                class="mega-menu__submenu-item flex items-center"
16114                role="presentation"
16115              >
16116                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
16117                  <div class="mega-menu__submenu--header">
16118                    <a
16119                      href="/collections/rs-no-9-home"
16120                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16121                      role="menuitem"
16122                      
16123                      :tabindex="activeMenu === id ? '0' : '-1'"
16124                      @keydown.enter.prevent="window.location.href='/collections/rs-no-9-home'"
16125                      @keydown.space.prevent="window.location.href='/collections/rs-no-9-home'"
16126                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
16127                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
16128                    >
16129                      Home Accessories
16130                    </a>
16131                  </div>
16132
16133                  <ul
16134                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
16135                    role="menu"
16136                    aria-label="Home Accessories menu"
16137                  >
16138                    
16139                      
16140                      
16141                      
16142                      <li
16143                        class="mega-menu__child-item flex "
16144                        role="none"
16145                      >
16146                        <a
16147                          href="/collections/carnaby-decorative-objects"
16148                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16149                          role="menuitem"
16150                          
16151                          :tabindex="activeMenu === id ? '0' : '-1'"
16152                          @keydown.enter.prevent="window.location.href='/collections/carnaby-decorative-objects'"
16153                          @keydown.space.prevent="window.location.href='/collections/carnaby-decorative-objects'"
16154                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16155                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16156                        >
16157                          Decorative Objects
16158                        </a>
16159                      </li>
16160                    
16161                      
16162                      
16163                      
16164                      <li
16165                        class="mega-menu__child-item flex "
16166                        role="none"
16167                      >
16168                        <a
16169                          href="/collections/carnaby-drinkware"
16170                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16171                          role="menuitem"
16172                          
16173                          :tabindex="activeMenu === id ? '0' : '-1'"
16174                          @keydown.enter.prevent="window.location.href='/collections/carnaby-drinkware'"
16175                          @keydown.space.prevent="window.location.href='/collections/carnaby-drinkware'"
16176                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16177                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16178                        >
16179                          Drinkware
16180                        </a>
16181                      </li>
16182                    
16183                      
16184                      
16185                      
16186                      <li
16187                        class="mega-menu__child-item flex "
16188                        role="none"
16189                      >
16190                        <a
16191                          href="/collections/carnaby-games-leisure"
16192                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16193                          role="menuitem"
16194                          
16195                          :tabindex="activeMenu === id ? '0' : '-1'"
16196                          @keydown.enter.prevent="window.location.href='/collections/carnaby-games-leisure'"
16197                          @keydown.space.prevent="window.location.href='/collections/carnaby-games-leisure'"
16198                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16199                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16200                        >
16201                          Games & Leisure
16202                        </a>
16203                      </li>
16204                    
16205                      
16206                      
16207                      
16208                      <li
16209                        class="mega-menu__child-item flex "
16210                        role="none"
16211                      >
16212                        <a
16213                          href="/collections/carnaby-seasonal-decor"
16214                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16215                          role="menuitem"
16216                          
16217                          :tabindex="activeMenu === id ? '0' : '-1'"
16218                          @keydown.enter.prevent="window.location.href='/collections/carnaby-seasonal-decor'"
16219                          @keydown.space.prevent="window.location.href='/collections/carnaby-seasonal-decor'"
16220                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16221                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16222                        >
16223                          Seasonal Décor
16224                        </a>
16225                      </li>
16226                    
16227                      
16228                      
16229                      
16230                      <li
16231                        class="mega-menu__child-item flex "
16232                        role="none"
16233                      >
16234                        <a
16235                          href="/collections/rsno9-stationery"
16236                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16237                          role="menuitem"
16238                          
16239                          :tabindex="activeMenu === id ? '0' : '-1'"
16240                          @keydown.enter.prevent="window.location.href='/collections/rsno9-stationery'"
16241                          @keydown.space.prevent="window.location.href='/collections/rsno9-stationery'"
16242                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16243                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16244                        >
16245                          Stationary
16246                        </a>
16247                      </li>
16248                    
16249                      
16250                      
16251                      
16252                      <li
16253                        class="mega-menu__child-item flex "
16254                        role="none"
16255                      >
16256                        <a
16257                          href="/collections/carnaby-wall-decor-art"
16258                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16259                          role="menuitem"
16260                          
16261                          :tabindex="activeMenu === id ? '0' : '-1'"
16262                          @keydown.enter.prevent="window.location.href='/collections/carnaby-wall-decor-art'"
16263                          @keydown.space.prevent="window.location.href='/collections/carnaby-wall-decor-art'"
16264                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16265                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16266                        >
16267                          Wall Décor & Art
16268                        </a>
16269                      </li>
16270                    
16271                    <li
16272                      class="mega-menu__child-item"
16273                      role="none"
16274                    >
16275                      <a
16276                        href="/collections/rs-no-9-home"
16277                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16278                        role="menuitem"
16279                        :tabindex="activeMenu === id ? '0' : '-1'"
16280                        @keydown.enter.prevent="window.location.href='/collections/rs-no-9-home'"
16281                        @keydown.space.prevent="window.location.href='/collections/rs-no-9-home'"
16282                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
16283                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
16284                      >
16285                        <span>View All</span>
16286                        <span class="sr-only">Home Accessories</span>
16287                        <span aria-hidden="true">
16288
16289
16290
16291  
16292  
16293  
16294  
16295      
16296          <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">
16297            <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"/>
16298          </svg>
16299        
16300    
16301</span>
16302                      </a>
16303                    </li>
16304                  </ul>
16305                </div>
16306              </div>
16307            
16308          
16309            
16310          
16311            
16312          
16313            
16314              
16315
16316              
16317              
16318
16319              <div
16320                class="mega-menu__submenu-item flex items-center"
16321                role="presentation"
16322              >
16323                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
16324                  <div class="mega-menu__submenu--header">
16325                    <a
16326                      href="/collections/rs-no-9-audio-tech-accessories"
16327                      class="mega-menu__submenu-header--link text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16328                      role="menuitem"
16329                      
16330                      :tabindex="activeMenu === id ? '0' : '-1'"
16331                      @keydown.enter.prevent="window.location.href='/collections/rs-no-9-audio-tech-accessories'"
16332                      @keydown.space.prevent="window.location.href='/collections/rs-no-9-audio-tech-accessories'"
16333                      @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
16334                      @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
16335                    >
16336                      Audio & Tech Accessories
16337                    </a>
16338                  </div>
16339
16340                  <ul
16341                    class="mega-menu__child-list flex flex-col items-start gap-sm-sm"
16342                    role="menu"
16343                    aria-label="Audio &amp; Tech Accessories menu"
16344                  >
16345                    
16346                      
16347                      
16348                      
16349                      <li
16350                        class="mega-menu__child-item flex "
16351                        role="none"
16352                      >
16353                        <a
16354                          href="/collections/rs-no-9-x-speaqua-speakers"
16355                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16356                          role="menuitem"
16357                          
16358                          :tabindex="activeMenu === id ? '0' : '-1'"
16359                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-x-speaqua-speakers'"
16360                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-x-speaqua-speakers'"
16361                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16362                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16363                        >
16364                          RS No.9 X Speaqua
16365                        </a>
16366                      </li>
16367                    
16368                      
16369                      
16370                      
16371                      <li
16372                        class="mega-menu__child-item flex "
16373                        role="none"
16374                      >
16375                        <a
16376                          href="/collections/carnaby-record-player-accessories"
16377                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16378                          role="menuitem"
16379                          
16380                          :tabindex="activeMenu === id ? '0' : '-1'"
16381                          @keydown.enter.prevent="window.location.href='/collections/carnaby-record-player-accessories'"
16382                          @keydown.space.prevent="window.location.href='/collections/carnaby-record-player-accessories'"
16383                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16384                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16385                        >
16386                          Record Player Accessories
16387                        </a>
16388                      </li>
16389                    
16390                      
16391                      
16392                      
16393                      <li
16394                        class="mega-menu__child-item flex "
16395                        role="none"
16396                      >
16397                        <a
16398                          href="/collections/carnaby-music-collection"
16399                          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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16400                          role="menuitem"
16401                          
16402                          :tabindex="activeMenu === id ? '0' : '-1'"
16403                          @keydown.enter.prevent="window.location.href='/collections/carnaby-music-collection'"
16404                          @keydown.space.prevent="window.location.href='/collections/carnaby-music-collection'"
16405                          @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()"
16406                          @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()"
16407                        >
16408                          Music Collection
16409                        </a>
16410                      </li>
16411                    
16412                    <li
16413                      class="mega-menu__child-item"
16414                      role="none"
16415                    >
16416                      <a
16417                        href="/collections/rs-no-9-audio-tech-accessories"
16418                        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:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16419                        role="menuitem"
16420                        :tabindex="activeMenu === id ? '0' : '-1'"
16421                        @keydown.enter.prevent="window.location.href='/collections/rs-no-9-audio-tech-accessories'"
16422                        @keydown.space.prevent="window.location.href='/collections/rs-no-9-audio-tech-accessories'"
16423                        @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()"
16424                        @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()"
16425                      >
16426                        <span>View All</span>
16427                        <span class="sr-only">Audio & Tech Accessories</span>
16428                        <span aria-hidden="true">
16429
16430
16431
16432  
16433  
16434  
16435  
16436      
16437          <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">
16438            <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"/>
16439          </svg>
16440        
16441    
16442</span>
16443                      </a>
16444                    </li>
16445                  </ul>
16446                </div>
16447              </div>
16448            
16449          
16450
16451          
16452            
16453            
16454            
16455              <div class="mega-menu__submenu-item flex items-center" role="presentation">
16456                <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm">
16457                  
16458                    
16459                      
16460
16461                      
16462                      
16463                      <div class="mega-menu__child-item">
16464                        <a
16465                          href="/collections/rs-no-9-new-arrivals-accessories-home"
16466                          class="mega-menu__child-link text_navigation_md text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16467                          role="menuitem"
16468                          
16469                          :tabindex="activeMenu === id ? '0' : '-1'"
16470                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-new-arrivals-accessories-home'"
16471                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-new-arrivals-accessories-home'"
16472                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
16473                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
16474                        >
16475                          New Arrivals
16476                        </a>
16477                      </div>
16478                    
16479                  
16480                    
16481                      
16482
16483                      
16484                      
16485                      <div class="mega-menu__child-item">
16486                        <a
16487                          href="/collections/fragrance-rs-no-9-eau-de-parfum"
16488                          class="mega-menu__child-link text_navigation_md text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16489                          role="menuitem"
16490                          
16491                          :tabindex="activeMenu === id ? '0' : '-1'"
16492                          @keydown.enter.prevent="window.location.href='/collections/fragrance-rs-no-9-eau-de-parfum'"
16493                          @keydown.space.prevent="window.location.href='/collections/fragrance-rs-no-9-eau-de-parfum'"
16494                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
16495                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
16496                        >
16497                          Fragrance | RS No.9 Eau de Parfum
16498                        </a>
16499                      </div>
16500                    
16501                  
16502                    
16503                  
16504                    
16505                  
16506                    
16507                  
16508                    
16509                      
16510
16511                      
16512                      
16513                      <div class="mega-menu__child-item">
16514                        <a
16515                          href="/collections/rs-no-9-travel-accessories"
16516                          class="mega-menu__child-link text_navigation_md text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16517                          role="menuitem"
16518                          
16519                          :tabindex="activeMenu === id ? '0' : '-1'"
16520                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-travel-accessories'"
16521                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-travel-accessories'"
16522                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
16523                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
16524                        >
16525                          Travel Accessories
16526                        </a>
16527                      </div>
16528                    
16529                  
16530                    
16531                      
16532
16533                      
16534                      
16535                      <div class="mega-menu__child-item">
16536                        <a
16537                          href="/collections/rs-no-9-pet"
16538                          class="mega-menu__child-link text_navigation_md text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
16539                          role="menuitem"
16540                          
16541                          :tabindex="activeMenu === id ? '0' : '-1'"
16542                          @keydown.enter.prevent="window.location.href='/collections/rs-no-9-pet'"
16543                          @keydown.space.prevent="window.location.href='/collections/rs-no-9-pet'"
16544                          @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()"
16545                          @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()"
16546                        >
16547                          Pet Accessories
16548                        </a>
16549                      </div>
16550                    
16551                  
16552                    
16553                  
16554                </div>
16555              </div>
16556            
16557          
16558        </div>
16559      
16560      
16561        
16562
16563
16564
16565
16566
16567
16568
16569
16570
16571
16572
16573
16574
16575<div class="mega-menu__promo-tiles flex flex-row content-stretch flex-wrap gap-x-sm-md gap-y-sm-xl md:max-w-[70%] md:min-w-[70%] lg:max-w-[50%] lg:min-w-[50%] xl:max-w-[40%] xl:min-w-[40%]">
16576  
16577    
16578    
16579    
16580
16581
16582
16583  
16584
16585
16586
16587
16588
16589
16590
16591
16592
16593
16594
16595
16596
16597
16598
16599<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
16600  
16601    <a href="/collections/carnaby-hats-beanies" class="h-full" aria-label="Hats">
16602  
16603  <div class="flex flex-col relative h-full">
16604    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
16605      
16606
16607
16608
16609
16610
16611
16612
16613
16614
16615
16616
16617
16618
16619
16620
16621  
16622<img src="//therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_067.png?v=1769800570&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_067.png?v=1769800570&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_067.png?v=1769800570&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/Carnaby-SS-2026_067.png?v=1769800570&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
16623
16624
16625
16626
16627    </div>
16628    
16629    
16630      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Hats</h4>
16631    
16632    
16633      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
16634        View Collection
16635        
16636          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
16637
16638
16639
16640  
16641  
16642  
16643  
16644      
16645          <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">
16646            <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"/>
16647          </svg>
16648        
16649    
16650</span>
16651        
16652      </span>
16653    
16654  </div>
16655  
16656  
16657    </a>
16658  
16659</div>
16660
16661  
16662
16663  
16664    
16665    
16666    
16667
16668
16669
16670  
16671
16672
16673
16674
16675
16676
16677
16678
16679
16680
16681
16682
16683
16684
16685
16686<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
16687  
16688    <a href="/collections/rs-no-9-personal-accessories" class="h-full" aria-label="Personal Accessories">
16689  
16690  <div class="flex flex-col relative h-full">
16691    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
16692      
16693
16694
16695
16696
16697
16698
16699
16700
16701
16702
16703
16704
16705
16706
16707
16708  
16709<img src="//therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8d4cb571-249d-45ac-87bb-3b10353cd785_1.png?v=1769634033&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8d4cb571-249d-45ac-87bb-3b10353cd785_1.png?v=1769634033&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8d4cb571-249d-45ac-87bb-3b10353cd785_1.png?v=1769634033&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8d4cb571-249d-45ac-87bb-3b10353cd785_1.png?v=1769634033&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
16710
16711
16712
16713
16714    </div>
16715    
16716    
16717      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Personal Accessories</h4>
16718    
16719    
16720      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
16721        View Collection
16722        
16723          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
16724
16725
16726
16727  
16728  
16729  
16730  
16731      
16732          <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">
16733            <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"/>
16734          </svg>
16735        
16736    
16737</span>
16738        
16739      </span>
16740    
16741  </div>
16742  
16743  
16744    </a>
16745  
16746</div>
16747
16748  
16749  
16750    
16751    
16752    
16753
16754
16755
16756  
16757
16758
16759
16760
16761
16762
16763
16764
16765
16766
16767
16768
16769
16770
16771
16772<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
16773  
16774    <a href="/collections/carnaby-fashion-accessories" class="h-full" aria-label="Fashion Accessories">
16775  
16776  <div class="flex flex-col relative h-full">
16777    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
16778      
16779
16780
16781
16782
16783
16784
16785
16786
16787
16788
16789
16790
16791
16792
16793
16794  
16795<img src="//therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSNo9_SS_Hero_Tote-01.png?v=1769800784&amp;width=400" srcset="//therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSNo9_SS_Hero_Tote-01.png?v=1769800784&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSNo9_SS_Hero_Tote-01.png?v=1769800784&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/TRS-00034_StoreConsolidation_RSNo9_SS_Hero_Tote-01.png?v=1769800784&amp;width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
16796
16797
16798
16799
16800    </div>
16801    
16802    
16803      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">Fashion Accessories</h4>
16804    
16805    
16806      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
16807        View Collection
16808        
16809          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
16810
16811
16812
16813  
16814  
16815  
16816  
16817      
16818          <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">
16819            <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"/>
16820          </svg>
16821        
16822    
16823</span>
16824        
16825      </span>
16826    
16827  </div>
16828  
16829  
16830    </a>
16831  
16832</div>
16833
16834  
16835  
16836    
16837    
16838    
16839
16840
16841
16842  
16843
16844
16845
16846
16847
16848
16849
16850
16851
16852
16853
16854
16855
16856
16857
16858<div key="promo-tile-4" class="promo-tile__items-vertical relative flex flex-col w-[calc(50%-var(--gap-sm-sm))]">
16859  
16860    <a href="/collections/rs-no-9-accessories-and-home" class="h-full" aria-label="RS No.9 Accessories and Home">
16861  
16862  <div class="flex flex-col relative h-full">
16863    <div class="promo__image relative overflow-hidden h-0 pb-[100%]">
16864      
16865
16866
16867
16868
16869
16870
16871
16872
16873
16874
16875
16876
16877
16878
16879
16880  
16881<img src="//therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8_e4aec7ad-eb64-4eb4-ac0d-f22c08124a75.avif?v=1777988434&amp;width=300" srcset="//therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8_e4aec7ad-eb64-4eb4-ac0d-f22c08124a75.avif?v=1777988434&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/TRS_ARCH_TEXT_TEE_2_BACK_8_e4aec7ad-eb64-4eb4-ac0d-f22c08124a75.avif?v=1777988434&amp;width=300 300w" width="300" height="300" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive">
16882
16883
16884
16885
16886    </div>
16887    
16888    
16889      <h4 class="promo__title promo__text text-left text_navigation_md no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-sm">
16889RS No.9 Accessories and Home</h4>
16890    
16891    
16892      <span class="promo__cta promo__text flex items-center text-left text_navigation_sm mega-menu__submenu-link no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] mt-sm-2xs">
16893        View Collection
16894        
16895          <span aria-hidden="true" class="inline-block w-0.8em h-0.8em ml-sm-2xs -rotate-90 shrink-0">
16896
16897
16898
16899  
16900  
16901  
16902  
16903      
16904          <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">
16905            <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"/>
16906          </svg>
16907        
16908    
16909</span>
16910        
16911      </span>
16912    
16913  </div>
16914  
16915  
16916    </a>
16917  
16918</div>
16919
16920  
16921  
16922</div>
16923      
16924    </div>
16925  </div>
16926</template>
16927
16928                  
16929            
16930
16931            
16932          
16933        </li>
16934      
16935        
16936
16937        
16938        
16939        
16940
16941        
16942        
16943
16944        <li class="mega-menu__primary-item grow-0 "
16945          x-data="{ id: 'archive' }"
16946          role="none"
16947          
16948            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
16949          
16950        >
16951          <button
16952            
16953            
16954            :id="'button-' + id"
16955            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: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"
16956            
16957              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
16958              :aria-expanded="activeMenu === id ? 'true' : 'false'"
16959              aria-haspopup="true"
16960              :aria-controls="'dropdown-' + id"
16961              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
16962              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
16963            
16964            role="menuitem"
16965          >
16966            Archive
16967            
16968              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
16969                
16970
16971
16972
16973  
16974  
16975  
16976  
16977      
16978          <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">
16979            <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"/>
16980          </svg>
16981        
16982    
16983
16984              </span>
16985            
16986          </button>
16987
16988          
16989            
16990            
16991              
16992                
16993              
16994                
16995              
16996            
16997
16998            
16999              
17000                
17001
17002
17003
17004
17005
17006
17007
17008
17009
17010
17011
17012
17013
17014
17015
17016
17017
17018
17019
17020
17021
17022
17023
17024
17025
17026<div
17027  class="mega-menu__dropdown absolute shadow-lg min-w-[240px] max-w-[300px] z-100 max-h-[calc(100vh-var(--header-group-height)-44px)] overflow-y-auto text-left c-bg-surface c-text-on-surface -mx-lg-sm"
17028  x-cloak
17029  x-show="activeMenu === id"
17030  x-trap.noscroll="activeMenu === id"
17031  :id="'dropdown-' + id"
17032  :aria-labelledby="'button-' + id"
17033  x-transition:enter="transition ease-out duration-200"
17034  x-transition:enter-start="opacity-0 -translate-y-1"
17035  x-transition:enter-end="opacity-100 translate-y-0"
17036  x-transition:leave="transition ease-in duration-150"
17037  x-transition:leave-start="opacity-100 translate-y-0"
17038  x-transition:leave-end="opacity-0 -translate-y-1"
17039  @keydown.escape.prevent.stop="close()"
17040  @click.away="close()"
17041>
17042  <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm">
17043    <ul
17044      class="dropdown__stack flex flex-col items-start gap-sm-sm"
17045      role="menu"
17046    >
17047      
17048        
17049        
17050
17051        
17052        
17053
17054        
17055        
17056
17057        
17058        
17059
17060        
17061        
17062
17063        
17064        <li class="dropdown__child-item flex flex-col justify-center items-start gap-sm-sm" role="none">
17065          <a
17066            href="/pages/rs-no-9-spring-summer-2026-pt-2"
17067            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
17068            role="menuitem"
17069            
17070            :tabindex="activeMenu === id ? '0' : '-1'"
17071            @keydown.enter.prevent="window.location.href='/pages/rs-no-9-spring-summer-2026-pt-2'"
17072            @keydown.space.prevent="window.location.href='/pages/rs-no-9-spring-summer-2026-pt-2'"
17073          >
17074            Summer '26
17075          </a>
17076          
17077        </li>
17078      
17079        
17080        
17081
17082        
17083        
17084
17085        
17086        
17087
17088        
17089        
17090
17091        
17092        
17093
17094        
17095        <li class="dropdown__child-item flex flex-col justify-center items-start gap-sm-sm" role="none">
17096          <a
17097            href="/pages/rs-no-9-spring-summer-2026"
17098            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
17099            role="menuitem"
17100            
17101            :tabindex="activeMenu === id ? '0' : '-1'"
17102            @keydown.enter.prevent="window.location.href='/pages/rs-no-9-spring-summer-2026'"
17103            @keydown.space.prevent="window.location.href='/pages/rs-no-9-spring-summer-2026'"
17104          >
17105            Spring '26
17106          </a>
17107          
17108        </li>
17109      
17110        
17111        
17112
17113        
17114        
17115
17116        
17117        
17118
17119        
17120        
17121
17122        
17123        
17124
17125        
17126        <li class="dropdown__child-item flex flex-col justify-center items-start gap-sm-sm" role="none">
17127          <a
17128            href="/pages/2025-autumn-winter-archive"
17129            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
17130            role="menuitem"
17131            
17132            :tabindex="activeMenu === id ? '0' : '-1'"
17133            @keydown.enter.prevent="window.location.href='/pages/2025-autumn-winter-archive'"
17134            @keydown.space.prevent="window.location.href='/pages/2025-autumn-winter-archive'"
17135          >
17136            Autumn | Winter '25
17137          </a>
17138          
17139        </li>
17140      
17141    </ul>
17142  </div>
17143</div>
17144              
17145            
17146          
17147        </li>
17148      
17149        
17150
17151        
17152        
17153        
17154
17155        
17156        
17157
17158        <li class="mega-menu__primary-item grow-0 "
17159          x-data="{ id: 'rewards' }"
17160          role="none"
17161          
17162            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
17163          
17164        >
17165          <button
17166            
17167            
17168            :id="'button-' + id"
17169            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: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
17169derline"
17170            
17171              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
17172              :aria-expanded="activeMenu === id ? 'true' : 'false'"
17173              aria-haspopup="true"
17174              :aria-controls="'dropdown-' + id"
17175              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
17176              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
17177            
17178            role="menuitem"
17179          >
17180            Rewards
17181            
17182              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
17183                
17184
17185
17186
17187  
17188  
17189  
17190  
17191      
17192          <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">
17193            <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"/>
17194          </svg>
17195        
17196    
17197
17198              </span>
17199            
17200          </button>
17201
17202          
17203            
17204            
17205              
17206                
17207              
17208                
17209              
17210            
17211
17212            
17213              
17214                
17215
17216
17217
17218
17219
17220
17221
17222
17223
17224
17225
17226
17227
17228
17229
17230
17231
17232
17233
17234
17235
17236
17237
17238
17239
17240<div
17241  class="mega-menu__dropdown absolute shadow-lg min-w-[240px] max-w-[300px] z-100 max-h-[calc(100vh-var(--header-group-height)-44px)] overflow-y-auto text-left c-bg-surface c-text-on-surface -mx-lg-sm"
17242  x-cloak
17243  x-show="activeMenu === id"
17244  x-trap.noscroll="activeMenu === id"
17245  :id="'dropdown-' + id"
17246  :aria-labelledby="'button-' + id"
17247  x-transition:enter="transition ease-out duration-200"
17248  x-transition:enter-start="opacity-0 -translate-y-1"
17249  x-transition:enter-end="opacity-100 translate-y-0"
17250  x-transition:leave="transition ease-in duration-150"
17251  x-transition:leave-start="opacity-100 translate-y-0"
17252  x-transition:leave-end="opacity-0 -translate-y-1"
17253  @keydown.escape.prevent.stop="close()"
17254  @click.away="close()"
17255>
17256  <div class="mega-menu__dropdown-container mx-auto w-full p-lg-sm">
17257    <ul
17258      class="dropdown__stack flex flex-col items-start gap-sm-sm"
17259      role="menu"
17260    >
17261      
17262        
17263        
17264
17265        
17266        
17267
17268        
17269        
17270
17271        
17272        
17273
17274        
17275        
17276
17277        
17278        <li class="dropdown__child-item flex flex-col justify-center items-start gap-sm-sm" role="none">
17279          <a
17280            href="/pages/rewards"
17281            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
17282            role="menuitem"
17283            
17284            :tabindex="activeMenu === id ? '0' : '-1'"
17285            @keydown.enter.prevent="window.location.href='/pages/rewards'"
17286            @keydown.space.prevent="window.location.href='/pages/rewards'"
17287          >
17288            The Licks Club
17289          </a>
17290          
17291        </li>
17292      
17293        
17294        
17295
17296        
17297        
17298
17299        
17300        
17301
17302        
17303        
17304
17305        
17306        
17307
17308        
17309        <li class="dropdown__child-item flex flex-col justify-center items-start gap-sm-sm" role="none">
17310          <a
17311            href="/pages/rs-no-9-sign-up"
17312            class="dropdown__child-link text_navigation_sm no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]"
17313            role="menuitem"
17314            
17315            :tabindex="activeMenu === id ? '0' : '-1'"
17316            @keydown.enter.prevent="window.location.href='/pages/rs-no-9-sign-up'"
17317            @keydown.space.prevent="window.location.href='/pages/rs-no-9-sign-up'"
17318          >
17319            Sign Up for Emails
17320          </a>
17321          
17322        </li>
17323      
17324    </ul>
17325  </div>
17326</div>
17327              
17328            
17329          
17330        </li>
17331      
17332    </ul>
17333  </nav>
17334
17335  <template x-teleport="#header-md-2-wrapper--22910431559877">
17336    <button
17337      class="umg-backdrop block w-screen h-screen absolute left-0 right-0 bottom-0 top-full z-1"
17338      x-cloak
17339      x-show="activeMenu"
17340      x-transition.opacity
17341      aria-hidden="true"
17342      tabindex="-1"
17343      @click="close()">
17344      <span class="sr-only">Close navigation menu</span>
17345    </button>
17346  </template>
17347</div>
17348</div>
17349
17350        
17351    
17352      
17353    
17354      
17355    
17356      
17357          
17358
17359<div class="header__column header__column--4 header__column--actions flex col-span-2 justify-end items-center"  >
17360  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
17361    
17362
17363
17364    
17365    
17366    
17367    
17368    
17369    <div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
17370      <button class="btn-search text_navigation_lg c-text-tertiary hover:c-text-gray-500 no-underline hover:no-underline c-text-content-base" 
17371      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"
17372     >
17373        
17374
17375
17376
17377  
17378  
17379  
17380      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
17381        <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"/>
17382      </svg>
17383    
17384
17385      </button>
17386    </div>
17387
17388  
17389
17390
17391  </div>
17392</div>
17393          
17394        
17395    
17396  </div>
17397  
17398  
17399    
17400
17401
17402
17403
17404  
17405  
17406
17407  
17408  
17409  
17410
17411  
17412  
17413
17414  
17415  
17416
17417  
17418
17419  
17420
17421  <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-surface c-text-on-surface" 
17422    x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
17423    @keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
17424    id="header-search-dropdown"
17425  >
17426    <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-full md:px-container-sm md:max-w-full">
17427      
17428      
17429
17430
17431
17432
17433    <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide">
17434      <div class="predictive-search__input-wrapper relative w-full">
17435        <input class="predictive-search__input appearance-none w-full placeholder-transparent text_body_md c-text-content-subtle 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--22910431559877__header-md-2" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" >
17436        <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">
17437          
17438
17439
17440
17441  
17442  
17443  
17444      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
17445        <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"/>
17446      </svg>
17447    
17448
17449        </button>
17450        
17451      </div>
17452    </form>
17453
17454    </div>
17455  </div>
17456
17457  
17458
17459  
17460
17461  
17462
17463
17464
17465</div>
17466
17467<style> #shopify-section-sections--22910431559877__header-md-2 .mega-menu__child-link--view-all {display: none;} </style></header><aside id="shopify-section-sections--22910431559877__global-messaging" class="shopify-section shopify-section-group-header-group global-messaging"></aside><aside id="shopify-section-sections--22910431559877__soft-redirect" class="shopify-section shopify-section-group-header-group section-soft-redirects">
17468 
17469  
17470
17471
17472  
17473  
17474
17475  
17476  
17477
17478  
17479  
17480
17481  
17482  
17483  
17484  
17485
17486  
17487  
17488
17489  
17490  
17491    
17492      
17493
17494
17495
17496
17497
17498
17499
17500
17501<div class="w-full soft-redirect soft-redirect--inline" x-data="{ softRedirectVisible: $persist(true).using(sessionStorage) }" :class="{ 'hidden': !softRedirectVisible }">
17502  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden hidden" data-geo-show="ZA,AU,AT,BE,BR,,CR,CO,DK,HK,IT,JP,MY,MX,NL,PL,ES">
17503    <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">
17504      <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">
17505        
17506    
17507    
17508    <h2 class="text_heading_2xl">Looks like you are in <span data-geo-countryname-replace></span>.</h2>
17509    <p class="text_body_sm">Would you like to visit your local store?</p>
17510    <ul class="flex flex-col md:flex-row gap-sm-sm justify-center items-stretch text-center">
17511      
17512
17513        
17514        
17515
17516        
17517          
17518          <li class="hidden" data-geo-show="ZA">
17519            <a class="block w-full btn btn--primary" href="https://umg.africa/collections/rolling-stones">Take me there</a>
17520          </li>
17521        
17522
17523        
17524        
17525
17526        
17527          
17528          <li class="hidden" data-geo-show="AU">
17529            <a class="block w-full btn btn--primary" href="https://shop.umusic.com.au/pages/artist/the-rolling-stones">Take me there</a>
17530          </li>
17531        
17532
17533        
17534        
17535
17536        
17537          
17538          <li class="hidden" data-geo-show="AT">
17539            <a class="block w-full btn btn--primary" href="https://shop.universalmusic.at/product-category/artists-a-z/the-rolling-stones/">Take me there</a>
17540          </li>
17541        
17542
17543        
17544        
17545
17546        
17547          
17548          <li class="hidden" data-geo-show="BE">
17549            <a class="block w-full btn btn--primary" href="https://musicstation.be/collections/the-rolling-stones">Take me there</a>
17550          </li>
17551        
17552
17553        
17554        
17555
17556        
17557          
17558          <li class="hidden" data-geo-show="BR">
17559            <a class="block w-full btn btn--primary" href="http://umusicstore.com/rolling-stones">Take me there</a>
17560          </li>
17561        
17562
17563        
17564        
17565
17566        
17567
17568        
17569        
17570
17571        
17572          
17573          <li class="hidden" data-geo-show="CR">
17574            <a class="block w-full btn btn--primary" href="https://universalmusicstore.co.cr/collections/the-rolling-stones">Take me there</a>
17575          </li>
17576        
17577
17578        
17579        
17580
17581        
17582          
17583          <li class="hidden" data-geo-show="CO">
17584            <a class="block w-full btn btn--primary" href="https://udiscovermusic.co/collections/the-rolling-stones">Take me there</a>
17585          </li>
17586        
17587
17588        
17589        
17590
17591        
17592          
17593          <li class="hidden" data-geo-show="DK">
17594            <a class="block w-full btn btn--primary" href="https://umgshop.com/collections/the-rolling-stones">Take me there</a>
17595          </li>
17596        
17597
17598        
17599        
17600
17601        
17602
17603        
17604        
17605
17606        
17607
17608        
17609        
17610
17611        
17612          
17613          <li class="hidden" data-geo-show="HK">
17614            <a class="block w-full btn btn--primary" href="https://hkushop.com/collections/rolling-stones">Take me there</a>
17615          </li>
17616        
17617
17618        
17619        
17620
17621        
17622          
17623          <li class="hidden" data-geo-show="IT">
17624            <a class="block w-full btn btn--primary" href="https://shop.universalmusic.it/collections/the-rolling-stones">Take me there</a>
17625          </li>
17626        
17627
17628        
17629        
17630
17631        
17632          
17633          <li class="hidden" data-geo-show="JP">
17634            <a class="block w-full btn btn--primary" href="https://store.universal-music.co.jp/collections/rolling-stones">Take me there</a>
17635          </li>
17636        
17637
17638        
17639        
17640
17641        
17642          
17643          <li class="hidden" data-geo-show="MY">
17644            <a class="block w-full btn btn--primary" href="https://universalmusicshop.avana.asia/categories/83724">Take me there</a>
17645          </li>
17646        
17647
17648        
17649        
17650
17651        
17652          
17653          <li class="hidden" data-geo-show="MX">
17654            <a class="block w-full btn btn--primary" href="https://udiscover.mx/collections/the-rolling-stones">Take me there</a>
17655          </li>
17656        
17657
17658        
17659        
17660
17661        
17662          
17663          <li class="hidden" data-geo-show="NL">
17664            <a class="block w-full btn btn--primary" href="https://www.platenzaak.nl/collections/the-rolling-stones">Take me there</a>
17665          </li>
17666        
17667
17668        
17669        
17670
17671        
17672          
17673          <li class="hidden" data-geo-show="PL">
17674            <a class="block w-full btn btn--primary" href="https://musicdrop.pl/collections/THE-ROLLING-STONES">Take me there</a>
17675          </li>
17676        
17677
17678        
17679        
17680
17681        
17682          
17683          <li class="hidden" data-geo-show="ES">
17684            <a class="block w-full btn btn--primary" href="https://therollingstones.es/">Take me there</a>
17685          </li>
17686        
17687
17688        
17689        
17690
17691        
17692
17693      <li>
17694        <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>
17695      </li>
17696    </ul>
17697  
17698      </div>
17699    </div>
17700  </div>
17701</div>
17702
17703    
17704  
17705
17706</aside>
17707<!-- 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">
17708
17709
17710
17711
17712
17713
17714
17715
17716
17717
17718
17719
17720
17721
17722
17723
17724
17725
17726
17727
17728 
17729  <style>
17730    .cart-drawer.active {
17731      transform: translateX(0);
17732    }
17733  </style>
17734  <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">
17735    <div class="cart-drawer__header flex justify-between items-start px-sm-md pt-sm-sm">
17736      
17737      <button class="cart-drawer__close ml-auto appearance-none h-[3rem] w-[3rem] p-sm-xs">
17738        <span class="sr-only">Close cart</span>
17739        
17740
17741
17742
17743  
17744  
17745  
17746      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
17747        <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"/>
17748      </svg>
17749    
17750
17751      </button>
17752    </div>
17753
17754    <div class="cart-drawer__main grow flex flex-col items-stretch px-sm-md" id="cart-drawer-main">
17755      
17756
17757
17758
17759  <div class="cart__empty grow flex flex-col justify-center items-center gap-sm-lg">
17760
17761    <h4 class="cart__empty-title text_heading_lg">Your cart is empty</h4>
17762    <p class="cart__empty-message text_body">Time to fill up the cart</p>
17763
17764    <cart-drawer-toggle-button class="cart__empty-action" tabindex="0">
17765      
17766      
17767      <button class="btn btn--primary block z-10 relative">Continue shopping</button>
17768    </cart-drawer-toggle-button>
17769  </div>
17770    </div>
17771    
17772  </div>
17773
17774  
17775
17776
17777</cart-drawer><main id="MainContent" role="main" class="z-10 grow scroll-mt-[var(--header-sticky-height)]"><div id="shopify-section-template--22910443978949__template" class="shopify-section template-product relative z-20">
17778
17779
17780
17781
17782
17783
17784
17785
17786
17787
17788
17789
17790
17791
17792
17793
17794<div class="template-product__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible" data-product="8827803173061" data-initial-variant="46165258141893">
17795  
17796  <div class="template-product__spacing section-spacing mx-auto w-full relative z-10 py-container-sm px-lg-md max-w-full md:px-container-md md:max-w-full">
17797    <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%;">
17798    
17799      
17800
17801
17802
17803
17804 
17805
17806
17807
17808
17809
17810
17811
17812
17813
17814
17815
17816
17817
17818
17819
17820
17821
17822
17823
17824<div id="product_media" class="product__media -mx-lg-md md:mx-none -my-container-sm md:my-none mb-0">
17825  <a href="#ProductInfo-template--22910443978949__template" class="pdp-media__skip-link sr-only focu
17825s:not-sr-only absolute z-50 p-sm-md">
17826    Skip to product information
17827  </a>
17828
17829  
17830
17831
17832
17833
17834
17835
17836
17837
17838
17839
17840
17841
17842
17843<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="carousel" 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.35" 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.35; --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"> <ul data-items-element="swiper-wrapper" class="pdp-media-tablet__container standard carousel 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 carousel max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll" data-class="pdp-media-tablet__container standard carousel" data-carousel-class="z-10 relative max-w-full w-full pdp-media-tablet__container standard carousel" 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="33020596388037" 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="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=3000" alt="Foreign Tongues - Store Exclusive 180g White 2LP + Art Print 2" srcset="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=400 400w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=500 500w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=600 600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=800 800w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=1200 1200w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=1600 1600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=2000 2000w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=2560 2560w" width="3000" height="3000" loading="eager" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 100v
17843w, (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="33020596420805" 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="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=3000" alt="Foreign Tongues - Store Exclusive 180g White 2LP + Art Print" srcset="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=400 400w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=500 500w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=600 600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=800 800w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=1200 1200w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=1600 1600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=2000 2000w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=2560 2560w" width="3000" height="3000" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 100v
17843w, (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 class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-[0px] md:translate-x-[0px] left-0 md:flex"> <button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12"> <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-gray-900 active:c-bg-gray-900 c-border-transparent hover:c-border-transparent border-default-width rounded-none c-text-primary-on hover:c-text-gray-50"> <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev"> <span class="sr-only">Previous</span> <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"> <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"/> </svg> </div> </div> </button> </div> <div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-[0px] md:translate-x-[0px] right-0 md:flex"> <button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12"> <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-gray-900 active:c-bg-gray-900 c-border-transparent hover:c-border-transparent border-default-width rounded-none c-text-primary-on hover:c-text-gray-50"> <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next"> <span class="sr-only">Next</span> <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"> <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"/> </svg> </div> </div> </button> </div> </div> <div class=" swiper--thumbs w-full max-w-full max-h-pdp-thumb-wrapper overflow-y-hidden " data-class=" swiper--thumbs w-full max-w-full max-h-pdp-thumb-wrapper overflow-y-hidden " data-direction-md="horizontal" data-centered="center" data-centered-md="center" > <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=" md:justify-center"> <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-tertiary"> <img src="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=3000" alt="Foreign Tongues - Store Exclusive 180g White 2LP + Art Print 2" srcset="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=400 400w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=500 500w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=600 600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=800 800w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=1200 1200w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=1600 1600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=2000 2000w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=2560 2560w" width="3000" height="3000" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 100v
17843w, (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-tertiary"> <img src="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=3000" alt="Foreign Tongues - Store Exclusive 180g White 2LP + Art Print" srcset="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=400 400w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=500 500w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=600 600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=800 800w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=1200 1200w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=1600 1600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=2000 2000w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=2560 2560w" width="3000" height="3000" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 100v
17843w, (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-lg 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="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=3000" alt="Foreign Tongues - Store Exclusive 180g White 2LP + Art Print 2" srcset="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=400 400w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=500 500w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=600 600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=800 800w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=1200 1200w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=1600 1600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=2000 2000w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Explodingpackshot.png?v=1777993601&amp;width=2560 2560w" width="3000" height="3000" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 100v
17843w, (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="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=3000" alt="Foreign Tongues - Store Exclusive 180g White 2LP + Art Print" srcset="//therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=100 100w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=300 300w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=400 400w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=500 500w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=600 600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=800 800w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=1200 1200w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=1600 1600w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=2000 2000w, //therollingstonesshop.com/cdn/shop/files/ForeignTongues-D2CExcl.2LPWhite-NoTracklisting-Standardpackshot.png?v=1777993601&amp;width=2560 2560w" width="3000" height="3000" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 100v
17843w, (max-width: 759px) 50vw," class="block object-contain max-h-[75vh] w-full image__responsive"> </div> </div> </div> </div> </dialog> </div>
17844
17845</div>
17846
17847    
17848    <div id="ProductInfo-template--22910443978949__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" >
17849
17850        
17851        
17852
17853        
17854
17855        
17856          
17857
17858          
17859
17860                
17861
17862  
17863
17864  
17865  
17866
17867  
17868  
17869
17870  <dl class="product-attribute product-attribute--brand flex flex-wrap text_body_xs text-left justify-start md:text-left md:justify-start c-text-primary">
17871    
17872
17873      
17874      <dd class="inline product-attribute__value">
17875          
17876
17877            
17878              
17879              
17880              
17881              <a href="/" class="hover:underline">
17882                
17883                  The Rolling Stones
17884                
17885              </a>
17886            </dd></dl>
17887
17888
17889
17890              
17891
17892            
17893				
17894          
17895
17896          
17897              
17898              
17899              
17900              
17901
17902
17903
17904
17905
17906
17907
17908
17909
17910
17911
17912
17913
17914
17915
17916
17917
17918
17919
17920
17921
17922
17923
17924
17925
17926 
17927 
17928 
17929 
17930
17931 
17932 
17933 
17934 
17935
17936 
17937
17938 
17939
17940 
17941
17942 
17943
17944
17945
17946
17947
17948
17949
17950
17951
17952
17953
17954
17955
17956
17957
17958
17959
17960
17961
17962
17963
17964
17965
17966
17967
17968
17969
17970
17971
17972
17973
17974
17975
17976
17977
17978				
17979          
17980
17981          
17982
17983              
17984              <h1 class="product-title text_heading_2xl c-text-secondary">Foreign Tongues - Store Exclusive 180g White 2LP + Art Print</h1>
17985				
17986          
17987
17988          
17989              
17990                
17991
17992                    
17993            
17994              <div id="price-template--22910443978949__template" class="product-price price__layout flex items-center gap-sm-md text_heading_lg c-text-content-base justify-start md:justify-start"><span class="price-item price-item--regular">$50.99</span>
17995                  
17996
17997
17998
17999
18000
18001
18002
18003
18004
18005
18006
18007
18008
18009
18010
18011
18012
18013
18014
18015
18016
18017
18018
18019 
18020 
18021 
18022 
18023
18024 
18025 
18026 
18027 
18028
18029 
18030
18031 
18032
18033 
18034
18035 
18036
18037
18038
18039
18040
18041
18042
18043
18044
18045
18046
18047
18048
18049
18050
18051
18052
18053
18054
18055
18056
18057
18058
18059
18060
18061
18062
18063
18064
18065
18066
18067
18068
18069
18070                
18071              </div>
18072              
18073            
18074          
18075                  
18076
18077
18078                
18079                  
18080
18081
18082
18083
18084<div class="buy-now-pay-later-messaging buy-now-pay-later-messaging--product text_body_sm">
18085  
18086    <p
18087      class="affirm-as-low-as"
18088      data-affirm-messaging
18089      data-page-type="product"
18090      data-amount="5099"
18091      data-affirm-color=""
18092    ></p>
18093  
18094</div>
18095                
18096              
18097
18098            
18099				
18100          
18101
18102          
18103              
18104                
18105
18106              
18107            
18108				
18109          
18110
18111          
18112              
18113                
18114              
18115            
18116				
18117          
18118
18119          
18120              
18121
18122<style data-shopify>label.sr-only[for="back_in_stock_email"] {
18123    display: block;
18124    position: relative;
18125    width: auto;
18126    height: auto;
18127    padding: initial;
18128    margin: 0;
18129    overflow: unset;
18130    clip: unset;
18131    white-space: nowrap;
18132    border-width: 0;
18133}
18134</style>
18135
18136            
18137				
18138          
18139
18140          
18141              
18142                
18143                  
18144                  
18145
18146
18147                  
18148
18149
18150
18151
18152
18153
18154
18155
18156
18157
18158
18159
18160
18161
18162
18163
18164
18165
18166
18167
18168
18169
18170
18171<product-form
18172  class="product-form-cntr"
18173  data-variant="46165258141893"
18174  
18175    data-purchase-limit="4"
18176  
18177  data-section="template--22910443978949__template"
18178  
18179>
18180  
18181
18182  
18183  
18184<form method="post" action="/cart/add" id="product-form-template--22910443978949__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="✓" />
18185    <input type="hidden" name="id" value="46165258141893" aria-hidden="true">
18186    
18187      
18188      
18189        
18190        <umg-dates hidden data-dates="[{&quot;id&quot;:46165258141893,&quot;title&quot;:&quot;Foreign Tongues - Store Exclusive 180g White 2LP + Art Print&quot;,&quot;fixed&quot;:&quot;2026-07-10&quot;,&quot;rolling&quot;:&quot;3&quot;}]">
18191          <input type="hidden" name="properties[_shipdate]" value="0" class="promise-msg" aria-hidden="true">
18192          <input type="hidden" name="properties[_date-fixed]" value="0" class="date-fixed" aria-hidden="true">
18193          <input type="hidden" name="properties[_date-fixed-unix]" value="
181930" class="date-fixed-unix" aria-hidden="true">
18194          <input type="hidden" name="properties[_date-rolling]" value="0" class="date-rolling" aria-hidden="true">
18195          <input type="hidden" name="properties[_date-rolling-unix]" value="0" class="date-rolling-unix" aria-hidden="true">
18196          
18197        </umg-dates>
18198      
18199    
18200    
18201    <input type="hidden" name="product_id" value="8827803173061" aria-hidden="true">
18202    <input type="hidden" name="product_type" value="2LP" aria-hidden="true">
18203    
18204    
18205  
18206
18207    
18208
18209    
18210      
18211        
18212      
18213    
18214
18215    
18216  
18217
18218
18219  
18220  
18221
18222  
18223
18224        
18225  
18226  
18227    
18228
18229
18230
18231
18232
18233
18234
18235
18236
18237
18238
18239<div class="quantity-spinner-wrapper flex justify-start md:justify-start items-stretch md:items-stretch">
18240	<label class="form__label sr-only" for="product-form-quantity-picker">
18241		Quantity
18242	</label>
18243	
18244	
18245
18246  
18247
18248	<quantity-spinner class="quantity-spinner flex relative border-solid border-button rounded-button c-border-content-base overflow-hidden items-start"   data-variant-id="46165258141893">
18249    
18250
18251    
18252
18253    
18254
18255    <button type="button" aria-label="Decrease quantity for Foreign Tongues - Store Exclusive 180g White 2LP + Art Print" class="quantity-spinner__button js-quantity-spinner-decrease c-bg-transparent px-sm-xs h-full z-10">-</button>
18256    <input
18257      id="product-form-quantity-picker"
18258      type="number"
18259      name="quantity"
18260      min="1"
18261      pattern="[0-9]*"
18262      disabled
18263      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"
18264      value="1"
18265      max="4"
18266      
18267    
18268  
18269      
18270      
18271    >
18272    <button  type="button" aria-label="Increase quantity for Foreign Tongues - Store Exclusive 180g White 2LP + Art Print" class="quantity-spinner__button js-quantity-spinner-increase c-bg-transparent px-sm-xs h-full z-10">+</button>
18273	</quantity-spinner>
18274</div>
18275  
18276  
18277
18278      
18279
18280    
18281    
18282      
18283        
18284        <button type="submit" aria-label="Add to cart, Foreign Tongues - Store Exclusive 180g White 2LP + Art Print" name="add" class="product-form__submit relative btn btn--primary grow" data-card-classes="product-form__submit relative btn btn--primary" 
18285          
18286          
18287
18288            
18289          
18290        >
18291          
18292            <span class="buybutton_label" aria-hidden="true">
18293              Add to cart
18294            </span>
18295          
18296          
18297            <span class="
18298  icon icon--activity-spinning absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-6 h-6
18299  
18300    hidden
18301  
18302" aria-hidden="true">
18303              
18304
18305  
18306  
18307  
18308      
18309          
18310          <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">
18311            <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"/>
18312          </svg>
18313      
18314    
18315
18316            </span>
18317          
18318        </button>
18319      
18320    
18321  
18322
18323<input type="hidden" name="product-id" value="8827803173061" /><input type="hidden" name="section-id" value="template--22910443978949__template" /></form>
18324  
18325
18326
18327
18328
18329<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>
18330  
18331  <span class="notification__text" data-notification-text ><span class="product-form__error-message"></span></span>
18332</aside>
18333
18334
18335  <div hidden class="hidden">
18336    <span name="gtm_item_name" value="Foreign Tongues - Store Exclusive 180g White 2LP + Art Print"></span>
18337    <span name="gtm_item_id" value="8827803173061"></span>
18338    <span name="gtm_item_collection" value=""></span>
18339    <span name="gtm_item_variant" value="Default Title"></span>
18340    <span name="gtm_item_upc" value="00602488213561"></span>
18341    <span
18342      name="gtm_item_price"
18343      value="50.99"
18344    ></span>
18345    
18346      <span name="component_ref" value=""""></span>
18347    
18348    
18349  </div>
18350</product-form>
18351
18352
18353
18354
18355
18356
18357
18358<div class="purchase-limit-error form_message c-text-error-on c-bg-error hidden text-left text_body_sm py-sm-sm px-sm-sm" aria-hidden="true" data-variant-id="46165258141893" data-section="template--22910443978949__template"></div>
18359
18360              
18361
18362            
18363				
18364          
18365
18366          
18367              
18368                
18369                  
18370                  
18371                  
18372
18373                  
18374                    
18375
18376
18377
18378
18379<div class="notification notification__notification text_body_md c-text-notification-on c-bg-notification text-left py-sm-sm px-sm-sm" >
18380  
18381  <span class="notification__text" data-notification-text >
18382                    <product-gating-info
18383                      class="invisible"
18384                      data-countries='["US"]'
18385                      data-countries-count-to-display="3"
18386                    >
18387                      
18388                    <p class="product-gating-info__message">This product is only available in { country_short_list }.</p>
18389                  
18390                    </product-gating-info>
18391                  </span>
18392</div>
18393                  
18394                
18395
18396            
18397				
18398          
18399
18400          
18401              
18402                
18403
18404                    
18405                      
18406
18407
18408  
18409
18410  
18411  
18412<umg-dates class="product__date-container flex-col gap-y-sm-xs hidden block-if-some-children-visible" data-dates="[{&quot;id&quot;:46165258141893,&quot;title&quot;:&quot;Foreign Tongues - Store Exclusive 180g White 2LP + Art Print&quot;,&quot;fixed&quot;:&quot;2026-07-10&quot;,&quot;rolling&quot;:&quot;3&quot;}]" data-release-date-active="true">
18413    
18414      <p class="product__date text_body_md c-text-content-base">
18415      
18416    </p>
18417    
18418
18419  </umg-dates>
18420
18421
18422                    
18423                    
18424                  
18425                
18426              
18427
18428            
18429				
18430          
18431
18432          
18433              
18434                
18435                  
18436                  <p class="purchase-limit-info text_body_md">Limited to 4 per customer.</p>
18437
18438                
18439              
18440            
18441				
18442          
18443
18444          
18445              
18446
18447
18448
18449
18450
18451
18452
18453
18454
18455
18456
18457
18458
18459
18460
18461
18462
18463
18464
18465  
18466  
18467  
18468  
18469  <div class="product-description rte text_body_md c-text-content-base">
18470    <p>Foreign Tongues, the incredibly vibrant 14-track new album from the Rolling Stones, follows less than three years after the band’s universally acclaimed, Grammy Award-winning Hackney Diamonds, which topped charts worldwide and achieved multi-platinum success. Preceded by the upbeat and infectious lead single ‘In The Stars’, Foreign Tongues was brought to life in under a month at Metropolis Studios in West London, with Mick Jagger, Keith Richards and Ronnie Wood reuniting with Grammy-winning producer Andrew Watt. The result is a dynamic and forward-looking record that captures the band’s unmistakable sound while pushing into new sonic and lyrical territory, further cementing their unparalleled legacy. The album features standout performances from Jagger, Richards and Wood, alongside their core collaborators including Darryl Jones, Matt Clifford and Steve Jordan. It also includes a special appearance from Charlie Watts, captured during one of his final recording sessions before his passing in 2021. Additional contributions come from an impressive line-up of guest artists, including Steve Winwood, Paul McCartney, Robert Smith (The Cure) and Chad Smith of the Red Hot Chili Peppers.</p>
18471<p>Limited edition RS Store exclusive version includes a gatefold sleeve with a 12” art print and heavyweight 180g white vinyl.<br><br><meta charset="utf-8">Tracklist:<br aria-hidden="true">1. Rough &amp; Twisted<br aria-hidden="true">2. In The Stars<br aria-hidden="true">3. Jealous Lover<br aria-hidden="true">4. Mr. Charm<br aria-hidden="true">5. Divine Intervention<br aria-hidden="true">6. Ringing Hollow<br aria-hidden="true">7. Never Wanna Lose You<br aria-hidden="true">8. Hit Me In The Head<br aria-hidden="true">9. You Know I’m No Good<br aria-hidden="true">10. Some Of Us<br aria-hidden="true">11. Covered In You<br aria-hidden="true">12. Side Effects<br aria-hidden="true">13. Back In Your Life<br aria-hidden="true">14. Beautiful Delilah<br></p>
18472  </div>
18473
18474
18475
18476
18477            
18478				
18479          
18480
18481          
18482              
18483
18484
18485            
18486				
18487          
18488
18489          
18490              
18491              
18492                
18493                
18494                  
18495                    
18496          
18497
18498          
18499              
18500              
18501
18502              
18503
18504              
18505                
18506              
18507
18508            
18509				
18510          
18511
18512          
18513				
18514        
18515          
18516
18517
18518
18519
18520        
18521			</div>
18522		</div>
18523	</div>
18524</div>
18525<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/product-detail-page.bundle.js?v=127069386244145810851789404572"></script>
18525
18526
18527
18528
18529
18530
18531
18532
18533
18534
18535<style> #shopify-section-template--22910443978949__template .product-form__submit {min-height: 44px;} </style></div><aside id="shopify-section-template--22910443978949__spacer_PdaTkG" class="shopify-section spacer">
18536
18537
18538
18539
18540
18541
18542
18543
18544
18545
18546
18547
18548
18549  
18550
18551  <div class="spacer__wrapper section__wrapper c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
18552    
18553
18554    
18555    
18556      
18557  <div class="spacer__spacing section-spacing mx-auto w-full relative z-10 py-container-md px-none max-w-full md:px-none md:max-w-full">
18558  </div>
18559
18560    
18561  </div>
18562
18563  
18564
18565
18566
18567
18568
18569</aside><div id="shopify-section-template--22910443978949__template-bottom" class="shopify-section template-product-bottom"></div><section id="shopify-section-template--22910443978949__recommended-products" class="shopify-section recommended-products">
18570
18571
18572
18573
18574
18575<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/recommended-products.bundle.js?v=7856454494256214091789404571"></script>
18575
18576
18577<div
18578  class="recommended-products__wrapper"
18579  data-url="/recommendations/products?section_id=template--22910443978949__recommended-products&product_id=8827803173061&limit=10"
18580  data-recommended-products-wrapper
18581>
18582  
18583</div>
18584
18585
18586<style> #shopify-section-template--22910443978949__recommended-products .card__details--wrapper {padding-left: 0px; padding-right: 0px;} #shopify-section-template--22910443978949__recommended-products .text_body_lg {font-size: 24px; font-weight: 800;}@media screen and (max-width: 768px) {} </style></section></main>
18587
18588  
18588<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/theme.bundle.js?v=157328288128894087361789404571"></script>
18588<script>
18589    window.focusVariantOnLoad = false;
18590    window.shop_iso_code = "US";
18591    window.shopUrl = 'https://therollingstonesshop.com';
18592    window.currentCurrency = 'USD';
18593    window.shopCurrencyFormat = "${{amount}}"
18594    window.routes = {
18595      cart_add_url: '/cart/add',
18596      cart_change_url: '/cart/change',
18597      cart_update_url: '/cart/update',
18598      search_url: '/search',
18599      predictive_search_url: '/search/suggest',
18600      privacy_policy_url: '/policies/privacy-policy',
18601      legal_notice_url: '/policies/legal-notice',
18602      terms_of_sale_url: '/policies/terms-of-sale'
18603    };
18604    window.cartStrings = {
18605      error: `There was an error while updating your cart. Please try again.`,
18606      quantityError: `You can only add [quantity] of this item to your cart.`,
18607      pauseFrameUnavailableMessage: `Sorry, this frame is not available at this time`,
18608      pauseFrameSoldOutMessage: `Sorry this frame is no longer available`,
18609      pauseFrame: `Frame`
18610    };
18611    window.variantStrings = {
18612      addToCart: `Add to cart`,
18613      soldOut: `Sorry Sold out`,
18614      unavailable: `Unavailable`,
18615      extendCartTimer: `Extend cart timer`,
18616      chooseThisStyle: `Choose this style`
18617    };
18618    window.accessibilityStrings = {
18619      imageAvailable: `Image [index] is now available in gallery view`,
18620      shareSuccess: `Link copied to clipboard`,
18621      pauseSlideshow: `Pause slideshow`,
18622      playSlideshow: `Play slideshow`,
18623      nextSlide: `Next slide`,
18624      prevSlide: `Previous slide`,
18625      pauseFrameAltHtml: `{{ title }} frame {frameNum} from Video`,
18626      enterFullScreen: `Enter Fullscreen`,
18627      exitFullScreen: `Exit Fullscreen`,
18628      hideFilters: `Hide filters`,
18629      showFilters: `Show filters`,
18630      countdownElementChange: `The countdown has ended. Some elements on the page may have changed.`
18631    };
18632    window.shareStrings = {
18633      copyToClipboard: "Copy link",
18634      successMessage: "Link copied to clipboard",
18635      copyToClipboardError: "Error copying to clipboard",
18636      shareUrlError: "Error opening sharer"
18637    };
18638    window.quickModalStrings = {
18639      productError: "Product details not available.",
18640    };
18641    window.videoButtonStates = {
18642      playButton: "Play Button",
18643      pauseButton: "Pause Button"
18644    };window.shipDateLabel = 'Ships on: {{ date }}';
18645      window.shipDateLabelTitled = '<b>{{ title }}:</b> Ships on {{ date }}';window.jsDateLocale = "en-US";</script>
18645<!-- BEGIN sections: footer-group -->
18646<footer id="shopify-section-sections--22910431527109__footer" class="shopify-section shopify-section-group-footer-group site-footer">
18647
18648
18649
18650
18651
18652
18653
18654
18655
18656
18657
18658
18659
18660
18661
18662
18663
18664
18665<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-primary-on c-text-primary mt-none c-border-primary border-none border-x-0 border-b-0 z-10">
18666  <div class="section-spacing mx-auto w-full relative z-10 py-container-sm px-lg-md max-w-xl md:px-container-md md:max-w-xl grid gap-y-none gap-x-sm-xl md:grid-cols-7 mx-auto text-center">
18667
18668
18669<div  class="footer__griditem footer__griditem--0 footer__griditem--developer md:col-span-1 md:row-span-1 py-lg-xs px-none">
18670  <div class="developer-container">
18671    
18672
18673
18674
18675
18676
18677  
18678
18679  
18680    
18681  
18682
18683  
18684
18685  
18686    
18687    
18688
18689
18690  
18691  
18692
18693  <a href="/">
18694    <img
18695      src="//therollingstonesshop.com/cdn/shop/files/rs_logo_2.png?v=4810010175561772128"
18696      loading="lazy"
18697      alt="The Rolling Stones Logo"
18698      width="200"
18699    >
18700  </a>
18701
18702
18703
18704  
18705  
18706  <br>
18707  <a href="/pages/rs-no-9">
18708    <img
18709      src="//therollingstonesshop.com/cdn/shop/files/RS_No_9_Secondary_Logo.png?v=13962086832136526028"
18710      loading="lazy"
18711      alt="RS No.9 Logo"
18712      width="200"
18713    >
18714  </a>
18715
18716
18717  </div>
18718</div>
18719
18720
18721<div  class="footer__griditem footer__griditem--1 footer__griditem--developer md:col-span-1 md:row-span-1 py-lg-xs px-none">
18722  <div class="developer-container">
18723    
18724
18725
18726<div class="rs-footer-info md:text-left flex flex-col gap-y-sm-md">  
18727  
18728  <div class="rs-footer-icons flex gap-x-sm-md justify-center md:justify-start">
18729    <a href="http://instagram.com/therollingstones" target="_blank" aria-label="Official Store Instagram" class="icon_instagram flex h-full fill-current">
18730      <div class="">
18731        <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>
18732      </div>
18733    </a>
18734    <a href="http://instagram.com/rollingstonescarnaby" target="_blank" aria-label="Official Store Instagram" class="icon_instagram flex h-full fill-current">
18735      <div class="">
18736        <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>
18737      </div>
18738    </a>
18739  </div>
18740
18741  <div class="rs-footer-copy capitalize">
18742    <a href="https://therollingstonesshop.com" class="">&copy; 2026 The Rolling Stones
18743  
18744</a>
18745  </div>
18746</div>
18747<style data-shopify>.developer-container {
18748  display: flex;
18749  flex-direction: column;
18750  align-items: center;
18751}
18752.rs-footer-info {
18753  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
18754}
18755.rs-footer-icons svg {
18756  width: 20px;
18757  height: 20px;
18758}
18759.rs-footer-copy {
18760  font-weight: normal;
18761}
18762</style>
18763  </div>
18764</div>
18765
18766
18767
18768
18769
18770
18771
18772
18773
18774
18775
18776
18777
18778
18779
18780
18781
18782
18783
18784
18785
18786
18787
18788
18789<div  class="footer__griditem footer__griditem--2 footer__griditem--navigation md:col-span-1 md:row-span-4 py-lg-xs px-none">
18790  <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-left md:justify-start">
18791    
18792
18793
18794
18795
18796
18797
18798
18799
18800
18801
18802
18803
18804
18805
18806
18807
18808
18809
18810
18811
18812
18813
18814
18815
18816
18817
18818
18819
18820
18821
18822
18823
18824
18825
18826
18827  <div class="navigation-heading-container w-full">
18828    <h3 class="text_display_md c-text-content-base no-underline">Official Store</h3>
18829  </div>
18830
18831
18832
18833
18834
18835
18836<nav class="w-full md:flex md:items-start nav-wrapper" aria-label="Official Store">
18837  <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-sm gap-y-sm-sm nav-container flex flex-col md:flex-col">
18838    
18839      
18840        
18841        
18842        
18843        
18844          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
18845            <a href="/collections/music-excluding-new">Music</a>
18846          </li>
18847        
18848      
18849    
18850      
18851        
18852        
18853        
18854        
18855          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
18856            <a href="/collections/all-merch">Merch</a>
18857          </li>
18858        
18859      
18860    
18861      
18862        
18863        
18864        
18865        
18866          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
18867            <a href="/collections/valentines-day-2026">Gifts</a>
18868          </li>
18869        
18870      
18871    
18872      
18873        
18874        
18875        
18876        
18877          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
18878            <a href="/pages/rewards">Rewards</a>
18879          </li>
18880        
18881      
18882    
18883      
18884        
18885        
18886        
18887        
18888          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
18889            <a href="/pages/the-rolling-stones-sign-up">Sign Up</a>
18890          </li>
18891        
18892      
18893    
18894  </ul>
18895</nav>
18896
18897
18898    
18899  </div>
18900</div>
18901
18902
18903
18904
18905
18906
18907
18908
18909
18910
18911
18912
18913
18914
18915
18916
18917
18918
18919
18920
18921
18922
18923
18924
18925<div  class="footer__griditem footer__griditem--3 footer__griditem--navigation md:col-span-1 md:row-span-4 py-lg-xs px-none">
18926  <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-left md:justify-start">
18927    
18928
18929
18930
18931
18932
18933
18934
18935
18936
18937
18938
18939
18940
18941
18942
18943
18944
18945
18946
18947
18948
18949
18950
18951
18952
18953
18954
18955
18956
18957
18958
18959
18960
18961
18962
18963  <div class="navigation-heading-container w-full">
18964    <h3 class="text_display_md c-text-content-base no-underline">RS No. 9</h3>
18965  </div>
18966
18967
18968
18969
18970
18971
18972<nav class="w-full md:flex md:items-start nav-wrapper" aria-label="RS No.9">
18973  <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-sm gap-y-sm-sm nav-container flex flex-col md:flex-col">
18974    
18975      
18976        
18977        
18978        
18979        
18980          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
18981            <a href="/collections/rs-no-9-apparel">Apparel</a>
18982          </li>
18983        
18984      
18985    
18986      
18987        
18988        
18989        
18990        
18991          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
18992            <a href="/collections/rs-no-9-accessories-and-home">Accessories & Home</a>
18993          </li>
18994        
18995      
18996    
18997      
18998        
18999        
19000        
19001        
19002          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
19003            <a href="/pages/2025-autumn-winter-archive">Archive</a>
19004          </li>
19005        
19006      
19007    
19008      
19009        
19010        
19011        
19012        
19013          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
19014            <a href="/pages/rewards">Rewards</a>
19015          </li>
19016        
19017      
19018    
19019      
19020        
19021        
19022        
19023        
19024          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
19025            <a href="https://therollingstonesshop.com/pages/rs-no-9-sign-up">Sign Up</a>
19026          </li>
19027        
19028      
19029    
19030  </ul>
19031</nav>
19032
19033
19034    
19035  </div>
19036</div>
19037
19038
19039
19040
19041
19042
19043
19044
19045
19046
19047
19048
19049
19050
19051
19052
19053
19054
19055
19056
19057
19058
19059
19060
19061<div  class="footer__griditem footer__griditem--4 footer__griditem--navigation md:col-span-1 md:row-span-4 py-lg-xs px-none">
19062  <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-left md:justify-start">
19063    
19064
19065
19066
19067
19068
19069
19070
19071
19072
19073
19074
19075
19076
19077
19078
19079
19080
19081
19082
19083
19084
19085
19086
19087
19088
19089
19090
19091
19092
19093
19094
19095
19096
19097
19098
19099  <div class="navigation-heading-container w-full">
19100    <h3 class="text_display_md c-text-content-base no-underline">Contact Us</h3>
19101  </div>
19102
19103
19104
19105
19106
19107
19108<nav class="w-full md:flex md:items-start nav-wrapper" aria-label="Contact Us">
19109  <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-sm gap-y-sm-sm nav
19109-container flex flex-col md:flex-col">
19110    
19111  </ul>
19112</nav>
19113
19114
19115    
19116  </div>
19117</div>
19118
19119
19120<div  class="footer__griditem footer__griditem--5 footer__griditem--developer md:col-span-2 md:row-span-1 py-lg-xs px-none">
19121  <div class="developer-container">
19122    <div class="navigation-heading-container w-full">
19123  <h3 class="text_navigation_sm no-underline">SIGN UP</h3>
19124</div>
19125<div class="privy-embed-form" data-campaign="4561049"></div>
19126
19127  </div>
19128</div>
19129  
19130
19131  
19132  
19133
19134  
19135  
19136
19137  
19138  
19139
19140  <div class="support-links-container col-span-full py-lg-xs px-none">
19141    
19142
19143
19144
19145
19146
19147
19148
19149
19150
19151
19152
19153
19154
19155
19156
19157
19158
19159
19160
19161
19162
19163
19164
19165
19166
19167
19168
19169
19170
19171
19172
19173
19174
19175
19176
19177
19178
19179
19180
19181
19182<nav class="w-full md:flex md:items-center nav-wrapper col-span-full justify-center" aria-label="Support Links">
19183  <ul class="menu-nav text-center md:text-center md:flex justify-start md:flex-wrap gap-x-sm-sm gap-y-sm-sm nav-container flex flex-col md:flex-row">
19184    
19185      
19186        
19187        
19188        
19189        
19190          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 cursor-pointer no-underline hover:no-underline">
19191            <a href="/pages/help">Help & Support</a>
19192          </li>
19193        
19194      
19195    
19196      
19197        
19198        
19199        
19200        
19201          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 cursor-pointer no-underline hover:no-underline">
19202            <a href="/policies/terms-of-sale">Terms</a>
19203          </li>
19204        
19205      
19206    
19207      
19208        
19209        
19210        
19211        
19212          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 cursor-pointer no-underline hover:no-underline">
19213            <a href="/policies/privacy-policy">Privacy</a>
19214          </li>
19215        
19216      
19217    
19218      
19219        
19220        
19221        
19222        
19223          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 cursor-pointer no-underline hover:no-underline">
19224            <a href="/policies/legal-notice">Do not sell my personal information</a>
19225          </li>
19226        
19227      
19228    
19229      
19230        
19231        
19232        
19233        
19234          <li class="text_navigation_sm c-text-gray-900 hover:c-text-gray-400 cursor-pointer no-underline hover:no-underline">
19235            <a href="#"
19236              
19237                onclick="event.preventDefault();transcend.showConsentManager({'viewState': 'CompleteOptions' });"
19238              
19239              
19240              data-linklist="transcend"
19241            >Cookie Choices</a>
19242          </li>
19243        
19244      
19245    
19246  </ul>
19247</nav>
19248
19249  </div>
19250
19251
19252
19253  
19254  
19255
19256  <div class="support-messages-container col-span-full text_body_xs c-text-content-subtle">
19257    
19258      <p>
19259        If you are using a screen reader and are having problems using this website, please call 866-682-4413 for assistance.
19260      </p>
19261    
19262  </div>
19263
19264</div>
19265
19266  
19267
19268
19269
19270</div>
19271
19272
19273<style> #shopify-section-sections--22910431527109__footer .menu-nav li a {text-transform: capitalize;} #shopify-section-sections--22910431527109__footer .navigation-heading-container h3 {text-transform: uppercase; font-family: var(--font_navigation_md); font-size: var(--font_navigation_md_size_md); letter-spacing: 1px; margin-bottom: 0.5rem;} #shopify-section-sections--22910431527109__footer .text_heading_2xl {font-size: 18px;} </style></footer>
19274<!-- END sections: footer-group -->
19274<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/utm-params.bundle.js?v=44857160626880170391789404571"></script>
19274
19275  
19275<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/section-render.bundle.js?v=141459979373393777191789404571"></script>
19275<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/product.bundle.js?v=48301125318268859961789404571"></script>
19275<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/cart-drawer.bundle.js?v=15578930140564118461789404571"></script>
19275<script async="async" src="//therollingstonesshop.com/cdn/shop/t/168/assets/content-overlay.bundle.js?v=37908579092181384011789404571"></script>
19275<script defer="defer" src="//therollingstonesshop.com/cdn/shop/t/168/assets/buy-now-pay-later.bundle.js?v=180350615595400516921789404571"></script>
19275
19276
19277
19278  
19278<script async>
19279    const affirmConfig = {
19280      public_api_key: 'ED5ZVELJA2URXL2M',
19281      script: 'https://cdn1.affirm.com/js/v2/affirm.js'
19282    };
19283
19284    if (!window.affirm) {
19285      (function(l,g,m,e,a,f,b){var d,c=l[m]||{},h=document.createElement(f),n=document.getElementsByTagName(f)[0],k=function(a,b,c){return function(){a[b]._.push([c,arguments]);}};c[e]=k(c,e,'set');d=c[e];c[a]={};c[a]._=[];d._=[];c[a][b]=k(c,a,b);a=0;for(b='set add save post open empty reset on off trigger ready setProduct'.split(' ');a<b.length;a++)d[b[a]]=k(c,e,b[a]);a=0;for(b=['get','token','url','items'];a<b.length;a++)d[b[a]]=function(){};h.async=!0;h.src=g[f];n.parentNode.insertBefore(h,n);delete g[f];d(g);l[m]=c;})(window,affirmConfig,'affirm','checkout','ui','script','ready');
19286    }
19287  </script>
19287
19288
19289<!-- BEGIN sections: background-group -->
19290
19291<!-- END sections: background-group --><style data-shopify>select#newsletter-sign-up-country, select#newsletter-sign-up-country option {
19292   width: 100%;
19293   font-size: 11px;
19294  letter-spacing: 0;
19295 font-family: Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
19296text-transform: unset;
19297}
19298
19299.size-guide {
19300  font-family: Helvetica;
19301  letter-spacing: 0px;
19302  font-size: 13px;
19303}
19304.size-guide th, .size-guide td {
19305   padding: 5px;
19306}
19307
19308.product-attribute--brand img {
19309   max-width: 115px !important;
19310}</style>
19310<script>Shopify.analytics.publish('view_product', {
19311            currency: 'USD',
19312            items: [
19313              {
19314                item_name: 'Foreign Tongues - Store Exclusive 180g White 2LP + Art Print',
19315                item_id: '8827803173061',
19316                item_category: '',
19317                item_variant: 'Default Title',
19318                upc: '00602488213561',
19319                price: 50.99,}
19320            ]
19321            })</script>
19321<script async="async" src="//therollingstonesshop.com/cdn/shop/t/168/assets/url-params.bundle.js?v=51352056378978385121789404571"></script>
19321<script async="async" src="//therollingstonesshop.com/cdn/shop/t/168/assets/dotdigital-site-tracking.bundle.js?v=56115862656055679041789404571"></script>
19321<script>
19322      window.customerEmail = ''
19323      window.customerAcceptsMarketing = ''
19324      window.dotDigitalCartInsights = {
19325        programId: '28562',
19326        currency: 'USD',
19327        subtotal: '0.00',
19328        discountAmount: '0.00',
19329        grandTotal: '0.00',
19330        cartUrl: 'https://therollingstonesshop.com',
19331        lineItems: '[]'
19332      }
19333    </script>
19333<script async="async" src="//therollingstonesshop.com/cdn/shop/t/168/assets/dotdigital-cart-insight.bundle.js?v=73368649038972163841789404571"></script>
vendor: 1 bytes, line 19333
19333
19334<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
19334
19335</body>
19336</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.