PageSourceSearch

https://royalspirit.ae/search?type=product&options%5Bprefix%5D=last&q=alcohol

html royalspirit.ae collected 2026-10-01 00:54:42 UTC 764,183 bytes, 15,922 lines download raw bytes

1<!doctype html>
2<html
3  class="no-js"
4  lang="en"
5>
6  <head><!-- Google Tag Manager -->
7<script>
vendor: 327 bytes, lines 7-11
7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
8new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
9j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
10'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
11})(window,document,'script','dataLayer','
11GTM-NDKPNJRQ
vendor: 3 bytes, line 11
11');
11</script>
11
12<!-- End Google Tag Manager -->
13    <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 13-14
13
14<script async src="https://www.googletagmanager.com/gtag/js?id=
14G-MJH3PFFZ83
vendor: 12 bytes, line 14
14"></script>
15<script>
16  
vendor: 135 bytes, lines 16-20
16window.dataLayer = window.dataLayer || [];
17  function gtag(){dataLayer.push(arguments);}
18  gtag('js', new Date());
19 
20  gtag('config', '
20G-MJH3PFFZ83
vendor: 4 bytes, line 20
20');
21</script>
21
22    <meta name="google-site-verification" content="CqAWsRO1cKOqn_Zxr3DsI85B6Ycc-K-qc5x9mUOa5p4" />
23    <meta charset="utf-8">
24    <meta http-equiv="X-UA-Compatible" content="IE=edge">
25    <meta name="viewport" content="width=device-width,initial-scale=1">
26    <meta name="theme-color" content="">
27    <link rel="canonical" href="https://royalspirit.ae/search?q=alcohol&type=product">
28    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//royalspirit.ae/cdn/shop/files/1024_x_1024_-_logo_9116cb9f-73f9-4fc3-ae7b-b4a7fb05e9f5.jpg?crop=center&height=96&v=1768403030&width=96"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>Search: 1000 results found for &quot;alcohol&quot;
29</title>
30
31    
32      <meta name="description" content="Order your favorite drinks with fast delivery across Dubai &amp; Abu Dhabi. Choose from a wide selection of premium spirits, wines, beers, and more. 100% genuine products, competitive prices, and a seamless ordering experience. Shop now and enjoy convenient doorstep delivery.">
33    
34
35
36<meta property="og:site_name" content="Royal Spirit">
37<meta property="og:url" content="https://royalspirit.ae/search?q=alcohol&type=product">
38<meta property="og:title" content="Search: 1000 results found for &quot;alcohol&quot;">
39<meta property="og:type" content="website">
40<meta property="og:description" content="Order your favorite drinks with fast delivery across Dubai &amp; Abu Dhabi. Choose from a wide selection of premium spirits, wines, beers, and more. 100% genuine products, competitive prices, and a seamless ordering experience. Shop now and enjoy convenient doorstep delivery."><meta property="og:image" content="http://royalspirit.ae/cdn/shop/files/ICON-LOGO.png?v=1786030179">
41  <meta property="og:image:secure_url" content="https://royalspirit.ae/cdn/shop/files/ICON-LOGO.png?v=1786030179">
42  <meta property="og:image:width" content="450">
43  <meta property="og:image:height" content="486"><meta name="twitter:card" content="summary_large_image">
44<meta name="twitter:title" content="Search: 1000 results found for &quot;alcohol&quot;">
45<meta name="twitter:description" content="Order your favorite drinks with fast delivery across Dubai &amp; Abu Dhabi. Choose from a wide selection of premium spirits, wines, beers, and more. 100% genuine products, competitive prices, and a seamless ordering experience. Shop now and enjoy convenient doorstep delivery.">
46
47<style data-shopify>
48  @font-face {
49  font-family: "Archivo Black";
50  font-weight: 400;
51  font-style: normal;
52  font-display: swap;
53  src: url("//royalspirit.ae/cdn/fonts/archivo_black/archivoblack_n4.b08d53f45e5ceb17a38677219b15fcdd9c5f3519.woff2") format("woff2"),
54       url("//royalspirit.ae/cdn/fonts/archivo_black/archivoblack_n4.f60f1927c27470e666802dedb7cb371f393082b1.woff") format("woff");
55}
56
57  
58  
59  
60  
61  
62  
63  @font-face {
64  font-family: "Archivo Black";
65  font-weight: 400;
66  font-style: normal;
67  font-display: swap;
68  src: url("//royalspirit.ae/cdn/fonts/archivo_black/archivoblack_n4.b08d53f45e5ceb17a38677219b15fcdd9c5f3519.woff2") format("woff2"),
69       url("//royalspirit.ae/cdn/fonts/archivo_black/archivoblack_n4.f60f1927c27470e666802dedb7cb371f393082b1.woff") format("woff");
70}
71
72  
73
74  
75    :root,
76.color-scheme-1 {
77      --color-background: 255,255,255;
78      --color-secondary-background: 255,255,255;
79      --color-primary: 196,48,28;
80      --color-text-heading: 0,0,0;
81      --color-foreground: 0,0,0;
82      --color-subtext: 102,102,102;
83      --color-border: 0,0,0;
84      --color-button: 219,0,0;
85      --color-button-text: 255,255,255;
86      --color-secondary-button: 0,0,0;
87      --color-secondary-button-border: 255,255,255;
88      --color-secondary-button-text: 0,0,0;
89      --color-button-before: ;
90      --color-field: 255,255,255;
91      --color-field-text: 0,0,0;
92      --color-link: 0,0,0;
93      --color-link-hover: 0,0,0;
94      --color-product-price-sale: 196,48,28;
95      --color-progress-bar: 13,135,86;
96      --color-foreground-lighten-60: #666666;
97      --color-foreground-lighten-40: #999999;
98      --color-foreground-lighten-19: #cfcfcf;
99    }
100    @media (min-width: 768px) {
101      body .desktop-color-scheme-1 {
102        --color-background: 255,255,255;
103      --color-secondary-background: 255,255,255;
104      --color-primary: 196,48,28;
105      --color-text-heading: 0,0,0;
106      --color-foreground: 0,0,0;
107      --color-subtext: 102,102,102;
108      --color-border: 0,0,0;
109      --color-button: 219,0,0;
110      --color-button-text: 255,255,255;
111      --color-secondary-button: 0,0,0;
112      --color-secondary-button-border: 255,255,255;
113      --color-secondary-button-text: 0,0,0;
114      --color-button-before: ;
115      --color-field: 255,255,255;
116      --color-field-text: 0,0,0;
117      --color-link: 0,0,0;
118      --color-link-hover: 0,0,0;
119      --color-product-price-sale: 196,48,28;
120      --color-progress-bar: 13,135,86;
121      --color-foreground-lighten-60: #666666;
122      --color-foreground-lighten-40: #999999;
123      --color-foreground-lighten-19: #cfcfcf;
124        color: rgb(var(--color-foreground));
125        background-color: rgb(var(--color-background));
126      }
127    }
128    @media (max-width: 767px) {
129      body .mobile-color-scheme-1 {
130        --color-background: 255,255,255;
131      --color-secondary-background: 255,255,255;
132      --color-primary: 196,48,28;
133      --color-text-heading: 0,0,0;
134      --color-foreground: 0,0,0;
135      --color-subtext: 102,102,102;
136      --color-border: 0,0,0;
137      --color-button: 219,0,0;
138      --color-button-text: 255,255,255;
139      --color-secondary-button: 0,0,0;
140      --color-secondary-button-border: 255,255,255;
141      --color-secondary-button-text: 0,0,0;
142      --color-button-before: ;
143      --color-field: 255,255,255;
144      --color-field-text: 0,0,0;
145      --color-link: 0,0,0;
146      --color-link-hover: 0,0,0;
147      --color-product-price-sale: 196,48,28;
148      --color-progress-bar: 13,135,86;
149      --color-foreground-lighten-60: #666666;
150      --color-foreground-lighten-40: #999999;
151      --color-foreground-lighten-19: #cfcfcf;
152        color: rgb(var(--color-foreground));
153        background-color: rgb(var(--color-background));
154      }
155    }
156  
157    
158.color-scheme-inverse {
159      --color-background: 0,0,0;
160      --color-secondary-background: 0,0,0;
161      --color-primary: 196,48,28;
162      --color-text-heading: 255,255,255;
163      --color-foreground: 255,255,255;
164      --color-subtext: 255,255,255;
165      --color-border: 255,255,255;
166      --color-button: 255,255,255;
167      --color-button-text: 0,0,0;
168      --color-secondary-button: 255,255,255;
169      --color-secondary-button-border: 230,230,230;
170      --color-secondary-button-text: 0,0,0;
171      --color-button-before: ;
172      --color-field: 255,255,255;
173      --color-field-text: 0,0,0;
174      --color-link: 255,255,255;
175      --color-link-hover: 255,255,255;
176      --color-product-price-sale: 196,48,28;
177      --color-progress-bar: 13,135,86;
178      --color-foreground-lighten-60: #999999;
179      --color-foreground-lighten-40: #666666;
180      --color-foreground-lighten-19: #303030;
181    }
182    @media (min-width: 768px) {
183      body .desktop-color-scheme-inverse {
184        --color-background: 0,0,0;
185      --color-secondary-background: 0,0,0;
186      --color-primary: 196,48,28;
187      --color-text-heading: 255,255,255;
188      --color-foreground: 255,255,255;
189      --color-subtext: 255,255,255;
190      --color-border: 255,255,255;
191      --color-button: 255,255,255;
192      --color-button-text: 0,0,0;
193      --color-secondary-button: 255,255,255;
194      --color-secondary-button-border: 230,230,230;
195      --color-secondary-button-text: 0,0,0;
196      --color-button-before: ;
197      --color-field: 255,255,255;
198      --color-field-text: 0,0,0;
199      --color-link: 255,255,255;
200      --color-link-hover: 255,255,255;
201      --color-product-price-sale: 196,48,28;
202      --color-progress-bar: 13,135,86;
203      --color-foreground-lighten-60: #999999;
204      --color-foreground-lighten-40: #666666;
205      --color-foreground-lighten-19: #303030;
206        color: rgb(var(--color-foreground));
207        background-color: rgb(var(--color-background));
208      }
209    }
210    @media (max-width: 767px) {
211      body .mobile-color-scheme-inverse {
212        --color-background: 0,0,0;
213      --color-secondary-background: 0,0,0;
214      --color-primary: 196,48,28;
215      --color-text-heading: 255,255,255;
216      --color-foreground: 255,255,255;
217      --color-subtext: 255,255,255;
218      --color-border: 255,255,255;
219      --color-button: 255,255,255;
220      --color-button-text: 0,0,0;
221      --color-secondary-button: 255,255,255;
222      --color-secondary-button-border: 230,230,230;
223      --color-secondary-button-text: 0,0,0;
224      --color-button-before: ;
225      --color-field: 255,255,255;
226      --color-field-text: 0,0,0;
227      --color-link: 255,255,255;
228      --color-link-hover: 255,255,255;
229      --color-product-price-sale: 196,48,28;
230      --color-progress-bar: 13,135,86;
231      --color-foreground-lighten-60: #999999;
232      --color-foreground-lighten-40: #666666;
233      --color-foreground-lighten-19: #303030;
234        color: rgb(var(--color-foreground));
235        background-color: rgb(var(--color-background));
236      }
237    }
238  
239    
240.color-scheme-info {
241      --color-background: 240,242,255;
242      --color-secondary-background: 247,247,247;
243      --color-primary: 196,48,28;
244      --color-text-heading: 0,0,0;
245      --color-foreground: 0,0,0;
246      --color-subtext: 102,102,102;
247      --color-border: 229,229,229;
248      --color-button: 0,0,0;
249      --color-button-text: 255,255,255;
250      --color-secondary-button: 237,237,237;
251      --color-secondary-button-border: 237,237,237;
252      --color-secondary-button-text: 0,0,0;
253      --color-button-before: ;
254      --color-field: 245,245,245;
255      --color-field-text: 0,0,0;
256      --color-link: 0,0,0;
257      --color-link-hover: 0,0,0;
258      --color-product-price-sale: 196,48,28;
259      --color-progress-bar: 13,135,86;
260      --color-foreground-lighten-60: #606166;
261      --color-foreground-lighten-40: #909199;
262      --color-foreground-lighten-19: #c2c4cf;
263    }
264    @media (min-width: 768px) {
265      body .desktop-color-scheme-info {
266        --color-background: 240,242,255;
267      --color-secondary-background: 247,247,247;
268      --color-primary: 196,48,28;
269      --color-text-heading: 0,0,0;
270      --color-foreground: 0,0,0;
271      --color-subtext: 102,102,102;
272      --color-border: 229,229,229;
273      --color-button: 0,0,0;
274      --color-button-text: 255,255,255;
275      --color-secondary-button: 237,237,237;
276      --color-secondary-button-border: 237,237,237;
277      --color-secondary-button-text: 0,0,0;
278      --color-button-before: ;
279      --color-field: 245,245,245;
280      --color-field-text: 0,0,0;
281      --color-link: 0,0,0;
282      --color-link-hover: 0,0,0;
283      --color-product-price-sale: 196,48,28;
284      --color-progress-bar: 13,135,86;
285      --color-foreground-lighten-60: #606166;
286      --color-foreground-lighten-40: #909199;
287      --color-foreground-lighten-19: #c2c4cf;
288        color: rgb(var(--color-foreground));
289        background-color: rgb(var(--color-background));
290      }
291    }
292    @media (max-width: 767px) {
293      body .mobile-color-scheme-info {
294        --color-background: 240,242,255;
295      --color-secondary-background: 247,247,247;
296      --color-primary: 196,48,28;
297      --color-text-heading: 0,0,0;
298      --color-foreground: 0,0,0;
299      --color-subtext: 102,102,102;
300      --color-border: 229,229,229;
301      --color-button: 0,0,0;
302      --color-button-text: 255,255,255;
303      --color-secondary-button: 237,237,237;
304      --color-secondary-button-border: 237,237,237;
305      --color-secondary-button-text: 0,0,0;
306      --color-button-before: ;
307      --color-field: 245,245,245;
308      --color-field-text: 0,0,0;
309      --color-link: 0,0,0;
310      --color-link-hover: 0,0,0;
311      --color-product-price-sale: 196,48,28;
312      --color-progress-bar: 13,135,86;
313      --color-foreground-lighten-60: #606166;
314      --color-foreground-lighten-40: #909199;
315      --color-foreground-lighten-19: #c2c4cf;
316        color: rgb(var(--color-foreground));
317        background-color: rgb(var(--color-background));
318      }
319    }
320  
321    
322.color-scheme-2 {
323      --color-background: 29,52,154;
324      --color-secondary-background: 245,245,245;
325      --color-primary: 196,48,28;
326      --color-text-heading: 255,255,255;
327      --color-foreground: 255,255,255;
328      --color-subtext: 255,255,255;
329      --color-border: 229,229,229;
330      --color-button: 255,255,255;
331      --color-button-text: 0,0,0;
332      --color-secondary-button: 255,255,255;
333      --color-secondary-button-border: 255,255,255;
334      --color-secondary-button-text: 0,0,0;
335      --color-button-before: ;
336      --color-field: 245,245,245;
337      --color-field-text: 0,0,0;
338      --color-link: 255,255,255;
339      --color-link-hover: 255,255,255;
340      --color-product-price-sale: 196,48,28;
341      --color-progress-bar: 13,135,86;
342      --color-foreground-lighten-60: #a5aed7;
343      --color-foreground-lighten-40: #7785c2;
344      --color-foreground-lighten-19: #485bad;
345    }
346    @media (min-width: 768px) {
347      body .desktop-color-scheme-2 {
348        --color-background: 29,52,154;
349      --color-secondary-background: 245,245,245;
350      --color-primary: 196,48,28;
351      --color-text-heading: 255,255,255;
352      --color-foreground: 255,255,255;
353      --color-subtext: 255,255,255;
354      --color-border: 229,229,229;
355      --color-button: 255,255,255;
356      --color-button-text: 0,0,0;
357      --color-secondary-button: 255,255,255;
358      --color-secondary-button-border: 255,255,255;
359      --color-secondary-button-text: 0,0,0;
360      --color-button-before: ;
361      --color-field: 245,245,245;
362      --color-field-text: 0,0,0;
363      --color-link: 255,255,255;
364      --color-link-hover: 255,255,255;
365      --color-product-price-sale: 196,48,28;
366      --color-progress-bar: 13,135,86;
367      --color-foreground-lighten-60: #a5aed7;
368      --color-foreground-lighten-40: #7785c2;
369      --color-foreground-lighten-19: #485bad;
370        color: rgb(var(--color-foreground));
371        background-color: rgb(var(--color-background));
372      }
373    }
374    @media (max-width: 767px) {
375      body .mobile-color-scheme-2 {
376        --color-background: 29,52,154;
377      --color-secondary-background: 245,245,245;
378      --color-primary: 196,48,28;
379      --color-text-heading: 255,255,255;
380      --color-foreground: 255,255,255;
381      --color-subtext: 255,255,255;
382      --color-border: 229,229,229;
383      --color-button: 255,255,255;
384      --color-button-text: 0,0,0;
385      --color-secondary-button: 255,255,255;
386      --color-secondary-button-border: 255,255,255;
387      --color-secondary-button-text: 0,0,0;
388      --color-button-before: ;
389      --color-field: 245,245,245;
390      --color-field-text: 0,0,0;
391      --color-link: 255,255,255;
392      --color-link-hover: 255,255,255;
393      --color-product-price-sale: 196,48,28;
394      --color-progress-bar: 13,135,86;
395      --color-foreground-lighten-60: #a5aed7;
396      --color-foreground-lighten-40: #7785c2;
397      --color-foreground-lighten-19: #485bad;
398        color: rgb(var(--color-foreground));
399        background-color: rgb(var(--color-background));
400      }
401    }
402  
403    
404.color-scheme-3 {
405      --color-background: 244,246,145;
406      --color-secondary-background: 247,247,247;
407      --color-primary: 196,48,28;
408      --color-text-heading: 0,0,0;
409      --color-foreground: 0,0,0;
410      --color-subtext: 102,102,102;
411      --color-border: 247,247,247;
412      --color-button: 0,0,0;
413      --color-button-text: 255,255,255;
414      --color-secondary-button: 244,246,145;
415      --color-secondary-button-border: 0,0,0;
416      --color-secondary-button-text: 0,0,0;
417      --color-button-before: ;
418      --color-field: 255,255,255;
419      --color-field-text: 0,0,0;
420      --color-link: 0,0,0;
421      --color-link-hover: 0,0,0;
422      --color-product-price-sale: 196,48,28;
423      --color-progress-bar: 13,135,86;
424      --color-foreground-lighten-60: #62623a;
425      --color-foreground-lighten-40: #929457;
426      --color-foreground-lighten-19: #c6c775;
427    }
428    @media (min-width: 768px) {
429      body .desktop-color-scheme-3 {
430        --color-background: 244,246,145;
431      --color-secondary-background: 247,247,247;
432      --color-primary: 196,48,28;
433      --color-text-heading: 0,0,0;
434      --color-foreground: 0,0,0;
435      --color-subtext: 102,102,102;
436      --color-border: 247,247,247;
437      --color-button: 0,0,0;
438      --color-button-text: 255,255,255;
439      --color-secondary-button: 244,246,145;
440      --color-secondary-button-border: 0,0,0;
441      --color-secondary-button-text: 0,0,0;
442      --color-button-before: ;
443      --color-field: 255,255,255;
444      --color-field-text: 0,0,0;
445      --color-link: 0,0,0;
446      --color-link-hover: 0,0,0;
447      --color-product-price-sale: 196,48,28;
448      --color-progress-bar: 13,135,86;
449      --color-foreground-lighten-60: #62623a;
450      --color-foreground-lighten-40: #929457;
451      --color-foreground-lighten-19: #c6c775;
452        color: rgb(var(--color-foreground));
453        background-color: rgb(var(--color-background));
454      }
455    }
456    @media (max-width: 767px) {
457      body .mobile-color-scheme-3 {
458        --color-background: 244,246,145;
459      --color-secondary-background: 247,247,247;
460      --color-primary: 196,48,28;
461      --color-text-heading: 0,0,0;
462      --color-foreground: 0,0,0;
463      --color-subtext: 102,102,102;
464      --color-border: 247,247,247;
465      --color-button: 0,0,0;
466      --color-button-text: 255,255,255;
467      --color-secondary-button: 244,246,145;
468      --color-secondary-button-border: 0,0,0;
469      --color-secondary-button-text: 0,0,0;
470      --color-button-before: ;
471      --color-field: 255,255,255;
472      --color-field-text: 0,0,0;
473      --color-link: 0,0,0;
474      --color-link-hover: 0,0,0;
475      --color-product-price-sale: 196,48,28;
476      --color-progress-bar: 13,135,86;
477      --color-foreground-lighten-60: #62623a;
478      --color-foreground-lighten-40: #929457;
479      --color-foreground-lighten-19: #c6c775;
480        color: rgb(var(--color-foreground));
481        background-color: rgb(var(--color-background));
482      }
483    }
484  
485    
486.color-scheme-4 {
487      --color-background: 245,226,226;
488      --color-secondary-background: 247,247,247;
489      --color-primary: 196,48,28;
490      --color-text-heading: 0,0,0;
491      --color-foreground: 0,0,0;
492      --color-subtext: 102,102,102;
493      --color-border: 230,230,230;
494      --color-button: 0,0,0;
495      --color-button-text: 255,255,255;
496      --color-secondary-button: 233,233,233;
497      --color-secondary-button-border: 233,233,233;
498      --color-secondary-button-text: 0,0,0;
499      --color-button-before: ;
500      --color-field: 245,245,245;
501      --color-field-text: 0,0,0;
502      --color-link: 0,0,0;
503      --color-link-hover: 0,0,0;
504      --color-product-price-sale: 196,48,28;
505      --color-progress-bar: 13,135,86;
506      --color-foreground-lighten-60: #625a5a;
507      --color-foreground-lighten-40: #938888;
508      --color-foreground-lighten-19: #c6b7b7;
509    }
510    @media (min-width: 768px) {
511      body .desktop-color-scheme-4 {
512        --color-background: 245,226,226;
513      --color-secondary-background: 247,247,247;
514      --color-primary: 196,48,28;
515      --color-text-heading: 0,0,0;
516      --color-foreground: 0,0,0;
517      --color-subtext: 102,102,102;
518      --color-border: 230,230,230;
519      --color-button: 0,0,0;
520      --color-button-text: 255,255,255;
521      --color-secondary-button: 233,233,233;
522      --color-secondary-button-border: 233,233,233;
523      --color-secondary-button-text: 0,0,0;
524      --color-button-before: ;
525      --color-field: 245,245,245;
526      --color-field-text: 0,0,0;
527      --color-link: 0,0,0;
528      --color-link-hover: 0,0,0;
529      --color-product-price-sale: 196,48,28;
530      --color-progress-bar: 13,135,86;
531      --color-foreground-lighten-60: #625a5a;
532      --color-foreground-lighten-40: #938888;
533      --color-foreground-lighten-19: #c6b7b7;
534        color: rgb(var(--color-foreground));
535        background-color: rgb(var(--color-background));
536      }
537    }
538    @media (max-width: 767px) {
539      body .mobile-color-scheme-4 {
540        --color-background: 245,226,226;
541      --color-secondary-background: 247,247,247;
542      --color-primary: 196,48,28;
543      --color-text-heading: 0,0,0;
544      --color-foreground: 0,0,0;
545      --color-subtext: 102,102,102;
546      --color-border: 230,230,230;
547      --color-button: 0,0,0;
548      --color-button-text: 255,255,255;
549      --color-secondary-button: 233,233,233;
550      --color-secondary-button-border: 233,233,233;
551      --color-secondary-button-text: 0,0,0;
552      --color-button-before: ;
553      --color-field: 245,245,245;
554      --color-field-text: 0,0,0;
555      --color-link: 0,0,0;
556      --color-link-hover: 0,0,0;
557      --color-product-price-sale: 196,48,28;
558      --color-progress-bar: 13,135,86;
559      --color-foreground-lighten-60: #625a5a;
560      --color-foreground-lighten-40: #938888;
561      --color-foreground-lighten-19: #c6b7b7;
562        color: rgb(var(--color-foreground));
563        background-color: rgb(var(--color-background));
564      }
565    }
566  
567    
568.color-scheme-6 {
569      --color-background: 224,239,228;
570      --color-secondary-background: 243,238,234;
571      --color-primary: 196,48,28;
572      --color-text-heading: 0,0,0;
573      --color-foreground: 0,0,0;
574      --color-subtext: 102,102,102;
575      --color-border: 198,191,177;
576      --color-button: 0,0,0;
577      --color-button-text: 255,255,255;
578      --color-secondary-button: 255,255,255;
579      --color-secondary-button-border: 230,230,230;
580      --color-secondary-button-text: 0,0,0;
581      --color-button-before: ;
582      --color-field: 255,255,255;
583      --color-field-text: 0,0,0;
584      --color-link: 0,0,0;
585      --color-link-hover: 0,0,0;
586      --color-product-price-sale: 196,48,28;
587      --color-progress-bar: 13,135,86;
588      --color-foreground-lighten-60: #5a605b;
589      --color-foreground-lighten-40: #868f89;
590      --color-foreground-lighten-19: #b5c2b9;
591    }
592    @media (min-width: 768px) {
593      body .desktop-color-scheme-6 {
594        --color-background: 224,239,228;
595      --color-secondary-background: 243,238,234;
596      --color-primary: 196,48,28;
597      --color-text-heading: 0,0,0;
598      --color-foreground: 0,0,0;
599      --color-subtext: 102,102,102;
600      --color-border: 198,191,177;
601      --color-button: 0,0,0;
602      --color-button-text: 255,255,255;
603      --color-secondary-button: 255,255,255;
604      --color-secondary-button-border: 230,230,230;
605      --color-secondary-button-text: 0,0,0;
606      --color-button-before: ;
607      --color-field: 255,255,255;
608      --color-field-text: 0,0,0;
609      --color-link: 0,0,0;
610      --color-link-hover: 0,0,0;
611      --color-product-price-sale: 196,48,28;
612      --color-progress-bar: 13,135,86;
613      --color-foreground-lighten-60: #5a605b;
614      --color-foreground-lighten-40: #868f89;
615      --color-foreground-lighten-19: #b5c2b9;
616        color: rgb(var(--color-foreground));
617        background-color: rgb(var(--color-background));
618      }
619    }
620    @media (max-width: 767px) {
621      body .mobile-color-scheme-6 {
622        --color-background: 224,239,228;
623      --color-secondary-background: 243,238,234;
624      --color-primary: 196,48,28;
625      --color-text-heading: 0,0,0;
626      --color-foreground: 0,0,0;
627      --color-subtext: 102,102,102;
628      --color-border: 198,191,177;
629      --color-button: 0,0,0;
630      --color-button-text: 255,255,255;
631      --color-secondary-button: 255,255,255;
632      --color-secondary-button-border: 230,230,230;
633      --color-secondary-button-text: 0,0,0;
634      --color-button-before: ;
635      --color-field: 255,255,255;
636      --color-field-text: 0,0,0;
637      --color-link: 0,0,0;
638      --color-link-hover: 0,0,0;
639      --color-product-price-sale: 196,48,28;
640      --color-progress-bar: 13,135,86;
641      --color-foreground-lighten-60: #5a605b;
642      --color-foreground-lighten-40: #868f89;
643      --color-foreground-lighten-19: #b5c2b9;
644        color: rgb(var(--color-foreground));
645        background-color: rgb(var(--color-background));
646      }
647    }
648  
649    
650.color-scheme-7 {
651      --color-background: 219,225,255;
652      --color-secondary-background: 233,233,233;
653      --color-primary: 196,48,28;
654      --color-text-heading: 0,0,0;
655      --color-foreground: 0,0,0;
656      --color-subtext: 102,102,102;
657      --color-border: 230,230,230;
658      --color-button: 0,0,0;
659      --color-button-text: 255,255,255;
660      --color-secondary-button: 233,233,233;
661      --color-secondary-button-border: 233,233,233;
662      --color-secondary-button-text: 0,0,0;
663      --color-button-before: ;
664      --color-field: 245,245,245;
665      --color-field-text: 0,0,0;
666      --color-link: 0,0,0;
667      --color-link-hover: 0,0,0;
668      --color-product-price-sale: 196,48,28;
669      --color-progress-bar: 13,135,86;
670      --color-foreground-lighten-60: #585a66;
671      --color-foreground-lighten-40: #838799;
672      --color-foreground-lighten-19: #b1b6cf;
673    }
674    @media (min-width: 768px) {
675      body .desktop-color-scheme-7 {
676        --color-background: 219,225,255;
677      --color-secondary-background: 233,233,233;
678      --color-primary: 196,48,28;
679      --color-text-heading: 0,0,0;
680      --color-foreground: 0,0,0;
681      --color-subtext: 102,102,102;
682      --color-border: 230,230,230;
683      --color-button: 0,0,0;
684      --color-button-text: 255,255,255;
685      --color-secondary-button: 233,233,233;
686      --color-secondary-button-border: 233,233,233;
687      --color-secondary-button-text: 0,0,0;
688      --color-button-before: ;
689      --color-field: 245,245,245;
690      --color-field-text: 0,0,0;
691      --color-link: 0,0,0;
692      --color-link-hover: 0,0,0;
693      --color-product-price-sale: 196,48,28;
694      --color-progress-bar: 13,135,86;
695      --color-foreground-lighten-60: #585a66;
696      --color-foreground-lighten-40: #838799;
697      --color-foreground-lighten-19: #b1b6cf;
698        color: rgb(var(--color-foreground));
699        background-color: rgb(var(--color-background));
700      }
701    }
702    @media (max-width: 767px) {
703      body .mobile-color-scheme-7 {
704        --color-background: 219,225,255;
705      --color-secondary-background: 233,233,233;
706      --color-primary: 196,48,28;
707      --color-text-heading: 0,0,0;
708      --color-foreground: 0,0,0;
709      --color-subtext: 102,102,102;
710      --color-border: 230,230,230;
711      --color-button: 0,0,0;
712      --color-button-text: 255,255,255;
713      --color-secondary-button: 233,233,233;
714      --color-secondary-button-border: 233,233,233;
715      --color-secondary-button-text: 0,0,0;
716      --color-button-before: ;
717      --color-field: 245,245,245;
718      --color-field-text: 0,0,0;
719      --color-link: 0,0,0;
720      --color-link-hover: 0,0,0;
721      --color-product-price-sale: 196,48,28;
722      --color-progress-bar: 13,135,86;
723      --color-foreground-lighten-60: #585a66;
724      --color-foreground-lighten-40: #838799;
725      --color-foreground-lighten-19: #b1b6cf;
726        color: rgb(var(--color-foreground));
727        background-color: rgb(var(--color-background));
728      }
729    }
730  
731    
732.color-scheme-8 {
733      --color-background: 196,48,28;
734      --color-secondary-background: 247,247,247;
735      --color-primary: 196,48,28;
736      --color-text-heading: 255,255,255;
737      --color-foreground: 255,255,255;
738      --color-subtext: 255,255,255;
739      --color-border: 255,255,255;
740      --color-button: 0,0,0;
741      --color-button-text: 255,255,255;
742      --color-secondary-button: 196,48,28;
743      --color-secondary-button-border: 255,255,255;
744      --color-secondary-button-text: 255,255,255;
745      --color-button-before: ;
746      --color-field: 245,245,245;
747      --color-field-text: 0,0,0;
748      --color-link: 255,255,255;
749      --color-link-hover: 255,255,255;
750      --color-product-price-sale: 196,48,28;
751      --color-progress-bar: 13,135,86;
752      --color-foreground-lighten-60: #e7aca4;
753      --color-foreground-lighten-40: #dc8377;
754      --color-foreground-lighten-19: #cf5747;
755    }
756    @media (min-width: 768px) {
757      body .desktop-color-scheme-8 {
758        --color-background: 196,48,28;
759      --color-secondary-background: 247,247,247;
760      --color-primary: 196,48,28;
761      --color-text-heading: 255,255,255;
762      --color-foreground: 255,255,255;
763      --color-subtext: 255,255,255;
764      --color-border: 255,255,255;
765      --color-button: 0,0,0;
766      --color-button-text: 255,255,255;
767      --color-secondary-button: 196,48,28;
768      --color-secondary-button-border: 255,255,255;
769      --color-secondary-button-text: 255,255,255;
770      --color-button-before: ;
771      --color-field: 245,245,245;
772      --color-field-text: 0,0,0;
773      --color-link:
773 255,255,255;
774      --color-link-hover: 255,255,255;
775      --color-product-price-sale: 196,48,28;
776      --color-progress-bar: 13,135,86;
777      --color-foreground-lighten-60: #e7aca4;
778      --color-foreground-lighten-40: #dc8377;
779      --color-foreground-lighten-19: #cf5747;
780        color: rgb(var(--color-foreground));
781        background-color: rgb(var(--color-background));
782      }
783    }
784    @media (max-width: 767px) {
785      body .mobile-color-scheme-8 {
786        --color-background: 196,48,28;
787      --color-secondary-background: 247,247,247;
788      --color-primary: 196,48,28;
789      --color-text-heading: 255,255,255;
790      --color-foreground: 255,255,255;
791      --color-subtext: 255,255,255;
792      --color-border: 255,255,255;
793      --color-button: 0,0,0;
794      --color-button-text: 255,255,255;
795      --color-secondary-button: 196,48,28;
796      --color-secondary-button-border: 255,255,255;
797      --color-secondary-button-text: 255,255,255;
798      --color-button-before: ;
799      --color-field: 245,245,245;
800      --color-field-text: 0,0,0;
801      --color-link: 255,255,255;
802      --color-link-hover: 255,255,255;
803      --color-product-price-sale: 196,48,28;
804      --color-progress-bar: 13,135,86;
805      --color-foreground-lighten-60: #e7aca4;
806      --color-foreground-lighten-40: #dc8377;
807      --color-foreground-lighten-19: #cf5747;
808        color: rgb(var(--color-foreground));
809        background-color: rgb(var(--color-background));
810      }
811    }
812  
813    
814.color-scheme-9 {
815      --color-background: 255,255,255;
816      --color-secondary-background: 237,237,237;
817      --color-primary: 196,48,28;
818      --color-text-heading: 0,0,0;
819      --color-foreground: 0,0,0;
820      --color-subtext: 102,102,102;
821      --color-border: 229,229,229;
822      --color-button: 244,246,145;
823      --color-button-text: 0,0,0;
824      --color-secondary-button: 237,237,237;
825      --color-secondary-button-border: 237,237,237;
826      --color-secondary-button-text: 0,0,0;
827      --color-button-before: ;
828      --color-field: 237,237,237;
829      --color-field-text: 0,0,0;
830      --color-link: 0,0,0;
831      --color-link-hover: 0,0,0;
832      --color-product-price-sale: 196,48,28;
833      --color-progress-bar: 13,135,86;
834      --color-foreground-lighten-60: #666666;
835      --color-foreground-lighten-40: #999999;
836      --color-foreground-lighten-19: #cfcfcf;
837    }
838    @media (min-width: 768px) {
839      body .desktop-color-scheme-9 {
840        --color-background: 255,255,255;
841      --color-secondary-background: 237,237,237;
842      --color-primary: 196,48,28;
843      --color-text-heading: 0,0,0;
844      --color-foreground: 0,0,0;
845      --color-subtext: 102,102,102;
846      --color-border: 229,229,229;
847      --color-button: 244,246,145;
848      --color-button-text: 0,0,0;
849      --color-secondary-button: 237,237,237;
850      --color-secondary-button-border: 237,237,237;
851      --color-secondary-button-text: 0,0,0;
852      --color-button-before: ;
853      --color-field: 237,237,237;
854      --color-field-text: 0,0,0;
855      --color-link: 0,0,0;
856      --color-link-hover: 0,0,0;
857      --color-product-price-sale: 196,48,28;
858      --color-progress-bar: 13,135,86;
859      --color-foreground-lighten-60: #666666;
860      --color-foreground-lighten-40: #999999;
861      --color-foreground-lighten-19: #cfcfcf;
862        color: rgb(var(--color-foreground));
863        background-color: rgb(var(--color-background));
864      }
865    }
866    @media (max-width: 767px) {
867      body .mobile-color-scheme-9 {
868        --color-background: 255,255,255;
869      --color-secondary-background: 237,237,237;
870      --color-primary: 196,48,28;
871      --color-text-heading: 0,0,0;
872      --color-foreground: 0,0,0;
873      --color-subtext: 102,102,102;
874      --color-border: 229,229,229;
875      --color-button: 244,246,145;
876      --color-button-text: 0,0,0;
877      --color-secondary-button: 237,237,237;
878      --color-secondary-button-border: 237,237,237;
879      --color-secondary-button-text: 0,0,0;
880      --color-button-before: ;
881      --color-field: 237,237,237;
882      --color-field-text: 0,0,0;
883      --color-link: 0,0,0;
884      --color-link-hover: 0,0,0;
885      --color-product-price-sale: 196,48,28;
886      --color-progress-bar: 13,135,86;
887      --color-foreground-lighten-60: #666666;
888      --color-foreground-lighten-40: #999999;
889      --color-foreground-lighten-19: #cfcfcf;
890        color: rgb(var(--color-foreground));
891        background-color: rgb(var(--color-background));
892      }
893    }
894  
895    
896.color-scheme-10 {
897      --color-background: 246,246,246;
898      --color-secondary-background: 237,237,237;
899      --color-primary: 196,48,28;
900      --color-text-heading: 0,0,0;
901      --color-foreground: 0,0,0;
902      --color-subtext: 102,102,102;
903      --color-border: 229,229,229;
904      --color-button: 0,0,0;
905      --color-button-text: 255,255,255;
906      --color-secondary-button: 237,237,237;
907      --color-secondary-button-border: 237,237,237;
908      --color-secondary-button-text: 0,0,0;
909      --color-button-before: ;
910      --color-field: 237,237,237;
911      --color-field-text: 0,0,0;
912      --color-link: 0,0,0;
913      --color-link-hover: 0,0,0;
914      --color-product-price-sale: 196,48,28;
915      --color-progress-bar: 13,135,86;
916      --color-foreground-lighten-60: #626262;
917      --color-foreground-lighten-40: #949494;
918      --color-foreground-lighten-19: #c7c7c7;
919    }
920    @media (min-width: 768px) {
921      body .desktop-color-scheme-10 {
922        --color-background: 246,246,246;
923      --color-secondary-background: 237,237,237;
924      --color-primary: 196,48,28;
925      --color-text-heading: 0,0,0;
926      --color-foreground: 0,0,0;
927      --color-subtext: 102,102,102;
928      --color-border: 229,229,229;
929      --color-button: 0,0,0;
930      --color-button-text: 255,255,255;
931      --color-secondary-button: 237,237,237;
932      --color-secondary-button-border: 237,237,237;
933      --color-secondary-button-text: 0,0,0;
934      --color-button-before: ;
935      --color-field: 237,237,237;
936      --color-field-text: 0,0,0;
937      --color-link: 0,0,0;
938      --color-link-hover: 0,0,0;
939      --color-product-price-sale: 196,48,28;
940      --color-progress-bar: 13,135,86;
941      --color-foreground-lighten-60: #626262;
942      --color-foreground-lighten-40: #949494;
943      --color-foreground-lighten-19: #c7c7c7;
944        color: rgb(var(--color-foreground));
945        background-color: rgb(var(--color-background));
946      }
947    }
948    @media (max-width: 767px) {
949      body .mobile-color-scheme-10 {
950        --color-background: 246,246,246;
951      --color-secondary-background: 237,237,237;
952      --color-primary: 196,48,28;
953      --color-text-heading: 0,0,0;
954      --color-foreground: 0,0,0;
955      --color-subtext: 102,102,102;
956      --color-border: 229,229,229;
957      --color-button: 0,0,0;
958      --color-button-text: 255,255,255;
959      --color-secondary-button: 237,237,237;
960      --color-secondary-button-border: 237,237,237;
961      --color-secondary-button-text: 0,0,0;
962      --color-button-before: ;
963      --color-field: 237,237,237;
964      --color-field-text: 0,0,0;
965      --color-link: 0,0,0;
966      --color-link-hover: 0,0,0;
967      --color-product-price-sale: 196,48,28;
968      --color-progress-bar: 13,135,86;
969      --color-foreground-lighten-60: #626262;
970      --color-foreground-lighten-40: #949494;
971      --color-foreground-lighten-19: #c7c7c7;
972        color: rgb(var(--color-foreground));
973        background-color: rgb(var(--color-background));
974      }
975    }
976  
977
978  body, .color-scheme-1, .color-scheme-inverse, .color-scheme-info, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-9, .color-scheme-10 {
979    color: rgb(var(--color-foreground));
980    background-color: rgb(var(--color-background));
981  }
982
983  :root {
984    /* Animation variable */
985    --animation-long: .7s cubic-bezier(.3, 1, .3, 1);
986    --animation-nav: .5s cubic-bezier(.6, 0, .4, 1);
987    --animation-default: .5s cubic-bezier(.3, 1, .3, 1);
988    --animation-fast: .3s cubic-bezier(.7, 0, .3, 1);
989    --animation-button: .4s ease;
990    --transform-origin-start: left;
991    --transform-origin-end: right;
992    --duration-default: 200ms;
993    --duration-image: 1000ms;
994
995    --font-body-family: "Archivo Black", sans-serif;
996    --font-body-style: normal;
997    --font-body-weight: 400;
998    --font-body-weight-bolder: 600;
999    --font-body-weight-bold: 700;
1000    --font-body-size: 1.5rem;
1001    --font-body-line-height: 1.6;
1002
1003    --font-heading-family: "Archivo Black", sans-serif;
1004    --font-heading-style: normal;
1005    --font-heading-weight: 400;
1006    --font-heading-letter-spacing: 0.0em;
1007    --font-heading-transform: none;
1008    --font-heading-scale: 1.0;
1009    --font-heading-mobile-scale: 0.7;
1010
1011    --font-hd1-transform:none;
1012
1013    --font-subheading-family: "Archivo Black", sans-serif;
1014    --font-subheading-weight: 700;
1015    --font-subheading-scale: 1.2;
1016    --font-subheading-transform: none;
1017    --font-subheading-letter-spacing: 0.0em;
1018
1019    --font-navigation-family: "Archivo Black", sans-serif;
1020    --font-navigation-weight: 700;
1021    --navigation-transform: none;
1022
1023    --font-button-family: "Archivo Black", sans-serif;
1024    --font-button-weight: 700;
1025    --buttons-letter-spacing: 0.0em;
1026    --buttons-transform: capitalize;
1027    --buttons-height: 4.2rem;
1028    --buttons-border-width: 1px;
1029    --inputs-border-width: 1px;
1030
1031    --font-pcard-title-family: "Archivo Black", sans-serif;
1032    --font-pcard-title-style: normal;
1033    --font-pcard-title-weight: 600;
1034    --font-pcard-title-scale: 1.0;
1035    --font-pcard-title-transform: none;
1036    --font-pcard-title-size: 1.5rem;
1037    --font-pcard-title-line-height: 1.6;
1038
1039    --font-hd1-size: 7.0000028rem;
1040    --font-hd2-size: 4.9rem;
1041    --font-h1-size: calc(var(--font-heading-scale) * 4rem);
1042    --font-h2-size: calc(var(--font-heading-scale) * 3.2rem);
1043    --font-h3-size: calc(var(--font-heading-scale) * 2.8rem);
1044    --font-h4-size: calc(var(--font-heading-scale) * 2.2rem);
1045    --font-h5-size: calc(var(--font-heading-scale) * 1.8rem);
1046    --font-h6-size: calc(var(--font-heading-scale) * 1.6rem);
1047    --font-subheading-size: calc(var(--font-subheading-scale) * var(--font-body-size));
1048
1049    --color-badge-sale: #db0000;
1050    --color-badge-sale-text: #000000;
1051    --color-badge-soldout: #ADADAD;
1052    --color-badge-soldout-text: #FFFFFF;
1053    --color-badge-hot: #000000;
1054    --color-badge-hot-text: #000000;
1055    --color-badge-new: #049B6E;
1056    --color-badge-new-text: #FFFFFF;
1057    --color-badge-coming-soon: #7A34D6;
1058    --color-badge-coming-soon-text: #FFFFFF;
1059    --color-cart-bubble: #db0000;
1060    --color-keyboard-focus: 11 97 205;
1061
1062    --buttons-radius: 10.0rem;
1063    --inputs-radius: 0.0rem;
1064    --textareas-radius: 0.0rem;
1065    --blocks-radius: 1.0rem;
1066    --blocks-radius-mobile: 0.8rem;
1067    --small-blocks-radius: 0.5rem;
1068    --medium-blocks-radius: 0.6rem;
1069    --pcard-radius: 1.0rem;
1070    --pcard-inner-radius: 0.6rem;
1071    --badges-radius: 2.4rem;
1072
1073    --page-width: 1690px;
1074    --page-width-margin: 0rem;
1075    --header-padding-bottom: 4rem;
1076    --header-padding-bottom-mobile: 2.4rem;
1077    --header-padding-bottom-large: 6rem;
1078    --header-padding-bottom-large-lg: 3.2rem;
1079  }
1080
1081  *,
1082  *::before,
1083  *::after {
1084    box-sizing: inherit;
1085  }
1086
1087  html {
1088    box-sizing: border-box;
1089    font-size: 62.5%;
1090    height: 100%;
1091  }
1092
1093  body {
1094    min-height: 100%;
1095    margin: 0;
1096    font-family: var(--font-body-family);
1097    font-style: var(--font-body-style);
1098    font-weight: var(--font-body-weight);
1099    font-size: var(--font-body-size);
1100    line-height: var(--font-body-line-height);
1101    -webkit-font-smoothing: antialiased;
1102    -moz-osx-font-smoothing: grayscale;
1103    touch-action: manipulation;
1104    -webkit-text-size-adjust: 100%;
1105    font-feature-settings: normal;
1106  }
1107  @media (min-width: 1765px) {
1108    .swiper-controls--outside {
1109      --swiper-navigation-offset-x: calc((var(--swiper-navigation-size) + 2.7rem) * -1);
1110    }
1111  }
1112</style>
1113
1114  <link rel="preload" as="font" href="//royalspirit.ae/cdn/fonts/archivo_black/archivoblack_n4.b08d53f45e5ceb17a38677219b15fcdd9c5f3519.woff2" type="font/woff2" crossorigin>
1115  
1116
1117  <link rel="preload" as="font" href="//royalspirit.ae/cdn/fonts/archivo_black/archivoblack_n4.b08d53f45e5ceb17a38677219b15fcdd9c5f3519.woff2" type="font/woff2" crossorigin>
1118  
1119<link href="//royalspirit.ae/cdn/shop/t/2/assets/vendor.css?v=94183888130352382221745239065" rel="stylesheet" type="text/css" media="all" /><link href="//royalspirit.ae/cdn/shop/t/2/assets/theme.css?v=55261865432785957551772969924" rel="stylesheet" type="text/css" media="all" />
1119<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1119<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/73208365283/digital_wallets/dialog">
1120<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://royalspirit.ae/search?q=alcohol&amp;type=product">
1121<link rel="alternate" hreflang="en" href="https://royalspirit.ae/search?q=alcohol&amp;type=product">
1122<link rel="alternate" hreflang="af" href="https://royalspirit.ae/af/search?q=alcohol&amp;type=product">
1123<link rel="alternate" hreflang="hi" href="https://royalspirit.ae/hi/search?q=alcohol&amp;type=product">
1124<script async="async" src="/checkouts/internal/preloads.js?locale=en-AE&default_configuration_id=2228617443"></script>
vendor: 1 bytes, line 1124
1124
1125<script id="shopify-features" type="application/json">{"accessToken":"3e1acd797948fab6ce30e6187999a9ff","betas":["rich-media-storefront-analytics"],"domain":"royalspirit.ae","predictiveSearch":true,"shopId":73208365283,"locale":"en"}</script>
vendor: 1 bytes, line 1125
1125
1126<script>var Shopify = Shopify || {};
1127Shopify.shop = "7m39k8-js.myshopify.com";
1128Shopify.locale = "en";
1129Shopify.currency = {"active":"AED","rate":"1.0"};
1130Shopify.country = "AE";
1131Shopify.theme = {"name":"Hyper","id":147064750307,"schema_name":"Hyper","schema_version":"1.0.1","theme_store_id":3247,"role":"main"};
1132Shopify.theme.handle = "null";
1133Shopify.theme.style = {"id":null,"handle":null};
1134Shopify.cdnHost = "royalspirit.ae/cdn";
1135Shopify.routes = Shopify.routes || {};
1136Shopify.routes.root = "/";
1137Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1138Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1139Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1140Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1140
1140
1141<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1141
1141
1142<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 1142
1142
1143<script>
1144  window.Shopify = window.Shopify || {};
1145  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1146  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1147  window.Shopify.SignInWithShop.eligible = true;
1148</script>
vendor: 1 bytes, line 1148
1148
1149<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 1149
1149
1150<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 1150
1150
1151<script type="module">
1152  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1153
1154  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1155
1156</script>
vendor: 1 bytes, line 1156
1156
1157<script>
1158  window.Shopify = window.Shopify || {};
1159  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1160  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"]};
1161</script>
vendor: 1 bytes, line 1161
1161
1162<script>(function() {
1163  var isLoaded = false;
1164  function asyncLoad() {
1165    if (isLoaded) return;
1166    isLoaded = true;
1167    var urls = ["https:\/\/av.good-apps.co\/storage\/js\/good_apps_timer-7m39k8-js.myshopify.com.js?ver=27\u0026shop=7m39k8-js.myshopify.com","\/\/cdn.shopify.com\/proxy\/d7d056e1f7123023bb69b270d400b9a37559c2d490083638831d744a7aa3868c\/d1639lhkj5l89m.cloudfront.net\/js\/storefront\/uppromote.js?shop=7m39k8-js.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
1168    for (var i = 0; i < urls.length; i++) {
1169      var s = document.createElement('script');
1170      s.type = 'text/javascript';
1171      s.async = true;
1172      s.src = urls[i];
1173      var x = document.getElementsByTagName('script')[0];
1174      x.parentNode.insertBefore(s, x);
1175    }
1176  };
1177  if(window.attachEvent) {
1178    window.attachEvent('onload', asyncLoad);
1179  } else {
1180    window.addEventListener('load', asyncLoad, false);
1181  }
1182})();</script>
vendor: 1 bytes, line 1182
1182
1183<script id="__st">var __st={"a":73208365283,"offset":14400,"reqid":"b9c2ef6a-a76b-4707-9588-5488b1f277aa-1790816072","pageurl":"royalspirit.ae\/search?type=product\u0026options%5Bprefix%5D=last\u0026q=alcohol","u":"5e814e80e3ec","p":"searchresults"};</script>
vendor: 1 bytes, line 1183
1183
1184<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1184
1184
1185<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
vendor: 1 bytes, line 1185
1185
1186<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//royalspirit.ae/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1186
1186
1187<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 = "//royalspirit.ae/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>
1187<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 1187
1187
1188<script>
1189  window.Shopify = window.Shopify || {};
1190  window.Shopify.MCP = window.Shopify.MCP || {};
1191  window.Shopify.MCP.enabled = true;
1192  window.Shopify.MCP.shop = "7m39k8-js.myshopify.com";
1193  window.Shopify.MCP.mcpEndpoint = "https:\/\/royalspirit.ae\/api\/mcp";
1194  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"]}}];
1195</script>
vendor: 1 bytes, line 1195
1195
1196<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("\/\/royalspirit.ae\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1197</script>
vendor: 1 bytes, line 1197
1197
1198<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://royalspirit.ae/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1199</script>
vendor: 1 bytes, line 1199
1199
1200<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1201  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);
1202</script>
vendor: 1 bytes, line 1202
1202
1203<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})}}));
1204</script>
1204
1205
1206<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1206
1207
1208    
1208<script src="//royalspirit.ae/cdn/shop/t/2/assets/vendor.js?v=180223013394361240771745239065" defer="defer"></script>
1208
1209    
1209<script src="//royalspirit.ae/cdn/shop/t/2/assets/theme.js?v=181677535311309278391746169977" defer="defer"></script>
1209<script>
1210      if (Shopify.designMode) {
1211        document.documentElement.classList.add('shopify-design-mode');
1212      }
1213    </script>
vendor: 1 bytes, line 1213
1213
1214<script>
1215  window.FoxTheme = window.FoxTheme || {};
1216  document.documentElement.classList.replace('no-js', 'js');
1217  window.shopUrl = 'https://royalspirit.ae';
1218  window.FoxTheme.routes = {
1219    cart_add_url: '/cart/add',
1220    cart_change_url: '/cart/change',
1221    cart_update_url: '/cart/update',
1222    cart_url: '/cart',
1223    shop_url: 'https://royalspirit.ae',
1224    predictive_search_url: '/search/suggest',
1225    root_url: '/',
1226  };
1227
1228  FoxTheme.shippingCalculatorStrings = {
1229    error: "One or more errors occurred while retrieving the shipping rates:",
1230    notFound: "Sorry, we do not ship to your address.",
1231    oneResult: "There is one shipping rate for your address:",
1232    multipleResults: "There are multiple shipping rates for your address:",
1233  };
1234
1235  FoxTheme.settings = {
1236    cartType: "drawer",
1237    moneyFormat: "    {{amount}}",
1238    themeName: 'Hyper',
1239    themeVersion: '1.0.1'
1240  }
1241
1242  FoxTheme.compare = {
1243    alertMessage: `You can only add a maximum of 5 products to compare.`,
1244    maxProductsInCompare: 5
1245  }
1246
1247  FoxTheme.variantStrings = {
1248    addToCart: `Add to cart`,
1249    soldOut: `Sold out`,
1250    unavailable: `Unavailable`,
1251    unavailable_with_option: `[value] - Unavailable`,
1252  };
1253
1254  FoxTheme.cartStrings = {
1255    error: `There was an error while updating your cart. Please try again.`,
1256    quantityError: `You can only add [quantity] of this item to your cart.`,
1257  };
1258
1259  FoxTheme.quickOrderListStrings = {
1260    itemsAdded: "[quantity] items added",
1261    itemAdded: "[quantity] item added",
1262    itemsRemoved: "[quantity] items removed",
1263    itemRemoved: "[quantity] item removed",
1264    viewCart: "View cart",
1265    each: "[money]\/ea",
1266    minError: "This item has a minimum of [min]",
1267    maxError: "This item has a maximum of [max]",
1268    stepError: "You can only add this item in increments of [step]"
1269  };
1270
1271  FoxTheme.accessibilityStrings = {
1272    imageAvailable: `Image [index] is now available in gallery view`,
1273    shareSuccess: `Copied`,
1274    pauseSlideshow: `Pause slideshow`,
1275    playSlideshow: `Play slideshow`,
1276    recipientFormExpanded: `Gift card recipient form expanded`,
1277    recipientFormCollapsed: `Gift card recipient form collapsed`,
1278    countrySelectorSearchCount: `[count] countries/regions found`,
1279  };
1280</script>
1280
1281
1282    
1283    
1284    <style>
1285  .grecaptcha-badge { visibility: hidden !important; }
1286</style>
1287  <!-- BEGIN app block: shopify://apps/musbu-wa-chat/blocks/app-embed/267d7a73-494b-4925-ba55-49fe70b0f09e -->
1288
1289<div id="cx_whatsapp_init"></div>
1290
1291
1292<script>
1293console.log("--------------CX - WhatsApp Chat---------------");
1294window.cxMusbuMetaData = {"id":33444,"shop_id":"7m39k8-js.myshopify.com","button_color":"#000000","button_position":"right","button_size":60,"mobile_view":1,"where_to_show":"all","background_color":"#ffbb00s","button_shape":"circle","isBackground":false,"icon_uid":1,"whatsapp_number":null,"whatsapp_text":null,"pro_icon":"0","sendProductUrl":0,"review_enabled":"1","status":1,"channels":[{"type":"whatsapp","number":"+971569812858","message":null,"icon_uid":1,"displayOnDesktop":true,"displayOnMobile":true}],"styling":{"buttonLayout":"1","singleAccountLayout":"0","multipleAccountLayout":"1","desktopPosition":"right","customDesktopSpacing":false,"desktopSpacing1":"10","desktopSpacing2":"10","mobilePosition":"right","customMobileSpacing":false,"mobileSpacing1":"10","mobileSpacing2":"10","buttonBackgroundColor":"#10c379","popupBackgroundColor":"#10c379","hoverText":null,"popupTitle":null,"popupSubtitle":null,"buttonHeading":null,"buttonSubHeading":null,"pageLinks":[{"page":null}],"isPreset":["3"],"presetId":"29","isRounded":false,"isCustomIcon":["1"],"selectedCustomIcon":"svg1","defaultChatMessage":null,"chatInputPlaceholder":null,"chatButtonName":null,"isPulse":true,"isNotificationNumber":false,"notificationNumber":"1","customCss":null},"settings":null,"is_onboarding":0,"created_at":"2025-05-19T18:17:19.000000Z","updated_at":"2025-09-05T15:12:54.000000Z"};
1295
1296// Check if FontAwesome object exists
1297if (typeof FontAwesome == "undefined") {
1298    // FontAwesome is not loaded, add the CDN link
1299    var link = document.createElement("link");
1300    link.rel = "stylesheet";
1301    link.href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/fontawesome.min.css";
1302    link.integrity = "sha512-OdEXQYCOldjqUEsuMKsZRj93Ht23QRlhIb8E/X0sbwZhme8eUw6g8q7AdxGJKakcBbv7+/PX0Gc2btf7Ru8cZA==";
1303    link.crossOrigin = "anonymous";
1304    link.referrerPolicy = "no-referrer";
1305    document.head.appendChild(link);
1306}
1307</script>
1307
1308
1309
1310<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/customer-referral/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><link rel="preload" href="https://cdn.shopify.com/extensions/01a0eb5b-13b6-751a-b6c1-a42e5b9b7333/affliate-by-secomapp-128/assets/customer-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
1311<script>
1312  document.addEventListener("DOMContentLoaded", function () {
1313    const params = new URLSearchParams(window.location.search);
1314    if (params.has('sca_ref') || params.has('sca_crp')) {
1315      document.body.setAttribute('is-affiliate-link', '');
1316    }
1317  });
1318</script>
1318
1319
1320
1321<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/message-bar/64c32457-930d-4cb9-9641-e24c0d9cf1f4 -->
1322
1323<style>
1324    body {
1325        transition: padding-top .2s;
1326    }
1327    .scaaf-message-bar {
1328        --primary-text-color: ;
1329        --secondary-text-color: ;
1330        --primary-bg-color: ;
1331        --secondary-bg-color: ;
1332        --primary-text-size: px;
1333        --secondary-text-size: px;
1334        text-align: center;
1335        display: block;
1336        width: 100%;
1337        padding: 10px;
1338        animation-duration: .5s;
1339        animation-name: fadeIn;
1340        position: absolute;
1341        top: 0;
1342        left: 0;
1343        width: 100%;
1344        z-index: 10;
1345    }
1346
1347    .scaaf-message-bar-content {
1348        margin: 0;
1349        padding: 0;
1350    }
1351
1352    .scaaf-message-bar[data-layout=referring] {
1353        background-color: var(--primary-bg-color);
1354        color: var(--primary-text-color);
1355        font-size: var(--primary-text-size);
1356    }
1357
1358    .scaaf-message-bar[data-layout=direct] {
1359        background-color: var(--secondary-bg-color);
1360        color: var(--secondary-text-color);
1361        font-size: var(--secondary-text-size);
1362    }
1363
1364</style>
1365
1366<script type="text/javascript">
1367    (function() {
1368        let container, contentContainer
1369        const settingTag = document.querySelector('script#uppromote-message-bar-setting')
1370
1371        if (!settingTag || !settingTag.textContent) {
1372            return
1373        }
1374
1375        const setting = JSON.parse(settingTag.textContent)
1376        if (!setting.referral_enable) {
1377            return
1378        }
1379
1380        const getCookie = (cName) => {
1381            const name = cName + '='
1382            const ca = document.cookie.split(';')
1383            for (let i = 0; i < ca.length; i++) {
1384                let c = ca[i]
1385                while (c.charAt(0) === ' ') {
1386                    c = c.substring(1)
1387                }
1388                if (c.indexOf(name) === 0) {
1389                    const raw = c.substring(name.length, c.length)
1390                    // Decode this value only, not the whole cookie string, so one malformed
1391                    // cookie (bare %) or a ';' inside another value can't break parsing here.
1392                    try {
1393                        return decodeURIComponent(raw)
1394                    } catch {
1395                        return raw
1396                    }
1397                }
1398            }
1399
1400            return null
1401        }
1402
1403        function renderContainer() {
1404            container = document.createElement('div')
1405            container.classList.add('scaaf-message-bar')
1406            contentContainer = document.createElement('p')
1407            contentContainer.classList.add('scaaf-message-bar-content')
1408            container.append(contentContainer)
1409        }
1410
1411        function calculateLayout() {
1412            const height = container.scrollHeight
1413
1414            function onMouseMove() {
1415                document.body.style.paddingTop = `${height}px`
1416                document.body.removeEventListener('mousemove', onMouseMove)
1417                document.body.removeEventListener('touchstart', onMouseMove)
1418            }
1419
1420            document.body.addEventListener('mousemove', onMouseMove)
1421            document.body.addEventListener('touchstart', onMouseMove)
1422        }
1423
1424        renderContainer()
1425
1426        function fillDirectContent() {
1427            if (!setting.not_referral_enable) {
1428                // Nothing to show: drop the optimistic "Loading" bar prepareForReferring may have left
1429                container.remove()
1430                return
1431            }
1432            contentContainer.style.visibility = 'visible'
1433            container.dataset.layout = 'direct'
1434            contentContainer.textContent = setting.not_referral_content
1435            document.body.prepend(container)
1436            calculateLayout()
1437        }
1438
1439        function prepareForReferring() {
1440            contentContainer.textContent = 'Loading'
1441            contentContainer.style.visibility = 'hidden'
1442            document.body.prepend(container)
1443            calculateLayout()
1444        }
1445
1446        function fillReferringContent(aff) {
1447            container.dataset.layout = 'referring'
1448            // Guard referral_content so a missing template can't throw and leave the bar stuck on "Loading"
1449            contentContainer.textContent = (setting.referral_content || '')
1450                .replaceAll('{affiliate_name}', aff.name)
1451                .replaceAll('{company}', aff.company)
1452                .replaceAll('{affiliate_firstname}', aff.first_name)
1453                .replaceAll('{personal_detail}', aff.personal_detail)
1454            contentContainer.style.visibility = 'visible'
1455        }
1456
1457        function safeJsonParse (str) {
1458            if (!str) return null;
1459            try {
1460                return JSON.parse(str);
1461            } catch {
1462                return null;
1463            }
1464        }
1465
1466        function renderFromCookie(affiliateID) {
1467            if (!affiliateID) {
1468                fillDirectContent()
1469                return
1470            }
1471
1472            prepareForReferring()
1473
1474            let info = null
1475            const raw = getCookie('_up_a_info')
1476            if (raw) {
1477                info = safeJsonParse(raw)
1478            }
1479
1480            if (!info) {
1481                fillDirectContent()
1482                return
1483            }
1484
1485            const aff = {
1486                company: info.company || '',
1487                name: (info.first_name || '') + ' ' + (info.last_name || ''),
1488                first_name: info.first_name || '',
1489                personal_detail: getCookie('scaaf_pd') || ''
1490            }
1491
1492            fillReferringContent(aff)
1493        }
1494
1495        function paintMessageBar() {
1496            if (!document.body) {
1497                return requestAnimationFrame(paintMessageBar)
1498            }
1499
1500            const urlParams = new URLSearchParams(window.location.search)
1501            const scaRef = urlParams.get("sca_ref")
1502            const urlAffiliateID = scaRef ? scaRef.split('.')[0] + '' : null
1503            const cookieAffiliateID = getCookie('up_uppromote_aid')
1504            const isReferralLink = !!scaRef
1505
1506            if (!isReferralLink) {
1507                if (cookieAffiliateID) {
1508                    renderFromCookie(cookieAffiliateID)
1509                    return
1510                }
1511                fillDirectContent()
1512                return
1513            }
1514
1515            if (cookieAffiliateID === urlAffiliateID) {
1516                renderFromCookie(cookieAffiliateID)
1517                return
1518            }
1519
1520            const lastClick = Number(getCookie('up_uppromote_lc') || 0)
1521            const diffMinuteFromNow = (Date.now() - lastClick) / (60 * 1000)
1522            if (diffMinuteFromNow <= 1) {
1523                renderFromCookie(cookieAffiliateID)
1524                return
1525            }
1526
1527            let waited = 0
1528            const MAX_WAIT = 5000
1529            const INTERVAL = 300
1530
1531            const timer = setInterval(() => {
1532                const newCookieID = getCookie('up_uppromote_aid')
1533                const isStillThatAffiliate = newCookieID === urlAffiliateID
1534                const isReceived = localStorage.getItem('up_uppromote_received') === '1'
1535                let isLoadedAffiliateInfoDone = !!safeJsonParse(getCookie('_up_a_info'))
1536
1537                if (isReceived && isStillThatAffiliate && isLoadedAffiliateInfoDone) {
1538                    clearInterval(timer)
1539                    renderFromCookie(newCookieID)
1540                    return
1541                }
1542
1543                waited += INTERVAL
1544                if (waited >= MAX_WAIT) {
1545                    clearInterval(timer)
1546                    fillDirectContent()
1547                }
1548            }, INTERVAL)
1549        }
1550
1551        requestAnimationFrame(paintMessageBar)
1552    })()
1553</script>
1553
1554
1555
1556<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/core-script/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><!-- BEGIN app snippet: core-metafields-setting --><!--suppress ES6ConvertVarToLetConst -->
1557<script type="application/json" id="core-uppromote-settings">{"app_env":{"env":"production"}}</script>
vendor: 1 bytes, line 1557
1557
1558<script type="application/json" id="core-uppromote-cart">{"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"AED","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}</script>
1558
1559
1560<script id="core-uppromote-quick-store-tracking-vars">
1561    function getDocumentContext(){const{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i}=window.location,j=document.referrer,k=document.characterSet,l=document.title;return{location:{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i},referrer:j||document.location.href,characterSet:k,title:l}}function getNavigatorContext(){const{language:a,cookieEnabled:b,languages:c,userAgent:d}=navigator;return{language:a,cookieEnabled:b,languages:c,userAgent:d}}function getWindowContext(){const{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{height:j,width:k},screenX:f,screenY:g,scrollX:h,scrollY:i}=window;return{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{screenHeight:j,screenWidth:k},screenX:f,screenY:g,scrollX:h,scrollY:i,location:getDocumentContext().location}}function getContext(){return{document:getDocumentContext(),navigator:getNavigatorContext(),window:getWindowContext()}}
1562    if (window.location.href.includes('?sca_ref=')) {
1563        localStorage.setItem('__up_lastViewedPageContext', JSON.stringify({
1564            context: getContext(),
1565            timestamp: new Date().toISOString(),
1566        }))
1567    }
1568</script>
1568
1569
1570
1571<script id="core-uppromote-setting-booster">
1572    var UpPromoteCoreSettings = JSON.parse(document.getElementById('core-uppromote-settings').textContent)
1573    UpPromoteCoreSettings.currentCart = JSON.parse(document.getElementById('core-uppromote-cart')?.textContent || '{}')
1574    const idToClean = ['core-uppromote-settings', 'core-uppromote-cart', 'core-uppromote-setting-booster', 'core-uppromote-quick-store-tracking-vars']
1575    idToClean.forEach(id => {
1576        document.getElementById(id)?.remove()
1577    })
1578</script>
1578
1579<!-- END app snippet -->
1580
1581
1582<!-- END app block -->
1582<script src="https://cdn.shopify.com/extensions/019a15d4-71d4-7279-8062-f2f76f98d8e1/musbu-49/assets/cx_whatsapp_button.js" type="text/javascript" defer="defer"></script>
1582
1583<link href="https://cdn.shopify.com/extensions/019a15d4-71d4-7279-8062-f2f76f98d8e1/musbu-49/assets/musbu-chat-support.css" rel="stylesheet" type="text/css" media="all">
1584<script src="https://cdn.shopify.com/extensions/01a0f1a2-5f0f-719e-9447-324ebb17c4ed/dealeasy-286/assets/lb-dealeasy.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1584
1584
1585<script src="https://cdn.shopify.com/extensions/01a0eb5b-13b6-751a-b6c1-a42e5b9b7333/affliate-by-secomapp-128/assets/customer-referral.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1585
1585
1586<script src="https://cdn.shopify.com/extensions/01a0902c-0c8b-7da2-9a4c-c97e680ccd42/infinite-fb-tiktok-pixels-340/assets/embede.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1586
1586
1587<script src="https://cdn.shopify.com/extensions/01a0f195-6ebe-7d78-ba37-6aa3691b9b71/otp-plus-sso-140/assets/loader.js" type="text/javascript" defer="defer"></script>
1587
1588<link href="https://cdn.shopify.com/extensions/01a0f195-6ebe-7d78-ba37-6aa3691b9b71/otp-plus-sso-140/assets/main.css" rel="stylesheet" type="text/css" media="all">
1589<script src="https://cdn.shopify.com/extensions/01a0eb5b-13b6-751a-b6c1-a42e5b9b7333/affliate-by-secomapp-128/assets/core.min.js" type="text/javascript" defer="defer"></script>
1589
1590<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1591<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: 73208365283,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};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 1591
1591
1592<script>
1593  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1594</script>
vendor: 1 bytes, line 1594
1594
1595<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}
1595).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: 73208365283,storefrontBaseUrl: "https://royalspirit.ae",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://royalspirit.ae/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2435186915","configuration":"{\"pixel_id\":\"1055579806957761\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
1595,{"id":"2426765539","configuration":"{\"pixelCode\":\"DAE0IJBC77U69142E910\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2191622371","configuration":"{\"endpoint\":\"https:\\\/\\\/payflow--payflow-production--nz6yjkmdcp2k.code.run\\\/api\\\/checkout-insights\",\"shopName\":\"7m39k8-js.myshopify.com\",\"pixelToken\":\"1b1bc06805c8785ccf19c803c94203ff32f6b5c5c0eef5620de6224644d972ec\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"78b9e7e172f58a5b58aec010ae8b4e56","type":"APP","apiClientId":74609393665,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1971749091","configuration":"{\"shopId\":\"250846\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8323bee30e1ec3ae135ae5e0cef4ab6d","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1875345635","configuration":"{\"accountID\":\"7m39k8-js\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4f82d0323b06a4642fbff9b42c9979eb","type":"APP","apiClientId":12388204545,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"824508643","configuration":"{\"accountID\":\"31675\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0c82fadb70a787c914df69c49737853b","type":"APP","apiClientId":34503065601,"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":"Royal Spirit","paymentSettings":{"currencyCode":"AED"},"myshopifyDomain":"7m39k8-js.myshopify.com","countryCode":"AE","storefrontUrl":"https:\/\/royalspirit.ae"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8836192731363","handle":"red-horse-extra-strong-brew-can-50cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46311853555939","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8836174446819","handle":"king-fisher-extra-strong-beer-can-50cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46328987680995","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8836718493923","handle":"absolut-raspberry-1ltr","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46315424055523","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8834489909475","handle":"alfonso-platinum-brandy-1ltr","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46303278661859","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8845154386147","handle":"lion-strong-beer-8-8-can-50cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46355565183203","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8835501261027","handle":"jinro-peach-soju-36cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46330550223075","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8836194304227","handle":"sanmiguel-light-bottle-33cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46311869350115","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9125178867939","handle":"lamborghini-red-0-75cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47871348277475","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8846920057059","handle":"2xl-vodka-cranberry-cocktail-10-2-25cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46361579061475","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9660346400995","handle":"matz-16-beer-50-cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49705804693731","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9679861514467","handle":"haywards-5000-beer-can-50cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49769504637155","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8890166018275","handle":"magic-moments-remix-vodka-lemon-1l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46565443043555","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8837136482531","handle":"flirt-vodka-1l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46318304854243","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1595,{"id":"8836202627299","handle":"ginebra-san-miguel-frasco-gin-70cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46312109768931","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8836706271459","handle":"absolut-blue-vodka-4-5ltr","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46315347083491","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8835429826787","handle":"bacardi-breezer-lemon-27-5cl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46330107920611","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://royalspirit.ae/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"147064750307","themeStoreId":"3247","themePublished":"true","eventMetadataId":"868aeac9-0150-4f1d-8ce5-96f6fbd356ca","pageType":"searchresults","shopId":"73208365283","storefrontBaseUrl":"https:\/\/royalspirit.ae","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"alcohol\",\"productVariants\":[{\"price\":{\"amount\":30.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Red Horse Extra Strong Brew Can 50cl\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8836192731363\",\"untranslatedTitle\":\"Red Horse Extra Strong Brew Can 50cl\",\"url\":\"\/products\/red-horse-extra-strong-brew-can-50cl?_pos=1\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"BEER\"},\"id\":\"46311853555939\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/rr_a24fdcfe-0798-4043-a583-326e81af94a7.webp?v=1773923029\"},\"sku\":\"\",\"title\":\"Philippines \/ PACK OF 6 \/ 50CL\",\"untranslatedTitle\":\"Philippines \/ PACK OF 6 \/ 50CL\"},{\"price\":{\"amount\":100.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"King Fisher Extra Strong Beer Can 50CL\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8836174446819\",\"untranslatedTitle\":\"King Fisher Extra Strong Beer Can 50CL\",\"url\":\"\/products\/king-fisher-extra-strong-beer-can-50cl?_pos=2\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"BEER\"},\"id\":\"46328987680995\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/kk.png?v=1772717553\"},\"sku\":null,\"title\":\"India \/ PACK OF 24 \/ 50CL\",\"untranslatedTitle\":\"India \/ PACK OF 24 \/ 50CL\"},{\"price\":{\"amount\":60.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Absolut Raspberri 1L\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8836718493923\",\"untranslatedTitle\":\"Absolut Raspberri 1L\",\"url\":\"\/products\/absolut-raspberry-1ltr?_pos=3\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"VODKA\"}
1595,\"id\":\"46315424055523\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/FINALVODKA.png?v=1788787814\"},\"sku\":\"\",\"title\":\"Sweden \/ Raspberry \/ 1L\",\"untranslatedTitle\":\"Sweden \/ Raspberry \/ 1L\"},{\"price\":{\"amount\":25.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Alfonso Platinum Brandy 1L\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8834489909475\",\"untranslatedTitle\":\"Alfonso Platinum Brandy 1L\",\"url\":\"\/products\/alfonso-platinum-brandy-1ltr?_pos=4\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"BRANDY\"},\"id\":\"46303278661859\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/WEB-alfonso-1-platinum_2.webp?v=1748779659\"},\"sku\":\"\",\"title\":\"Spain \/ Brandy \/ 1L\",\"untranslatedTitle\":\"Spain \/ Brandy \/ 1L\"},{\"price\":{\"amount\":110.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Lion Strong Beer 8.8% Can 50 CL\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8845154386147\",\"untranslatedTitle\":\"Lion Strong Beer 8.8% Can 50 CL\",\"url\":\"\/products\/lion-strong-beer-8-8-can-50cl?_pos=5\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"BEER\"},\"id\":\"46355565183203\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/ChatGPT_Image_Sep_14_2026_03_19_52_PM_a85b2bdc-5716-4f66-92c5-af090b89c641.png?v=1789386768\"},\"sku\":\"\",\"title\":\"Sri Lanka \/ PACK OF 24 \/ 50CL\",\"untranslatedTitle\":\"Sri Lanka \/ PACK OF 24 \/ 50CL\"},{\"price\":{\"amount\":12.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Jinro Peach Soju 36CL\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8835501261027\",\"untranslatedTitle\":\"Jinro Peach Soju 36CL\",\"url\":\"\/products\/jinro-peach-soju-36cl?_pos=6\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"RTD\"},\"id\":\"46330550223075\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/Q_51017803-4745-494e-aaf2-3d9abd183902.png?v=1788442793\"},\"sku\":null,\"title\":\"South Korea \/ Diluted \/ 36CL\",\"untranslatedTitle\":\"South Korea \/ Diluted \/ 36CL\"},{\"price\":{\"amount\":30.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Sanmiguel Light Bottle 33CL\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8836194304227\",\"untranslatedTitle\":\"Sanmiguel Light Bottle 33CL\",\"url\":\"\/products\/sanmiguel-light-bottle-33cl?_pos=7\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"BEER\"},\"id\":\"46311869350115\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/S6_140a3b66-dd11-4f24-860d-587636d104f1.png?v=1772723839\"},\"sku\":\"\",\"title\":\"Philippines \/ PACK OF 6 \/ 33CL\",\"untranslatedTitle\":\"Philippines \/ PACK OF 6 \/ 33CL\"},{\"price\":{\"amount\":149.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Lamborghini Red 0% 75CL\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"9125178867939\",\"untranslatedTitle\":\"Lamborghini Red 0% 75CL\",\"url\":\"\/products\/lamborghini-red-0-75cl?_pos=8\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"Wine\"},\"id\":\"47871348277475\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/1_297643d7-b44a-400e-8ad8-5a9cbcbbdc0d.png?v=1769181173\"},\"sku\":null,\"title\":\"75CL \/ Italy \/ Alcohol-free\",\"untranslatedTitle\":\"75CL \/ Italy \/ Alcohol-free\"},{\"price\":{\"amount\":48.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"2XL Vodka Cranberry Cocktail 10.2 % 25cl\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8846920057059\",\"untranslatedTitle\":\"2XL Vodka Cranberry Cocktail 10.2 % 25cl\",\"url\":\"\/products\/2xl-vodka-cranberry-cocktail-10-2-25cl?_pos=9\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"RTD\"},\"id\":\"46361579061475\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/download_-_2025-05-14T161603.321-removebg-preview_119dcc7d-d40f-426e-b22c-4c82301e1dcc.png?v=1748779679\"},\"sku\":\"\",\"title\":\"Poland \/ PACK OF 6 \/ 25CL\",\"untranslatedTitle\":\"Poland \/ PACK OF 6 \/ 25CL\"},{\"price\":{\"amount\":100.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"MATZ 16% Beer 50 CL\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"9660346400995\",\"untranslatedTitle\":\"MATZ 16% Beer 50 CL\",\"url\":\"\/products\/matz-16-beer-50-cl?_pos=10\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"BEER\"},\"id\":\"49705804693731\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/ChatGPT_Image_Sep_14_2026_03_40_14_PM.png?v=1789386845\"},\"sku\":null,\"title\":\"United Kingdom \/ 50 CL \/ CASE24\",\"untranslatedTitle\":\"United Kingdom \/ 50 CL \/ CASE24\"},{\"price\":{\"amount\":30.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Haywards 5000 Beer Can 50CL\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"9679861514467\",\"untranslatedTitle\":\"Haywards 5000 Beer Can 50CL\",\"url\":\"\/products\/haywards-5000-beer-can-50cl?_pos=11\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"BEER\"},\"id\":\"49769504637155\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/PACK_OF_6.png?v=1789727316\"},\"sku\":null,\"title\":\"PACK OF 6\",\"untranslatedTitle\":\"PACK OF 6\"},{\"price\":{\"amount\":22.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Magic Moments Remix Vodka Lemon 75CL\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8890166018275\",\"untranslatedTitle\":\"Magic Moments Remix Vodka Lemon 75CL\",\"url\":\"\/products\/magic-moments-remix-vodka-lemon-1l?_pos=12\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"VODKA\"},\"id\":\"46565443043555\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/download_-_2025-06-11T205806.046-removebg-preview_910b3e2f-358b-4742-a138-bbec29327955.png?v=1750436255\"},\"sku\":\"\",\"title\":\"India \/ Lemon \/ 75CL\",\"untranslatedTitle\":\"India \/ Lemon \/ 75CL\"},{\"price\":{\"amount\":25.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Flirt Vodka 1L\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8837136482531\",\"untranslatedTitle\":\"Flirt Vodka 1L\",\"url\":\"\/products\/flirt-vodka-1l?_pos=13\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"VODKA\"},\"id\":\"46318304854243\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/vod2196-173359184720.png?v=1747054683\"},\"sku\":\"\",\"title\":\"Bulgaria \/ Unflavored \/ 1L\",\"untranslatedTitle\":\"Bulgaria \/ Unflavored \/ 1L\"},{\"price\":{\"amount\":15.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Ginebra San Miguel Frasco Gin 70cl\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8836202627299\",\"untranslatedTitle\":\"Ginebra San Miguel Frasco Gin 70cl\",\"url\":\"\/products\/ginebra-san-m
1595iguel-frasco-gin-70cl?_pos=14\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"GIN\"},\"id\":\"46312109768931\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/4_1d71f171-3594-46e4-bfc3-931033795cba.png?v=1748354268\"},\"sku\":\"\",\"title\":\"Philippines \/ London dry gin \/ 70CL\",\"untranslatedTitle\":\"Philippines \/ London dry gin \/ 70CL\"},{\"price\":{\"amount\":55.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Absolut Vodka 1L\",\"vendor\":\"ROYAL SPIRIT\",\"id\":\"8836706271459\",\"untranslatedTitle\":\"Absolut Vodka 1L\",\"url\":\"\/products\/absolut-blue-vodka-4-5ltr?_pos=15\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"VODKA\"},\"id\":\"46315347083491\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/12_80be8f2d-c04d-4fab-a5bf-0dccda0091b8.png?v=1746273495\"},\"sku\":null,\"title\":\"Sweden \/ Unflavored \/ 1L\",\"untranslatedTitle\":\"Sweden \/ Unflavored \/ 1L\"},{\"price\":{\"amount\":175.0,\"currencyCode\":\"AED\"},\"product\":{\"title\":\"Bacardi Breezer Lime 27.5CL\",\"vendor\":\"My Store\",\"id\":\"8835429826787\",\"untranslatedTitle\":\"Bacardi Breezer Lime 27.5CL\",\"url\":\"\/products\/bacardi-breezer-lemon-27-5cl?_pos=16\u0026_sid=21de8ef4c\u0026_ss=r\",\"type\":\"RTD\"},\"id\":\"46330107920611\",\"image\":{\"src\":\"\/\/royalspirit.ae\/cdn\/shop\/files\/download_-_2025-06-16T200018.755-removebg-preview.png?v=1750090407\"},\"sku\":null,\"title\":\"Mexico \/ PACK OF 24 \/ 27.5CL\",\"untranslatedTitle\":\"Mexico \/ PACK OF 24 \/ 27.5CL\"}]}}]]"});})();</script>
1595<script>
1596  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1597  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1598  window.ShopifyAnalytics.meta.currency = 'AED';
1599  var meta = {"products":[{"id":8836192731363,"gid":"gid:\/\/shopify\/Product\/8836192731363","vendor":"ROYAL SPIRIT","type":"BEER","handle":"red-horse-extra-strong-brew-can-50cl","variants":[{"id":46311853555939,"price":3000,"name":"Red Horse Extra Strong Brew Can 50cl - Philippines \/ PACK OF 6 \/ 50CL","public_title":"Philippines \/ PACK OF 6 \/ 50CL","sku":""},{"id":46311853588707,"price":9000,"name":"Red Horse Extra Strong Brew Can 50cl - Philippines \/ PACK OF 24 \/ 50CL","public_title":"Philippines \/ PACK OF 24 \/ 50CL","sku":""}],"remote":false},{"id":8836174446819,"gid":"gid:\/\/shopify\/Product\/8836174446819","vendor":"ROYAL SPIRIT","type":"BEER","handle":"king-fisher-extra-strong-beer-can-50cl","variants":[{"id":46328987680995,"price":10000,"name":"King Fisher Extra Strong Beer Can 50CL - India \/ PACK OF 24 \/ 50CL","public_title":"India \/ PACK OF 24 \/ 50CL","sku":null},{"id":46311671660771,"price":3000,"name":"King Fisher Extra Strong Beer Can 50CL - India \/ PACK OF 6 \/ 50CL","public_title":"India \/ PACK OF 6 \/ 50CL","sku":""}],"remote":false},{"id":8836718493923,"gid":"gid:\/\/shopify\/Product\/8836718493923","vendor":"ROYAL SPIRIT","type":"VODKA","handle":"absolut-raspberry-1ltr","variants":[{"id":46315424055523,"price":6000,"name":"Absolut Raspberri 1L - Sweden \/ Raspberry \/ 1L","public_title":"Sweden \/ Raspberry \/ 1L","sku":""}],"remote":false},{"id":8834489909475,"gid":"gid:\/\/shopify\/Product\/8834489909475","vendor":"ROYAL SPIRIT","type":"BRANDY","handle":"alfonso-platinum-brandy-1ltr","variants":[{"id":46303278661859,"price":2500,"name":"Alfonso Platinum Brandy 1L - Spain \/ Brandy \/ 1L","public_title":"Spain \/ Brandy \/ 1L","sku":""}],"remote":false},{"id":8845154386147,"gid":"gid:\/\/shopify\/Product\/8845154386147","vendor":"ROYAL SPIRIT","type":"BEER","handle":"lion-strong-beer-8-8-can-50cl","variants":[{"id":46355565183203,"price":11000,"name":"Lion Strong Beer 8.8% Can 50 CL - Sri Lanka \/ PACK OF 24 \/ 50CL","public_title":"Sri Lanka \/ PACK OF 24 \/ 50CL","sku":""},{"id":46355565150435,"price":3600,"name":"Lion Strong Beer 8.8% Can 50 CL - Sri Lanka \/ PACK OF 6 \/ 50CL","public_title":"Sri Lanka \/ PACK OF 6 \/ 50CL","sku":""}],"remote":false},{"id":8835501261027,"gid":"gid:\/\/shopify\/Product\/8835501261027","vendor":"ROYAL SPIRIT","type":"RTD","handle":"jinro-peach-soju-36cl","variants":[{"id":46330550223075,"price":1200,"name":"Jinro Peach Soju 36CL - South Korea \/ Diluted \/ 36CL","public_title":"South Korea \/ Diluted \/ 36CL","sku":null}],"remote":false},{"id":8836194304227,"gid":"gid:\/\/shopify\/Product\/8836194304227","vendor":"ROYAL SPIRIT","type":"BEER","handle":"sanmiguel-light-bottle-33cl","variants":[{"id":46311869350115,"price":3000,"name":"Sanmiguel Light Bottle 33CL - Philippines \/ PACK OF 6 \/ 33CL","public_title":"Philippines \/ PACK OF 6 \/ 33CL","sku":""},{"id":46311869382883,"price":12000,"name":"Sanmiguel Light Bottle 33CL - Philippines \/ PACK OF 24 \/ 33CL","public_title":"Philippines \/ PACK OF 24 \/ 33CL","sku":""}],"remote":false},{"id":9125178867939,"gid":"gid:\/\/shopify\/Product\/9125178867939","vendor":"ROYAL SPIRIT","type":"Wine","handle":"lamborghini-red-0-75cl","variants":[{"id":47871348277475,"price":14900,"name":"Lamborghini Red 0% 75CL - 75CL \/ Italy \/ Alcohol-free","public_title":"75CL \/ Italy \/ Alcohol-free","sku":null}],"remote":false},{"id":8846920057059,"gid":"gid:\/\/shopify\/Product\/8846920057059","vendor":"ROYAL SPIRIT","type":"RTD","handle":"2xl-vodka-cranberry-cocktail-10-2-25cl","variants":[{"id":46361579061475,"price":4800,"name":"2XL Vodka Cranberry Cocktail 10.2 % 25cl - Poland \/ PACK OF 6 \/ 25CL","public_title":"Poland \/ PACK OF 6 \/ 25CL","sku":""},{"id":46361579094243,"price":17000,"name":"2XL Vodka Cranberry Cocktail 10.2 % 25cl - Poland \/ PACK OF 24 \/ 25CL","public_title":"Poland \/ PACK OF 24 \/ 25CL","sku":""}],"remote":false},{"id":9660346400995,"gid":"gid:\/\/shopify\/Product\/9660346400995","vendor":"ROYAL SPIRIT","type":"BEER","handle":"matz-16-beer-50-cl","variants":[{"id":49705804693731,"price":10000,"name":"MATZ 16% Beer 50 CL - United Kingdom \/ 50 CL \/ CASE24","public_title":"United Kingdom \/ 50 CL \/ CASE24","sku":null}],"remote":false},{"id":9679861514467,"gid":"gid:\/\/shopify\/Product\/9679861514467","vendor":"ROYAL SPIRIT","type":"BEER","handle":"haywards-5000-beer-can-50cl","variants":[{"id":49769504637155,"price":3000,"name":"Haywards 5000 Beer Can 50CL - PACK OF 6","public_title":"PACK OF 6","sku":null},{"id":49769504669923,"price":10000,"name":"Haywards 5000 Beer Can 50CL - PACK OF 24","public_title":"PACK OF 24","sku":null}],"remote":false},{"id":8890166018275,"gid":"gid:\/\/shopify\/Product\/8890166018275","vendor":"ROYAL SPIRIT","type":"VODKA","handle":"magic-moments-remix-vodka-lemon-1l","variants":[{"id":46565443043555,"price":2200,"name":"Magic Moments Remix Vodka Lemon 75CL - India \/ Lemon \/ 75CL","public_title":"India \/ Lemon \/ 75CL","sku":""}],"remote":false},{"id":8837136482531,"gid":"gid:\/\/shopify\/Product\/8837136482531","vendor":"ROYAL SPIRIT","type":"VODKA","handle":"flirt-vodka-1l","variants":[{"id":46318304854243,"price":2500,"name":"Flirt Vodka 1L - Bulgaria \/ Unflavored \/ 1L","public_title":"Bulgaria \/ Unflavored \/ 1L","sku":""}],"remote":false},{"id":8836202627299,"gid":"gid:\/\/shopify\/Product\/8836202627299","vendor":"ROYAL SPIRIT","type":"GIN","handle":"ginebra-san-m
1599iguel-frasco-gin-70cl","variants":[{"id":46312109768931,"price":1500,"name":"Ginebra San Miguel Frasco Gin 70cl - Philippines \/ London dry gin \/ 70CL","public_title":"Philippines \/ London dry gin \/ 70CL","sku":""}],"remote":false},{"id":8836706271459,"gid":"gid:\/\/shopify\/Product\/8836706271459","vendor":"ROYAL SPIRIT","type":"VODKA","handle":"absolut-blue-vodka-4-5ltr","variants":[{"id":46315347083491,"price":5500,"name":"Absolut Vodka 1L - Sweden \/ Unflavored \/ 1L","public_title":"Sweden \/ Unflavored \/ 1L","sku":null}],"remote":false},{"id":8835429826787,"gid":"gid:\/\/shopify\/Product\/8835429826787","vendor":"My Store","type":"RTD","handle":"bacardi-breezer-lemon-27-5cl","variants":[{"id":46330107920611,"price":17500,"name":"Bacardi Breezer Lime 27.5CL - Mexico \/ PACK OF 24 \/ 27.5CL","public_title":"Mexico \/ PACK OF 24 \/ 27.5CL","sku":null},{"id":46307644637411,"price":4800,"name":"Bacardi Breezer Lime 27.5CL - Mexico \/ PACK OF 6 \/ 27.5CL","public_title":"Mexico \/ PACK OF 6 \/ 27.5CL","sku":""}],"remote":false}],"page":{"pageType":"searchresults","requestId":"b9c2ef6a-a76b-4707-9588-5488b1f277aa-1790816072"}};
1600  for (var attr in meta) {
1601    window.ShopifyAnalytics.meta[attr] = meta[attr];
1602  }
1603</script>
vendor: 1 bytes, line 1603
1603
1604<script class="analytics">
1605  (function () {
1606    var customDocumentWrite = function(content) {
1607      var jquery = null;
1608
1609      if (window.jQuery) {
1610        jquery = window.jQuery;
1611      } else if (window.Checkout && window.Checkout.$) {
1612        jquery = window.Checkout.$;
1613      }
1614
1615      if (jquery) {
1616        jquery('body').append(content);
1617      }
1618    };
1619
1620    var hasLoggedConversion = function(token) {
1621      if (token) {
1622        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1623      }
1624      return false;
1625    }
1626
1627    var setCookieIfConversion = function(token) {
1628      if (token) {
1629        var twoMonthsFromNow = new Date(Date.now());
1630        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1631
1632        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1633      }
1634    }
1635
1636    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1637    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1638    if (trekkie.integrations) {
1639      return;
1640    }
1641    trekkie.methods = [
1642      'identify',
1643      'page',
1644      'ready',
1645      'track',
1646      'trackForm',
1647      'trackLink'
1648    ];
1649    trekkie.factory = function(method) {
1650      return function() {
1651        var args = Array.prototype.slice.call(arguments);
1652        args.unshift(method);
1653        trekkie.push(args);
1654        if (method == 'track' || method == 'page') {
1655          var pageUrl;
1656          try {
1657            pageUrl = window.location.href;
1658          } catch (e) {}
1659          var pageReferrer;
1660          try {
1661            pageReferrer = document.referrer;
1662          } catch (e) {}
1663          try {
1664            if (window.__TREKKIE_SHIM_QUEUE == null) {
1665              window.__TREKKIE_SHIM_QUEUE = [];
1666            }
1667            window.__TREKKIE_SHIM_QUEUE.push({
1668              from: 'trekkie-stub',
1669              method: method,
1670              args: args.slice(1),
1671              pageContext: {
1672                url: pageUrl,
1673                referrer: pageReferrer
1674              }
1675            });
1676          } catch (e) {
1677            // no-op
1678          }
1679        }
1680        return trekkie;
1681      };
1682    };
1683    for (var i = 0; i < trekkie.methods.length; i++) {
1684      var key = trekkie.methods[i];
1685      trekkie[key] = trekkie.factory(key);
1686    }
1687    trekkie.load = function(config) {
1688      trekkie.config = config || {};
1689      trekkie.config.initialDocumentCookie = document.cookie;
1690      var first = document.getElementsByTagName('script')[0];
1691var script = document.createElement('script');
1692script.type = 'text/javascript';
1693script.onerror = function(e) {
1694  var scriptFallback = document.createElement('script');
1695  scriptFallback.type = 'text/javascript';
1696  scriptFallback.onerror = function(error) {
1697          var Monorail = {
1698      produce: function produce(monorailDomain, schemaId, payload) {
1699        var currentMs = new Date().getTime();
1700        var event = {
1701          schema_id: schemaId,
1702          payload: payload,
1703          metadata: {
1704            event_created_at_ms: currentMs,
1705            event_sent_at_ms: currentMs
1706          }
1707        };
1708        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1709      },
1710      sendRequest: function sendRequest(endpointUrl, payload) {
1711        // Try the sendBeacon API
1712        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1713          var blobData = new window.Blob([payload], {
1714            type: 'text/plain'
1715          });
1716
1717          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1718            return true;
1719          } // sendBeacon was not successful
1720
1721        } // XHR beacon
1722
1723        var xhr = new XMLHttpRequest();
1724
1725        try {
1726          xhr.open('POST', endpointUrl);
1727          xhr.setRequestHeader('Content-Type', 'text/plain');
1728          xhr.send(payload);
1729        } catch (e) {
1730          console.log(e);
1731        }
1732
1733        return false;
1734      },
1735      isIos12: function isIos12() {
1736        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1737      }
1738    };
1739    Monorail.produce('monorail-edge.shopifysvc.com',
1740      'trekkie_storefront_load_errors/1.1',
1741      {shop_id: 73208365283,
1742      theme_id: 147064750307,
1743      app_name: "storefront",
1744      context_url: window.location.href,
1745      source_url: "//royalspirit.ae/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js"});
1746
1747  };
1748  scriptFallback.async = true;
1749  scriptFallback.src = '//royalspirit.ae/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js';
1750  first.parentNode.insertBefore(scriptFallback, first);
1751};
1752script.async = true;
1753script.src = '//royalspirit.ae/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js';
1754first.parentNode.insertBefore(script, first);
1755
1756    };
1757    trekkie.load(
1758      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":73208365283,"isMerchantRequest":null,"themeId":147064750307,"themeCityHash":"16289068711632699315","contentLanguage":"en","currency":"AED","eventMetadataId":"868aeac9-0150-4f1d-8ce5-96f6fbd356ca"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1759    );
1760
1761    var loaded = false;
1762    trekkie.ready(function() {
1763      if (loaded) return;
1764      loaded = true;
1765
1766      window.ShopifyAnalytics.lib = window.trekkie;
1767
1768      var originalDocumentWrite = document.write;
1769      document.write = customDocumentWrite;
1770      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1771      document.write = originalDocumentWrite;
1772
1773      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1774      var token = match? match[1]: undefined;
1775      if (!hasLoggedConversion(token)) {
1776        setCookieIfConversion(token);
1777        window.ShopifyAnalytics.lib.track("Performed Search",{"query":"alcohol"},undefined,undefined,{"shopifyEmitted":true});
1778      }
1779    });
1780
1781    window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"b9c2ef6a-a76b-4707-9588-5488b1f277aa-1790816072","shopifyEmitted":true});
1782
1783    var eventsListenerScript = document.createElement('script');
1784    eventsListenerScript.async = true;
1785    eventsListenerScript.src = "//royalspirit.ae/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1786    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1787})();</script>
vendor: 1 bytes, line 1787
1787
1788<script
1789  defer
1790  src="https://royalspirit.ae/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1791  data-application="storefront-renderer"
1792  data-shop-id="73208365283"
1793  data-render-region="gcp-europe-west1"
1794  data-page-type="search"
1795  data-theme-instance-id="147064750307"
1796  data-theme-name="Hyper"
1797  data-theme-version="1.0.1"
1798  data-monorail-region="shop_domain"
1799  data-resource-timing-sampling-rate="10"
1800  data-shs="true"
1801  data-shs-beacon="true"
1802  data-shs-export-with-fetch="true"
1803  data-shs-logs-sample-rate="1"
1804  data-shs-beacon-endpoint="https://royalspirit.ae/api/collect"
1805></script>
1805
1806<meta name="shopify-y" content="d7991633-e8fe-438f-96b8-9055f50c9b10" data-expiration="1822373672000"><meta name="shopify-s" content="45cd7239-9ee5-42fb-b610-c11841512a05" data-expiration="1790817872000"><meta name="new-cookie-storage-activated" content="t">
1807</head>
1808
1809  <body
1810    class="search-template  blocks-corner--slightly"
1811    data-initializing
1812  >
1813    
1814    
1815    
1816
1817    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
1818      Skip to content
1819    </a><page-transition class="loading-bar"> </page-transition>
1820<div class="site-wrapper min-height-screen">
1821      <!-- BEGIN sections: header-group -->
1822<div id="shopify-section-sections--18829767770339__scrolling_promotion_HBNkym" class="shopify-section shopify-section-group-header-group"><style data-shopify>#shopify-section-sections--18829767770339__scrolling_promotion_HBNkym {
1823    --section-padding-top: 6px;
1824    --section-padding-bottom: 6px;
1825    --h-spacing: 18px;
1826    --h-spacing-mobile: 10.8px;
1827    --duration: 15.0s;
1828  }
1829  
1830</style><div
1831  class="section section--padding section--scrolling-promotion color-scheme-8"
1832  data-section-index="1"
1833>
1834  <scrolling-promotion
1835    data-section-type="scrolling-promotion"
1836    data-section-id="sections--18829767770339__scrolling_promotion_HBNkym"
1837    
1838      data-pause-on-hover
1839    
1840    class="scrolling-promotion scrolling-promotion--left"
1841  >
1842    <div class="promotion"><div
1843              class="promotion__item promotion__item-text"
1844              
1845              style="--text-color: 255, 255, 255;--text-opacity: 1.0;"
1846            ><div
1847                  
1848                  class="block promotion__item-wrap self-center"
1849                >
1850                  <div class="promotion__text h4 promotion__text--custom-color">
1851                    🚚 Delivery Available Daily | 12 PM – Midnight
1852                  </div>
1853                </div></div></div>
1854  </scrolling-promotion>
1855</div>
1856
1857<style> #shopify-section-sections--18829767770339__scrolling_promotion_HBNkym .scrolling-promotion {display: flex; overflow: hidden; scrollbar-width: none; -ms-overflow-style: none; margin-top: 0px;} </style></div><div id="shopify-section-sections--18829767770339__topbar_3YD96h" class="shopify-section shopify-section-group-header-group topbar-section z-31">
1858<div
1859  class="topbar section--padding color-scheme-inverse page-width"
1860  style="--section-padding-top: 12px; --section-padding-bottom: 12px;"
1861>
1862  <div class="topbar__inner grid items-center">
1863    
1864      <div class="topbar__column topbar__left hidden lg:flex flex-wrap flex-col lg:flex-row items-center lg:justify-start text-center lg:text-left">
1865        
1866          
1867
1868              <ul class="topbar__menu flex flex-wrap items-center justify-center lg:justify-start">
1869                
1870              </ul>
1871            
1872          
1873            
1874          
1875            
1876          
1877            
1878      </div>
1879    
1880      <div class="topbar__column topbar__center flex lg:flex flex-wrap flex-col lg:flex-row items-center lg:justify-center text-center lg:text-center">
1881        
1882          
1883            
1884          
1885
1886              <div class="topbar__text rte">
1887                <p>⚡ USE CODE: SUMMER20 = 20% OFF (First Order) | CHEERS20 = 20% OFF (AED 250+) 🚀</p>
1888              </div>
1889            
1890          
1891            
1892          
1893            
1894      </div>
1895    
1896      <div class="topbar__column topbar__right hidden lg:flex flex-wrap flex-col lg:flex-row items-center lg:justify-end text-center lg:text-right">
1897        
1898          
1899            
1900          
1901            
1902          
1903
1904              <div class="topbar__country flex items-center gap-4">
1905                
1906              </div>
1907            
1908          
1909
1910              
1911              
1912                
1913
1914<ul
1915  class="list-unstyled flex flex-wrap gap-x-3 gap-y-2 items-center socials--bordered topbar__social"
1916  role="list"
1917><li class="social__item inline-flex">
1918      <a
1919        rel="nofollow"
1920        href="https://www.facebook.com/RoyalSpirit.AE/"
1921        class="social__link inline-flex"
1922      ><svg
1923  aria-hidden="true"
1924  focusable="false"
1925  role="presentation"
1926  class="icon icon-facebook icon--medium"
1927  viewBox="0 0 24 24"
1928  xmlns="http://www.w3.org/2000/svg"
1929>
1930  <path d="M9.1875 13.5223V21H13.2656V13.5223H16.3066L16.9395 10.084H13.2656V8.86758C13.2656 7.05 13.9793 6.35391 15.8215 6.35391C16.3945 6.35391 16.8551 6.36797 17.1223 6.39609V3.27773C16.6195 3.14062 15.3891 3 14.6789 3C10.9207 3 9.1875 4.77539 9.1875 8.60391V10.084H6.86719V13.5223H9.1875Z" fill="currentColor"/>
1931</svg>
1932<span class="visually-hidden">Facebook</span>
1933      </a>
1934    </li><li class="social__item inline-flex">
1935      <a
1936        rel="nofollow"
1937        href="https://www.instagram.com/royalspirit.ae?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
1938        class="social__link inline-flex"
1939      ><svg
1940  aria-hidden="true"
1941  focusable="false"
1942  role="presentation"
1943  class="icon icon-instagram icon--medium"
1944  viewBox="0 0 24 24"
1945  xmlns="http://www.w3.org/2000/svg"
1946>
1947  <path d="M11.7255 3C9.35597 3 9.0586 3.01036 8.12796 3.05271C7.19914 3.09525 6.56515 3.2423 6.0104 3.45806C5.43656 3.68091 4.9498 3.97902 4.46485 4.46416C3.97953 4.94913 3.68144 5.43591 3.45787 6.00958C3.24157 6.56453 3.09434 7.19872 3.05253 8.12721C3.01091 9.05788 3 9.35544 3 11.725C3 14.0946 3.01054 14.391 3.05271 15.3217C3.09543 16.2506 3.24248 16.8846 3.45805 17.4393C3.68107 18.0132 3.97917 18.5 4.4643 18.9849C4.94907 19.4703 5.43584 19.7691 6.00931 19.9919C6.56442 20.2077 7.1986 20.3548 8.12724 20.3973C9.05787 20.4396 9.35506 20.45 11.7244 20.45C14.094 20.45 14.3905 20.4396 15.3211 20.3973C16.25 20.3548 16.8847 20.2077 17.4398 19.9919C18.0135 19.7691 18.4995 19.4703 18.9843 18.9849C19.4696 18.5 19.7677 18.0132 19.9912 17.4395C20.2057 16.8846 20.353 16.2504 20.3966 15.3219C20.4384 14.3912 20.4493 14.0946 20.4493 11.725C20.4493 9.35544 20.4384 9.05806 20.3966 8.12739C20.353 7.19854 20.2057 6.56453 19.9912 6.00976C19.7677 5.43591 19.4696 4.94913 18.9843 4.46416C18.4989 3.97884 18.0136 3.68073 17.4393 3.45806C16.8831 3.2423 16.2487 3.09525 15.3199 3.05271C14.3892 3.01036 14.093 3 11.7227 3H11.7255ZM10.9428 4.57232C11.1751 4.57195 11.4343 4.57232 11.7255 4.57232C14.055 4.57232 14.3311 4.58068 15.251 4.62249C16.1016 4.66139 16.5633 4.80353 16.8709 4.92295C17.278 5.08109 
194717.5683 5.27014 17.8735 5.57551C18.1789 5.88089 18.3679 6.17172 18.5264 6.57889C18.6458 6.88608 18.7881 7.34778 18.8269 8.19846C18.8687 9.11822 18.8777 9.39452 18.8777 11.723C18.8777 14.0515 18.8687 14.3278 18.8269 15.2475C18.788 16.0982 18.6458 16.5599 18.5264 16.8671C18.3683 17.2743 18.1789 17.5642 17.8735 17.8694C17.5681 18.1748 17.2782 18.3638 16.8709 18.522C16.5637 18.6419 16.1016 18.7837 15.251 18.8226C14.3313 18.8644 14.055 18.8735 11.7255 18.8735C9.39578 18.8735 9.11968 18.8644 8.19994 18.8226C7.34928 18.7833 6.8876 18.6412 6.57987 18.5218C6.17271 18.3636 5.88189 18.1746 5.57652 17.8692C5.27116 17.5638 5.08212 17.2737 4.92362 16.8664C4.8042 16.5592 4.66188 16.0975 4.62316 15.2468C4.58136 14.3271 4.573 14.0508 4.573 11.7208C4.573 9.39088 4.58136 9.11604 4.62316 8.19628C4.66206 7.3456 4.8042 6.8839 4.92362 6.57634C5.08176 6.16917 5.27116 5.87834 5.57652 5.57297C5.88189 5.26759 6.17271 5.07855 6.57987 4.92005C6.88741 4.80008 7.34928 4.6583 8.19994 4.61921C9.0048 4.58286 9.31671 4.57195 10.9428 4.57014V4.57232ZM16.3827 6.02103C15.8046 6.02103 15.3357 6.48945 15.3357 7.06767C15.3357 7.6457 15.8046 8.11467 16.3827 8.11467C16.9607 8.11467 17.4296 7.6457 17.4296 7.06767C17.4296 6.48964 16.9607 6.02067 16.3827 6.02067V6.02103ZM11.7255 7.24435C9.25109 7.24435 7.24495 9.25055 7.24495 11.725C7.24495 14.1994 9.25109 16.2047 11.7255 16.2047C14.1998 16.2047 16.2053 14.1994 16.2053 11.725C16.2053 9.25055 14.1997 7.24435 11.7253 7.24435H11.7255ZM11.7255 8.81667C13.3315 8.81667 14.6337 10.1187 14.6337 11.725C14.6337 13.3311 13.3315 14.6333 11.7255 14.6333C10.1192 14.6333 8.81722 13.3311 8.81722 11.725C8.81722 10.1187 10.1192 8.81667 11.7255 8.81667Z" fill="currentColor"/>
1948</svg>
1949<span class="visually-hidden">Instagram</span>
1950      </a>
1951    </li><li class="social__item inline-flex">
1952      <a
1953        rel="nofollow"
1954        href="https://www.tiktok.com/@royalspirit.ae"
1955        class="social__link inline-flex"
1956      ><svg
1957  aria-hidden="true"
1958  focusable="false"
1959  role="presentation"
1960  class="icon icon-tiktok icon--medium"
1961  fill="none"
1962  viewBox="0 0 24 24"
1963  xmlns="http://www.w3.org/2000/svg"
1964>
1965  <path d="M10.2664 17.2589C11.6014 17.2589 12.6837 16.3032 12.6837 14.8417V4H15.5826C15.42 5.97723 17.3855 7.88718 19.5532 7.8435V10.5695C17.6994 10.5695 16.123 9.78561 15.5743 9.35059V14.8417C15.5743 17.2589 13.6728 20 10.2664 20C6.8601 20 5 17.2589 5 14.8417C5 11.43 8.61044 9.45136 11.0017 9.93497V12.7115C10.8814 12.669 10.5712 12.6061 10.3069 12.6061C8.96086 12.5564 7.8492 13.6482 7.8492 14.8417C7.8492 16.1767 8.93143 17.2589 10.2664 17.2589Z" fill="currentColor"/>
1966</svg>
1967<span class="visually-hidden">TikTok</span>
1968      </a>
1969    </li></ul>
1970
1971              
1972
1973      </div>
1974    
1975  </div>
1976</div>
1977
1978
1979</div><div id="shopify-section-sections--18829767770339__header" class="shopify-section shopify-section-group-header-group header-section"><link
1980  rel="stylesheet"
1981  href="//royalspirit.ae/cdn/shop/t/2/assets/component-custom-card.css?v=68178963558480365221745239064"
1982  media="print"
1983  fetchpriority="low"
1984  onload="this.media='all'"
1985>
1986<style>
1987    .otp-link.otp-link--muted,
1988.otp-card__avatar {
1989  display: none;
1990}
1991</style>
1992  
1993<script src="//royalspirit.ae/cdn/shop/t/2/assets/header.js?v=67459873065798322801745672288" defer="defer"></script>
1993<style data-shopify>
1994  #shopify-section-sections--18829767770339__header {
1995    --logo-width: 140px;
1996    --logo-width-mobile: 105px;
1997  }
1998  #shopify-section-sections--18829767770339__header .header__bottom {
1999    --section-padding-top: 8px;
2000    --section-padding-bottom: 16px;
2001  }
2002  #shopify-section-sections--18829767770339__header .header__top {
2003    --section-padding-top: 24px;
2004    --section-padding-bottom: 24px;
2005  }
2006  @media (max-width: 1023px) {
2007    #shopify-section-sections--18829767770339__header .header__bottom {
2008      --section-padding-top: 0;
2009      --section-padding-bottom: 0;
2010    }
2011    #shopify-section-sections--18829767770339__header .header__top {
2012      --section-padding-top: 1.6rem;
2013      --section-padding-bottom: 1.6rem;
2014    }
2015  }
2016</style>
2017
2018<header
2019  data-section-id="sections--18829767770339__header"
2020  class="header items-center color-scheme-1"
2021  
2022    is="sticky-header" data-sticky-type="on-scroll-up"
2023  
2024>
2025  <div class="header__top header__top--logo-left items-center relative section--padding page-width"><div class="header__icons header__icons--left lg:justify-start z-1 lg:hidden no-js-hidden">
2026        <div class="header__buttons flex items-center">
2027          <button
2028            class="menu-drawer-button btn btn--inherit flex flex-col items-center justify-center lg:hidden"
2029            aria-controls="MenuDrawer"
2030            aria-label="Toggle menu"
2031          >
2032            <span class="hamburger-line"></span>
2033          </button>
2034        </div>
2035      </div><div class="header__logo flex justify-center z-1"><a
2036      href="/"
2037      class="h3 relative flex header__logo--image"
2038    ><img
2039            srcset="//royalspirit.ae/cdn/shop/files/ROYAL_SPIRIT_-_BLACKLOGO_b5b527b9-da0a-4d4e-9373-284eabaeb430.png?v=1768402995&width=105 1x, //royalspirit.ae/cdn/shop/files/ROYAL_SPIRIT_-_BLACKLOGO_b5b527b9-da0a-4d4e-9373-284eabaeb430.png?v=1768402995&width=210 2x"
2040            src="//royalspirit.ae/cdn/shop/files/ROYAL_SPIRIT_-_BLACKLOGO_b5b527b9-da0a-4d4e-9373-284eabaeb430.png?v=1768402995&width=105"
2041            loading="eager"
2042            width="2516"
2043            height="1171"
2044            alt="Royal Spirit"
2045            class="logo header__logo--mobile md:hidden"
2046          ><img
2047          srcset="//royalspirit.ae/cdn/shop/files/ROYAL_SPIRIT_-_BLACKLOGO_b5b527b9-da0a-4d4e-9373-284eabaeb430.png?v=1768402995&width=140 1x, //royalspirit.ae/cdn/shop/files/ROYAL_SPIRIT_-_BLACKLOGO_b5b527b9-da0a-4d4e-9373-284eabaeb430.png?v=1768402995&width=280 2x"
2048          src="//royalspirit.ae/cdn/shop/files/ROYAL_SPIRIT_-_BLACKLOGO_b5b527b9-da0a-4d4e-9373-284eabaeb430.png?v=1768402995&width=140"
2049          loading="eager"
2050          width="2516"
2051          height="1171"
2052          alt="Royal Spirit"
2053          class="logo header__logo--desktop md:block hidden"
2054        ></a></div><div class="header__search flex items-center z-2"><predictive-search class="block w-full search__form" data-results-limit="10">
2055  <div class="flex flex-col w-full h-full">
2056    <form
2057      action="/search"
2058      method="get"
2059      role="search"
2060      data-search-recommendation-empty="false"
2061      id="PredictiveSearch-sections--18829767770339__header"
2062    >
2063      <input type="hidden" name="options[prefix]" value="last">
2064      <div class="search__field relative flex items-center"><div class="search__types">
2065            <select
2066              class="form-select form-control"
2067              aria-label="Search type"
2068              id="SearchProductTypes"
2069            >
2070              <option value="">All Categories</option>
2071              
2072                <option value="BAR ESSENTIALS">BAR ESSENTIALS</option>
2073              
2074                <option value="BEER">BEER</option>
2075              
2076                <option value="BRANDY">BRANDY</option>
2077              
2078                <option value="CIGAR">CIGAR</option>
2079              
2080                <option value="Champagne">Champagne</option>
2081              
2082                <option value="CHIPS">CHIPS</option>
2083              
2084                <option value="CHPIS">CHPIS</option>
2085              
2086                <option value="CIGAR">CIGAR</option>
2087              
2088                <option value="COGNAC">COGNAC</option>
2089              
2090                <option value="COGNACS">COGNACS</option>
2091              
2092                <option value="Champagne">Champagne</option>
2093              
2094                <option value="DRY GIN">DRY GIN</option>
2095              
2096                <option value="Energy Drink">Energy Drink</option>
2097              
2098                <option value="Flavor Sauce">Flavor Sauce</option>
2099              
2100                <option value="Flavor Syrup">Flavor Syrup</option>
2101              
2102                <option value="FRENCH CHEESE CHIPS">FRENCH CHEESE CHIPS</option>
2103              
2104                <option value="Flavor Syrup">Flavor Syrup</option>
2105              
2106                <option value="GIN">GIN</option>
2107              
2108                <option value="Gin">Gin</option>
2109              
2110                <option value="Glassware">Glassware</option>
2111              
2112                <option value="Hydration">Hydration</option>
2113              
2114                <option value="Japanese Sake">Japanese Sake</option>
2115              
2116                <option value="Juice">Juice</option>
2117              
2118                <option value="Liqueur">Liqueur</option>
2119              
2120                <option value="Liquor">Liquor</option>
2121              
2122                <option value="Mineral Water">Mineral Water</option>
2123              
2124                <option value="NUTS">NUTS</option>
2125              
2126                <option value="POPCORN">POPCORN</option>
2127              
2128                <option value="RTD">RTD</option>
2129              
2130                <option value="RUM">RUM</option>
2131              
2132                <option value="SALTED">SALTED</option>
2133              
2134                <option value="Single malt Whiskey">Single malt Whiskey</option>
2135              
2136                <option value="Soft drink">Soft drink</option>
2137              
2138                <option value="Sparkling Wine">Sparkling Wine</option>
2139              
2140                <option value="TEQUILA">TEQUILA</option>
2141              
2142                <option value="Tequila">Tequila</option>
2143              
2144                <option value="soda">soda</option>
2145              
2146                <option value="Soft drink">Soft drink</option>
2147              
2148                <option value="Sparkling Wine">Sparkling Wine</option>
2149              
2150                <option value="TAQUILA">TAQUILA</option>
2151              
2152                <option value="TEQ">TEQ</option>
2153              
2154                <option value="TEQUILA">TEQUILA</option>
2155              
2156                <option value="Tequila">Tequila</option>
2157              
2158                <option value="Tiki Totem Decor">Tiki Totem Decor</option>
2159              
2160                <option value="VODKA">VODKA</option>
2161              
2162                <option value="WHISKY">WHISKY</option>
2163              
2164                <option value="WINE">WINE</option>
2165              
2166                <option value="Whiskey">Whiskey</option>
2167              
2168                <option value="Wine">Wine</option>
2169              
2170                <option value="other">other</option>
2171              
2172                <option value="water">water</option>
2173              
2174                <option value="Whiskey">Whiskey</option>
2175              
2176                <option value="WHISKY">WHISKY</option>
2177              
2178                <option value="WINE">WINE</option>
2179              
2180                <option value="Wine">Wine</option>
2181              
2182                <option value="other">other</option>
2183              
2184                <option value="soda">soda</option>
2185              
2186            </select><svg
2187  class="icon icon-caret-down icon--2xs icon--thick"
2188  viewBox="0 0 20 20"
2189  fill="none"
2190  xmlns="http://www.w3.org/2000/svg"
2191>
2192  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2193</svg>
2194</div><input
2195          id="SearchInput-sections--18829767770339__header"
2196          class="search__input form-control"
2197          type="search"
2198          name="q"
2199          
2200          placeholder="What are you looking for?"
2201          
2202            role="combobox"
2203            aria-expanded="false"
2204            aria-owns="predictive-search-results"
2205            aria-controls="predictive-search-results"
2206            aria-haspopup="listbox"
2207            aria-autocomplete="list"
2208            autocorrect="off"
2209            autocomplete="off"
2210            autocapitalize="off"
2211            spellcheck="false"
2212          
2213        >
2214        <label class="visually-hidden" for="SearchInput-sections--18829767770339__header">Search</label>
2215          <button
2216            type="reset"
2217            class="search__reset absolute flex items-center justify-center text-subtext"
2218            aria-label="Clear search term"
2219          >
2220            <span>Clear</span>
2221            
2222
2223<div class="loading__spinner hidden">
2224  <svg
2225    aria-hidden="true"
2226    focusable="false"
2227    class="spinner icon icon--extra-medium"
2228    viewBox="0 0 66 66"
2229    xmlns="http://www.w3.org/2000/svg"
2230  >
2231    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
2232  </svg>
2233</div>
2234
2235          </button><button
2236          type="submit"
2237          class="btn--inherit search__field-icon absolute search__icon-search flex items-center justify-center predictive-search-icon"
2238          aria-label="Search"
2239        ><svg
2240  xmlns="http://www.w3.org/2000/svg"
2241  class="icon icon-search icon--large icon--thick"
2242  viewBox="0 0 24 24"
2243  fill="none"
2244>
2245  <path d="M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2246  <path d="M16.4434 16.4453L20.9997 21.0016" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2247</svg>
2248</button>
2249      </div>
2250    </form>
2251    <div class="search__content page-width v-scrollable hidden"><div class="search_box search__recommendations flex flex-col md:flex-row gap-y-6">
2252          
2253            <div class="search__products-recommendation search__box-products flex flex-col flex-grow gap-5 lg:gap-6 order-last md:order-first">
2254              <h4 class="h4">Most searched products</h4>
2255              <div class="swipe-mobile swipe-mobile--2-cols">
2256                <div class="f-grid gap-3 lg:gap-7d5 swipe-mobile__inner"><product-card
2257  class="product-card product-card--adapt "
2258  data-product-handle="heineken-beer-bottles-33-cl"
2259  data-product-id="8835546185955"
2260>
2261  <div class="product-card__inner flex flex-col h-full">
2262
2263    <div class="product-card__media relative overflow-hidden">
2264      <a href="/products/heineken-beer-bottles-33-cl" class="product-card__media-link block"><img
2265            src="//royalspirit.ae/cdn/shop/files/BOTTLE_26641d23-b4e6-4c2a-b0ef-18907b3dd53f_600x.png?v=1772545886"
2266            alt="Heineken beer bottles 33 CL"
2267            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
2268            loading="lazy"
2269          ><img
2270            src="//royalspirit.ae/cdn/shop/files/b_0f11960e-9d54-473f-87f4-ddc5136c2703_600x.png?v=1772716861"
2271            alt="Heineken beer bottles 33 CL"
2272            class="product-card__image--hover absolute inset-0 w-full h-full object-cover opacity-0 transition-opacity duration-300 ease-in-out"
2273            loading="lazy"
2274          ></a>
2275    </div>
2276
2277    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
2278      <div>
2279        
2280          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
2281            BEER
2282          </div>
2283        
2284
2285        <h2 class="product-card__title text-lg font-semibold">
2286          <a href="/products/heineken-beer-bottles-33-cl" class="hover:underline">
2287            Heineken beer bottles 33 CL
2288          </a>
2289        </h2>
2290
2291        <div class="product-card__price text-base mt-2">
2292          
2293            <span class="text-gray-800">
2294              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
2294ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 48.00
2295            </span>
2296          
2297        </div>
2298      </div>
2299
2300      <form
2301        method="post"
2302        action="/cart/add"
2303        id="product-form-sections--18829767770339__header-8835546185955"
2304        data-cart-drawer-form
2305      >
2306        <input type="hidden" name="id" value="46308515545315">
2307        <button
2308          id="product-form-sections--18829767770339__header-8835546185955-submit"
2309          type="submit"
2310          name="add"
2311          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
2312          
2313        >
2314          <div class="btn__text flex gap-1 items-center justify-center">
2315            <span class="product-card__atc-text product-card__action-text">Add to cart
2316</span>
2317          </div>
2318          
2319
2320<div class="loading__spinner hidden">
2321  <svg
2322    aria-hidden="true"
2323    focusable="false"
2324    class="spinner icon icon--extra-medium"
2325    viewBox="0 0 66 66"
2326    xmlns="http://www.w3.org/2000/svg"
2327  >
2328    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
2329  </svg>
2330</div>
2331
2332        </button>
2333      </form>
2334    </div>
2335  </div>
2336</product-card>
2337
2338<script>
2339(function () {
2340  if (window.__cartDrawerFormInit) return;
2341  window.__cartDrawerFormInit = true;
2342
2343  async function refreshCartContent(sectionId) {
2344    const res = await fetch('/?sections=' + sectionId);
2345    const data = await res.json();
2346    const html = data[sectionId];
2347    if (!html) return;
2348
2349    const parser = new DOMParser();
2350    const doc = parser.parseFromString(html, 'text/html');
2351
2352    // Update cart items body
2353    const bodyId = 'CartDrawerBody-' + sectionId;
2354    const currentBody = document.getElementById(bodyId);
2355    const updatedBody = doc.getElementById(bodyId);
2356    if (currentBody && updatedBody) {
2357      currentBody.innerHTML = updatedBody.innerHTML;
2358      currentBody.className = updatedBody.className;
2359      updatedBody.hasAttribute('hidden')
2360        ? currentBody.setAttribute('hidden', '')
2361        : currentBody.removeAttribute('hidden');
2362    }
2363
2364    // Update empty state
2365    const emptyId = 'CartDrawerEmpty-' + sectionId;
2366    const currentEmpty = document.getElementById(emptyId);
2367    const updatedEmpty = doc.getElementById(emptyId);
2368    if (currentEmpty && updatedEmpty) {
2369      currentEmpty.innerHTML = updatedEmpty.innerHTML;
2370      currentEmpty.className = updatedEmpty.className;
2371      updatedEmpty.hasAttribute('hidden')
2372        ? currentEmpty.setAttribute('hidden', '')
2373        : currentEmpty.removeAttribute('hidden');
2374    }
2375
2376    // Update footer (totals)
2377    const footerId = 'CartDrawerFooter-' + sectionId;
2378    const currentFooter = document.getElementById(footerId);
2379    const updatedFooter = doc.getElementById(footerId);
2380    if (currentFooter && updatedFooter) {
2381      currentFooter.innerHTML = updatedFooter.innerHTML;
2382      currentFooter.className = updatedFooter.className;
2383      updatedFooter.hasAttribute('hidden')
2384        ? currentFooter.setAttribute('hidden', '')
2385        : currentFooter.removeAttribute('hidden');
2386    }
2387  }
2388
2389  function openCartDrawer() {
2390    const drawerEl = document.getElementById('CartDrawer');
2391    if (!drawerEl) return;
2392
2393    // Find the header cart button (NOT the close btn inside drawer)
2394    // It sits outside the drawer and has aria-controls="CartDrawer"
2395    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
2396    let headerBtn = null;
2397    allTriggers.forEach(btn => {
2398      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
2399      if (!drawerEl.contains(btn)) {
2400        headerBtn = btn;
2401      }
2402    });
2403
2404    if (headerBtn) {
2405      // Drawer is hidden — clicking the header button will open it
2406      if (drawerEl.hasAttribute('hidden')) {
2407        headerBtn.click();
2408      }
2409    } else {
2410      // Fallback: manually open
2411      drawerEl.removeAttribute('hidden');
2412    }
2413  }
2414
2415  document.addEventListener('submit', async function (e) {
2416    const form = e.target.closest('[data-cart-drawer-form]');
2417    if (!form) return;
2418    e.preventDefault();
2419
2420    const btn = form.querySelector('[type="submit"]');
2421    btn.classList.add('loading');
2422    btn.disabled = true;
2423
2424    try {
2425      // 1. Add item to cart
2426      const addRes = await fetch('/cart/add.js', {
2427        method: 'POST',
2428        headers: {
2429          'Content-Type': 'application/json',
2430          'X-Requested-With': 'XMLHttpRequest'
2431        },
2432        body: JSON.stringify({
2433          id: form.querySelector('[name="id"]').value,
2434          quantity: 1
2435        })
2436      });
2437
2438      if (!addRes.ok) throw new Error('Add to cart failed');
2439
2440      // 2. Get section ID from the drawer element
2441      const drawerEl = document.getElementById('CartDrawer');
2442      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
2443
2444      // 3. Refresh cart content first
2445      if (sectionId) {
2446        await refreshCartContent(sectionId);
2447      }
2448
2449      // 4. Open the drawer
2450      openCartDrawer();
2451
2452    } catch (err) {
2453      console.error('[card-product] ATC error:', err);
2454    } finally {
2455      btn.classList.remove('loading');
2456      btn.disabled = false;
2457    }
2458  });
2459})();
2460</script>
2460<product-card
2461  class="product-card product-card--adapt "
2462  data-product-handle="clase-azul-anejo-gbx-70-cl"
2463  data-product-id="8836692410595"
2464>
2465  <div class="product-card__inner flex flex-col h-full">
2466
2467    <div class="product-card__media relative overflow-hidden">
2468      <a href="/products/clase-azul-anejo-gbx-70-cl" class="product-card__media-link block"><img
2469            src="//royalspirit.ae/cdn/shop/files/4_dde48788-816d-4e78-a008-9bdf859f0d0c_600x.png?v=1747141402"
2470            alt="Clase Azul Anejo GBX 70 CL"
2471            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
2472            loading="lazy"
2473          ></a>
2474    </div>
2475
2476    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
2477      <div>
2478        
2479          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
2480            Tequila
2481          </div>
2482        
2483
2484        <h2 class="product-card__title text-lg font-semibold">
2485          <a href="/products/clase-azul-anejo-gbx-70-cl" class="hover:underline">
2486            Clase Azul Anejo 70CL
2487          </a>
2488        </h2>
2489
2490        <div class="product-card__price text-base mt-2">
2491          
2492            <span class="line-through text-gray-500">
2493              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
2493ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 4,699.00
2494            </span>
2495            <span class="text-red-600 font-semibold">
2496              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
2496ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 3,599.00
2497            </span>
2498          
2499        </div>
2500      </div>
2501
2502      <form
2503        method="post"
2504        action="/cart/add"
2505        id="product-form-sections--18829767770339__header-8836692410595"
2506        data-cart-drawer-form
2507      >
2508        <input type="hidden" name="id" value="46315187929315">
2509        <button
2510          id="product-form-sections--18829767770339__header-8836692410595-submit"
2511          type="submit"
2512          name="add"
2513          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
2514          
2515        >
2516          <div class="btn__text flex gap-1 items-center justify-center">
2517            <span class="product-card__atc-text product-card__action-text">Add to cart
2518</span>
2519          </div>
2520          
2521
2522<div class="loading__spinner hidden">
2523  <svg
2524    aria-hidden="true"
2525    focusable="false"
2526    class="spinner icon icon--extra-medium"
2527    viewBox="0 0 66 66"
2528    xmlns="http://www.w3.org/2000/svg"
2529  >
2530    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
2531  </svg>
2532</div>
2533
2534        </button>
2535      </form>
2536    </div>
2537  </div>
2538</product-card>
2539
2540<script>
2541(function () {
2542  if (window.__cartDrawerFormInit) return;
2543  window.__cartDrawerFormInit = true;
2544
2545  async function refreshCartContent(sectionId) {
2546    const res = await fetch('/?sections=' + sectionId);
2547    const data = await res.json();
2548    const html = data[sectionId];
2549    if (!html) return;
2550
2551    const parser = new DOMParser();
2552    const doc = parser.parseFromString(html, 'text/html');
2553
2554    // Update cart items body
2555    const bodyId = 'CartDrawerBody-' + sectionId;
2556    const currentBody = document.getElementById(bodyId);
2557    const updatedBody = doc.getElementById(bodyId);
2558    if (currentBody && updatedBody) {
2559      currentBody.innerHTML = updatedBody.innerHTML;
2560      currentBody.className = updatedBody.className;
2561      updatedBody.hasAttribute('hidden')
2562        ? currentBody.setAttribute('hidden', '')
2563        : currentBody.removeAttribute('hidden');
2564    }
2565
2566    // Update empty state
2567    const emptyId = 'CartDrawerEmpty-' + sectionId;
2568    const currentEmpty = document.getElementById(emptyId);
2569    const updatedEmpty = doc.getElementById(emptyId);
2570    if (currentEmpty && updatedEmpty) {
2571      currentEmpty.innerHTML = updatedEmpty.innerHTML;
2572      currentEmpty.className = updatedEmpty.className;
2573      updatedEmpty.hasAttribute('hidden')
2574        ? currentEmpty.setAttribute('hidden', '')
2575        : currentEmpty.removeAttribute('hidden');
2576    }
2577
2578    // Update footer (totals)
2579    const footerId = 'CartDrawerFooter-' + sectionId;
2580    const currentFooter = document.getElementById(footerId);
2581    const updatedFooter = doc.getElementById(footerId);
2582    if (currentFooter && updatedFooter) {
2583      currentFooter.innerHTML = updatedFooter.innerHTML;
2584      currentFooter.className = updatedFooter.className;
2585      updatedFooter.hasAttribute('hidden')
2586        ? currentFooter.setAttribute('hidden', '')
2587        : currentFooter.removeAttribute('hidden');
2588    }
2589  }
2590
2591  function openCartDrawer() {
2592    const drawerEl = document.getElementById('CartDrawer');
2593    if (!drawerEl) return;
2594
2595    // Find the header cart button (NOT the close btn inside drawer)
2596    // It sits outside the drawer and has aria-controls="CartDrawer"
2597    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
2598    let headerBtn = null;
2599    allTriggers.forEach(btn => {
2600      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
2601      if (!drawerEl.contains(btn)) {
2602        headerBtn = btn;
2603      }
2604    });
2605
2606    if (headerBtn) {
2607      // Drawer is hidden — clicking the header button will open it
2608      if (drawerEl.hasAttribute('hidden')) {
2609        headerBtn.click();
2610      }
2611    } else {
2612      // Fallback: manually open
2613      drawerEl.removeAttribute('hidden');
2614    }
2615  }
2616
2617  document.addEventListener('submit', async function (e) {
2618    const form = e.target.closest('[data-cart-drawer-form]');
2619    if (!form) return;
2620    e.preventDefault();
2621
2622    const btn = form.querySelector('[type="submit"]');
2623    btn.classList.add('loading');
2624    btn.disabled = true;
2625
2626    try {
2627      // 1. Add item to cart
2628      const addRes = await fetch('/cart/add.js', {
2629        method: 'POST',
2630        headers: {
2631          'Content-Type': 'application/json',
2632          'X-Requested-With': 'XMLHttpRequest'
2633        },
2634        body: JSON.stringify({
2635          id: form.querySelector('[name="id"]').value,
2636          quantity: 1
2637        })
2638      });
2639
2640      if (!addRes.ok) throw new Error('Add to cart failed');
2641
2642      // 2. Get section ID from the drawer element
2643      const drawerEl = document.getElementById('CartDrawer');
2644      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
2645
2646      // 3. Refresh cart content first
2647      if (sectionId) {
2648        await refreshCartContent(sectionId);
2649      }
2650
2651      // 4. Open the drawer
2652      openCartDrawer();
2653
2654    } catch (err) {
2655      console.error('[card-product] ATC error:', err);
2656    } finally {
2657      btn.classList.remove('loading');
2658      btn.disabled = false;
2659    }
2660  });
2661})();
2662</script>
2662<product-card
2663  class="product-card product-card--adapt "
2664  data-product-handle="hendrick-s-gin"
2665  data-product-id="8836285268195"
2666>
2667  <div class="product-card__inner flex flex-col h-full">
2668
2669    <div class="product-card__media relative overflow-hidden">
2670      <a href="/products/hendrick-s-gin" class="product-card__media-link block"><img
2671            src="//royalspirit.ae/cdn/shop/files/GIN2167_600x.png?v=1746184677"
2672            alt="Hendrick’s Gin"
2673            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
2674            loading="lazy"
2675          ></a>
2676    </div>
2677
2678    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
2679      <div>
2680        
2681          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
2682            GIN
2683          </div>
2684        
2685
2686        <h2 class="product-card__title text-lg font-semibold">
2687          <a href="/products/hendrick-s-gin" class="hover:underline">
2688            Hendrick’s Gin 1L
2689          </a>
2690        </h2>
2691
2692        <div class="product-card__price text-base mt-2">
2693          
2694            <span class="line-through text-gray-500">
2695              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
2695ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 199.00
2696            </span>
2697            <span class="text-red-600 font-semibold">
2698              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
2698ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 159.00
2699            </span>
2700          
2701        </div>
2702      </div>
2703
2704      <form
2705        method="post"
2706        action="/cart/add"
2707        id="product-form-sections--18829767770339__header-8836285268195"
2708        data-cart-drawer-form
2709      >
2710        <input type="hidden" name="id" value="46312543617251">
2711        <button
2712          id="product-form-sections--18829767770339__header-8836285268195-submit"
2713          type="submit"
2714          name="add"
2715          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
2716          
2717        >
2718          <div class="btn__text flex gap-1 items-center justify-center">
2719            <span class="product-card__atc-text product-card__action-text">Add to cart
2720</span>
2721          </div>
2722          
2723
2724<div class="loading__spinner hidden">
2725  <svg
2726    aria-hidden="true"
2727    focusable="false"
2728    class="spinner icon icon--extra-medium"
2729    viewBox="0 0 66 66"
2730    xmlns="http://www.w3.org/2000/svg"
2731  >
2732    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
2733  </svg>
2734</div>
2735
2736        </button>
2737      </form>
2738    </div>
2739  </div>
2740</product-card>
2741
2742<script>
2743(function () {
2744  if (window.__cartDrawerFormInit) return;
2745  window.__cartDrawerFormInit = true;
2746
2747  async function refreshCartContent(sectionId) {
2748    const res = await fetch('/?sections=' + sectionId);
2749    const data = await res.json();
2750    const html = data[sectionId];
2751    if (!html) return;
2752
2753    const parser = new DOMParser();
2754    const doc = parser.parseFromString(html, 'text/html');
2755
2756    // Update cart items body
2757    const bodyId = 'CartDrawerBody-' + sectionId;
2758    const currentBody = document.getElementById(bodyId);
2759    const updatedBody = doc.getElementById(bodyId);
2760    if (currentBody && updatedBody) {
2761      currentBody.innerHTML = updatedBody.innerHTML;
2762      currentBody.className = updatedBody.className;
2763      updatedBody.hasAttribute('hidden')
2764        ? currentBody.setAttribute('hidden', '')
2765        : currentBody.removeAttribute('hidden');
2766    }
2767
2768    // Update empty state
2769    const emptyId = 'CartDrawerEmpty-' + sectionId;
2770    const currentEmpty = document.getElementById(emptyId);
2771    const updatedEmpty = doc.getElementById(emptyId);
2772    if (currentEmpty && updatedEmpty) {
2773      currentEmpty.innerHTML = updatedEmpty.innerHTML;
2774      currentEmpty.className = updatedEmpty.className;
2775      updatedEmpty.hasAttribute('hidden')
2776        ? currentEmpty.setAttribute('hidden', '')
2777        : currentEmpty.removeAttribute('hidden');
2778    }
2779
2780    // Update footer (totals)
2781    const footerId = 'CartDrawerFooter-' + sectionId;
2782    const currentFooter = document.getElementById(footerId);
2783    const updatedFooter = doc.getElementById(footerId);
2784    if (currentFooter && updatedFooter) {
2785      currentFooter.innerHTML = updatedFooter.innerHTML;
2786      currentFooter.className = updatedFooter.className;
2787      updatedFooter.hasAttribute('hidden')
2788        ? currentFooter.setAttribute('hidden', '')
2789        : currentFooter.removeAttribute('hidden');
2790    }
2791  }
2792
2793  function openCartDrawer() {
2794    const drawerEl = document.getElementById('CartDrawer');
2795    if (!drawerEl) return;
2796
2797    // Find the header cart button (NOT the close btn inside drawer)
2798    // It sits outside the drawer and has aria-controls="CartDrawer"
2799    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
2800    let headerBtn = null;
2801    allTriggers.forEach(btn => {
2802      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
2803      if (!drawerEl.contains(btn)) {
2804        headerBtn = btn;
2805      }
2806    });
2807
2808    if (headerBtn) {
2809      // Drawer is hidden — clicking the header button will open it
2810      if (drawerEl.hasAttribute('hidden')) {
2811        headerBtn.click();
2812      }
2813    } else {
2814      // Fallback: manually open
2815      drawerEl.removeAttribute('hidden');
2816    }
2817  }
2818
2819  document.addEventListener('submit', async function (e) {
2820    const form = e.target.closest('[data-cart-drawer-form]');
2821    if (!form) return;
2822    e.preventDefault();
2823
2824    const btn = form.querySelector('[type="submit"]');
2825    btn.classList.add('loading');
2826    btn.disabled = true;
2827
2828    try {
2829      // 1. Add item to cart
2830      const addRes = await fetch('/cart/add.js', {
2831        method: 'POST',
2832        headers: {
2833          'Content-Type': 'application/json',
2834          'X-Requested-With': 'XMLHttpRequest'
2835        },
2836        body: JSON.stringify({
2837          id: form.querySelector('[name="id"]').value,
2838          quantity: 1
2839        })
2840      });
2841
2842      if (!addRes.ok) throw new Error('Add to cart failed');
2843
2844      // 2. Get section ID from the drawer element
2845      const drawerEl = document.getElementById('CartDrawer');
2846      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
2847
2848      // 3. Refresh cart content first
2849      if (sectionId) {
2850        await refreshCartContent(sectionId);
2851      }
2852
2853      // 4. Open the drawer
2854      openCartDrawer();
2855
2856    } catch (err) {
2857      console.error('[card-product] ATC error:', err);
2858    } finally {
2859      btn.classList.remove('loading');
2860      btn.disabled = false;
2861    }
2862  });
2863})();
2864</script>
2864<product-card
2865  class="product-card product-card--adapt "
2866  data-product-handle="absolut-blue-vodka-37-5cl"
2867  data-product-id="8965124358371"
2868>
2869  <div class="product-card__inner flex flex-col h-full">
2870
2871    <div class="product-card__media relative overflow-hidden">
2872      <a href="/products/absolut-blue-vodka-37-5cl" class="product-card__media-link block"><img
2873            src="//royalspirit.ae/cdn/shop/files/ABSOLUT-VODKA-BLUE-37.5CL_600x.jpg?v=1757941402"
2874            alt="Absolut Blue Vodka 37.5CL"
2875            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
2876            loading="lazy"
2877          ></a>
2878    </div>
2879
2880    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
2881      <div>
2882        
2883          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
2884            VODKA
2885          </div>
2886        
2887
2888        <h2 class="product-card__title text-lg font-semibold">
2889          <a href="/products/absolut-blue-vodka-37-5cl" class="hover:underline">
2890            Absolut Blue Vodka 37.5CL
2891          </a>
2892        </h2>
2893
2894        <div class="product-card__price text-base mt-2">
2895          
2896            <span class="text-gray-800">
2897              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
2897ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 30.00
2898            </span>
2899          
2900        </div>
2901      </div>
2902
2903      <form
2904        method="post"
2905        action="/cart/add"
2906        id="product-form-sections--18829767770339__header-8965124358371"
2907        data-cart-drawer-form
2908      >
2909        <input type="hidden" name="id" value="47168526516451">
2910        <button
2911          id="product-form-sections--18829767770339__header-8965124358371-submit"
2912          type="submit"
2913          name="add"
2914          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
2915          
2916        >
2917          <div class="btn__text flex gap-1 items-center justify-center">
2918            <span class="product-card__atc-text product-card__action-text">Add to cart
2919</span>
2920          </div>
2921          
2922
2923<div class="loading__spinner hidden">
2924  <svg
2925    aria-hidden="true"
2926    focusable="false"
2927    class="spinner icon icon--extra-medium"
2928    viewBox="0 0 66 66"
2929    xmlns="http://www.w3.org/2000/svg"
2930  >
2931    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
2932  </svg>
2933</div>
2934
2935        </button>
2936      </form>
2937    </div>
2938  </div>
2939</product-card>
2940
2941<script>
2942(function () {
2943  if (window.__cartDrawerFormInit) return;
2944  window.__cartDrawerFormInit = true;
2945
2946  async function refreshCartContent(sectionId) {
2947    const res = await fetch('/?sections=' + sectionId);
2948    const data = await res.json();
2949    const html = data[sectionId];
2950    if (!html) return;
2951
2952    const parser = new DOMParser();
2953    const doc = parser.parseFromString(html, 'text/html');
2954
2955    // Update cart items body
2956    const bodyId = 'CartDrawerBody-' + sectionId;
2957    const currentBody = document.getElementById(bodyId);
2958    const updatedBody = doc.getElementById(bodyId);
2959    if (currentBody && updatedBody) {
2960      currentBody.innerHTML = updatedBody.innerHTML;
2961      currentBody.className = updatedBody.className;
2962      updatedBody.hasAttribute('hidden')
2963        ? currentBody.setAttribute('hidden', '')
2964        : currentBody.removeAttribute('hidden');
2965    }
2966
2967    // Update empty state
2968    const emptyId = 'CartDrawerEmpty-' + sectionId;
2969    const currentEmpty = document.getElementById(emptyId);
2970    const updatedEmpty = doc.getElementById(emptyId);
2971    if (currentEmpty && updatedEmpty) {
2972      currentEmpty.innerHTML = updatedEmpty.innerHTML;
2973      currentEmpty.className = updatedEmpty.className;
2974      updatedEmpty.hasAttribute('hidden')
2975        ? currentEmpty.setAttribute('hidden', '')
2976        : currentEmpty.removeAttribute('hidden');
2977    }
2978
2979    // Update footer (totals)
2980    const footerId = 'CartDrawerFooter-' + sectionId;
2981    const currentFooter = document.getElementById(footerId);
2982    const updatedFooter = doc.getElementById(footerId);
2983    if (currentFooter && updatedFooter) {
2984      currentFooter.innerHTML = updatedFooter.innerHTML;
2985      currentFooter.className = updatedFooter.className;
2986      updatedFooter.hasAttribute('hidden')
2987        ? currentFooter.setAttribute('hidden', '')
2988        : currentFooter.removeAttribute('hidden');
2989    }
2990  }
2991
2992  function openCartDrawer() {
2993    const drawerEl = document.getElementById('CartDrawer');
2994    if (!drawerEl) return;
2995
2996    // Find the header cart button (NOT the close btn inside drawer)
2997    // It sits outside the drawer and has aria-controls="CartDrawer"
2998    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
2999    let headerBtn = null;
3000    allTriggers.forEach(btn => {
3001      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
3002      if (!drawerEl.contains(btn)) {
3003        headerBtn = btn;
3004      }
3005    });
3006
3007    if (headerBtn) {
3008      // Drawer is hidden — clicking the header button will open it
3009      if (drawerEl.hasAttribute('hidden')) {
3010        headerBtn.click();
3011      }
3012    } else {
3013      // Fallback: manually open
3014      drawerEl.removeAttribute('hidden');
3015    }
3016  }
3017
3018  document.addEventListener('submit', async function (e) {
3019    const form = e.target.closest('[data-cart-drawer-form]');
3020    if (!form) return;
3021    e.preventDefault();
3022
3023    const btn = form.querySelector('[type="submit"]');
3024    btn.classList.add('loading');
3025    btn.disabled = true;
3026
3027    try {
3028      // 1. Add item to cart
3029      const addRes = await fetch('/cart/add.js', {
3030        method: 'POST',
3031        headers: {
3032          'Content-Type': 'application/json',
3033          'X-Requested-With': 'XMLHttpRequest'
3034        },
3035        body: JSON.stringify({
3036          id: form.querySelector('[name="id"]').value,
3037          quantity: 1
3038        })
3039      });
3040
3041      if (!addRes.ok) throw new Error('Add to cart failed');
3042
3043      // 2. Get section ID from the drawer element
3044      const drawerEl = document.getElementById('CartDrawer');
3045      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
3046
3047      // 3. Refresh cart content first
3048      if (sectionId) {
3049        await refreshCartContent(sectionId);
3050      }
3051
3052      // 4. Open the drawer
3053      openCartDrawer();
3054
3055    } catch (err) {
3056      console.error('[card-product] ATC error:', err);
3057    } finally {
3058      btn.classList.remove('loading');
3059      btn.disabled = false;
3060    }
3061  });
3062})();
3063</script>
3063<product-card
3064  class="product-card product-card--adapt "
3065  data-product-handle="bacardi-anejo-1ltr"
3066  data-product-id="8835401548003"
3067>
3068  <div class="product-card__inner flex flex-col h-full">
3069
3070    <div class="product-card__media relative overflow-hidden">
3071      <a href="/products/bacardi-anejo-1ltr" class="product-card__media-link block"><img
3072            src="//royalspirit.ae/cdn/shop/files/7_2b5598c9-21f4-4e3a-a6db-b7d893a3e571_600x.png?v=1747141395"
3073            alt="Bacardi Anejo 4YO 1L"
3074            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
3075            loading="lazy"
3076          ></a>
3077    </div>
3078
3079    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
3080      <div>
3081        
3082          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
3083            RUM
3084          </div>
3085        
3086
3087        <h2 class="product-card__title text-lg font-semibold">
3088          <a href="/products/bacardi-anejo-1ltr" class="hover:underline">
3089            Bacardi Anejo 4YO 1L
3090          </a>
3091        </h2>
3092
3093        <div class="product-card__price text-base mt-2">
3094          
3095            <span class="line-through text-gray-500">
3096              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
3096ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 99.00
3097            </span>
3098            <span class="text-red-600 font-semibold">
3099              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
3099ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 95.00
3100            </span>
3101          
3102        </div>
3103      </div>
3104
3105      <form
3106        method="post"
3107        action="/cart/add"
3108        id="product-form-sections--18829767770339__header-8835401548003"
3109        data-cart-drawer-form
3110      >
3111        <input type="hidden" name="id" value="46307493904611">
3112        <button
3113          id="product-form-sections--18829767770339__header-8835401548003-submit"
3114          type="submit"
3115          name="add"
3116          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
3117          
3118        >
3119          <div class="btn__text flex gap-1 items-center justify-center">
3120            <span class="product-card__atc-text product-card__action-text">Add to cart
3121</span>
3122          </div>
3123          
3124
3125<div class="loading__spinner hidden">
3126  <svg
3127    aria-hidden="true"
3128    focusable="false"
3129    class="spinner icon icon--extra-medium"
3130    viewBox="0 0 66 66"
3131    xmlns="http://www.w3.org/2000/svg"
3132  >
3133    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
3134  </svg>
3135</div>
3136
3137        </button>
3138      </form>
3139    </div>
3140  </div>
3141</product-card>
3142
3143<script>
3144(function () {
3145  if (window.__cartDrawerFormInit) return;
3146  window.__cartDrawerFormInit = true;
3147
3148  async function refreshCartContent(sectionId) {
3149    const res = await fetch('/?sections=' + sectionId);
3150    const data = await res.json();
3151    const html = data[sectionId];
3152    if (!html) return;
3153
3154    const parser = new DOMParser();
3155    const doc = parser.parseFromString(html, 'text/html');
3156
3157    // Update cart items body
3158    const bodyId = 'CartDrawerBody-' + sectionId;
3159    const currentBody = document.getElementById(bodyId);
3160    const updatedBody = doc.getElementById(bodyId);
3161    if (currentBody && updatedBody) {
3162      currentBody.innerHTML = updatedBody.innerHTML;
3163      currentBody.className = updatedBody.className;
3164      updatedBody.hasAttribute('hidden')
3165        ? currentBody.setAttribute('hidden', '')
3166        : currentBody.removeAttribute('hidden');
3167    }
3168
3169    // Update empty state
3170    const emptyId = 'CartDrawerEmpty-' + sectionId;
3171    const currentEmpty = document.getElementById(emptyId);
3172    const updatedEmpty = doc.getElementById(emptyId);
3173    if (currentEmpty && updatedEmpty) {
3174      currentEmpty.innerHTML = updatedEmpty.innerHTML;
3175      currentEmpty.className = updatedEmpty.className;
3176      updatedEmpty.hasAttribute('hidden')
3177        ? currentEmpty.setAttribute('hidden', '')
3178        : currentEmpty.removeAttribute('hidden');
3179    }
3180
3181    // Update footer (totals)
3182    const footerId = 'CartDrawerFooter-' + sectionId;
3183    const currentFooter = document.getElementById(footerId);
3184    const updatedFooter = doc.getElementById(footerId);
3185    if (currentFooter && updatedFooter) {
3186      currentFooter.innerHTML = updatedFooter.innerHTML;
3187      currentFooter.className = updatedFooter.className;
3188      updatedFooter.hasAttribute('hidden')
3189        ? currentFooter.setAttribute('hidden', '')
3190        : currentFooter.removeAttribute('hidden');
3191    }
3192  }
3193
3194  function openCartDrawer() {
3195    const drawerEl = document.getElementById('CartDrawer');
3196    if (!drawerEl) return;
3197
3198    // Find the header cart button (NOT the close btn inside drawer)
3199    // It sits outside the drawer and has aria-controls="CartDrawer"
3200    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
3201    let headerBtn = null;
3202    allTriggers.forEach(btn => {
3203      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
3204      if (!drawerEl.contains(btn)) {
3205        headerBtn = btn;
3206      }
3207    });
3208
3209    if (headerBtn) {
3210      // Drawer is hidden — clicking the header button will open it
3211      if (drawerEl.hasAttribute('hidden')) {
3212        headerBtn.click();
3213      }
3214    } else {
3215      // Fallback: manually open
3216      drawerEl.removeAttribute('hidden');
3217    }
3218  }
3219
3220  document.addEventListener('submit', async function (e) {
3221    const form = e.target.closest('[data-cart-drawer-form]');
3222    if (!form) return;
3223    e.preventDefault();
3224
3225    const btn = form.querySelector('[type="submit"]');
3226    btn.classList.add('loading');
3227    btn.disabled = true;
3228
3229    try {
3230      // 1. Add item to cart
3231      const addRes = await fetch('/cart/add.js', {
3232        method: 'POST',
3233        headers: {
3234          'Content-Type': 'application/json',
3235          'X-Requested-With': 'XMLHttpRequest'
3236        },
3237        body: JSON.stringify({
3238          id: form.querySelector('[name="id"]').value,
3239          quantity: 1
3240        })
3241      });
3242
3243      if (!addRes.ok) throw new Error('Add to cart failed');
3244
3245      // 2. Get section ID from the drawer element
3246      const drawerEl = document.getElementById('CartDrawer');
3247      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
3248
3249      // 3. Refresh cart content first
3250      if (sectionId) {
3251        await refreshCartContent(sectionId);
3252      }
3253
3254      // 4. Open the drawer
3255      openCartDrawer();
3256
3257    } catch (err) {
3258      console.error('[card-product] ATC error:', err);
3259    } finally {
3260      btn.classList.remove('loading');
3261      btn.disabled = false;
3262    }
3263  });
3264})();
3265</script>
3265</div>
3266              </div>
3267            </div><div class="search__most-searched-keywords search__box-others flex flex-col gap-3">
3268              <h4 class="h6">Most searched keywords</h4>
3269              <ul class="flex flex-col flex-wrap gap-y-2 text-subtext"><li>
3270                    <a
3271                      href="/search?type=product&options%5Bprefix%5D=last&q=alcohol"
3272                      class="reversed-link text-capitalize"
3273                    >
3274                      alcohol
3275                    </a>
3276                  </li></ul>
3277            </div></div><div class="search__box search__results w-full h-full">
3278        <div
3279          id="PredictiveSearchResults-sections--18829767770339__header"
3280          role="listbox"
3281          class="h-full w-full"
3282        ></div>
3283      </div>
3284    </div>
3285  </div>
3286</predictive-search>
3287<button
3288        class="btn btn--inherit header__search-close inline-flex btn-remove"
3289        aria-label="Close search popup"
3290      ><svg
3291  xmlns="http://www.w3.org/2000/svg"
3292  aria-hidden="true"
3293  focusable="false"
3294  class="icon icon-close icon--medium icon--thick pointer-events-none"
3295  fill="none"
3296  viewBox="0 0 24 24"
3297>
3298  <path d="M18.75 5.13496L5.25 18.8544" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3299  <path d="M18.75 18.8544L5.25 5.13496" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3300</svg>
3301</button>
3302    </div>
3303
3304    <div class="header__icons header__icons--right flex justify-end z-1">
3305      <div class="header__buttons flex items-center justify-center"><a href="/apps/orders" class="track-order-btn">
3306      <i class="fa-solid fa-truck-fast"></i>
3307      Track Your Order
3308  </a>
3309          <a
3310            href="https://royalspirit.ae/customer_authentication/redirect?locale=en&region_country=AE"
3311            class="account-button reversed-link flex items-center justify-center gap-2"
3312            aria-label="Account"
3313          ><svg
3314  class="icon icon-account icon--large icon--thick shrink-0"
3315  viewBox="0 0 24 24"
3316  fill="none"
3317  xmlns="http://www.w3.org/2000/svg"
3318>
3319  <path d="M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3320  <path d="M2.90625 20.2508C3.82775 18.6544 5.15328 17.3287 6.74958 16.407C8.34588 15.4853 10.1567 15 12 15C13.8433 15 15.6541 15.4853 17.2504 16.407C18.8467 17.3287 20.1722 18.6544 21.0938 20.2508" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3321</svg>
3322<span class="reversed-link__text hidden sm:block lg:hidden xl:block whitespace-nowrap">Sign in/ Register</span>
3323          </a><a
3324          href="/cart"
3325          class="cart-drawer-button flex items-center justify-center relative cart-icon cart-icon--solid"
3326          
3327            aria-controls="CartDrawer"
3328          
3329        ><svg
3330  viewBox="0 0 20 20"
3331  fill="none"
3332  class="icon icon-shopping-bag icon--large icon--thick"
3333  xmlns="http://www.w3.org/2000/svg"
3334><path d="M6.875 18.125C7.56536 18.125 8.125 17.5654 8.125 16.875C8.125 16.1846 7.56536 15.625 6.875 15.625C6.18464 15.625 5.625 16.1846 5.625 16.875C5.625 17.5654 6.18464 18.125 6.875 18.125Z" fill="currentColor"/>
3335    <path d="M15 18.125C15.6904 18.125 16.25 17.5654 16.25 16.875C16.25 16.1846 15.6904 15.625 15 15.625C14.3096 15.625 13.75 16.1846 13.75 16.875C13.75 17.5654 14.3096 18.125 15 18.125Z" fill="currentColor"/>
3336    <path d="M1.25 2.5H3.125L5.99609 12.8344C6.06916 13.0976 6.22643 13.3296 6.44384 13.4949C6.66126 13.6603 6.92685 13.7499 7.2 13.75H14.9219C15.1952 13.7501 15.4609 13.6605 15.6785 13.4952C15.8961 13.3298 16.0535 13.0977 16.1266 12.8344L18.125 5.625H3.99297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
3337<span class="visually-hidden">Cart</span>
3338          <cart-count
3339            class="cart-count cart-count--absolute"
3340            aria-label="0 items"
3341            
3342              hidden
3343            
3344          >0</cart-count>
3345        </a>
3346      </div>
3347    </div>
3348  </div><div class="header__bottom relative section--padding page-width">
3349      <div class="header__navigation hidden lg:flex">
3350        <nav class="header__menu flex" role="navigation" aria-label="Primary">
3351  <ul class="flex flex-wrap"><li
3352        class="inline-flex items-center"
3353        
3354      ><details
3355              is="details-dropdown"
3356              level="top"
3357              trigger="hover"
3358              
3359            >
3360              <summary data-link="/collections/beer" class="z-2">
3361                <span class="menu__item flex items-center relative">
3362                  <span class="flex items-center font-navigation menu__item-text reversed-link">Beer<svg
3363  class="icon icon-caret-down icon--2xs icon--thick"
3364  viewBox="0 0 20 20"
3365  fill="none"
3366  xmlns="http://www.w3.org/2000/svg"
3367>
3368  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3369</svg>
3370</span></span>
3371              </summary>
3372              <div class="dropdown">
3373                <div class="dropdown__container">
3374                  <ul class="dropdown__nav" role="list"><li class="reversed-link text-subtext">
3375                          <a href="/collections/pilsner" class="block">
3376                            <span class="reversed-link__text">PILSNER</span>
3377                          </a>
3378                        </li><li class="reversed-link text-subtext">
3379                          <a href="/collections/lager" class="block">
3380                            <span class="reversed-link__text">LAGER</span>
3381                          </a>
3382                        </li><li class="reversed-link text-subtext">
3383                          <a href="/collections/pale-pilsner" class="block">
3384                            <span class="reversed-link__text">PALE PILSNER</span>
3385                          </a>
3386                        </li><li class="reversed-link text-subtext">
3387                          <a href="/collections/pale-lager" class="block">
3388                            <span class="reversed-link__text">PALE LAGER</span>
3389                          </a>
3390                        </li><li class="reversed-link text-subtext">
3391                          <a href="/collections/stout" class="block">
3392                            <span class="reversed-link__text">STOUT</span>
3393                          </a>
3394                        </li><li class="reversed-link text-subtext">
3395                          <a href="/collections/ipa" class="block">
3396                            <span class="reversed-link__text">IPA</span>
3397                          </a>
3398                        </li><li class="reversed-link text-subtext">
3399                          <a href="/collections/helles" class="block">
3400                            <span class="reversed-link__text">HELLES</span>
3401                          </a>
3402                        </li><li class="reversed-link text-subtext">
3403                          <a href="/collections/wheat-beer" class="block">
3404                            <span class="reversed-link__text">WHEAT BEER</span>
3405                          </a>
3406                        </li><li class="reversed-link text-subtext">
3407                          <a href="/collections/pale-ale" class="block">
3408                            <span class="reversed-link__text">PALE ALE</span>
3409                          </a>
3410                        </li><li class="reversed-link text-subtext">
3411                          <a href="/collections/hybrid-beer" class="block">
3412                            <span class="reversed-link__text">HYBRID BEER</span>
3413                          </a>
3414                        </li><li class="reversed-link text-subtext">
3415                          <a href="/collections/cider" class="block">
3416                            <span class="reversed-link__text">CIDER</span>
3417                          </a>
3418                        </li><li class="reversed-link text-subtext">
3419                          <a href="/collections/ale" class="block">
3420                            <span class="reversed-link__text">ALE</span>
3421                          </a>
3422                        </li></ul>
3423                </div>
3424              </div>
3425            </details></li><li
3426        class="inline-flex items-center"
3427        
3428      ><details
3429              is="details-dropdown"
3430              level="top"
3431              trigger="hover"
3432              
3433            >
3434              <summary data-link="/collections/whiskey" class="z-2">
3435                <span class="menu__item flex items-center relative">
3436                  <span class="flex items-center font-navigation menu__item-text reversed-link">Whiskey<svg
3437  class="icon icon-caret-down icon--2xs icon--thick"
3438  viewBox="0 0 20 20"
3439  fill="none"
3440  xmlns="http://www.w3.org/2000/svg"
3441>
3442  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3443</svg>
3444</span></span>
3445              </summary>
3446              <div class="dropdown">
3447                <div class="dropdown__container">
3448                  <ul class="dropdown__nav" role="list"><li class="reversed-link text-subtext">
3449                          <a href="/collections/bourbon-whiskey" class="block">
3450                            <span class="reversed-link__text">BOURBON WHISKEY</span>
3451                          </a>
3452                        </li><li class="reversed-link text-subtext">
3453                          <a href="/collections/irish-whiskey" class="block">
3454                            <span class="reversed-link__text">IRISH WHISKEY</span>
3455                          </a>
3456                        </li><li class="reversed-link text-subtext">
3457                          <a href="/collections/japnese-whiskey" class="block">
3458                            <span class="reversed-link__text">JAPANESE WHISKEY</span>
3459                          </a>
3460                        </li><li class="reversed-link text-subtext">
3461                          <a href="/collections/single-malt-whiskey" class="block">
3462                            <span class="reversed-link__text">SINGLE MALT WHISKEY</span>
3463                          </a>
3464                        </li><li class="reversed-link text-subtext">
3465                          <a href="/collections/blended-scotch-whiskey" class="block">
3466                            <span class="reversed-link__text">BLENDED SCOTCH WHISKEY</span>
3467                          </a>
3468                        </li><li class="reversed-link text-subtext">
3469                          <a href="/collections/grain" class="block">
3470                            <span class="reversed-link__text">GRAIN WHISKEY</span>
3471                          </a>
3472                        </li><li class="reversed-link text-subtext">
3473                          <a href="/collections/rey" class="block">
3474                            <span class="reversed-link__text">RYE WHISKEY</span>
3475                          </a>
3476                        </li><li class="reversed-link text-subtext">
3477                          <a href="/collections/indian" class="block">
3478                            <span class="reversed-link__text">INDIAN WHISKEY</span>
3479                          </a>
3480                        </li><li class="reversed-link text-subtext">
3481                          <a href="/collections/canadian" class="block">
3482                            <span class="reversed-link__text">CANADIAN WHISKEY</span>
3483                          </a>
3484                        </li><li class="reversed-link text-subtext">
3485                          <a href="/collections/islay" class="block">
3486                            <span class="reversed-link__text">
3486ISLAY WHSIKEY</span>
3487                          </a>
3488                        </li></ul>
3489                </div>
3490              </div>
3491            </details></li><li
3492        class="inline-flex items-center"
3493        
3494      ><details
3495              is="details-dropdown"
3496              level="top"
3497              trigger="hover"
3498              
3499            >
3500              <summary data-link="/collections/vodka" class="z-2">
3501                <span class="menu__item flex items-center relative">
3502                  <span class="flex items-center font-navigation menu__item-text reversed-link">Vodka<svg
3503  class="icon icon-caret-down icon--2xs icon--thick"
3504  viewBox="0 0 20 20"
3505  fill="none"
3506  xmlns="http://www.w3.org/2000/svg"
3507>
3508  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3509</svg>
3510</span></span>
3511              </summary>
3512              <div class="dropdown">
3513                <div class="dropdown__container">
3514                  <ul class="dropdown__nav" role="list"><li class="reversed-link text-subtext">
3515                          <a href="/collections/barley" class="block">
3516                            <span class="reversed-link__text">BARLEY VODKA</span>
3517                          </a>
3518                        </li><li class="reversed-link text-subtext">
3519                          <a href="/collections/corn-vodka" class="block">
3520                            <span class="reversed-link__text">CORN VODKA</span>
3521                          </a>
3522                        </li><li class="reversed-link text-subtext">
3523                          <a href="/collections/flavoured-vodka" class="block">
3524                            <span class="reversed-link__text">FLAVORED VODKA</span>
3525                          </a>
3526                        </li><li class="reversed-link text-subtext">
3527                          <a href="/collections/rice-vodka" class="block">
3528                            <span class="reversed-link__text">RICE VODKA</span>
3529                          </a>
3530                        </li><li class="reversed-link text-subtext">
3531                          <a href="/collections/rye-vodka" class="block">
3532                            <span class="reversed-link__text">RYE VODKA</span>
3533                          </a>
3534                        </li><li class="reversed-link text-subtext">
3535                          <a href="/collections/wheat-vodka" class="block">
3536                            <span class="reversed-link__text">WHEAT VODKA</span>
3537                          </a>
3538                        </li></ul>
3539                </div>
3540              </div>
3541            </details></li><li
3542        class="inline-flex items-center"
3543        
3544      ><details
3545              is="details-dropdown"
3546              level="top"
3547              trigger="hover"
3548              
3549            >
3550              <summary data-link="/collections/tequila" class="z-2">
3551                <span class="menu__item flex items-center relative">
3552                  <span class="flex items-center font-navigation menu__item-text reversed-link">Tequila<svg
3553  class="icon icon-caret-down icon--2xs icon--thick"
3554  viewBox="0 0 20 20"
3555  fill="none"
3556  xmlns="http://www.w3.org/2000/svg"
3557>
3558  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3559</svg>
3560</span></span>
3561              </summary>
3562              <div class="dropdown">
3563                <div class="dropdown__container">
3564                  <ul class="dropdown__nav" role="list"><li class="reversed-link text-subtext">
3565                          <a href="/collections/blanco" class="block">
3566                            <span class="reversed-link__text">BLANCO</span>
3567                          </a>
3568                        </li><li class="reversed-link text-subtext">
3569                          <a href="/collections/raposado" class="block">
3570                            <span class="reversed-link__text">REPOSADO</span>
3571                          </a>
3572                        </li><li class="reversed-link text-subtext">
3573                          <a href="/collections/mezical" class="block">
3574                            <span class="reversed-link__text">MEZCAL</span>
3575                          </a>
3576                        </li><li class="reversed-link text-subtext">
3577                          <a href="/collections/anejo" class="block">
3578                            <span class="reversed-link__text">ANEJO</span>
3579                          </a>
3580                        </li><li class="reversed-link text-subtext">
3581                          <a href="/collections/extra-anejo" class="block">
3582                            <span class="reversed-link__text">EXTRA ANEJO</span>
3583                          </a>
3584                        </li><li class="reversed-link text-subtext">
3585                          <a href="/collections/cristalino" class="block">
3586                            <span class="reversed-link__text">CRISTALINO</span>
3587                          </a>
3588                        </li></ul>
3589                </div>
3590              </div>
3591            </details></li><li
3592        class="inline-flex items-center"
3593        
3594      ><details
3595              is="details-dropdown"
3596              level="top"
3597              trigger="hover"
3598              
3599            >
3600              <summary data-link="/collections/gin" class="z-2">
3601                <span class="menu__item flex items-center relative">
3602                  <span class="flex items-center font-navigation menu__item-text reversed-link">Gin<svg
3603  class="icon icon-caret-down icon--2xs icon--thick"
3604  viewBox="0 0 20 20"
3605  fill="none"
3606  xmlns="http://www.w3.org/2000/svg"
3607>
3608  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3609</svg>
3610</span></span>
3611              </summary>
3612              <div class="dropdown">
3613                <div class="dropdown__container">
3614                  <ul class="dropdown__nav" role="list"><li class="reversed-link text-subtext">
3615                          <a href="/collections/flavoured" class="block">
3616                            <span class="reversed-link__text">FLAVORED GIN</span>
3617                          </a>
3618                        </li><li class="reversed-link text-subtext">
3619                          <a href="/collections/london-dry" class="block">
3620                            <span class="reversed-link__text">LONDON DRY GIN</span>
3621                          </a>
3622                        </li><li class="reversed-link text-subtext">
3623                          <a href="/collections/premium-1" class="block">
3624                            <span class="reversed-link__text">PREMIUM GIN</span>
3625                          </a>
3626                        </li><li class="reversed-link text-subtext">
3627                          <a href="/collections/genever" class="block">
3628                            <span class="reversed-link__text">GENEVER GIN</span>
3629                          </a>
3630                        </li></ul>
3631                </div>
3632              </div>
3633            </details></li><li
3634        class="inline-flex items-center"
3635        
3636      ><details
3637              is="details-dropdown"
3638              level="top"
3639              trigger="hover"
3640              
3641            >
3642              <summary data-link="/collections/rum" class="z-2">
3643                <span class="menu__item flex items-center relative">
3644                  <span class="flex items-center font-navigation menu__item-text reversed-link">Rum<svg
3645  class="icon icon-caret-down icon--2xs icon--thick"
3646  viewBox="0 0 20 20"
3647  fill="none"
3648  xmlns="http://www.w3.org/2000/svg"
3649>
3650  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3651</svg>
3652</span></span>
3653              </summary>
3654              <div class="dropdown">
3655                <div class="dropdown__container">
3656                  <ul class="dropdown__nav" role="list"><li class="reversed-link text-subtext">
3657                          <a href="/collections/aged-rum" class="block">
3658                            <span class="reversed-link__text">AGED RUM</span>
3659                          </a>
3660                        </li><li class="reversed-link text-subtext">
3661                          <a href="/collections/aged-rum-1" class="block">
3662                            <span class="reversed-link__text">WHITE RUM</span>
3663                          </a>
3664                        </li><li class="reversed-link text-subtext">
3665                          <a href="/collections/gold-rum" class="block">
3666                            <span class="reversed-link__text">GOLD RUM</span>
3667                          </a>
3668                        </li><li class="reversed-link text-subtext">
3669                          <a href="/collections/dark-rum" class="block">
3670                            <span class="reversed-link__text">DARK RUM</span>
3671                          </a>
3672                        </li><li class="reversed-link text-subtext">
3673                          <a href="/collections/spiced-rum" class="block">
3674                            <span class="reversed-link__text">SPICED RUM</span>
3675                          </a>
3676                        </li></ul>
3677                </div>
3678              </div>
3679            </details></li><li
3680        class="inline-flex items-center"
3681        
3682      ><details
3683              is="details-dropdown"
3684              level="top"
3685              trigger="hover"
3686              
3687            >
3688              <summary data-link="/collections/wine" class="z-2">
3689                <span class="menu__item flex items-center relative">
3690                  <span class="flex items-center font-navigation menu__item-text reversed-link">Wine<svg
3691  class="icon icon-caret-down icon--2xs icon--thick"
3692  viewBox="0 0 20 20"
3693  fill="none"
3694  xmlns="http://www.w3.org/2000/svg"
3695>
3696  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3697</svg>
3698</span></span>
3699              </summary>
3700              <div class="dropdown">
3701                <div class="dropdown__container">
3702                  <ul class="dropdown__nav" role="list"><li class="reversed-link text-subtext">
3703                          <a href="/collections/red" class="block">
3704                            <span class="reversed-link__text">RED</span>
3705                          </a>
3706                        </li><li class="reversed-link text-subtext">
3707                          <a href="/collections/white" class="block">
3708                            <span class="reversed-link__text">WHITE</span>
3709                          </a>
3710                        </li><li class="reversed-link text-subtext">
3711                          <a href="/collections/rose" class="block">
3712                            <span class="reversed-link__text">ROSE</span>
3713                          </a>
3714                        </li><li class="reversed-link text-subtext">
3715                          <a href="/collections/sparkling" class="block">
3716                            <span class="reversed-link__text">SPARKLING</span>
3717                          </a>
3718                        </li><li class="reversed-link text-subtext">
3719                          <a href="/collections/fortified" class="block">
3720                            <span class="reversed-link__text">FORTIFIED</span>
3721                          </a>
3722                        </li><li class="reversed-link text-subtext">
3723                          <a href="/collections/desert" class="block">
3724                            <span class="reversed-link__text">DESSERT</span>
3725                          </a>
3726                        </li><li class="reversed-link text-subtext">
3727                          <a href="/collections/champagne-1" class="block">
3728                            <span class="reversed-link__text">CHAMPAGNE</span>
3729                          </a>
3730                        </li><li class="reversed-link text-subtext">
3731                          <a href="/collections/box-wine" class="block">
3732                            <span class="reversed-link__text">BOX WINE</span>
3733                          </a>
3734                        </li></ul>
3735                </div>
3736              </div>
3737            </details></li><li
3738        class="inline-flex items-center"
3739        
3740      ><details
3741              is="details-dropdown"
3742              level="top"
3743              trigger="hover"
3744              
3745            >
3746              <summary data-link="/collections/cognac-brandy" class="z-2">
3747                <span class="menu__item flex items-center relative">
3748                  <span class="flex items-center font-navigation menu__item-text reversed-link">Brandy and Cognac<svg
3749  class="icon icon-caret-down icon--2xs icon--thick"
3750  viewBox="0 0 20 20"
3751  fill="none"
3752  xmlns="http://www.w3.org/2000/svg"
3753>
3754  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3755</svg>
3756</span></span>
3757              </summary>
3758              <div class="dropdown">
3759                <div class="dropdown__container">
3760                  <ul class="dropdown__nav" role="list"><li class="reversed-link text-subtext">
3761                          <a href="/collections/vsop" class="block">
3762                            <span class="reversed-link__text">VSOP</span>
3763                          </a>
3764                        </li><li class="reversed-link text-subtext">
3765                          <a href="/collections/xo" class="block">
3766                            <span class="reversed-link__text">XO</span>
3767                          </a>
3768                        </li><li class="reversed-link text-subtext">
3769                          <a href="/collections/honey" class="block">
3770                            <span class="reversed-link__text">HONEY</span>
3771                          </a>
3772                        </li><li class="reversed-link text-subtext">
3773                          <a href="/collections/vs" class="block">
3774                            <span class="reversed-link__text">VS</span>
3775                          </a>
3776                        </li><li class="reversed-link text-subtext">
3777                          <a href="/collections/pisco" class="block">
3778                            <span class="reversed-link__text">PISCO</span>
3779                          </a>
3780                        </li><li class="reversed-link text-subtext">
3781                          <a href="/collections/fillipino-brandy" class="block">
3782                            <span class="reversed-link__text">FILLIPINO BRANDY</span>
3783                          </a>
3784                        </li><li class="reversed-link text-subtext">
3785                          <a href="/collections/others-cognac" class="block">
3786                            <span class="reversed-link__text">OTHERS COGNAC</span>
3787                          </a>
3788                        </li><li class="reversed-link text-subtext">
3789                          <a href="/collections/others-brandy" class="block">
3790                            <span class="reversed-link__text">OTHERS BRANDY</span>
3791                          </a>
3792                        </li></ul>
3793                </div>
3794              </div>
3795            </details></li><li
3796        class="inline-flex items-center"
3797        
3798      ><details
3799              is="details-dropdown"
3800              level="top"
3801              trigger="hover"
3802              
3803            >
3804              <summary data-link="/collections/liqueurs-and-more" class="z-2">
3805                <span class="menu__item flex items-center relative">
3806                  <span class="flex items-center font-navigation menu__item-text reversed-link">Liqueurs and More<svg
3807  class="icon icon-caret-down icon--2xs icon--thick"
3808  viewBox="0 0 20 20"
3809  fill="none"
3810  xmlns="http://www.w3.org/2000/svg"
3811>
3812  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3813</svg>
3814</span></span>
3815              </summary>
3816              <div class="dropdown">
3817                <div class="dropdown__container">
3818                  <ul class="dropdown__nav" role="list"><li class="reversed-link text-subtext">
3819                          <a href="/collections/arak" class="block">
3820                            <span class="reversed-link__text">ARAK</span>
3821                          </a>
3822                        </li><li class="reversed-link text-subtext">
3823                          <a href="/collections/absinthe" class="block">
3824                            <span class="reversed-link__text">ABSINTHE</span>
3825                          </a>
3826                        </li><li class="reversed-link text-subtext">
3827                          <a href="/collections/cocktail-liquor" class="block">
3828                            <span class="reversed-link__text">COCKTAIL LIQUOR</span>
3829                          </a>
3830                        </li><li class="reversed-link text-subtext">
3831                          <a href="/collections/essential-liqour" class="block">
3832                            <span class="reversed-link__text">ESSENTIAL LIQOUR</span>
3833                          </a>
3834                        </li><li class="reversed-link text-subtext">
3835                          <a href="/collections/soju" class="block">
3836                            <span class="reversed-link__text">SOJU</span>
3837                          </a>
3838                        </li><li class="reversed-link text-subtext">
3839                          <a href="/collections/sake" class="block">
3840                            <span class="reversed-link__text">SAKE</span>
3841                          </a>
3842                        </li><li class="reversed-link text-subtext">
3843                          <a href="/collections/rtd" class="block">
3844                            <span class="reversed-link__text">RTD</span>
3845                          </a>
3846                        </li><li class="reversed-link text-subtext">
3847                          <a href="/collections/cachaca" class="block">
3848                            <span class="reversed-link__text">CACHACA</span>
3849                          </a>
3850                        </li><li class="reversed-link text-subtext">
3851                          <a href="/collections/baijiu" class="block">
3852                            <span class="reversed-link__text">BAIJJU</span>
3853                          </a>
3854                        </li></ul>
3855                </div>
3856              </div>
3857            </details></li><li
3858        class="inline-flex items-center"
3859        
3860      ><a
3861              href="/collections/cigar"
3862              class="menu__item flex relative z-2 font-navigation"
3863            >
3864              <span class="reversed-link">Cigars</span></a></li><li
3865        class="inline-flex items-center"
3866        
3867      ><a
3868              href="/collections/vape"
3869              class="menu__item flex relative z-2 font-navigation"
3870            >
3871              <span class="reversed-link">Vape</span></a></li><li
3872        class="inline-flex items-center"
3873        
3874      ><a
3875              href="/collections/hydration"
3876              class="menu__item flex relative z-2 font-navigation"
3877            >
3878              <span class="reversed-link">Hangover Cure</span></a></li><li
3879        class="inline-flex items-center"
3880        
3881      ><details
3882              is="details-dropdown"
3883              level="top"
3884              trigger="hover"
3885              
3886            >
3887              <summary data-link="/collections/others" class="z-2">
3888                <span class="menu__item flex items-center relative">
3889                  <span class="flex items-center font-navigation menu__item-text reversed-link">Others<svg
3890  class="icon icon-caret-down icon--2xs icon--thick"
3891  viewBox="0 0 20 20"
3892  fill="none"
3893  xmlns="http://www.w3.org/2000/svg"
3894>
3895  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3896</svg>
3897</span></span>
3898              </summary>
3899              <div class="dropdown">
3900                <div class="dropdown__container">
3901                  <ul class="dropdown__nav" role="list"><li class="reversed-link text-subtext">
3902                          <a href="/collections/glassware" class="block">
3903                            <span class="reversed-link__text">GLASSWARE</span>
3904                          </a>
3905                        </li><li class="reversed-link text-subtext">
3906                          <a href="/collections/bar-essentials" class="block">
3907                            <span class="reversed-link__text">BAR ESSENTIALS</span>
3908                          </a>
3909                        </li><li class="reversed-link text-subtext">
3910                          <a href="/collections/gift-box" class="block">
3911                            <span class="reversed-link__text">GIFT BOX</span>
3912                          </a>
3913                        </li></ul>
3914                </div>
3915              </div>
3916            </details></li></ul>
3917</nav>
3918
3919      </div>
3920    </div><menu-drawer id="MenuDrawer" class="menu-drawer drawer drawer--left z-1" hidden>
3921  <div class="fixed-overlay" aria-controls="MenuDrawer"></div>
3922  <div class="drawer__inner flex flex-col w-full h-full overflow-hidden">
3923    <div class="drawer__content menu-drawer__content flex-grow flex flex-col h-full w-full">
3924      <nav class="overflow-hidden flex-grow" role="navigation">
3925        <div class="menu-drawer__menus v-scrollable flex flex-col relative w-full h-full" data-parent>
3926          <ul class="flex-grow"><li class="menu-drawer__item"><details
3927  is="menu-drawer-details"
3928  level="top"
3929  
3930>
3931  <summary class="menu-drawer__item-link flex items-center justify-between">
3932    <span class="relative ">
3933      <span class="flex items-center">Beer</span></span><svg
3934  class="icon icon-caret-right rtl-flip-x icon--2xs icon--thick"
3935  viewBox="0 0 20 20"
3936  fill="none"
3937  xmlns="http://www.w3.org/2000/svg"
3938>
3939  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3940</svg>
3941</summary>
3942  <div class="menu-drawer__submenu absolute z-1 flex flex-col w-full h-full" data-parent>
3943    <button type="button" class="menu-drawer__item-back-link font-navigation flex items-center gap-2 w-full"><svg
3944  class="icon icon-caret-left rtl-flip-x icon--small icon--thick"
3945  viewBox="0 0 20 20"
3946  fill="none"
3947  xmlns="http://www.w3.org/2000/svg"
3948>
3949  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3950</svg>
3951Beer
3952    </button>
3953    <ul class="flex flex-col h-full v-scrollable" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3954              href="/collections/pilsner"
3955              class="menu-drawer__item-link flex items-center justify-between"
3956            >PILSNER</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3957              href="/collections/lager"
3958              class="menu-drawer__item-link flex items-center justify-between"
3959            >LAGER</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3960              href="/collections/pale-pilsner"
3961              class="menu-drawer__item-link flex items-center justify-between"
3962            >PALE PILSNER</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3963              href="/collections/pale-lager"
3964              class="menu-drawer__item-link flex items-center justify-between"
3965            >PALE LAGER</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3966              href="/collections/stout"
3967              class="menu-drawer__item-link flex items-center justify-between"
3968            >STOUT</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3969              href="/collections/ipa"
3970              class="menu-drawer__item-link flex items-center justify-between"
3971            >IPA</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3972              href="/collections/helles"
3973              class="menu-drawer__item-link flex items-center justify-between"
3974            >HELLES</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3975              href="/collections/wheat-beer"
3976              class="menu-drawer__item-link flex items-center justify-between"
3977            >WHEAT BEER</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3978              href="/collections/pale-ale"
3979              class="menu-drawer__item-link flex items-center justify-between"
3980            >PALE ALE</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3981              href="/collections/hybrid-beer"
3982              class="menu-drawer__item-link flex items-center justify-between"
3983            >HYBRID BEER</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3984              href="/collections/cider"
3985              class="menu-drawer__item-link flex items-center justify-between"
3986            >CIDER</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3987              href="/collections/ale"
3988              class="menu-drawer__item-link flex items-center justify-between"
3989            >ALE</a></li></ul>
3990  </div>
3991</details>
3992</li><li class="menu-drawer__item"><details
3993  is="menu-drawer-details"
3994  level="top"
3995  
3996>
3997  <summary class="menu-drawer__item-link flex items-center justify-between">
3998    <span class="relative ">
3999      <span class="flex items-center">Whiskey</span></span><svg
4000  class="icon icon-caret-right rtl-flip-x icon--2xs icon--thick"
4001  viewBox="0 0 20 20"
4002  fill="none"
4003  xmlns="http://www.w3.org/2000/svg"
4004>
4005  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4006</svg>
4007</summary>
4008  <div class="menu-drawer__submenu absolute z-1 flex flex-col w-full h-full" data-parent>
4009    <button type="button" class="menu-drawer__item-back-link font-navigation flex items-center gap-2 w-full"><svg
4010  class="icon icon-caret-left rtl-flip-x icon--small icon--thick"
4011  viewBox="0 0 20 20"
4012  fill="none"
4013  xmlns="http://www.w3.org/2000/svg"
4014>
4015  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4016</svg>
4017Whiskey
4018    </button>
4019    <ul class="flex flex-col h-full v-scrollable" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4020              href="/collections/bourbon-whiskey"
4021              class="menu-drawer__item-link flex items-center justify-between"
4022            >BOURBON WHISKEY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4023              href="/collections/irish-whiskey"
4024              class="menu-drawer__item-link flex items-center justify-between"
4025            >IRISH WHISKEY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4026              href="/collections/japnese-whiskey"
4027              class="menu-drawer__item-link flex items-center justify-between"
4028            >JAPANESE WHISKEY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4029              href="/collections/single-malt-whiskey"
4030              class="menu-drawer__item-link flex items-center justify-between"
4031            >SINGLE MALT WHISKEY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4032              href="/collections/blended-scotch-whiskey"
4033              class="menu-drawer__item-link flex items-center justify-between"
4034            >BLENDED SCOTCH WHISKEY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4035              href="/collections/grain"
4036              class="menu-drawer__item-link flex items-center justify-between"
4037            >GRAIN WHISKEY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4038              href="/collections/rey"
4039              class="menu-drawer__item-link flex items-center justify-between"
4040            >RYE WHISKEY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4041              href="/collections/indian"
4042              class="menu-drawer__item-link flex items-center justify-between"
4043            >INDIAN WHISKEY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4044              href="/collections/canadian"
4045              class="menu-drawer__item-link flex items-center justify-between"
4046            >CANADIAN WHISKEY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4047              href="/collections/islay"
4048              class="menu-drawer__item-link flex items-center justify-between"
4049            >ISLAY WHSIKEY</a></li></ul>
4050  </div>
4051</details>
4052</li><li class="menu-drawer__item"><details
4053  is="menu-drawer-details"
4054  level="top"
4055  
4056>
4057  <summary class="menu-drawer__item-link flex items-center justify-between">
4058    <span class="relative ">
4059      <span class="flex items-center">Vodka</span></span><svg
4060  class="icon icon-caret-right rtl-flip-x icon--2xs icon--thick"
4061  viewBox="0 0 20 20"
4062  fill="none"
4063  xmlns="http://www.w3.org/2000/svg"
4064>
4065  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4066</svg>
4067</summary>
4068  <div class="menu-drawer__submenu absolute z-1 flex flex-col w-full h-full" data-parent>
4069    <button type="button" class="menu-drawer__item-back-link font-navigation flex items-center gap-2 w-full"><svg
4070  class="icon icon-caret-left rtl-flip-x icon--small icon--thick"
4071  viewBox="0 0 20 20"
4072  fill="none"
4073  xmlns="http://www.w3.org/2000/svg"
4074>
4075  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4076</svg>
4077Vodka
4078    </button>
4079    <ul class="flex flex-col h-full v-scrollable" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4080              href="/collections/barley"
4081              class="menu-drawer__item-link flex items-center justify-between"
4082            >BARLEY VODKA</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4083              href="/collections/corn-vodka"
4084              class="menu-drawer__item-link flex items-center justify-between"
4085            >CORN VODKA</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4086              href="/collections/flavoured-vodka"
4087              class="menu-drawer__item-link flex items-center justify-between"
4088            >FLAVORED VODKA</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4089              href="/collections/rice-vodka"
4090              class="menu-drawer__item-link flex items-center justify-between"
4091            >RICE VODKA</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4092              href="/collections/rye-vodka"
4093              class="menu-drawer__item-link flex items-center justify-between"
4094            >RYE VODKA</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4095              href="/collections/wheat-vodka"
4096              class="menu-drawer__item-link flex items-center justify-between"
4097            >WHEAT VODKA</a></li></ul>
4098  </div>
4099</details>
4100</li><li class="menu-drawer__item"><details
4101  is="menu-drawer-details"
4102  level="top"
4103  
4104>
4105  <summary class="menu-drawer__item-link flex items-center justify-between">
4106    <span class="relative ">
4107      <span class="flex items-center">Tequila</span></span><svg
4108  class="icon icon-caret-right rtl-flip-x icon--2xs icon--thick"
4109  viewBox="0 0 20 20"
4110  fill="none"
4111  xmlns="http://www.w3.org/2000/svg"
4112>
4113  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4114</svg>
4115</summary>
4116  <div class="menu-drawer__submenu absolute z-1 flex flex-col w-full h-full" data-parent>
4117    <button type="button" class="menu-drawer__item-back-link font-navigation flex items-center gap-2 w-full"><svg
4118  class="icon icon-caret-left rtl-flip-x icon--small icon--thick"
4119  viewBox="0 0 20 20"
4120  fill="none"
4121  xmlns="http://www.w3.org/2000/svg"
4122>
4123  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4124</svg>
4125Tequila
4126    </button>
4127    <ul class="flex flex-col h-full v-scrollable" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4128              href="/collections/blanco"
4129              class="menu-drawer__item-link flex items-center justify-between"
4130            >BLANCO</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4131              href="/collections/raposado"
4132              class="menu-drawer__item-link flex items-center justify-between"
4133            >REPOSADO</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4134              href="/collections/mezical"
4135              class="menu-drawer__item-link flex items-center justify-between"
4136            >MEZCAL</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4137              href="/collections/anejo"
4138              class="menu-drawer__item-link flex items-center justify-between"
4139            >ANEJO</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4140              href="/collections/extra-anejo"
4141              class="menu-drawer__item-link flex items-center justify-between"
4142            >EXTRA ANEJO</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4143              href="/collections/cristalino"
4144              class="menu-drawer__item-link flex items-center justify-between"
4145            >CRISTALINO</a></li></ul>
4146  </div>
4147</details>
4148</li><li class="menu-drawer__item"><details
4149  is="menu-drawer-details"
4150  level="top"
4151  
4152>
4153  <summary class="menu-drawer__item-link flex items-center justify-between">
4154    <span class="relative ">
4155      <span class="flex items-center">Gin</span></span><svg
4156  class="icon icon-caret-right rtl-flip-x icon--2xs icon--thick"
4157  viewBox="0 0 20 20"
4158  fill="none"
4159  xmlns="http://www.w3.org/2000/svg"
4160>
4161  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4162</svg>
4163</summary>
4164  <div class="menu-drawer__submenu absolute z-1 flex flex-col w-full h-full" data-parent>
4165    <button type="button" class="menu-drawer__item-back-link font-navigation flex items-center gap-2 w-full"><svg
4166  class="icon icon-caret-left rtl-flip-x icon--small icon--thick"
4167  viewBox="0 0 20 20"
4168  fill="none"
4169  xmlns="http://www.w3.org/2000/svg"
4170>
4171  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4172</svg>
4173Gin
4174    </button>
4175    <ul class="flex flex-col h-full v-scrollable" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4176              href="/collections/flavoured"
4177              class="menu-drawer__item-link flex items-center justify-between"
4178            >FLAVORED GIN</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4179              href="/collections/london-dry"
4180              class="menu-drawer__item-link flex items-center justify-between"
4181            >LONDON DRY GIN</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4182              href="/collections/premium-1"
4183              class="menu-drawer__item-link flex items-center justify-between"
4184            >PREMIUM GIN</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4185              href="/collections/genever"
4186              class="menu-drawer__item-link flex items-center justify-between"
4187            >GENEVER GIN</a></li></ul>
4188  </div>
4189</details>
4190</li><li class="menu-drawer__item"><details
4191  is="menu-drawer-details"
4192  level="top"
4193  
4194>
4195  <summary class="menu-drawer__item-link flex items-center justify-between">
4196    <span class="relative ">
4197      <span class="flex items-center">Rum</span></span><svg
4198  class="icon icon-caret-right rtl-flip-x icon--2xs icon--thick"
4199  viewBox="0 0 20 20"
4200  fill="none"
4201  xmlns="http://www.w3.org/2000/svg"
4202>
4203  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4204</svg>
4205</summary>
4206  <div class="menu-drawer__submenu absolute z-1 flex flex-col w-full h-full" data-parent>
4207    <button type="button" class="menu-drawer__item-back-link font-navigation flex items-center gap-2 w-full"><svg
4208  class="icon icon-caret-left rtl-flip-x icon--small icon--thick"
4209  viewBox="0 0 20 20"
4210  fill="none"
4211  xmlns="http://www.w3.org/2000/svg"
4212>
4213  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4214</svg>
4215Rum
4216    </button>
4217    <ul class="flex flex-col h-full v-scrollable" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4218              href="/collections/aged-rum"
4219              class="menu-drawer__item-link flex items-center justify-between"
4220            >AGED RUM</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4221              href="/collections/aged-rum-1"
4222              class="menu-drawer__item-link flex items-center justify-between"
4223            >WHITE RUM</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4224              href="/collections/gold-rum"
4225              class="menu-drawer__item-link flex items-center justify-between"
4226            >GOLD RUM</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4227              href="/collections/dark-rum"
4228              class="menu-drawer__item-link flex items-center justify-between"
4229            >DARK RUM</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4230              href="/collections/spiced-rum"
4231              class="menu-drawer__item-link flex items-center justify-between"
4232            >SPICED RUM</a></li></ul>
4233  </div>
4234</details>
4235</li><li class="menu-drawer__item"><details
4236  is="menu-drawer-details"
4237  level="top"
4238  
4239>
4240  <summary class="menu-drawer__item-link flex items-center justify-between">
4241    <span class="relative ">
4242      <span class="flex items-center">Wine</span></span><svg
4243  class="icon icon-caret-right rtl-flip-x icon--2xs icon--thick"
4244  viewBox="0 0 20 20"
4245  fill="none"
4246  xmlns="http://www.w3.org/2000/svg"
4247>
4248  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4249</svg>
4250</summary>
4251  <div class="menu-drawer__submenu absolute z-1 flex flex-col w-full h-full" data-parent>
4252    <button type="button" class="menu-drawer__item-back-link font-navigation flex items-center gap-2 w-full"><svg
4253  class="icon icon-caret-left rtl-flip-x icon--small icon--thick"
4254  viewBox="0 0 20 20"
4255  fill="none"
4256  xmlns="http://www.w3.org/2000/svg"
4257>
4258  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4259</svg>
4260Wine
4261    </button>
4262    <ul class="flex flex-col h-full v-scrollable" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4263              href="/collections/red"
4264              class="menu-drawer__item-link flex items-center justify-between"
4265            >RED</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4266              href="/collections/white"
4267              class="menu-drawer__item-link flex items-center justify-between"
4268            >WHITE</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4269              href="/collections/rose"
4270              class="menu-drawer__item-link flex items-center justify-between"
4271            >ROSE</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4272              href="/collections/sparkling"
4273              class="menu-drawer__item-link flex items-center justify-between"
4274            >SPARKLING</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4275              href="/collections/fortified"
4276              class="menu-drawer__item-link flex items-center justify-between"
4277            >FORTIFIED</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4278              href="/collections/desert"
4279              class="menu-drawer__item-link flex items-center justify-between"
4280            >DESSERT</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4281              href="/collections/champagne-1"
4282              class="menu-drawer__item-link flex items-center justify-between"
4283            >CHAMPAGNE</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4284              href="/collections/box-wine"
4285              class="menu-drawer__item-link flex items-center justify-between"
4286            >BOX WINE</a></li></ul>
4287  </div>
4288</details>
4289</li><li class="menu-drawer__item"><details
4290  is="menu-drawer-details"
4291  level="top"
4292  
4293>
4294  <summary class="menu-drawer__item-link flex items-center justify-between">
4295    <span class="relative ">
4296      <span class="flex items-center">Brandy and Cognac</span></span><svg
4297  class="icon icon-caret-right rtl-flip-x icon--2xs icon--thick"
4298  viewBox="0 0 20 20"
4299  fill="none"
4300  xmlns="http://www.w3.org/2000/svg"
4301>
4302  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4303</svg>
4304</summary>
4305  <div class="menu-drawer__submenu absolute z-1 flex flex-col w-full h-full" data-parent>
4306    <button type="button" class="menu-drawer__item-back-link font-navigation flex items-center gap-2 w-full"><svg
4307  class="icon icon-caret-left rtl-flip-x icon--small icon--thick"
4308  viewBox="0 0 20 20"
4309  fill="none"
4310  xmlns="http://www.w3.org/2000/svg"
4311>
4312  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4313</svg>
4314Brandy and Cognac
4315    </button>
4316    <ul class="flex flex-col h-full v-scrollable" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4317              href="/collections/vsop"
4318              class="menu-drawer__item-link flex items-center justify-between"
4319            >VSOP</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4320              href="/collections/xo"
4321              class="menu-drawer__item-link flex items-center justify-between"
4322            >XO</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4323              href="/collections/honey"
4324              class="menu-drawer__item-link flex items-center justify-between"
4325            >HONEY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4326              href="/collections/vs"
4327              class="menu-drawer__item-link flex items-center justify-between"
4328            >VS</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4329              href="/collections/pisco"
4330              class="menu-drawer__item-link flex items-center justify-between"
4331            >PISCO</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4332              href="/collections/fillipino-brandy"
4333              class="menu-drawer__item-link flex items-center justify-between"
4334            >FILLIPINO BRANDY</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4335              href="/collections/others-cognac"
4336              class="menu-drawer__item-link flex items-center justify-between"
4337            >OTHERS COGNAC</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4338              href="/collections/others-brandy"
4339              class="menu-drawer__item-link flex items-center justify-between"
4340            >OTHERS BRANDY</a></li></ul>
4341  </div>
4342</details>
4343</li><li class="menu-drawer__item"><details
4344  is="menu-drawer-details"
4345  level="top"
4346  
4347>
4348  <summary class="menu-drawer__item-link flex items-center justify-between">
4349    <span class="relative ">
4350      <span class="flex items-center">Liqueurs and More</span></span><svg
4351  class="icon icon-caret-right rtl-flip-x icon--2xs icon--thick"
4352  viewBox="0 0 20 20"
4353  fill="none"
4354  xmlns="http://www.w3.org/2000/svg"
4355>
4356  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4357</svg>
4358</summary>
4359  <div class="menu-drawer__submenu absolute z-1 flex flex-col w-full h-full" data-parent>
4360    <button type="button" class="menu-drawer__item-back-link font-navigation flex items-center gap-2 w-full"><svg
4361  class="icon icon-caret-left rtl-flip-x icon--small icon--thick"
4362  viewBox="0 0 20 20"
4363  fill="none"
4364  xmlns="http://www.w3.org/2000/svg"
4365>
4366  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4367</svg>
4368Liqueurs and More
4369    </button>
4370    <ul class="flex flex-col h-full v-scrollable" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4371              href="/collections/arak"
4372              class="menu-drawer__item-link flex items-center justify-between"
4373            >ARAK</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4374              href="/collections/absinthe"
4375              class="menu-drawer__item-link flex items-center justify-between"
4376            >ABSINTHE</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4377              href="/collections/cocktail-liquor"
4378              class="menu-drawer__item-link flex items-center justify-between"
4379            >COCKTAIL LIQUOR</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4380              href="/collections/essential-liqour"
4381              class="menu-drawer__item-link flex items-center justify-between"
4382            >ESSENTIAL LIQOUR</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4383              href="/collections/soju"
4384              class="menu-drawer__item-link flex items-center justify-between"
4385            >SOJU</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4386              href="/collections/sake"
4387              class="menu-drawer__item-link flex items-center justify-between"
4388            >SAKE</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4389              href="/collections/rtd"
4390              class="menu-drawer__item-link flex items-center justify-between"
4391            >RTD</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4392              href="/collections/cachaca"
4393              class="menu-drawer__item-link flex items-center justify-between"
4394            >CACHACA</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4395              href="/collections/baijiu"
4396              class="menu-drawer__item-link flex items-center justify-between"
4397            >BAIJJU</a></li></ul>
4398  </div>
4399</details>
4400</li><li class="menu-drawer__item"><a
4401                    href="/collections/cigar"
4402                    
4403                    class="menu-drawer__item-link flex items-center justify-between"
4404                  >
4405                    <span class="relative">
4406                      <span class="">Cigars</span></span>
4407                  </a></li><li class="menu-drawer__item"><a
4408                    href="/collections/vape"
4409                    
4410                    class="menu-drawer__item-link flex items-center justify-between"
4411                  >
4412                    <span class="relative">
4413                      <span class="">Vape</span></span>
4414                  </a></li><li class="menu-drawer__item"><a
4415                    href="/collections/hydration"
4416                    
4417                    class="menu-drawer__item-link flex items-center justify-between"
4418                  >
4419                    <span class="relative">
4420                      <span class="">Hangover Cure</span></span>
4421                  </a></li><li class="menu-drawer__item"><details
4422  is="menu-drawer-details"
4423  level="top"
4424  
4425>
4426  <summary class="menu-drawer__item-link flex items-center justify-between">
4427    <span class="relative ">
4428      <span class="flex items-center">Others</span></span><svg
4429  class="icon icon-caret-right rtl-flip-x icon--2xs icon--thick"
4430  viewBox="0 0 20 20"
4431  fill="none"
4432  xmlns="http://www.w3.org/2000/svg"
4433>
4434  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4435</svg>
4436</summary>
4437  <div class="menu-drawer__submenu absolute z-1 flex flex-col w-full h-full" data-parent>
4438    <button type="button" class="menu-drawer__item-back-link font-navigation flex items-center gap-2 w-full"><svg
4439  class="icon icon-caret-left rtl-flip-x icon--small icon--thick"
4440  viewBox="0 0 20 20"
4441  fill="none"
4442  xmlns="http://www.w3.org/2000/svg"
4443>
4444  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4445</svg>
4446Others
4447    </button>
4448    <ul class="flex flex-col h-full v-scrollable" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4449              href="/collections/glassware"
4450              class="menu-drawer__item-link flex items-center justify-between"
4451            >GLASSWARE</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4452              href="/collections/bar-essentials"
4453              class="menu-drawer__item-link flex items-center justify-between"
4454            >BAR ESSENTIALS</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
4455              href="/collections/gift-box"
4456              class="menu-drawer__item-link flex items-center justify-between"
4457            >GIFT BOX</a></li></ul>
4458  </div>
4459</details>
4460</li></ul>
4461          <div class="drawer__footer menu-drawer__footer flex justify-center flex-col gap-y-6">
4462            <div class="grid gap-4"><a
4463                  href="https://royalspirit.ae/customer_authentication/redirect?locale=en&region_country=AE"
4464                  class="account-button flex items-center gap-2"
4465                ><svg
4466  class="icon icon-account icon--large icon--thick shrink-0"
4467  viewBox="0 0 24 24"
4468  fill="none"
4469  xmlns="http://www.w3.org/2000/svg"
4470>
4471  <path d="M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4472  <path d="M2.90625 20.2508C3.82775 18.6544 5.15328 17.3287 6.74958 16.407C8.34588 15.4853 10.1567 15 12 15C13.8433 15 15.6541 15.4853 17.2504 16.407C18.8467 17.3287 20.1722 18.6544 21.0938 20.2508" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4473</svg>
4474<span>Sign in/ Register</span>
4475                </a><div class="menu-drawer__localization-form flex flex-wrap gap-x-6 gap-y-4"><div class="language-switcher no-js-hidden ">
4476    <localization-form
4477      class="disclosure no-js-hidden disclosure--up disclosure--plain"
4478      data-disclosure-locale
4479    ><form method="post" action="/localization" id="sections--18829767770339__header" accept-charset="UTF-8" class="selectors-form" enctype="multipart/form-data" data-disclosure-form=""><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search?type=product&options%5Bprefix%5D=last&q=alcohol" /><h2 class="visually-hidden">Language</h2>
4480        <button
4481          type="button"
4482          class="disclosure__toggle btn--plain text-normal font-body"
4483          aria-expanded="false"
4484          aria-controls="lang-list"
4485          aria-describedby="lang-heading"
4486          data-disclosure-toggle
4487        >
4488          English
4489          <svg
4490  class="icon icon-caret-left rtl-flip-x icon--medium icon--thick"
4491  viewBox="0 0 20 20"
4492  fill="none"
4493  xmlns="http://www.w3.org/2000/svg"
4494>
4495  <path d="M12.5 16.25L6.25 10L12.5 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4496</svg>
4497
4498        </button>
4499        <ul class="disclosure-list v-scrollable text-left">
4500          
4501            <li
4502              class="disclosure-list__item disclosure-list__item--current"
4503              tabindex="-1"
4504            >
4505              <a
4506                class="disclosure-list__option"
4507                href="#"
4508                hreflang="en"
4509                lang="en"
4510                
4511                  aria-current="true"
4512                
4513                data-value="en"
4514                data-disclosure-option
4515              >
4516                English
4517              </a>
4518            </li>
4519            <li
4520              class="disclosure-list__item"
4521              tabindex="-1"
4522            >
4523              <a
4524                class="disclosure-list__option"
4525                href="#"
4526                hreflang="af"
4527                lang="af"
4528                
4529                data-value="af"
4530                data-disclosure-option
4531              >
4532                Afrikaans
4533              </a>
4534            </li>
4535            <li
4536              class="disclosure-list__item"
4537              tabindex="-1"
4538            >
4539              <a
4540                class="disclosure-list__option"
4541                href="#"
4542                hreflang="hi"
4543                lang="hi"
4544                
4545                data-value="hi"
4546                data-disclosure-option
4547              >
4548                हिन्दी
4549              </a>
4550            </li></ul>
4551        <input type="hidden" name="locale_code" value="en" data-disclosure-input>
4552      </form>
4553    </localization-form>
4554  </div></div></div><div class="menu-drawer__social-icons">
4555                
4556
4557<ul
4558  class="list-unstyled flex flex-wrap gap-x-3 gap-y-2 items-center socials--bordered flex-wrap"
4559  role="list"
4560><li class="social__item inline-flex">
4561      <a
4562        rel="nofollow"
4563        href="https://www.facebook.com/RoyalSpirit.AE/"
4564        class="social__link inline-flex"
4565      ><svg
4566  aria-hidden="true"
4567  focusable="false"
4568  role="presentation"
4569  class="icon icon-facebook icon--large"
4570  viewBox="0 0 24 24"
4571  xmlns="http://www.w3.org/2000/svg"
4572>
4573  <path d="M9.1875 13.5223V21H13.2656V13.5223H16.3066L16.9395 10.084H13.2656V8.86758C13.2656 7.05 13.9793 6.35391 15.8215 6.35391C16.3945 6.35391 16.8551 6.36797 17.1223 6.39609V3.27773C16.6195 3.14062 15.3891 3 14.6789 3C10.9207 3 9.1875 4.77539 9.1875 8.60391V10.084H6.86719V13.5223H9.1875Z" fill="currentColor"/>
4574</svg>
4575<span class="visually-hidden">Facebook</span>
4576      </a>
4577    </li><li class="social__item inline-flex">
4578      <a
4579        rel="nofollow"
4580        href="https://www.instagram.com/royalspirit.ae?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
4581        class="social__link inline-flex"
4582      ><svg
4583  aria-hidden="true"
4584  focusable="false"
4585  role="presentation"
4586  class="icon icon-instagram icon--large"
4587  viewBox="0 0 24 24"
4588  xmlns="http://www.w3.org/2000/svg"
4589>
4590  <path d="M11.7255 3C9.35597 3 9.0586 3.01036 8.12796 3.05271C7.19914 3.09525 6.56515 3.2423 6.0104 3.45806C5.43656 3.68091 4.9498 3.97902 4.46485 4.46416C3.97953 4.94913 3.68144 5.43591 3.45787 6.00958C3.24157 6.56453 3.09434 7.19872 3.05253 8.12721C3.01091 9.05788 3 9.35544 3 11.725C3 14.0946 3.01054 14.391 3.05271 15.3217C3.09543 16.2506 3.24248 16.8846 3.45805 17.4393C3.68107 18.0132 3.97917 18.5 4.4643 18.9849C4.94907 19.4703 5.43584 19.7691 6.00931 19.9919C6.56442 20.2077 7.1986 20.3548 8.12724 20.3973C9.05787 20.4396 9.35506 20.45 11.7244 20.45C14.094 20.45 14.3905 20.4396 15.3211 20.3973C16.25 20.3548 16.8847 20.2077 17.4398 19.9919C18.0135 19.7691 18.4995 19.4703 18.9843 18.9849C19.4696 18.5 19.7677 18.0132 19.9912 17.4395C20.2057 16.8846 20.353 16.2504 20.3966 15.3219C20.4384 14.3912 20.4493 14.0946 20.4493 11.725C20.4493 9.35544 20.4384 9.05806 20.3966 8.12739C20.353 7.19854 20.2057 6.56453 19.9912 6.00976C19.7677 5.43591 19.4696 4.94913 18.9843 4.46416C18.4989 3.97884 18.0136 3.68073 17.4393 3.45806C16.8831 3.2423 16.2487 3.09525 15.3199 3.05271C14.3892 3.01036 14.093 3 11.7227 3H11.7255ZM10.9428 4.57232C11.1751 4.57195 11.4343 4.57232 11.7255 4.57232C14.055 4.57232 14.3311 4.58068 15.251 4.62249C16.1016 4.66139 16.5633 4.80353 16.8709 4.92295C17.278 5.08109 
459017.5683 5.27014 17.8735 5.57551C18.1789 5.88089 18.3679 6.17172 18.5264 6.57889C18.6458 6.88608 18.7881 7.34778 18.8269 8.19846C18.8687 9.11822 18.8777 9.39452 18.8777 11.723C18.8777 14.0515 18.8687 14.3278 18.8269 15.2475C18.788 16.0982 18.6458 16.5599 18.5264 16.8671C18.3683 17.2743 18.1789 17.5642 17.8735 17.8694C17.5681 18.1748 17.2782 18.3638 16.8709 18.522C16.5637 18.6419 16.1016 18.7837 15.251 18.8226C14.3313 18.8644 14.055 18.8735 11.7255 18.8735C9.39578 18.8735 9.11968 18.8644 8.19994 18.8226C7.34928 18.7833 6.8876 18.6412 6.57987 18.5218C6.17271 18.3636 5.88189 18.1746 5.57652 17.8692C5.27116 17.5638 5.08212 17.2737 4.92362 16.8664C4.8042 16.5592 4.66188 16.0975 4.62316 15.2468C4.58136 14.3271 4.573 14.0508 4.573 11.7208C4.573 9.39088 4.58136 9.11604 4.62316 8.19628C4.66206 7.3456 4.8042 6.8839 4.92362 6.57634C5.08176 6.16917 5.27116 5.87834 5.57652 5.57297C5.88189 5.26759 6.17271 5.07855 6.57987 4.92005C6.88741 4.80008 7.34928 4.6583 8.19994 4.61921C9.0048 4.58286 9.31671 4.57195 10.9428 4.57014V4.57232ZM16.3827 6.02103C15.8046 6.02103 15.3357 6.48945 15.3357 7.06767C15.3357 7.6457 15.8046 8.11467 16.3827 8.11467C16.9607 8.11467 17.4296 7.6457 17.4296 7.06767C17.4296 6.48964 16.9607 6.02067 16.3827 6.02067V6.02103ZM11.7255 7.24435C9.25109 7.24435 7.24495 9.25055 7.24495 11.725C7.24495 14.1994 9.25109 16.2047 11.7255 16.2047C14.1998 16.2047 16.2053 14.1994 16.2053 11.725C16.2053 9.25055 14.1997 7.24435 11.7253 7.24435H11.7255ZM11.7255 8.81667C13.3315 8.81667 14.6337 10.1187 14.6337 11.725C14.6337 13.3311 13.3315 14.6333 11.7255 14.6333C10.1192 14.6333 8.81722 13.3311 8.81722 11.725C8.81722 10.1187 10.1192 8.81667 11.7255 8.81667Z" fill="currentColor"/>
4591</svg>
4592<span class="visually-hidden">Instagram</span>
4593      </a>
4594    </li><li class="social__item inline-flex">
4595      <a
4596        rel="nofollow"
4597        href="https://www.tiktok.com/@royalspirit.ae"
4598        class="social__link inline-flex"
4599      ><svg
4600  aria-hidden="true"
4601  focusable="false"
4602  role="presentation"
4603  class="icon icon-tiktok icon--large"
4604  fill="none"
4605  viewBox="0 0 24 24"
4606  xmlns="http://www.w3.org/2000/svg"
4607>
4608  <path d="M10.2664 17.2589C11.6014 17.2589 12.6837 16.3032 12.6837 14.8417V4H15.5826C15.42 5.97723 17.3855 7.88718 19.5532 7.8435V10.5695C17.6994 10.5695 16.123 9.78561 15.5743 9.35059V14.8417C15.5743 17.2589 13.6728 20 10.2664 20C6.8601 20 5 17.2589 5 14.8417C5 11.43 8.61044 9.45136 11.0017 9.93497V12.7115C10.8814 12.669 10.5712 12.6061 10.3069 12.6061C8.96086 12.5564 7.8492 13.6482 7.8492 14.8417C7.8492 16.1767 8.93143 17.2589 10.2664 17.2589Z" fill="currentColor"/>
4609</svg>
4610<span class="visually-hidden">TikTok</span>
4611      </a>
4612    </li><li class="social__item inline-flex">
4613      <a
4614        rel="nofollow"
4615        href="https://www.youtube.com/@royalspirit2024"
4616        class="social__link inline-flex"
4617      ><svg
4618  aria-hidden="true"
4619  focusable="false"
4620  role="presentation"
4621  class="icon icon-youtube icon--large"
4622  viewBox="0 0 24 24"
4623  xmlns="http://www.w3.org/2000/svg"
4624>
4625  <path fill-rule="evenodd" clip-rule="evenodd" d="M19.8212 5.42824C20.6776 5.65882 21.3529 6.33412 21.5835 7.19059C22.0118 8.75529 21.9953 12.0165 21.9953 12.0165C21.9953 12.0165 21.9953 15.2612 21.5835 16.8259C21.3529 17.6824 20.6776 18.3576 19.8212 18.5882C18.2565 19 11.9976 19 11.9976 19C11.9976 19 5.75529 19 4.17412 18.5718C3.31765 18.3412 2.64235 17.6659 2.41176 16.8094C2 15.2612 2 12 2 12C2 12 2 8.75529 2.41176 7.19059C2.64235 6.33412 3.33412 5.64235 4.17412 5.41176C5.73882 5 11.9976 5 11.9976 5C11.9976 5 18.2565 5 19.8212 5.42824ZM15.2091 11.8857L10.0044 14.8834V8.88807L15.2091 11.8857Z" fill="currentColor"/>
4626</svg>
4627<span class="visually-hidden">YouTube</span>
4628      </a>
4629    </li></ul>
4630
4631              </div></div>
4632        </div>
4633      </nav>
4634    </div>
4635  </div>
4636</menu-drawer>
4637</header>
4638<div class="fixed-overlay fixed-overlay--header-section z-10"></div>
4639
4640<script type="application/ld+json">
4641  {
4642    "@context": "http://schema.org",
4643    "@type": "Organization",
4644    "name": "Royal Spirit",
4645    
4646      "logo": "https:\/\/royalspirit.ae\/cdn\/shop\/files\/ROYAL_SPIRIT_-_BLACKLOGO_b5b527b9-da0a-4d4e-9373-284eabaeb430.png?v=1768402995\u0026width=500",
4647    
4648    "sameAs": [
4649      "",
4650      "https:\/\/www.facebook.com\/RoyalSpirit.AE\/",
4651      "",
4652      "https:\/\/www.instagram.com\/royalspirit.ae?utm_source=ig_web_button_share_sheet\u0026igsh=ZDNlZDc0MzIxNw==",
4653      "https:\/\/www.tiktok.com\/@royalspirit.ae",
4654      "",
4655      "",
4656      "https:\/\/www.youtube.com\/@royalspirit2024",
4657      ""
4658    ],
4659    "url": "https:\/\/royalspirit.ae"
4660  }
4661</script>
4661
4662<style> #shopify-section-sections--18829767770339__header .product-card__info {--pcard-info-gap: 1.2rem;} #shopify-section-sections--18829767770339__header .track-order-btn {display: flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #e53935, #c62828); color: #fff !important; text-decoration: none; padding: 12px 24px; border-radius: 50px; font-size: 14px; font-weight: 700; transition: 0.3s; box-shadow: 0 8px 25px rgba(229, 57, 53, 0.35); margin-right: 18px;} #shopify-section-sections--18829767770339__header .track-order-btn:hover {transform: translateY(-2px); box-shadow: 0 15px 35px rgba(229, 57, 53, 0.45);} @media (max-width: 991px) {#shopify-section-sections--18829767770339__header .track-order-btn {display: none; }} </style></div>
4663<!-- END sections: header-group -->
4664
4665      <main id="MainContent" class="main-content content-for-layout focus-none" role="main" tabindex="-1">
4666        <div id="shopify-section-template--18829767475427__main" class="shopify-section"><link href="//royalspirit.ae/cdn/shop/t/2/assets/collection.css?v=122747714746369527621745239064" rel="stylesheet" type="text/css" media="all" />
4667<link href="//royalspirit.ae/cdn/shop/t/2/assets/component-article-card.css?v=124709333642316563711745239064" rel="stylesheet" type="text/css" media="all" />
4668
4669<script src="//royalspirit.ae/cdn/shop/t/2/assets/facets.js?v=101927242490446582701745239064" defer="defer"></script>
vendor: 1 bytes, line 4669
4669
4670<script src="//royalspirit.ae/cdn/shop/t/2/assets/search.js?v=101789467094352444881745239065" defer="defer"></script>
vendor: 1 bytes, line 4670
4670
4671<script src="//royalspirit.ae/cdn/shop/t/2/assets/show-more.js?v=10524894419815246201745239065" defer="defer"></script>
4671<div
4672  class="collection 1 page-width template-search section--padding color-scheme-1"
4673  style="--section-padding-top: 36px;--section-padding-bottom: 36px;"
4674>
4675  <div data-motion="fade-up" class="template-search__header grid gap-6">
4676    <h1 class="h2 text-center" tabindex="-1">
4677      <motion-element class="block" data-motion="fade-up">Search results</motion-element>
4678    </h1>
4679    <div class="template-search__search flex items-center justify-center relative"><predictive-search class="block w-full search__form" data-results-limit="10">
4680  <div class="flex flex-col w-full h-full">
4681    <form
4682      action="/search"
4683      method="get"
4684      role="search"
4685      data-search-recommendation-empty="false"
4686      id="PredictiveSearch-template--18829767475427__main"
4687    >
4688      <input type="hidden" name="options[prefix]" value="last">
4689      <div class="search__field relative flex items-center"><div class="search__types">
4690            <select
4691              class="form-select form-control"
4692              aria-label="Search type"
4693              id="SearchProductTypes"
4694            >
4695              <option value="">All Categories</option>
4696              
4697                <option value="BAR ESSENTIALS">BAR ESSENTIALS</option>
4698              
4699                <option value="BEER">BEER</option>
4700              
4701                <option value="BRANDY">BRANDY</option>
4702              
4703                <option value="CIGAR">CIGAR</option>
4704              
4705                <option value="Champagne">Champagne</option>
4706              
4707                <option value="CHIPS">CHIPS</option>
4708              
4709                <option value="CHPIS">CHPIS</option>
4710              
4711                <option value="CIGAR">CIGAR</option>
4712              
4713                <option value="COGNAC">COGNAC</option>
4714              
4715                <option value="COGNACS">COGNACS</option>
4716              
4717                <option value="Champagne">Champagne</option>
4718              
4719                <option value="DRY GIN">DRY GIN</option>
4720              
4721                <option value="Energy Drink">Energy Drink</option>
4722              
4723                <option value="Flavor Sauce">Flavor Sauce</option>
4724              
4725                <option value="Flavor Syrup">Flavor Syrup</option>
4726              
4727                <option value="FRENCH CHEESE CHIPS">FRENCH CHEESE CHIPS</option>
4728              
4729                <option value="Flavor Syrup">Flavor Syrup</option>
4730              
4731                <option value="GIN">GIN</option>
4732              
4733                <option value="Gin">Gin</option>
4734              
4735                <option value="Glassware">Glassware</option>
4736              
4737                <option value="Hydration">Hydration</option>
4738              
4739                <option value="Japanese Sake">Japanese Sake</option>
4740              
4741                <option value="Juice">Juice</option>
4742              
4743                <option value="Liqueur">Liqueur</option>
4744              
4745                <option value="Liquor">Liquor</option>
4746              
4747                <option value="Mineral Water">Mineral Water</option>
4748              
4749                <option value="NUTS">NUTS</option>
4750              
4751                <option value="POPCORN">POPCORN</option>
4752              
4753                <option value="RTD">RTD</option>
4754              
4755                <option value="RUM">RUM</option>
4756              
4757                <option value="SALTED">SALTED</option>
4758              
4759                <option value="Single malt Whiskey">Single malt Whiskey</option>
4760              
4761                <option value="Soft drink">Soft drink</option>
4762              
4763                <option value="Sparkling Wine">Sparkling Wine</option>
4764              
4765                <option value="TEQUILA">TEQUILA</option>
4766              
4767                <option value="Tequila">Tequila</option>
4768              
4769                <option value="soda">soda</option>
4770              
4771                <option value="Soft drink">Soft drink</option>
4772              
4773                <option value="Sparkling Wine">Sparkling Wine</option>
4774              
4775                <option value="TAQUILA">TAQUILA</option>
4776              
4777                <option value="TEQ">TEQ</option>
4778              
4779                <option value="TEQUILA">TEQUILA</option>
4780              
4781                <option value="Tequila">Tequila</option>
4782              
4783                <option value="Tiki Totem Decor">Tiki Totem Decor</option>
4784              
4785                <option value="VODKA">VODKA</option>
4786              
4787                <option value="WHISKY">WHISKY</option>
4788              
4789                <option value="WINE">WINE</option>
4790              
4791                <option value="Whiskey">Whiskey</option>
4792              
4793                <option value="Wine">Wine</option>
4794              
4795                <option value="other">other</option>
4796              
4797                <option value="water">water</option>
4798              
4799                <option value="Whiskey">Whiskey</option>
4800              
4801                <option value="WHISKY">WHISKY</option>
4802              
4803                <option value="WINE">WINE</option>
4804              
4805                <option value="Wine">Wine</option>
4806              
4807                <option value="other">other</option>
4808              
4809                <option value="soda">soda</option>
4810              
4811            </select><svg
4812  class="icon icon-caret-down icon--2xs icon--thick"
4813  viewBox="0 0 20 20"
4814  fill="none"
4815  xmlns="http://www.w3.org/2000/svg"
4816>
4817  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4818</svg>
4819</div><input
4820          id="SearchInput-template--18829767475427__main"
4821          class="search__input form-control"
4822          type="search"
4823          name="q"
4824          
4825            value="alcohol"
4826          
4827          placeholder="What are you looking for?"
4828          
4829            role="combobox"
4830            aria-expanded="false"
4831            aria-owns="predictive-search-results"
4832            aria-controls="predictive-search-results"
4833            aria-haspopup="listbox"
4834            aria-autocomplete="list"
4835            autocorrect="off"
4836            autocomplete="off"
4837            autocapitalize="off"
4838            spellcheck="false"
4839          
4840        >
4841        <label class="visually-hidden" for="SearchInput-template--18829767475427__main">Search</label>
4842          <button
4843            type="reset"
4844            class="search__reset absolute flex items-center justify-center text-subtext"
4845            aria-label="Clear search term"
4846          >
4847            <span>Clear</span>
4848            
4849
4850<div class="loading__spinner hidden">
4851  <svg
4852    aria-hidden="true"
4853    focusable="false"
4854    class="spinner icon icon--extra-medium"
4855    viewBox="0 0 66 66"
4856    xmlns="http://www.w3.org/2000/svg"
4857  >
4858    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
4859  </svg>
4860</div>
4861
4862          </button><button
4863          type="submit"
4864          class="btn--inherit search__field-icon absolute search__icon-search flex items-center justify-center predictive-search-icon"
4865          aria-label="Search"
4866        ><svg
4867  xmlns="http://www.w3.org/2000/svg"
4868  class="icon icon-search icon--large icon--thick"
4869  viewBox="0 0 24 24"
4870  fill="none"
4871>
4872  <path d="M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4873  <path d="M16.4434 16.4453L20.9997 21.0016" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4874</svg>
4875</button>
4876      </div>
4877    </form>
4878    <div class="search__content page-width v-scrollable hidden"><div class="search_box search__recommendations flex flex-col md:flex-row gap-y-6">
4879          
4880            <div class="search__products-recommendation search__box-products flex flex-col flex-grow gap-5 lg:gap-6 order-last md:order-first">
4881              <h4 class="h4">Most searched products</h4>
4882              <div class="swipe-mobile swipe-mobile--2-cols">
4883                <div class="f-grid gap-3 lg:gap-7d5 swipe-mobile__inner"><product-card
4884  class="product-card product-card--adapt "
4885  data-product-handle="heineken-beer-bottles-33-cl"
4886  data-product-id="8835546185955"
4887>
4888  <div class="product-card__inner flex flex-col h-full">
4889
4890    <div class="product-card__media relative overflow-hidden">
4891      <a href="/products/heineken-beer-bottles-33-cl" class="product-card__media-link block"><img
4892            src="//royalspirit.ae/cdn/shop/files/BOTTLE_26641d23-b4e6-4c2a-b0ef-18907b3dd53f_600x.png?v=1772545886"
4893            alt="Heineken beer bottles 33 CL"
4894            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
4895            loading="lazy"
4896          ><img
4897            src="//royalspirit.ae/cdn/shop/files/b_0f11960e-9d54-473f-87f4-ddc5136c2703_600x.png?v=1772716861"
4898            alt="Heineken beer bottles 33 CL"
4899            class="product-card__image--hover absolute inset-0 w-full h-full object-cover opacity-0 transition-opacity duration-300 ease-in-out"
4900            loading="lazy"
4901          ></a>
4902    </div>
4903
4904    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
4905      <div>
4906        
4907          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
4908            BEER
4909          </div>
4910        
4911
4912        <h2 class="product-card__title text-lg font-semibold">
4913          <a href="/products/heineken-beer-bottles-33-cl" class="hover:underline">
4914            Heineken beer bottles 33 CL
4915          </a>
4916        </h2>
4917
4918        <div class="product-card__price text-base mt-2">
4919          
4920            <span class="text-gray-800">
4921              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
4921ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 48.00
4922            </span>
4923          
4924        </div>
4925      </div>
4926
4927      <form
4928        method="post"
4929        action="/cart/add"
4930        id="product-form-template--18829767475427__main-8835546185955"
4931        data-cart-drawer-form
4932      >
4933        <input type="hidden" name="id" value="46308515545315">
4934        <button
4935          id="product-form-template--18829767475427__main-8835546185955-submit"
4936          type="submit"
4937          name="add"
4938          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
4939          
4940        >
4941          <div class="btn__text flex gap-1 items-center justify-center">
4942            <span class="product-card__atc-text product-card__action-text">Add to cart
4943</span>
4944          </div>
4945          
4946
4947<div class="loading__spinner hidden">
4948  <svg
4949    aria-hidden="true"
4950    focusable="false"
4951    class="spinner icon icon--extra-medium"
4952    viewBox="0 0 66 66"
4953    xmlns="http://www.w3.org/2000/svg"
4954  >
4955    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
4956  </svg>
4957</div>
4958
4959        </button>
4960      </form>
4961    </div>
4962  </div>
4963</product-card>
4964
4965<script>
4966(function () {
4967  if (window.__cartDrawerFormInit) return;
4968  window.__cartDrawerFormInit = true;
4969
4970  async function refreshCartContent(sectionId) {
4971    const res = await fetch('/?sections=' + sectionId);
4972    const data = await res.json();
4973    const html = data[sectionId];
4974    if (!html) return;
4975
4976    const parser = new DOMParser();
4977    const doc = parser.parseFromString(html, 'text/html');
4978
4979    // Update cart items body
4980    const bodyId = 'CartDrawerBody-' + sectionId;
4981    const currentBody = document.getElementById(bodyId);
4982    const updatedBody = doc.getElementById(bodyId);
4983    if (currentBody && updatedBody) {
4984      currentBody.innerHTML = updatedBody.innerHTML;
4985      currentBody.className = updatedBody.className;
4986      updatedBody.hasAttribute('hidden')
4987        ? currentBody.setAttribute('hidden', '')
4988        : currentBody.removeAttribute('hidden');
4989    }
4990
4991    // Update empty state
4992    const emptyId = 'CartDrawerEmpty-' + sectionId;
4993    const currentEmpty = document.getElementById(emptyId);
4994    const updatedEmpty = doc.getElementById(emptyId);
4995    if (currentEmpty && updatedEmpty) {
4996      currentEmpty.innerHTML = updatedEmpty.innerHTML;
4997      currentEmpty.className = updatedEmpty.className;
4998      updatedEmpty.hasAttribute('hidden')
4999        ? currentEmpty.setAttribute('hidden', '')
5000        : currentEmpty.removeAttribute('hidden');
5001    }
5002
5003    // Update footer (totals)
5004    const footerId = 'CartDrawerFooter-' + sectionId;
5005    const currentFooter = document.getElementById(footerId);
5006    const updatedFooter = doc.getElementById(footerId);
5007    if (currentFooter && updatedFooter) {
5008      currentFooter.innerHTML = updatedFooter.innerHTML;
5009      currentFooter.className = updatedFooter.className;
5010      updatedFooter.hasAttribute('hidden')
5011        ? currentFooter.setAttribute('hidden', '')
5012        : currentFooter.removeAttribute('hidden');
5013    }
5014  }
5015
5016  function openCartDrawer() {
5017    const drawerEl = document.getElementById('CartDrawer');
5018    if (!drawerEl) return;
5019
5020    // Find the header cart button (NOT the close btn inside drawer)
5021    // It sits outside the drawer and has aria-controls="CartDrawer"
5022    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
5023    let headerBtn = null;
5024    allTriggers.forEach(btn => {
5025      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
5026      if (!drawerEl.contains(btn)) {
5027        headerBtn = btn;
5028      }
5029    });
5030
5031    if (headerBtn) {
5032      // Drawer is hidden — clicking the header button will open it
5033      if (drawerEl.hasAttribute('hidden')) {
5034        headerBtn.click();
5035      }
5036    } else {
5037      // Fallback: manually open
5038      drawerEl.removeAttribute('hidden');
5039    }
5040  }
5041
5042  document.addEventListener('submit', async function (e) {
5043    const form = e.target.closest('[data-cart-drawer-form]');
5044    if (!form) return;
5045    e.preventDefault();
5046
5047    const btn = form.querySelector('[type="submit"]');
5048    btn.classList.add('loading');
5049    btn.disabled = true;
5050
5051    try {
5052      // 1. Add item to cart
5053      const addRes = await fetch('/cart/add.js', {
5054        method: 'POST',
5055        headers: {
5056          'Content-Type': 'application/json',
5057          'X-Requested-With': 'XMLHttpRequest'
5058        },
5059        body: JSON.stringify({
5060          id: form.querySelector('[name="id"]').value,
5061          quantity: 1
5062        })
5063      });
5064
5065      if (!addRes.ok) throw new Error('Add to cart failed');
5066
5067      // 2. Get section ID from the drawer element
5068      const drawerEl = document.getElementById('CartDrawer');
5069      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
5070
5071      // 3. Refresh cart content first
5072      if (sectionId) {
5073        await refreshCartContent(sectionId);
5074      }
5075
5076      // 4. Open the drawer
5077      openCartDrawer();
5078
5079    } catch (err) {
5080      console.error('[card-product] ATC error:', err);
5081    } finally {
5082      btn.classList.remove('loading');
5083      btn.disabled = false;
5084    }
5085  });
5086})();
5087</script>
5087<product-card
5088  class="product-card product-card--adapt "
5089  data-product-handle="clase-azul-anejo-gbx-70-cl"
5090  data-product-id="8836692410595"
5091>
5092  <div class="product-card__inner flex flex-col h-full">
5093
5094    <div class="product-card__media relative overflow-hidden">
5095      <a href="/products/clase-azul-anejo-gbx-70-cl" class="product-card__media-link block"><img
5096            src="//royalspirit.ae/cdn/shop/files/4_dde48788-816d-4e78-a008-9bdf859f0d0c_600x.png?v=1747141402"
5097            alt="Clase Azul Anejo GBX 70 CL"
5098            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
5099            loading="lazy"
5100          ></a>
5101    </div>
5102
5103    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
5104      <div>
5105        
5106          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
5107            Tequila
5108          </div>
5109        
5110
5111        <h2 class="product-card__title text-lg font-semibold">
5112          <a href="/products/clase-azul-anejo-gbx-70-cl" class="hover:underline">
5113            Clase Azul Anejo 70CL
5114          </a>
5115        </h2>
5116
5117        <div class="product-card__price text-base mt-2">
5118          
5119            <span class="line-through text-gray-500">
5120              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
5120ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 4,699.00
5121            </span>
5122            <span class="text-red-600 font-semibold">
5123              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
5123ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 3,599.00
5124            </span>
5125          
5126        </div>
5127      </div>
5128
5129      <form
5130        method="post"
5131        action="/cart/add"
5132        id="product-form-template--18829767475427__main-8836692410595"
5133        data-cart-drawer-form
5134      >
5135        <input type="hidden" name="id" value="46315187929315">
5136        <button
5137          id="product-form-template--18829767475427__main-8836692410595-submit"
5138          type="submit"
5139          name="add"
5140          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
5141          
5142        >
5143          <div class="btn__text flex gap-1 items-center justify-center">
5144            <span class="product-card__atc-text product-card__action-text">Add to cart
5145</span>
5146          </div>
5147          
5148
5149<div class="loading__spinner hidden">
5150  <svg
5151    aria-hidden="true"
5152    focusable="false"
5153    class="spinner icon icon--extra-medium"
5154    viewBox="0 0 66 66"
5155    xmlns="http://www.w3.org/2000/svg"
5156  >
5157    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
5158  </svg>
5159</div>
5160
5161        </button>
5162      </form>
5163    </div>
5164  </div>
5165</product-card>
5166
5167<script>
5168(function () {
5169  if (window.__cartDrawerFormInit) return;
5170  window.__cartDrawerFormInit = true;
5171
5172  async function refreshCartContent(sectionId) {
5173    const res = await fetch('/?sections=' + sectionId);
5174    const data = await res.json();
5175    const html = data[sectionId];
5176    if (!html) return;
5177
5178    const parser = new DOMParser();
5179    const doc = parser.parseFromString(html, 'text/html');
5180
5181    // Update cart items body
5182    const bodyId = 'CartDrawerBody-' + sectionId;
5183    const currentBody = document.getElementById(bodyId);
5184    const updatedBody = doc.getElementById(bodyId);
5185    if (currentBody && updatedBody) {
5186      currentBody.innerHTML = updatedBody.innerHTML;
5187      currentBody.className = updatedBody.className;
5188      updatedBody.hasAttribute('hidden')
5189        ? currentBody.setAttribute('hidden', '')
5190        : currentBody.removeAttribute('hidden');
5191    }
5192
5193    // Update empty state
5194    const emptyId = 'CartDrawerEmpty-' + sectionId;
5195    const currentEmpty = document.getElementById(emptyId);
5196    const updatedEmpty = doc.getElementById(emptyId);
5197    if (currentEmpty && updatedEmpty) {
5198      currentEmpty.innerHTML = updatedEmpty.innerHTML;
5199      currentEmpty.className = updatedEmpty.className;
5200      updatedEmpty.hasAttribute('hidden')
5201        ? currentEmpty.setAttribute('hidden', '')
5202        : currentEmpty.removeAttribute('hidden');
5203    }
5204
5205    // Update footer (totals)
5206    const footerId = 'CartDrawerFooter-' + sectionId;
5207    const currentFooter = document.getElementById(footerId);
5208    const updatedFooter = doc.getElementById(footerId);
5209    if (currentFooter && updatedFooter) {
5210      currentFooter.innerHTML = updatedFooter.innerHTML;
5211      currentFooter.className = updatedFooter.className;
5212      updatedFooter.hasAttribute('hidden')
5213        ? currentFooter.setAttribute('hidden', '')
5214        : currentFooter.removeAttribute('hidden');
5215    }
5216  }
5217
5218  function openCartDrawer() {
5219    const drawerEl = document.getElementById('CartDrawer');
5220    if (!drawerEl) return;
5221
5222    // Find the header cart button (NOT the close btn inside drawer)
5223    // It sits outside the drawer and has aria-controls="CartDrawer"
5224    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
5225    let headerBtn = null;
5226    allTriggers.forEach(btn => {
5227      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
5228      if (!drawerEl.contains(btn)) {
5229        headerBtn = btn;
5230      }
5231    });
5232
5233    if (headerBtn) {
5234      // Drawer is hidden — clicking the header button will open it
5235      if (drawerEl.hasAttribute('hidden')) {
5236        headerBtn.click();
5237      }
5238    } else {
5239      // Fallback: manually open
5240      drawerEl.removeAttribute('hidden');
5241    }
5242  }
5243
5244  document.addEventListener('submit', async function (e) {
5245    const form = e.target.closest('[data-cart-drawer-form]');
5246    if (!form) return;
5247    e.preventDefault();
5248
5249    const btn = form.querySelector('[type="submit"]');
5250    btn.classList.add('loading');
5251    btn.disabled = true;
5252
5253    try {
5254      // 1. Add item to cart
5255      const addRes = await fetch('/cart/add.js', {
5256        method: 'POST',
5257        headers: {
5258          'Content-Type': 'application/json',
5259          'X-Requested-With': 'XMLHttpRequest'
5260        },
5261        body: JSON.stringify({
5262          id: form.querySelector('[name="id"]').value,
5263          quantity: 1
5264        })
5265      });
5266
5267      if (!addRes.ok) throw new Error('Add to cart failed');
5268
5269      // 2. Get section ID from the drawer element
5270      const drawerEl = document.getElementById('CartDrawer');
5271      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
5272
5273      // 3. Refresh cart content first
5274      if (sectionId) {
5275        await refreshCartContent(sectionId);
5276      }
5277
5278      // 4. Open the drawer
5279      openCartDrawer();
5280
5281    } catch (err) {
5282      console.error('[card-product] ATC error:', err);
5283    } finally {
5284      btn.classList.remove('loading');
5285      btn.disabled = false;
5286    }
5287  });
5288})();
5289</script>
5289<product-card
5290  class="product-card product-card--adapt "
5291  data-product-handle="hendrick-s-gin"
5292  data-product-id="8836285268195"
5293>
5294  <div class="product-card__inner flex flex-col h-full">
5295
5296    <div class="product-card__media relative overflow-hidden">
5297      <a href="/products/hendrick-s-gin" class="product-card__media-link block"><img
5298            src="//royalspirit.ae/cdn/shop/files/GIN2167_600x.png?v=1746184677"
5299            alt="Hendrick’s Gin"
5300            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
5301            loading="lazy"
5302          ></a>
5303    </div>
5304
5305    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
5306      <div>
5307        
5308          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
5309            GIN
5310          </div>
5311        
5312
5313        <h2 class="product-card__title text-lg font-semibold">
5314          <a href="/products/hendrick-s-gin" class="hover:underline">
5315            Hendrick’s Gin 1L
5316          </a>
5317        </h2>
5318
5319        <div class="product-card__price text-base mt-2">
5320          
5321            <span class="line-through text-gray-500">
5322              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
5322ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 199.00
5323            </span>
5324            <span class="text-red-600 font-semibold">
5325              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
5325ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 159.00
5326            </span>
5327          
5328        </div>
5329      </div>
5330
5331      <form
5332        method="post"
5333        action="/cart/add"
5334        id="product-form-template--18829767475427__main-8836285268195"
5335        data-cart-drawer-form
5336      >
5337        <input type="hidden" name="id" value="46312543617251">
5338        <button
5339          id="product-form-template--18829767475427__main-8836285268195-submit"
5340          type="submit"
5341          name="add"
5342          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
5343          
5344        >
5345          <div class="btn__text flex gap-1 items-center justify-center">
5346            <span class="product-card__atc-text product-card__action-text">Add to cart
5347</span>
5348          </div>
5349          
5350
5351<div class="loading__spinner hidden">
5352  <svg
5353    aria-hidden="true"
5354    focusable="false"
5355    class="spinner icon icon--extra-medium"
5356    viewBox="0 0 66 66"
5357    xmlns="http://www.w3.org/2000/svg"
5358  >
5359    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
5360  </svg>
5361</div>
5362
5363        </button>
5364      </form>
5365    </div>
5366  </div>
5367</product-card>
5368
5369<script>
5370(function () {
5371  if (window.__cartDrawerFormInit) return;
5372  window.__cartDrawerFormInit = true;
5373
5374  async function refreshCartContent(sectionId) {
5375    const res = await fetch('/?sections=' + sectionId);
5376    const data = await res.json();
5377    const html = data[sectionId];
5378    if (!html) return;
5379
5380    const parser = new DOMParser();
5381    const doc = parser.parseFromString(html, 'text/html');
5382
5383    // Update cart items body
5384    const bodyId = 'CartDrawerBody-' + sectionId;
5385    const currentBody = document.getElementById(bodyId);
5386    const updatedBody = doc.getElementById(bodyId);
5387    if (currentBody && updatedBody) {
5388      currentBody.innerHTML = updatedBody.innerHTML;
5389      currentBody.className = updatedBody.className;
5390      updatedBody.hasAttribute('hidden')
5391        ? currentBody.setAttribute('hidden', '')
5392        : currentBody.removeAttribute('hidden');
5393    }
5394
5395    // Update empty state
5396    const emptyId = 'CartDrawerEmpty-' + sectionId;
5397    const currentEmpty = document.getElementById(emptyId);
5398    const updatedEmpty = doc.getElementById(emptyId);
5399    if (currentEmpty && updatedEmpty) {
5400      currentEmpty.innerHTML = updatedEmpty.innerHTML;
5401      currentEmpty.className = updatedEmpty.className;
5402      updatedEmpty.hasAttribute('hidden')
5403        ? currentEmpty.setAttribute('hidden', '')
5404        : currentEmpty.removeAttribute('hidden');
5405    }
5406
5407    // Update footer (totals)
5408    const footerId = 'CartDrawerFooter-' + sectionId;
5409    const currentFooter = document.getElementById(footerId);
5410    const updatedFooter = doc.getElementById(footerId);
5411    if (currentFooter && updatedFooter) {
5412      currentFooter.innerHTML = updatedFooter.innerHTML;
5413      currentFooter.className = updatedFooter.className;
5414      updatedFooter.hasAttribute('hidden')
5415        ? currentFooter.setAttribute('hidden', '')
5416        : currentFooter.removeAttribute('hidden');
5417    }
5418  }
5419
5420  function openCartDrawer() {
5421    const drawerEl = document.getElementById('CartDrawer');
5422    if (!drawerEl) return;
5423
5424    // Find the header cart button (NOT the close btn inside drawer)
5425    // It sits outside the drawer and has aria-controls="CartDrawer"
5426    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
5427    let headerBtn = null;
5428    allTriggers.forEach(btn => {
5429      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
5430      if (!drawerEl.contains(btn)) {
5431        headerBtn = btn;
5432      }
5433    });
5434
5435    if (headerBtn) {
5436      // Drawer is hidden — clicking the header button will open it
5437      if (drawerEl.hasAttribute('hidden')) {
5438        headerBtn.click();
5439      }
5440    } else {
5441      // Fallback: manually open
5442      drawerEl.removeAttribute('hidden');
5443    }
5444  }
5445
5446  document.addEventListener('submit', async function (e) {
5447    const form = e.target.closest('[data-cart-drawer-form]');
5448    if (!form) return;
5449    e.preventDefault();
5450
5451    const btn = form.querySelector('[type="submit"]');
5452    btn.classList.add('loading');
5453    btn.disabled = true;
5454
5455    try {
5456      // 1. Add item to cart
5457      const addRes = await fetch('/cart/add.js', {
5458        method: 'POST',
5459        headers: {
5460          'Content-Type': 'application/json',
5461          'X-Requested-With': 'XMLHttpRequest'
5462        },
5463        body: JSON.stringify({
5464          id: form.querySelector('[name="id"]').value,
5465          quantity: 1
5466        })
5467      });
5468
5469      if (!addRes.ok) throw new Error('Add to cart failed');
5470
5471      // 2. Get section ID from the drawer element
5472      const drawerEl = document.getElementById('CartDrawer');
5473      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
5474
5475      // 3. Refresh cart content first
5476      if (sectionId) {
5477        await refreshCartContent(sectionId);
5478      }
5479
5480      // 4. Open the drawer
5481      openCartDrawer();
5482
5483    } catch (err) {
5484      console.error('[card-product] ATC error:', err);
5485    } finally {
5486      btn.classList.remove('loading');
5487      btn.disabled = false;
5488    }
5489  });
5490})();
5491</script>
5491<product-card
5492  class="product-card product-card--adapt "
5493  data-product-handle="absolut-blue-vodka-37-5cl"
5494  data-product-id="8965124358371"
5495>
5496  <div class="product-card__inner flex flex-col h-full">
5497
5498    <div class="product-card__media relative overflow-hidden">
5499      <a href="/products/absolut-blue-vodka-37-5cl" class="product-card__media-link block"><img
5500            src="//royalspirit.ae/cdn/shop/files/ABSOLUT-VODKA-BLUE-37.5CL_600x.jpg?v=1757941402"
5501            alt="Absolut Blue Vodka 37.5CL"
5502            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
5503            loading="lazy"
5504          ></a>
5505    </div>
5506
5507    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
5508      <div>
5509        
5510          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
5511            VODKA
5512          </div>
5513        
5514
5515        <h2 class="product-card__title text-lg font-semibold">
5516          <a href="/products/absolut-blue-vodka-37-5cl" class="hover:underline">
5517            Absolut Blue Vodka 37.5CL
5518          </a>
5519        </h2>
5520
5521        <div class="product-card__price text-base mt-2">
5522          
5523            <span class="text-gray-800">
5524              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
5524ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 30.00
5525            </span>
5526          
5527        </div>
5528      </div>
5529
5530      <form
5531        method="post"
5532        action="/cart/add"
5533        id="product-form-template--18829767475427__main-8965124358371"
5534        data-cart-drawer-form
5535      >
5536        <input type="hidden" name="id" value="47168526516451">
5537        <button
5538          id="product-form-template--18829767475427__main-8965124358371-submit"
5539          type="submit"
5540          name="add"
5541          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
5542          
5543        >
5544          <div class="btn__text flex gap-1 items-center justify-center">
5545            <span class="product-card__atc-text product-card__action-text">Add to cart
5546</span>
5547          </div>
5548          
5549
5550<div class="loading__spinner hidden">
5551  <svg
5552    aria-hidden="true"
5553    focusable="false"
5554    class="spinner icon icon--extra-medium"
5555    viewBox="0 0 66 66"
5556    xmlns="http://www.w3.org/2000/svg"
5557  >
5558    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
5559  </svg>
5560</div>
5561
5562        </button>
5563      </form>
5564    </div>
5565  </div>
5566</product-card>
5567
5568<script>
5569(function () {
5570  if (window.__cartDrawerFormInit) return;
5571  window.__cartDrawerFormInit = true;
5572
5573  async function refreshCartContent(sectionId) {
5574    const res = await fetch('/?sections=' + sectionId);
5575    const data = await res.json();
5576    const html = data[sectionId];
5577    if (!html) return;
5578
5579    const parser = new DOMParser();
5580    const doc = parser.parseFromString(html, 'text/html');
5581
5582    // Update cart items body
5583    const bodyId = 'CartDrawerBody-' + sectionId;
5584    const currentBody = document.getElementById(bodyId);
5585    const updatedBody = doc.getElementById(bodyId);
5586    if (currentBody && updatedBody) {
5587      currentBody.innerHTML = updatedBody.innerHTML;
5588      currentBody.className = updatedBody.className;
5589      updatedBody.hasAttribute('hidden')
5590        ? currentBody.setAttribute('hidden', '')
5591        : currentBody.removeAttribute('hidden');
5592    }
5593
5594    // Update empty state
5595    const emptyId = 'CartDrawerEmpty-' + sectionId;
5596    const currentEmpty = document.getElementById(emptyId);
5597    const updatedEmpty = doc.getElementById(emptyId);
5598    if (currentEmpty && updatedEmpty) {
5599      currentEmpty.innerHTML = updatedEmpty.innerHTML;
5600      currentEmpty.className = updatedEmpty.className;
5601      updatedEmpty.hasAttribute('hidden')
5602        ? currentEmpty.setAttribute('hidden', '')
5603        : currentEmpty.removeAttribute('hidden');
5604    }
5605
5606    // Update footer (totals)
5607    const footerId = 'CartDrawerFooter-' + sectionId;
5608    const currentFooter = document.getElementById(footerId);
5609    const updatedFooter = doc.getElementById(footerId);
5610    if (currentFooter && updatedFooter) {
5611      currentFooter.innerHTML = updatedFooter.innerHTML;
5612      currentFooter.className = updatedFooter.className;
5613      updatedFooter.hasAttribute('hidden')
5614        ? currentFooter.setAttribute('hidden', '')
5615        : currentFooter.removeAttribute('hidden');
5616    }
5617  }
5618
5619  function openCartDrawer() {
5620    const drawerEl = document.getElementById('CartDrawer');
5621    if (!drawerEl) return;
5622
5623    // Find the header cart button (NOT the close btn inside drawer)
5624    // It sits outside the drawer and has aria-controls="CartDrawer"
5625    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
5626    let headerBtn = null;
5627    allTriggers.forEach(btn => {
5628      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
5629      if (!drawerEl.contains(btn)) {
5630        headerBtn = btn;
5631      }
5632    });
5633
5634    if (headerBtn) {
5635      // Drawer is hidden — clicking the header button will open it
5636      if (drawerEl.hasAttribute('hidden')) {
5637        headerBtn.click();
5638      }
5639    } else {
5640      // Fallback: manually open
5641      drawerEl.removeAttribute('hidden');
5642    }
5643  }
5644
5645  document.addEventListener('submit', async function (e) {
5646    const form = e.target.closest('[data-cart-drawer-form]');
5647    if (!form) return;
5648    e.preventDefault();
5649
5650    const btn = form.querySelector('[type="submit"]');
5651    btn.classList.add('loading');
5652    btn.disabled = true;
5653
5654    try {
5655      // 1. Add item to cart
5656      const addRes = await fetch('/cart/add.js', {
5657        method: 'POST',
5658        headers: {
5659          'Content-Type': 'application/json',
5660          'X-Requested-With': 'XMLHttpRequest'
5661        },
5662        body: JSON.stringify({
5663          id: form.querySelector('[name="id"]').value,
5664          quantity: 1
5665        })
5666      });
5667
5668      if (!addRes.ok) throw new Error('Add to cart failed');
5669
5670      // 2. Get section ID from the drawer element
5671      const drawerEl = document.getElementById('CartDrawer');
5672      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
5673
5674      // 3. Refresh cart content first
5675      if (sectionId) {
5676        await refreshCartContent(sectionId);
5677      }
5678
5679      // 4. Open the drawer
5680      openCartDrawer();
5681
5682    } catch (err) {
5683      console.error('[card-product] ATC error:', err);
5684    } finally {
5685      btn.classList.remove('loading');
5686      btn.disabled = false;
5687    }
5688  });
5689})();
5690</script>
5690<product-card
5691  class="product-card product-card--adapt "
5692  data-product-handle="bacardi-anejo-1ltr"
5693  data-product-id="8835401548003"
5694>
5695  <div class="product-card__inner flex flex-col h-full">
5696
5697    <div class="product-card__media relative overflow-hidden">
5698      <a href="/products/bacardi-anejo-1ltr" class="product-card__media-link block"><img
5699            src="//royalspirit.ae/cdn/shop/files/7_2b5598c9-21f4-4e3a-a6db-b7d893a3e571_600x.png?v=1747141395"
5700            alt="Bacardi Anejo 4YO 1L"
5701            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
5702            loading="lazy"
5703          ></a>
5704    </div>
5705
5706    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
5707      <div>
5708        
5709          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
5710            RUM
5711          </div>
5712        
5713
5714        <h2 class="product-card__title text-lg font-semibold">
5715          <a href="/products/bacardi-anejo-1ltr" class="hover:underline">
5716            Bacardi Anejo 4YO 1L
5717          </a>
5718        </h2>
5719
5720        <div class="product-card__price text-base mt-2">
5721          
5722            <span class="line-through text-gray-500">
5723              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
5723ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 99.00
5724            </span>
5725            <span class="text-red-600 font-semibold">
5726              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
5726ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 95.00
5727            </span>
5728          
5729        </div>
5730      </div>
5731
5732      <form
5733        method="post"
5734        action="/cart/add"
5735        id="product-form-template--18829767475427__main-8835401548003"
5736        data-cart-drawer-form
5737      >
5738        <input type="hidden" name="id" value="46307493904611">
5739        <button
5740          id="product-form-template--18829767475427__main-8835401548003-submit"
5741          type="submit"
5742          name="add"
5743          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
5744          
5745        >
5746          <div class="btn__text flex gap-1 items-center justify-center">
5747            <span class="product-card__atc-text product-card__action-text">Add to cart
5748</span>
5749          </div>
5750          
5751
5752<div class="loading__spinner hidden">
5753  <svg
5754    aria-hidden="true"
5755    focusable="false"
5756    class="spinner icon icon--extra-medium"
5757    viewBox="0 0 66 66"
5758    xmlns="http://www.w3.org/2000/svg"
5759  >
5760    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
5761  </svg>
5762</div>
5763
5764        </button>
5765      </form>
5766    </div>
5767  </div>
5768</product-card>
5769
5770<script>
5771(function () {
5772  if (window.__cartDrawerFormInit) return;
5773  window.__cartDrawerFormInit = true;
5774
5775  async function refreshCartContent(sectionId) {
5776    const res = await fetch('/?sections=' + sectionId);
5777    const data = await res.json();
5778    const html = data[sectionId];
5779    if (!html) return;
5780
5781    const parser = new DOMParser();
5782    const doc = parser.parseFromString(html, 'text/html');
5783
5784    // Update cart items body
5785    const bodyId = 'CartDrawerBody-' + sectionId;
5786    const currentBody = document.getElementById(bodyId);
5787    const updatedBody = doc.getElementById(bodyId);
5788    if (currentBody && updatedBody) {
5789      currentBody.innerHTML = updatedBody.innerHTML;
5790      currentBody.className = updatedBody.className;
5791      updatedBody.hasAttribute('hidden')
5792        ? currentBody.setAttribute('hidden', '')
5793        : currentBody.removeAttribute('hidden');
5794    }
5795
5796    // Update empty state
5797    const emptyId = 'CartDrawerEmpty-' + sectionId;
5798    const currentEmpty = document.getElementById(emptyId);
5799    const updatedEmpty = doc.getElementById(emptyId);
5800    if (currentEmpty && updatedEmpty) {
5801      currentEmpty.innerHTML = updatedEmpty.innerHTML;
5802      currentEmpty.className = updatedEmpty.className;
5803      updatedEmpty.hasAttribute('hidden')
5804        ? currentEmpty.setAttribute('hidden', '')
5805        : currentEmpty.removeAttribute('hidden');
5806    }
5807
5808    // Update footer (totals)
5809    const footerId = 'CartDrawerFooter-' + sectionId;
5810    const currentFooter = document.getElementById(footerId);
5811    const updatedFooter = doc.getElementById(footerId);
5812    if (currentFooter && updatedFooter) {
5813      currentFooter.innerHTML = updatedFooter.innerHTML;
5814      currentFooter.className = updatedFooter.className;
5815      updatedFooter.hasAttribute('hidden')
5816        ? currentFooter.setAttribute('hidden', '')
5817        : currentFooter.removeAttribute('hidden');
5818    }
5819  }
5820
5821  function openCartDrawer() {
5822    const drawerEl = document.getElementById('CartDrawer');
5823    if (!drawerEl) return;
5824
5825    // Find the header cart button (NOT the close btn inside drawer)
5826    // It sits outside the drawer and has aria-controls="CartDrawer"
5827    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
5828    let headerBtn = null;
5829    allTriggers.forEach(btn => {
5830      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
5831      if (!drawerEl.contains(btn)) {
5832        headerBtn = btn;
5833      }
5834    });
5835
5836    if (headerBtn) {
5837      // Drawer is hidden — clicking the header button will open it
5838      if (drawerEl.hasAttribute('hidden')) {
5839        headerBtn.click();
5840      }
5841    } else {
5842      // Fallback: manually open
5843      drawerEl.removeAttribute('hidden');
5844    }
5845  }
5846
5847  document.addEventListener('submit', async function (e) {
5848    const form = e.target.closest('[data-cart-drawer-form]');
5849    if (!form) return;
5850    e.preventDefault();
5851
5852    const btn = form.querySelector('[type="submit"]');
5853    btn.classList.add('loading');
5854    btn.disabled = true;
5855
5856    try {
5857      // 1. Add item to cart
5858      const addRes = await fetch('/cart/add.js', {
5859        method: 'POST',
5860        headers: {
5861          'Content-Type': 'application/json',
5862          'X-Requested-With': 'XMLHttpRequest'
5863        },
5864        body: JSON.stringify({
5865          id: form.querySelector('[name="id"]').value,
5866          quantity: 1
5867        })
5868      });
5869
5870      if (!addRes.ok) throw new Error('Add to cart failed');
5871
5872      // 2. Get section ID from the drawer element
5873      const drawerEl = document.getElementById('CartDrawer');
5874      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
5875
5876      // 3. Refresh cart content first
5877      if (sectionId) {
5878        await refreshCartContent(sectionId);
5879      }
5880
5881      // 4. Open the drawer
5882      openCartDrawer();
5883
5884    } catch (err) {
5885      console.error('[card-product] ATC error:', err);
5886    } finally {
5887      btn.classList.remove('loading');
5888      btn.disabled = false;
5889    }
5890  });
5891})();
5892</script>
5892</div>
5893              </div>
5894            </div><div class="search__most-searched-keywords search__box-others flex flex-col gap-3">
5895              <h4 class="h6">Most searched keywords</h4>
5896              <ul class="flex flex-col flex-wrap gap-y-2 text-subtext"><li>
5897                    <a
5898                      href="/search?type=product&options%5Bprefix%5D=last&q=alcohol"
5899                      class="reversed-link text-capitalize"
5900                    >
5901                      alcohol
5902                    </a>
5903                  </li></ul>
5904            </div></div><div class="search__box search__results w-full h-full">
5905        <div
5906          id="PredictiveSearchResults-template--18829767475427__main"
5907          role="listbox"
5908          class="h-full w-full"
5909        ></div>
5910      </div>
5911    </div>
5912  </div>
5913</predictive-search>
5914</div></div>
5915  
5916<div class="sticky-element grid gap-5 z-9" style="--sticky-offset: 0px;"><div class="collection__toolbar flex flex-wrap items-end md:items-center justify-between gap-x-2">
5917            <div class="collection__toolbar-left flex md:items-center flex-col md:flex-row">
5918              <div data-facet-loading class="md:order-last">
5919
5920<div class="loading__spinner hidden">
5921  <svg
5922    aria-hidden="true"
5923    focusable="false"
5924    class="spinner icon icon--extra-medium"
5925    viewBox="0 0 66 66"
5926    xmlns="http://www.w3.org/2000/svg"
5927  >
5928    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
5929  </svg>
5930</div>
5931<p id="ProductCount" class="m-0 text-subtext" role="status">1000 results</p>
5932              </div><div class="facet-drawer-wrapper no-js-hidden"><div class="hidden xl:flex">
5933      <button
5934        is="facet-toggler"
5935        type="button"
5936        class="btn btn--icon gap-2 facet-drawer-button no-js-hidden"
5937      >
5938        <span class="btn__text flex gap-1 items-center"><svg
5939  class="icon icon-grid-four icon--large icon--thick"
5940  aria-hidden="true"
5941  focusable="false"
5942  xmlns="http://www.w3.org/2000/svg"
5943  width="20"
5944  height="20"
5945  viewBox="0 0 20 20"
5946  fill="none"
5947>
5948  <path d="M2.66244 4.79531C2.58111 4.70581 2.5275 4.59464 2.5081 4.47527C2.48869 4.35591 2.50434 4.23348 2.55313 4.12283C2.60192 4.01218 2.68177 3.91806 2.78299 3.85188C2.88421 3.7857 3.00245 3.75031 3.12338 3.75H16.8734C16.9944 3.75001 17.1129 3.78518 17.2144 3.85124C17.3158 3.9173 17.3959 4.0114 17.4449 4.12212C17.4939 4.23283 17.5096 4.35538 17.4903 4.47489C17.4709 4.5944 17.4173 4.70571 17.3359 4.79531L11.8734 10.625V15.207C11.8734 15.31 11.8481 15.4113 11.7996 15.5021C11.7511 15.5928 11.6809 15.6702 11.5953 15.7273L9.09525 17.3937C9.00122 17.4565 8.89192 17.4926 8.77901 17.4981C8.6661 17.5036 8.55381 17.4784 8.45408 17.4252C8.35435 17.372 8.27092 17.2927 8.21269 17.1958C8.15445 17.0989 8.12359 16.988 8.12338 16.875V10.625L2.66244 4.79531Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5949</svg>
5950<span>Filter</span>
5951        </span>
5952      </button>
5953    </div><div class="facet-drawer-button-wrap flex xl:hidden">
5954    <button
5955      class="btn btn--secondary gap-2 facet-drawer-button"
5956      type="button"
5957      aria-controls="FacetDrawer"
5958      aria-expanded="false"
5959      data-facet-loading
5960    >
5961      <span class="btn__text flex gap-1 items-center"><svg
5962  class="icon icon-grid-four icon--large icon--thick"
5963  aria-hidden="true"
5964  focusable="false"
5965  xmlns="http://www.w3.org/2000/svg"
5966  width="20"
5967  height="20"
5968  viewBox="0 0 20 20"
5969  fill="none"
5970>
5971  <path d="M2.66244 4.79531C2.58111 4.70581 2.5275 4.59464 2.5081 4.47527C2.48869 4.35591 2.50434 4.23348 2.55313 4.12283C2.60192 4.01218 2.68177 3.91806 2.78299 3.85188C2.88421 3.7857 3.00245 3.75031 3.12338 3.75H16.8734C16.9944 3.75001 17.1129 3.78518 17.2144 3.85124C17.3158 3.9173 17.3959 4.0114 17.4449 4.12212C17.4939 4.23283 17.5096 4.35538 17.4903 4.47489C17.4709 4.5944 17.4173 4.70571 17.3359 4.79531L11.8734 10.625V15.207C11.8734 15.31 11.8481 15.4113 11.7996 15.5021C11.7511 15.5928 11.6809 15.6702 11.5953 15.7273L9.09525 17.3937C9.00122 17.4565 8.89192 17.4926 8.77901 17.4981C8.6661 17.5036 8.55381 17.4784 8.45408 17.4252C8.35435 17.372 8.27092 17.2927 8.21269 17.1958C8.15445 17.0989 8.12359 16.988 8.12338 16.875V10.625L2.66244 4.79531Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5972</svg>
5973Filter
5974        <facet-count
5975          
5976            hidden
5977          
5978          >(0)</facet-count
5979        >
5980      </span>
5981
5982<div class="loading__spinner hidden">
5983  <svg
5984    aria-hidden="true"
5985    focusable="false"
5986    class="spinner icon icon--small"
5987    viewBox="0 0 66 66"
5988    xmlns="http://www.w3.org/2000/svg"
5989  >
5990    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
5991  </svg>
5992</div>
5993</button>
5994  </div>
5995  <drawer-component id="FacetDrawer" role="dialog" class="drawer drawer--left facet-drawer" hidden>
5996    <div class="fixed-overlay" aria-controls="FacetDrawer"></div>
5997    <div class="drawer__inner">
5998      <div class="drawer__content flex flex-col h-full w-full">
5999        <div class="drawer__header facet-drawer__header">
6000          <div class="drawer__header-inner flex items-center justify-between gap-3">
6001            <h2 class="drawer__heading h3">
6002              <span>Filter</span>
6003            </h2>
6004            <button
6005              class="drawer__close-btn z-1"
6006              aria-controls="FacetDrawer"
6007              aria-label="Close"
6008              type="button"
6009            >
6010              <svg
6011  xmlns="http://www.w3.org/2000/svg"
6012  aria-hidden="true"
6013  focusable="false"
6014  class="icon icon-close icon--large icon--thick"
6015  fill="none"
6016  viewBox="0 0 24 24"
6017>
6018  <path d="M18.75 5.13496L5.25 18.8544" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6019  <path d="M18.75 18.8544L5.25 5.13496" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6020</svg>
6021
6022            </button>
6023          </div>
6024        </div>
6025        <div class="drawer__body flex-grow v-scrollable"><div class="flex items-center gap-3 lg:hidden facet-short-drawer" id="SortByContainerMobile"><label for="SortBy-drawer" class="text-nowrap h4">Sort by:</label
6026>
6027<div class="select w-auto facet-short flex items-center gap-2 flex-grow"><select
6028    name="sort_by"
6029    class="form-control form-control--select"
6030    id="SortBy-drawer"
6031    aria-describedby="a11y-refresh-page-message"
6032    is="facet-short"
6033  ><option
6034        value="relevance"
6035        
6036          selected="selected"
6037        
6038      >
6039        Relevance
6040      </option><option
6041        value="price-ascending"
6042        
6043      >
6044        Price, low to high
6045      </option><option
6046        value="price-descending"
6047        
6048      >
6049        Price, high to low
6050      </option></select>
6051  <svg
6052  class="icon icon-caret-down icon--2xs icon--thick"
6053  viewBox="0 0 20 20"
6054  fill="none"
6055  xmlns="http://www.w3.org/2000/svg"
6056>
6057  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6058</svg>
6059
6060</div>
6061</div><form
6062    class="face-form"
6063    method="GET"
6064    action="/search"
6065    is="facet-form"
6066    data-section-id="template--18829767475427__main"
6067    data-history
6068    update-on-change
6069  >
6070    <div data-filter data-index="drawer-page" hidden>
6071      <input type="hidden" name="page" value=""><input type="hidden" name="q" value="alcohol"><input type="hidden" name="sort_by" value="relevance"></div>
6072<details
6073            class="accordion-details facet-accordion-details"
6074            is="accordion-details"
6075            data-filter
6076            data-index="drawer-filter.v.availability"
6077            
6078          >
6079            <summary class="accordion-details__summary flex items-center justify-between">
6080              <span class="h6">Availability</span><svg
6081  xmlns="http://www.w3.org/2000/svg"
6082  class="icon icon-plus-toggle icon--small icon--thick"
6083  viewBox="0 0 20 20"
6084  fill="none"
6085>
6086  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6087  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6088</svg>
6089</summary>
6090            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
6091                      <input
6092                        name="filter.v.availability"
6093                        value="1"
6094                        class="checkbox"
6095                        id="drawer-filter.v.availability-1"
6096                        type="checkbox"
6097                        
6098                      >
6099                      <label
6100                        for="drawer-filter.v.availability-1"
6101                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6102                      >
6103                        <span class="reversed-link__text">In stock</span>
6104                        <span class="count">1000</span>
6105                      </label>
6106                    </li><li class="flex items-center gap-2">
6107                      <input
6108                        name="filter.v.availability"
6109                        value="0"
6110                        class="checkbox"
6111                        id="drawer-filter.v.availability-2"
6112                        type="checkbox"
6113                        
6114                      >
6115                      <label
6116                        for="drawer-filter.v.availability-2"
6117                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6118                      >
6119                        <span class="reversed-link__text">Out of stock</span>
6120                        <span class="count">113</span>
6121                      </label>
6122                    </li></ul>
6123            </div>
6124          </details>
6125<details
6126            class="accordion-details facet-accordion-details"
6127            is="accordion-details"
6128            data-filter
6129            data-index="drawer-filter.v.t.shopify.country"
6130            
6131          >
6132            <summary class="accordion-details__summary flex items-center justify-between">
6133              <span class="h6">Country</span><svg
6134  xmlns="http://www.w3.org/2000/svg"
6135  class="icon icon-plus-toggle icon--small icon--thick"
6136  viewBox="0 0 20 20"
6137  fill="none"
6138>
6139  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6140  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6141</svg>
6142</summary>
6143            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
6144                      <input
6145                        name="filter.v.t.shopify.country"
6146                        value="gid://shopify/TaxonomyValue/8840"
6147                        class="checkbox"
6148                        id="drawer-filter.v.t.shopify.country-1"
6149                        type="checkbox"
6150                        
6151                      >
6152                      <label
6153                        for="drawer-filter.v.t.shopify.country-1"
6154                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6155                      >
6156                        <span class="reversed-link__text">Argentina</span>
6157                        <span class="count">14</span>
6158                      </label>
6159                    </li><li class="flex items-center gap-2">
6160                      <input
6161                        name="filter.v.t.shopify.country"
6162                        value="gid://shopify/TaxonomyValue/8807"
6163                        class="checkbox"
6164                        id="drawer-filter.v.t.shopify.country-2"
6165                        type="checkbox"
6166                        
6167                      >
6168                      <label
6169                        for="drawer-filter.v.t.shopify.country-2"
6170                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6171                      >
6172                        <span class="reversed-link__text">Australia</span>
6173                        <span class="count">84</span>
6174                      </label>
6175                    </li><li class="flex items-center gap-2">
6176                      <input
6177                        name="filter.v.t.shopify.country"
6178                        value="gid://shopify/TaxonomyValue/8846"
6179                        class="checkbox"
6180                        id="drawer-filter.v.t.shopify.country-3"
6181                        type="checkbox"
6182                        
6183                      >
6184                      <label
6185                        for="drawer-filter.v.t.shopify.country-3"
6186                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6187                      >
6188                        <span class="reversed-link__text">Barbados</span>
6189                        <span class="count">1</span>
6190                      </label>
6191                    </li><li class="flex items-center gap-2">
6192                      <input
6193                        name="filter.v.t.shopify.country"
6194                        value="gid://shopify/TaxonomyValue/8855"
6195                        class="checkbox"
6196                        id="drawer-filter.v.t.shopify.country-4"
6197                        type="checkbox"
6198                        
6199                      >
6200                      <label
6201                        for="drawer-filter.v.t.shopify.country-4"
6202                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6203                      >
6204                        <span class="reversed-link__text">Bulgaria</span>
6205                        <span class="count">4</span>
6206                      </label>
6207                    </li><li class="flex items-center gap-2">
6208                      <input
6209                        name="filter.v.t.shopify.country"
6210                        value="gid://shopify/TaxonomyValue/8811"
6211                        class="checkbox"
6212                        id="drawer-filter.v.t.shopify.country-5"
6213                        type="checkbox"
6214                        
6215                      >
6216                      <label
6217                        for="drawer-filter.v.t.shopify.country-5"
6218                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6219                      >
6220                        <span class="reversed-link__text">Canada</span>
6221                        <span class="count">2</span>
6222                      </label>
6223                    </li><li class="flex items-center gap-2">
6224                      <input
6225                        name="filter.v.t.shopify.country"
6226                        value="gid://shopify/TaxonomyValue/25950"
6227                        class="checkbox"
6228                        id="drawer-filter.v.t.shopify.country-6"
6229                        type="checkbox"
6230                        
6231                      >
6232                      <label
6233                        for="drawer-filter.v.t.shopify.country-6"
6234                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6235                      >
6236                        <span class="reversed-link__text">Caribbean Netherlands</span>
6237                        <span class="count">14</span>
6238                      </label>
6239                    </li><li class="flex items-center gap-2">
6240                      <input
6241                        name="filter.v.t.shopify.country"
6242                        value="gid://shopify/TaxonomyValue/8863"
6243                        class="checkbox"
6244                        id="drawer-filter.v.t.shopify.country-7"
6245                        type="checkbox"
6246                        
6247                      >
6248                      <label
6249                        for="drawer-filter.v.t.shopify.country-7"
6250                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6251                      >
6252                        <span class="reversed-link__text">Chile</span>
6253                        <span class="count">21</span>
6254                      </label>
6255                    </li><li class="flex items-center gap-2">
6256                      <input
6257                        name="filter.v.t.shopify.country"
6258                        value="gid://shopify/TaxonomyValue/8812"
6259                        class="checkbox"
6260                        id="drawer-filter.v.t.shopify.country-8"
6261                        type="checkbox"
6262                        
6263                      >
6264                      <label
6265                        for="drawer-filter.v.t.shopify.country-8"
6266                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6267                      >
6268                        <span class="reversed-link__text">China</span>
6269                        <span class="count">9</span>
6270                      </label>
6271                    </li><li class="flex items-center gap-2">
6272                      <input
6273                        name="filter.v.t.shopify.country"
6274                        value="gid://shopify/TaxonomyValue/8814"
6275                        class="checkbox"
6276                        id="drawer-filter.v.t.shopify.country-9"
6277                        type="checkbox"
6278                        
6279                      >
6280                      <label
6281                        for="drawer-filter.v.t.shopify.country-9"
6282                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6283                      >
6284                        <span class="reversed-link__text">Denmark</span>
6285                        <span class="count">3</span>
6286                      </label>
6287                    </li><li class="flex items-center gap-2">
6288                      <input
6289                        name="filter.v.t.shopify.country"
6290                        value="gid://shopify/TaxonomyValue/8884"
6291                        class="checkbox"
6292                        id="drawer-filter.v.t.shopify.country-10"
6293                        type="checkbox"
6294                        
6295                      >
6296                      <label
6297                        for="drawer-filter.v.t.shopify.country-10"
6298                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6299                      >
6300                        <span class="reversed-link__text">Finland</span>
6301                        <span class="count">5</span>
6302                      </label>
6303                    </li><li class="flex items-center gap-2">
6304                      <input
6305                        name="filter.v.t.shopify.country"
6306                        value="gid://shopify/TaxonomyValue/8885"
6307                        class="checkbox"
6308                        id="drawer-filter.v.t.shopify.country-11"
6309                        type="checkbox"
6310                        
6311                      >
6312                      <label
6313                        for="drawer-filter.v.t.shopify.country-11"
6314                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6315                      >
6316                        <span class="reversed-link__text">France</span>
6317                        <span class="count">179</span>
6318                      </label>
6319                    </li><li class="flex items-center gap-2">
6320                      <input
6321                        name="filter.v.t.shopify.country"
6322                        value="gid://shopify/TaxonomyValue/25962"
6323                        class="checkbox"
6324                        id="drawer-filter.v.t.shopify.country-12"
6325                        type="checkbox"
6326                        
6327                      >
6328                      <label
6329                        for="drawer-filter.v.t.shopify.country-12"
6330                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6331                      >
6332                        <span class="reversed-link__text">French Guiana</span>
6333                        <span class="count">3</span>
6334                      </label>
6335                    </li><li class="flex items-center gap-2">
6336                      <input
6337                        name="filter.v.t.shopify.country"
6338                        value="gid://shopify/TaxonomyValue/8815"
6339                        class="checkbox"
6340                        id="drawer-filter.v.t.shopify.country-13"
6341                        type="checkbox"
6342                        
6343                      >
6344                      <label
6345                        for="drawer-filter.v.t.shopify.country-13"
6346                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6347                      >
6348                        <span class="reversed-link__text">Germany</span>
6349                        <span class="count">5</span>
6350                      </label>
6351                    </li><li class="flex items-center gap-2">
6352                      <input
6353                        name="filter.v.t.shopify.country"
6354                        value="gid://shopify/TaxonomyValue/8892"
6355                        class="checkbox"
6356                        id="drawer-filter.v.t.shopify.country-14"
6357                        type="checkbox"
6358                        
6359                      >
6360                      <label
6361                        for="drawer-filter.v.t.shopify.country-14"
6362                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6363                      >
6364                        <span class="reversed-link__text">Guatemala</span>
6365                        <span class="count">2</span>
6366                      </label>
6367                    </li><li class="flex items-center gap-2 show-more-item hidden">
6368                      <input
6369                        name="filter.v.t.shopify.country"
6370                        value="gid://shopify/TaxonomyValue/8900"
6371                        class="checkbox"
6372                        id="drawer-filter.v.t.shopify.country-15"
6373                        type="checkbox"
6374                        
6375                      >
6376                      <label
6377                        for="drawer-filter.v.t.shopify.country-15"
6378                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6379                      >
6380                        <span class="reversed-link__text">India</span>
6381                        <span class="count">66</span>
6382                      </label>
6383                    </li><li class="flex items-center gap-2 show-more-item hidden">
6384                      <input
6385                        name="filter.v.t.shopify.country"
6386                        value="gid://shopify/TaxonomyValue/8816"
6387                        class="checkbox"
6388                        id="drawer-filter.v.t.shopify.country-16"
6389                        type="checkbox"
6390                        
6391                      >
6392                      <label
6393                        for="drawer-filter.v.t.shopify.country-16"
6394                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6395                      >
6396                        <span class="reversed-link__text">Ireland</span>
6397                        <span class="count">11</span>
6398                      </label>
6399                    </li><li class="flex items-center gap-2 show-more-item hidden">
6400                      <input
6401                        name="filter.v.t.shopify.country"
6402                        value="gid://shopify/TaxonomyValue/8903"
6403                        class="checkbox"
6404                        id="drawer-filter.v.t.shopify.country-17"
6405                        type="checkbox"
6406                        
6407                      >
6408                      <label
6409                        for="drawer-filter.v.t.shopify.country-17"
6410                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6411                      >
6412                        <span class="reversed-link__text">Israel</span>
6413                        <span class="count">5</span>
6414                      </label>
6415                    </li><li class="flex items-center gap-2 show-more-item hidden">
6416                      <input
6417                        name="filter.v.t.shopify.country"
6418                        value="gid://shopify/TaxonomyValue/8904"
6419                        class="checkbox"
6420                        id="drawer-filter.v.t.shopify.country-18"
6421                        type="checkbox"
6422                        
6423                      >
6424                      <label
6425                        for="drawer-filter.v.t.shopify.country-18"
6426                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6427                      >
6428                        <span class="reversed-link__text">Italy</span>
6429                        <span class="count">117</span>
6430                      </label>
6431                    </li><li class="flex items-center gap-2 show-more-item hidden">
6432                      <input
6433                        name="filter.v.t.shopify.country"
6434                        value="gid://shopify/TaxonomyValue/8906"
6435                        class="checkbox"
6436                        id="drawer-filter.v.t.shopify.country-19"
6437                        type="checkbox"
6438                        
6439                      >
6440                      <label
6441                        for="drawer-filter.v.t.shopify.country-19"
6442                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6443                      >
6444                        <span class="reversed-link__text">Jamaica</span>
6445                        <span class="count">4</span>
6446                      </label>
6447                    </li><li class="flex items-center gap-2 show-more-item hidden">
6448                      <input
6449                        name="filter.v.t.shopify.country"
6450                        value="gid://shopify/TaxonomyValue/8817"
6451                        class="checkbox"
6452                        id="drawer-filter.v.t.shopify.country-20"
6453                        type="checkbox"
6454                        
6455                      >
6456                      <label
6457                        for="drawer-filter.v.t.shopify.country-20"
6458                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6459                      >
6460                        <span class="reversed-link__text">Japan</span>
6461                        <span class="count">21</span>
6462                      </label>
6463                    </li><li class="flex items-center gap-2 show-more-item hidden">
6464                      <input
6465                        name="filter.v.t.shopify.country"
6466                        value="gid://shopify/TaxonomyValue/8915"
6467                        class="checkbox"
6468                        id="drawer-filter.v.t.shopify.country-21"
6469                        type="checkbox"
6470                        
6471                      >
6472                      <label
6473                        for="drawer-filter.v.t.shopify.country-21"
6474                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6475                      >
6476                        <span class="reversed-link__text">Lebanon</span>
6477                        <span class="count">8</span>
6478                      </label>
6479                    </li><li class="flex items-center gap-2 show-more-item hidden">
6480                      <input
6481                        name="filter.v.t.shopify.country"
6482                        value="gid://shopify/TaxonomyValue/8818"
6483                        class="checkbox"
6484                        id="drawer-filter.v.t.shopify.country-22"
6485                        type="checkbox"
6486                        
6487                      >
6488                      <label
6489                        for="drawer-filter.v.t.shopify.country-22"
6490                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6491                      >
6492                        <span class="reversed-link__text">Mexico</span>
6493                        <span class="count">78</span>
6494                      </label>
6495                    </li><li class="flex items-center gap-2 show-more-item hidden">
6496                      <input
6497                        name="filter.v.t.shopify.country"
6498                        value="gid://shopify/TaxonomyValue/8941"
6499                        class="checkbox"
6500                        id="drawer-filter.v.t.shopify.country-23"
6501                        type="checkbox"
6502                        
6503                      >
6504                      <label
6505                        for="drawer-filter.v.t.shopify.country-23"
6506                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6507                      >
6508                        <span class="reversed-link__text">Nepal</span>
6509                        <span class="count">2</span>
6510                      </label>
6511                    </li><li class="flex items-center gap-2 show-more-item hidden">
6512                      <input
6513                        name="filter.v.t.shopify.country"
6514                        value="gid://shopify/TaxonomyValue/8819"
6515                        class="checkbox"
6516                        id="drawer-filter.v.t.shopify.country-24"
6517                        type="checkbox"
6518                        
6519                      >
6520                      <label
6521                        for="drawer-filter.v.t.shopify.country-24"
6522                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6523                      >
6524                        <span class="reversed-link__text">Netherlands</span>
6525                        <span class="count">15</span>
6526                      </label>
6527                    </li><li class="flex items-center gap-2 show-more-item hidden">
6528                      <input
6529                        name="filter.v.t.shopify.country"
6530                        value="gid://shopify/TaxonomyValue/8942"
6531                        class="checkbox"
6532                        id="drawer-filter.v.t.shopify.country-25"
6533                        type="checkbox"
6534                        
6535                      >
6536                      <label
6537                        for="drawer-filter.v.t.shopify.country-25"
6538                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6539                      >
6540                        <span class="reversed-link__text">New Zealand</span>
6541                        <span class="count">23</span>
6542                      </label>
6543                    </li><li class="flex items-center gap-2 show-more-item hidden">
6544                      <input
6545                        name="filter.v.t.shopify.country"
6546                        value="gid://shopify/TaxonomyValue/8954"
6547                        class="checkbox"
6548                        id="drawer-filter.v.t.shopify.country-26"
6549                        type="checkbox"
6550                        
6551                      >
6552                      <label
6553                        for="drawer-filter.v.t.shopify.country-26"
6554                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6555                      >
6556                        <span class="reversed-link__text">Peru</span>
6557                        <span class="count">1</span>
6558                      </label>
6559                    </li><li class="flex items-center gap-2 show-more-item hidden">
6560                      <input
6561                        name="filter.v.t.shopify.country"
6562                        value="gid://shopify/TaxonomyValue/8955"
6563                        class="checkbox"
6564                        id="drawer-filter.v.t.shopify.country-27"
6565                        type="checkbox"
6566                        
6567                      >
6568                      <label
6569                        for="drawer-filter.v.t.shopify.country-27"
6570                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6571                      >
6572                        <span class="reversed-link__text">Philippines</span>
6573                        <span class="count">8</span>
6574                      </label>
6575                    </li><li class="flex items-center gap-2 show-more-item hidden">
6576                      <input
6577                        name="filter.v.t.shopify.country"
6578                        value="gid://shopify/TaxonomyValue/8820"
6579                        class="checkbox"
6580                        id="drawer-filter.v.t.shopify.country-28"
6581                        type="checkbox"
6582                        
6583                      >
6584                      <label
6585                        for="drawer-filter.v.t.shopify.country-28"
6586                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6587                      >
6588                        <span class="reversed-link__text">Poland</span>
6589                        <span class="count">7</span>
6590                      </label>
6591                    </li><li class="flex items-center gap-2 show-more-item hidden">
6592                      <input
6593                        name="filter.v.t.shopify.country"
6594                        value="gid://shopify/TaxonomyValue/8956"
6595                        class="checkbox"
6596                        id="drawer-filter.v.t.shopify.country-29"
6597                        type="checkbox"
6598                        
6599                      >
6600                      <label
6601                        for="drawer-filter.v.t.shopify.country-29"
6602                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6603                      >
6604                        <span class="reversed-link__text">Portugal</span>
6605                        <span class="count">8</span>
6606                      </label>
6607                    </li><li class="flex items-center gap-2 show-more-item hidden">
6608                      <input
6609                        name="filter.v.t.shopify.country"
6610                        value="gid://shopify/TaxonomyValue/25984"
6611                        class="checkbox"
6612                        id="drawer-filter.v.t.shopify.country-30"
6613                        type="checkbox"
6614                        
6615                      >
6616                      <label
6617                        for="drawer-filter.v.t.shopify.country-30"
6618                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6619                      >
6620                        <span class="reversed-link__text">Russia</span>
6621                        <span class="count">9</span>
6622                      </label>
6623                    </li><li class="flex items-center gap-2 show-more-item hidden">
6624                      <input
6625                        name="filter.v.t.shopify.country"
6626                        value="gid://shopify/TaxonomyValue/8821"
6627                        class="checkbox"
6628                        id="drawer-filter.v.t.shopify.country-31"
6629                        type="checkbox"
6630                        
6631                      >
6632                      <label
6633                        for="drawer-filter.v.t.shopify.country-31"
6634                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6635                      >
6636                        <span class="reversed-link__text">South Africa</span>
6637                        <span class="count">26</span>
6638                      </label>
6639                    </li><li class="flex items-center gap-2 show-more-item hidden">
6640                      <input
6641                        name="filter.v.t.shopify.country"
6642                        value="gid://shopify/TaxonomyValue/8975"
6643                        class="checkbox"
6644                        id="drawer-filter.v.t.shopify.country-32"
6645                        type="checkbox"
6646                        
6647                      >
6648                      <label
6649                        for="drawer-filter.v.t.shopify.country-32"
6650                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6651                      >
6652                        <span class="reversed-link__text">South Korea</span>
6653                        <span class="count">4</span>
6654                      </label>
6655                    </li><li class="flex items-center gap-2 show-more-item hidden">
6656                      <input
6657                        name="filter.v.t.shopify.country"
6658                        value="gid://shopify/TaxonomyValue/8822"
6659                        class="checkbox"
6660                        id="drawer-filter.v.t.shopify.country-33"
6661                        type="checkbox"
6662                        
6663                      >
6664                      <label
6665                        for="drawer-filter.v.t.shopify.country-33"
6666                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6667                      >
6668                        <span class="reversed-link__text">Spain</span>
6669                        <span class="count">24</span>
6670                      </label>
6671                    </li><li class="flex items-center gap-2 show-more-item hidden">
6672                      <input
6673                        name="filter.v.t.shopify.country"
6674                        value="gid://shopify/TaxonomyValue/8977"
6675                        class="checkbox"
6676                        id="drawer-filter.v.t.shopify.country-34"
6677                        type="checkbox"
6678                        
6679                      >
6680                      <label
6681                        for="drawer-filter.v.t.shopify.country-34"
6682                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6683                      >
6684                        <span class="reversed-link__text">Sri Lanka</span>
6685                        <span class="count">1</span>
6686                      </label>
6687                    </li><li class="flex items-center gap-2 show-more-item hidden">
6688                      <input
6689                        name="filter.v.t.shopify.country"
6690                        value="gid://shopify/TaxonomyValue/8980"
6691                        class="checkbox"
6692                        id="drawer-filter.v.t.shopify.country-35"
6693                        type="checkbox"
6694                        
6695                      >
6696                      <label
6697                        for="drawer-filter.v.t.shopify.country-35"
6698                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6699                      >
6700                        <span class="reversed-link__text">Sweden</span>
6701                        <span class="count">19</span>
6702                      </label>
6703                    </li><li class="flex items-center gap-2 show-more-item hidden">
6704                      <input
6705                        name="filter.v.t.shopify.country"
6706                        value="gid://shopify/TaxonomyValue/25996"
6707                        class="checkbox"
6708                        id="drawer-filter.v.t.shopify.country-36"
6709                        type="checkbox"
6710                        
6711                      >
6712                      <label
6713                        for="drawer-filter.v.t.shopify.country-36"
6714                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6715                      >
6716                        <span class="reversed-link__text">Taiwan</span>
6717                        <span class="count">2</span>
6718                      </label>
6719                    </li><li class="flex items-center gap-2 show-more-item hidden">
6720                      <input
6721                        name="filter.v.t.shopify.country"
6722                        value="gid://shopify/TaxonomyValue/8823"
6723                        class="checkbox"
6724                        id="drawer-filter.v.t.shopify.country-37"
6725                        type="checkbox"
6726                        
6727                      >
6728                      <label
6729                        for="drawer-filter.v.t.shopify.country-37"
6730                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6731                      >
6732                        <span class="reversed-link__text">Thailand</span>
6733                        <span class="count">1</span>
6734                      </label>
6735                    </li><li class="flex items-center gap-2 show-more-item hidden">
6736                      <input
6737                        name="filter.v.t.shopify.country"
6738                        value="gid://shopify/TaxonomyValue/8987"
6739                        class="checkbox"
6740                        id="drawer-filter.v.t.shopify.country-38"
6741                        type="checkbox"
6742                        
6743                      >
6744                      <label
6745                        for="drawer-filter.v.t.shopify.country-38"
6746                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6747                      >
6748                        <span class="reversed-link__text">Trinidad and Tobago</span>
6749                        <span class="count">1</span>
6750                      </label>
6751                    </li><li class="flex items-center gap-2 show-more-item hidden">
6752                      <input
6753                        name="filter.v.t.shopify.country"
6754                        value="gid://shopify/TaxonomyValue/8993"
6755                        class="checkbox"
6756                        id="drawer-filter.v.t.shopify.country-39"
6757                        type="checkbox"
6758                        
6759                      >
6760                      <label
6761                        for="drawer-filter.v.t.shopify.country-39"
6762                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6763                      >
6764                        <span class="reversed-link__text">Ukraine</span>
6765                        <span class="count">4</span>
6766                      </label>
6767                    </li><li class="flex items-center gap-2 show-more-item hidden">
6768                      <input
6769                        name="filter.v.t.shopify.country"
6770                        value="gid://shopify/TaxonomyValue/8994"
6771                        class="checkbox"
6772                        id="drawer-filter.v.t.shopify.country-40"
6773                        type="checkbox"
6774                        
6775                      >
6776                      <label
6777                        for="drawer-filter.v.t.shopify.country-40"
6778                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6779                      >
6780                        <span class="reversed-link__text">United Arab Emirates</span>
6781                        <span class="count">2</span>
6782                      </label>
6783                    </li><li class="flex items-center gap-2 show-more-item hidden">
6784                      <input
6785                        name="filter.v.t.shopify.country"
6786                        value="gid://shopify/TaxonomyValue/8824"
6787                        class="checkbox"
6788                        id="drawer-filter.v.t.shopify.country-41"
6789                        type="checkbox"
6790                        
6791                      >
6792                      <label
6793                        for="drawer-filter.v.t.shopify.country-41"
6794                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6795                      >
6796                        <span class="reversed-link__text">United Kingdom</span>
6797                        <span class="count">231</span>
6798                      </label>
6799                    </li><li class="flex items-center gap-2 show-more-item hidden">
6800                      <input
6801                        name="filter.v.t.shopify.country"
6802                        value="gid://shopify/TaxonomyValue/8825"
6803                        class="checkbox"
6804                        id="drawer-filter.v.t.shopify.country-42"
6805                        type="checkbox"
6806                        
6807                      >
6808                      <label
6809                        for="drawer-filter.v.t.shopify.country-42"
6810                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6811                      >
6812                        <span class="reversed-link__text">United States</span>
6813                        <span class="count">68</span>
6814                      </label>
6815                    </li><li class="flex items-center gap-2 show-more-item hidden">
6816                      <input
6817                        name="filter.v.t.shopify.country"
6818                        value="gid://shopify/TaxonomyValue/26004"
6819                        class="checkbox"
6820                        id="drawer-filter.v.t.shopify.country-43"
6821                        type="checkbox"
6822                        
6823                      >
6824                      <label
6825                        for="drawer-filter.v.t.shopify.country-43"
6826                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6827                      >
6828                        <span class="reversed-link__text">Venezuela</span>
6829                        <span class="count">2</span>
6830                      </label>
6831                    </li></ul><show-more-button>
6832                  <button
6833                    class="button-show-more btn--link"
6834                    id="Show-More-2-template--18829767475427__main"
6835                    type="button"
6836                  >
6837                    <span class="label-show-more label-text">Show more</span>
6838                    <span class="label-show-less label-text hidden">Show less</span>
6839                  </button>
6840                </show-more-button>
6841            </div>
6842          </details>
6843<details
6844            class="accordion-details facet-accordion-details"
6845            is="accordion-details"
6846            data-filter
6847            data-index="drawer-filter.v.t.shopify.brandy-variety"
6848            
6849          >
6850            <summary class="accordion-details__summary flex items-center justify-between">
6851              <span class="h6">Brandy variety</span><svg
6852  xmlns="http://www.w3.org/2000/svg"
6853  class="icon icon-plus-toggle icon--small icon--thick"
6854  viewBox="0 0 20 20"
6855  fill="none"
6856>
6857  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6858  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6859</svg>
6860</summary>
6861            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
6862                      <input
6863                        name="filter.v.t.shopify.brandy-variety"
6864                        value="gid://shopify/TaxonomyValue/9093"
6865                        class="checkbox"
6866                        id="drawer-filter.v.t.shopify.brandy-variety-1"
6867                        type="checkbox"
6868                        
6869                      >
6870                      <label
6871                        for="drawer-filter.v.t.shopify.brandy-variety-1"
6872                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6873                      >
6874                        <span class="reversed-link__text">Brandy</span>
6875                        <span class="count">17</span>
6876                      </label>
6877                    </li><li class="flex items-center gap-2">
6878                      <input
6879                        name="filter.v.t.shopify.brandy-variety"
6880                        value="gid://shopify/TaxonomyValue/9096"
6881                        class="checkbox"
6882                        id="drawer-filter.v.t.shopify.brandy-variety-2"
6883                        type="checkbox"
6884                        
6885                      >
6886                      <label
6887                        for="drawer-filter.v.t.shopify.brandy-variety-2"
6888                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6889                      >
6890                        <span class="reversed-link__text">Cognac</span>
6891                        <span class="count">21</span>
6892                      </label>
6893                    </li></ul>
6894            </div>
6895          </details>
6896<details
6897            class="accordion-details facet-accordion-details"
6898            is="accordion-details"
6899            data-filter
6900            data-index="drawer-filter.v.option.size"
6901            
6902          >
6903            <summary class="accordion-details__summary flex items-center justify-between">
6904              <span class="h6">Size</span><svg
6905  xmlns="http://www.w3.org/2000/svg"
6906  class="icon icon-plus-toggle icon--small icon--thick"
6907  viewBox="0 0 20 20"
6908  fill="none"
6909>
6910  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6911  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6912</svg>
6913</summary>
6914            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
6915                      <input
6916                        name="filter.v.option.size"
6917                        value="37.5"
6918                        class="checkbox"
6919                        id="drawer-filter.v.option.size-1"
6920                        type="checkbox"
6921                        
6922                      >
6923                      <label
6924                        for="drawer-filter.v.option.size-1"
6925                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6926                      >
6927                        <span class="reversed-link__text">37.5</span>
6928                        <span class="count">1</span>
6929                      </label>
6930                    </li><li class="flex items-center gap-2">
6931                      <input
6932                        name="filter.v.option.size"
6933                        value="5CL"
6934                        class="checkbox"
6935                        id="drawer-filter.v.option.size-2"
6936                        type="checkbox"
6937                        
6938                      >
6939                      <label
6940                        for="drawer-filter.v.option.size-2"
6941                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6942                      >
6943                        <span class="reversed-link__text">5CL</span>
6944                        <span class="count">18</span>
6945                      </label>
6946                    </li><li class="flex items-center gap-2">
6947                      <input
6948                        name="filter.v.option.size"
6949                        value="18CL"
6950                        class="checkbox"
6951                        id="drawer-filter.v.option.size-3"
6952                        type="checkbox"
6953                        
6954                      >
6955                      <label
6956                        for="drawer-filter.v.option.size-3"
6957                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6958                      >
6959                        <span class="reversed-link__text">18CL</span>
6960                        <span class="count">6</span>
6961                      </label>
6962                    </li><li class="flex items-center gap-2">
6963                      <input
6964                        name="filter.v.option.size"
6965                        value="20CL"
6966                        class="checkbox"
6967                        id="drawer-filter.v.option.size-4"
6968                        type="checkbox"
6969                        
6970                      >
6971                      <label
6972                        for="drawer-filter.v.option.size-4"
6973                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6974                      >
6975                        <span class="reversed-link__text">20CL</span>
6976                        <span class="count">9</span>
6977                      </label>
6978                    </li><li class="flex items-center gap-2">
6979                      <input
6980                        name="filter.v.option.size"
6981                        value="20 CL"
6982                        class="checkbox"
6983                        id="drawer-filter.v.option.size-5"
6984                        type="checkbox"
6985                        
6986                      >
6987                      <label
6988                        for="drawer-filter.v.option.size-5"
6989                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
6990                      >
6991                        <span class="reversed-link__text">20 CL</span>
6992                        <span class="count">1</span>
6993                      </label>
6994                    </li><li class="flex items-center gap-2">
6995                      <input
6996                        name="filter.v.option.size"
6997                        value="25CL"
6998                        class="checkbox"
6999                        id="drawer-filter.v.option.size-6"
7000                        type="checkbox"
7001                        
7002                      >
7003                      <label
7004                        for="drawer-filter.v.option.size-6"
7005                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7006                      >
7007                        <span class="reversed-link__text">25CL</span>
7008                        <span class="count">3</span>
7009                      </label>
7010                    </li><li class="flex items-center gap-2">
7011                      <input
7012                        name="filter.v.option.size"
7013                        value="27.5CL"
7014                        class="checkbox"
7015                        id="drawer-filter.v.option.size-7"
7016                        type="checkbox"
7017                        
7018                      >
7019                      <label
7020                        for="drawer-filter.v.option.size-7"
7021                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7022                      >
7023                        <span class="reversed-link__text">27.5CL</span>
7024                        <span class="count">2</span>
7025                      </label>
7026                    </li><li class="flex items-center gap-2">
7027                      <input
7028                        name="filter.v.option.size"
7029                        value="30CL"
7030                        class="checkbox"
7031                        id="drawer-filter.v.option.size-8"
7032                        type="checkbox"
7033                        
7034                      >
7035                      <label
7036                        for="drawer-filter.v.option.size-8"
7037                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7038                      >
7039                        <span class="reversed-link__text">30CL</span>
7040                        <span class="count">1</span>
7041                      </label>
7042                    </li><li class="flex items-center gap-2">
7043                      <input
7044                        name="filter.v.option.size"
7045                        value="33 CL"
7046                        class="checkbox"
7047                        id="drawer-filter.v.option.size-9"
7048                        type="checkbox"
7049                        
7050                      >
7051                      <label
7052                        for="drawer-filter.v.option.size-9"
7053                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7054                      >
7055                        <span class="reversed-link__text">33 CL</span>
7056                        <span class="count">1</span>
7057                      </label>
7058                    </li><li class="flex items-center gap-2">
7059                      <input
7060                        name="filter.v.option.size"
7061                        value="33CL"
7062                        class="checkbox"
7063                        id="drawer-filter.v.option.size-10"
7064                        type="checkbox"
7065                        
7066                      >
7067                      <label
7068                        for="drawer-filter.v.option.size-10"
7069                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7070                      >
7071                        <span class="reversed-link__text">33CL</span>
7072                        <span class="count">9</span>
7073                      </label>
7074                    </li><li class="flex items-center gap-2">
7075                      <input
7076                        name="filter.v.option.size"
7077                        value="35CL"
7078                        class="checkbox"
7079                        id="drawer-filter.v.option.size-11"
7080                        type="checkbox"
7081                        
7082                      >
7083                      <label
7084                        for="drawer-filter.v.option.size-11"
7085                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7086                      >
7087                        <span class="reversed-link__text">35CL</span>
7088                        <span class="count">3</span>
7089                      </label>
7090                    </li><li class="flex items-center gap-2">
7091                      <input
7092                        name="filter.v.option.size"
7093                        value="35.5CL"
7094                        class="checkbox"
7095                        id="drawer-filter.v.option.size-12"
7096                        type="checkbox"
7097                        
7098                      >
7099                      <label
7100                        for="drawer-filter.v.option.size-12"
7101                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7102                      >
7103                        <span class="reversed-link__text">35.5CL</span>
7104                        <span class="count">1</span>
7105                      </label>
7106                    </li><li class="flex items-center gap-2">
7107                      <input
7108                        name="filter.v.option.size"
7109                        value="36CL"
7110                        class="checkbox"
7111                        id="drawer-filter.v.option.size-13"
7112                        type="checkbox"
7113                        
7114                      >
7115                      <label
7116                        for="drawer-filter.v.option.size-13"
7117                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7118                      >
7119                        <span class="reversed-link__text">36CL</span>
7120                        <span class="count">4</span>
7121                      </label>
7122                    </li><li class="flex items-center gap-2">
7123                      <input
7124                        name="filter.v.option.size"
7125                        value="37.5CL"
7126                        class="checkbox"
7127                        id="drawer-filter.v.option.size-14"
7128                        type="checkbox"
7129                        
7130                      >
7131                      <label
7132                        for="drawer-filter.v.option.size-14"
7133                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7134                      >
7135                        <span class="reversed-link__text">37.5CL</span>
7136                        <span class="count">8</span>
7137                      </label>
7138                    </li><li class="flex items-center gap-2 show-more-item hidden">
7139                      <input
7140                        name="filter.v.option.size"
7141                        value="37.5 CL"
7142                        class="checkbox"
7143                        id="drawer-filter.v.option.size-15"
7144                        type="checkbox"
7145                        
7146                      >
7147                      <label
7148                        for="drawer-filter.v.option.size-15"
7149                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7150                      >
7151                        <span class="reversed-link__text">37.5 CL</span>
7152                        <span class="count">1</span>
7153                      </label>
7154                    </li><li class="flex items-center gap-2 show-more-item hidden">
7155                      <input
7156                        name="filter.v.option.size"
7157                        value="44CL"
7158                        class="checkbox"
7159                        id="drawer-filter.v.option.size-16"
7160                        type="checkbox"
7161                        
7162                      >
7163                      <label
7164                        for="drawer-filter.v.option.size-16"
7165                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7166                      >
7167                        <span class="reversed-link__text">44CL</span>
7168                        <span class="count">1</span>
7169                      </label>
7170                    </li><li class="flex items-center gap-2 show-more-item hidden">
7171                      <input
7172                        name="filter.v.option.size"
7173                        value="50CL"
7174                        class="checkbox"
7175                        id="drawer-filter.v.option.size-17"
7176                        type="checkbox"
7177                        
7178                      >
7179                      <label
7180                        for="drawer-filter.v.option.size-17"
7181                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7182                      >
7183                        <span class="reversed-link__text">50CL</span>
7184                        <span class="count">21</span>
7185                      </label>
7186                    </li><li class="flex items-center gap-2 show-more-item hidden">
7187                      <input
7188                        name="filter.v.option.size"
7189                        value="50 CL"
7190                        class="checkbox"
7191                        id="drawer-filter.v.option.size-18"
7192                        type="checkbox"
7193                        
7194                      >
7195                      <label
7196                        for="drawer-filter.v.option.size-18"
7197                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7198                      >
7199                        <span class="reversed-link__text">50 CL</span>
7200                        <span class="count">1</span>
7201                      </label>
7202                    </li><li class="flex items-center gap-2 show-more-item hidden">
7203                      <input
7204                        name="filter.v.option.size"
7205                        value="70 CL"
7206                        class="checkbox"
7207                        id="drawer-filter.v.option.size-19"
7208                        type="checkbox"
7209                        
7210                      >
7211                      <label
7212                        for="drawer-filter.v.option.size-19"
7213                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7214                      >
7215                        <span class="reversed-link__text">70 CL</span>
7216                        <span class="count">8</span>
7217                      </label>
7218                    </li><li class="flex items-center gap-2 show-more-item hidden">
7219                      <input
7220                        name="filter.v.option.size"
7221                        value="70CL"
7222                        class="checkbox"
7223                        id="drawer-filter.v.option.size-20"
7224                        type="checkbox"
7225                        
7226                      >
7227                      <label
7228                        for="drawer-filter.v.option.size-20"
7229                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7230                      >
7231                        <span class="reversed-link__text">70CL</span>
7232                        <span class="count">218</span>
7233                      </label>
7234                    </li><li class="flex items-center gap-2 show-more-item hidden">
7235                      <input
7236                        name="filter.v.option.size"
7237                        value="75CL"
7238                        class="checkbox"
7239                        id="drawer-filter.v.option.size-21"
7240                        type="checkbox"
7241                        
7242                      >
7243                      <label
7244                        for="drawer-filter.v.option.size-21"
7245                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7246                      >
7247                        <span class="reversed-link__text">75CL</span>
7248                        <span class="count">383</span>
7249                      </label>
7250                    </li><li class="flex items-center gap-2 show-more-item hidden">
7251                      <input
7252                        name="filter.v.option.size"
7253                        value="75 CL"
7254                        class="checkbox"
7255                        id="drawer-filter.v.option.size-22"
7256                        type="checkbox"
7257                        
7258                      >
7259                      <label
7260                        for="drawer-filter.v.option.size-22"
7261                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7262                      >
7263                        <span class="reversed-link__text">75 CL</span>
7264                        <span class="count">112</span>
7265                      </label>
7266                    </li><li class="flex items-center gap-2 show-more-item hidden">
7267                      <input
7268                        name="filter.v.option.size"
7269                        value="75 Cl"
7270                        class="checkbox"
7271                        id="drawer-filter.v.option.size-23"
7272                        type="checkbox"
7273                        
7274                      >
7275                      <label
7276                        for="drawer-filter.v.option.size-23"
7277                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7278                      >
7279                        <span class="reversed-link__text">75 Cl</span>
7280                        <span class="count">1</span>
7281                      </label>
7282                    </li><li class="flex items-center gap-2 show-more-item hidden">
7283                      <input
7284                        name="filter.v.option.size"
7285                        value="1L"
7286                        class="checkbox"
7287                        id="drawer-filter.v.option.size-24"
7288                        type="checkbox"
7289                        
7290                      >
7291                      <label
7292                        for="drawer-filter.v.option.size-24"
7293                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7294                      >
7295                        <span class="reversed-link__text">1L</span>
7296                        <span class="count">166</span>
7297                      </label>
7298                    </li><li class="flex items-center gap-2 show-more-item hidden">
7299                      <input
7300                        name="filter.v.option.size"
7301                        value="1.14L"
7302                        class="checkbox"
7303                        id="drawer-filter.v.option.size-25"
7304                        type="checkbox"
7305                        
7306                      >
7307                      <label
7308                        for="drawer-filter.v.option.size-25"
7309                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7310                      >
7311                        <span class="reversed-link__text">1.14L</span>
7312                        <span class="count">1</span>
7313                      </label>
7314                    </li><li class="flex items-center gap-2 show-more-item hidden">
7315                      <input
7316                        name="filter.v.option.size"
7317                        value="1.5L"
7318                        class="checkbox"
7319                        id="drawer-filter.v.option.size-26"
7320                        type="checkbox"
7321                        
7322                      >
7323                      <label
7324                        for="drawer-filter.v.option.size-26"
7325                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7326                      >
7327                        <span class="reversed-link__text">1.5L</span>
7328                        <span class="count">5</span>
7329                      </label>
7330                    </li><li class="flex items-center gap-2 show-more-item hidden">
7331                      <input
7332                        name="filter.v.option.size"
7333                        value="1.75L"
7334                        class="checkbox"
7335                        id="drawer-filter.v.option.size-27"
7336                        type="checkbox"
7337                        
7338                      >
7339                      <label
7340                        for="drawer-filter.v.option.size-27"
7341                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7342                      >
7343                        <span class="reversed-link__text">1.75L</span>
7344                        <span class="count">2</span>
7345                      </label>
7346                    </li><li class="flex items-center gap-2 show-more-item hidden">
7347                      <input
7348                        name="filter.v.option.size"
7349                        value="3L"
7350                        class="checkbox"
7351                        id="drawer-filter.v.option.size-28"
7352                        type="checkbox"
7353                        
7354                      >
7355                      <label
7356                        for="drawer-filter.v.option.size-28"
7357                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7358                      >
7359                        <span class="reversed-link__text">3L</span>
7360                        <span class="count">8</span>
7361                      </label>
7362                    </li><li class="flex items-center gap-2 show-more-item hidden">
7363                      <input
7364                        name="filter.v.option.size"
7365                        value="4.5L"
7366                        class="checkbox"
7367                        id="drawer-filter.v.option.size-29"
7368                        type="checkbox"
7369                        
7370                      >
7371                      <label
7372                        for="drawer-filter.v.option.size-29"
7373                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7374                      >
7375                        <span class="reversed-link__text">4.5L</span>
7376                        <span class="count">2</span>
7377                      </label>
7378                    </li><li class="flex items-center gap-2 show-more-item hidden">
7379                      <input
7380                        name="filter.v.option.size"
7381                        value="5L"
7382                        class="checkbox"
7383                        id="drawer-filter.v.option.size-30"
7384                        type="checkbox"
7385                        
7386                      >
7387                      <label
7388                        for="drawer-filter.v.option.size-30"
7389                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7390                      >
7391                        <span class="reversed-link__text">5L</span>
7392                        <span class="count">1</span>
7393                      </label>
7394                    </li><li class="flex items-center gap-2 show-more-item hidden">
7395                      <input
7396                        name="filter.v.option.size"
7397                        value="6L"
7398                        class="checkbox"
7399                        id="drawer-filter.v.option.size-31"
7400                        type="checkbox"
7401                        
7402                      >
7403                      <label
7404                        for="drawer-filter.v.option.size-31"
7405                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7406                      >
7407                        <span class="reversed-link__text">6L</span>
7408                        <span class="count">1</span>
7409                      </label>
7410                    </li><li class="flex items-center gap-2 show-more-item hidden">
7411                      <input
7412                        name="filter.v.option.size"
7413                        value="1 Ltr"
7414                        class="checkbox"
7415                        id="drawer-filter.v.option.size-32"
7416                        type="checkbox"
7417                        
7418                      >
7419                      <label
7420                        for="drawer-filter.v.option.size-32"
7421                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7422                      >
7423                        <span class="reversed-link__text">1 Ltr</span>
7424                        <span class="count">4</span>
7425                      </label>
7426                    </li><li class="flex items-center gap-2 show-more-item hidden">
7427                      <input
7428                        name="filter.v.option.size"
7429                        value="1Ltr"
7430                        class="checkbox"
7431                        id="drawer-filter.v.option.size-33"
7432                        type="checkbox"
7433                        
7434                      >
7435                      <label
7436                        for="drawer-filter.v.option.size-33"
7437                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7438                      >
7439                        <span class="reversed-link__text">1Ltr</span>
7440                        <span class="count">1</span>
7441                      </label>
7442                    </li><li class="flex items-center gap-2 show-more-item hidden">
7443                      <input
7444                        name="filter.v.option.size"
7445                        value="1LTR"
7446                        class="checkbox"
7447                        id="drawer-filter.v.option.size-34"
7448                        type="checkbox"
7449                        
7450                      >
7451                      <label
7452                        for="drawer-filter.v.option.size-34"
7453                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7454                      >
7455                        <span class="reversed-link__text">1LTR</span>
7456                        <span class="count">3</span>
7457                      </label>
7458                    </li><li class="flex items-center gap-2 show-more-item hidden">
7459                      <input
7460                        name="filter.v.option.size"
7461                        value="1.75 Ltr"
7462                        class="checkbox"
7463                        id="drawer-filter.v.option.size-35"
7464                        type="checkbox"
7465                        
7466                      >
7467                      <label
7468                        for="drawer-filter.v.option.size-35"
7469                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7470                      >
7471                        <span class="reversed-link__text">1.75 Ltr</span>
7472                        <span class="count">1</span>
7473                      </label>
7474                    </li><li class="flex items-center gap-2 show-more-item hidden">
7475                      <input
7476                        name="filter.v.option.size"
7477                        value="1.75LTR"
7478                        class="checkbox"
7479                        id="drawer-filter.v.option.size-36"
7480                        type="checkbox"
7481                        
7482                      >
7483                      <label
7484                        for="drawer-filter.v.option.size-36"
7485                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7486                      >
7487                        <span class="reversed-link__text">1.75LTR</span>
7488                        <span class="count">1</span>
7489                      </label>
7490                    </li><li class="flex items-center gap-2 show-more-item hidden">
7491                      <input
7492                        name="filter.v.option.size"
7493                        value="70-CL"
7494                        class="checkbox"
7495                        id="drawer-filter.v.option.size-37"
7496                        type="checkbox"
7497                        
7498                      >
7499                      <label
7500                        for="drawer-filter.v.option.size-37"
7501                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7502                      >
7503                        <span class="reversed-link__text">70-CL</span>
7504                        <span class="count">1</span>
7505                      </label>
7506                    </li><li class="flex items-center gap-2 show-more-item hidden">
7507                      <input
7508                        name="filter.v.option.size"
7509                        value="75-cl"
7510                        class="checkbox"
7511                        id="drawer-filter.v.option.size-38"
7512                        type="checkbox"
7513                        
7514                      >
7515                      <label
7516                        for="drawer-filter.v.option.size-38"
7517                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7518                      >
7519                        <span class="reversed-link__text">75-cl</span>
7520                        <span class="count">1</span>
7521                      </label>
7522                    </li><li class="flex items-center gap-2 show-more-item hidden">
7523                      <input
7524                        name="filter.v.option.size"
7525                        value="75-CL"
7526                        class="checkbox"
7527                        id="drawer-filter.v.option.size-39"
7528                        type="checkbox"
7529                        
7530                      >
7531                      <label
7532                        for="drawer-filter.v.option.size-39"
7533                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7534                      >
7535                        <span class="reversed-link__text">75-CL</span>
7536                        <span class="count">5</span>
7537                      </label>
7538                    </li><li class="flex items-center gap-2 show-more-item hidden">
7539                      <input
7540                        name="filter.v.option.size"
7541                        value="Size"
7542                        class="checkbox"
7543                        id="drawer-filter.v.option.size-40"
7544                        type="checkbox"
7545                        
7546                      >
7547                      <label
7548                        for="drawer-filter.v.option.size-40"
7549                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7550                      >
7551                        <span class="reversed-link__text">Size</span>
7552                        <span class="count">1</span>
7553                      </label>
7554                    </li></ul><show-more-button>
7555                  <button
7556                    class="button-show-more btn--link"
7557                    id="Show-More-4-template--18829767475427__main"
7558                    type="button"
7559                  >
7560                    <span class="label-show-more label-text">Show more</span>
7561                    <span class="label-show-less label-text hidden">Show less</span>
7562                  </button>
7563                </show-more-button>
7564            </div>
7565          </details>
7566<details
7567            class="accordion-details facet-accordion-details"
7568            is="accordion-details"
7569            data-filter
7570            data-index="drawer-filter.v.t.shopify.region"
7571            
7572          >
7573            <summary class="accordion-details__summary flex items-center justify-between">
7574              <span class="h6">Region</span><svg
7575  xmlns="http://www.w3.org/2000/svg"
7576  class="icon icon-plus-toggle icon--small icon--thick"
7577  viewBox="0 0 20 20"
7578  fill="none"
7579>
7580  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7581  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7582</svg>
7583</summary>
7584            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
7585                      <input
7586                        name="filter.v.t.shopify.region"
7587                        value="gid://shopify/TaxonomyValue/9284"
7588                        class="checkbox"
7589                        id="drawer-filter.v.t.shopify.region-1"
7590                        type="checkbox"
7591                        
7592                      >
7593                      <label
7594                        for="drawer-filter.v.t.shopify.region-1"
7595                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7596                      >
7597                        <span class="reversed-link__text">Abruzzo</span>
7598                        <span class="count">1</span>
7599                      </label>
7600                    </li><li class="flex items-center gap-2">
7601                      <input
7602                        name="filter.v.t.shopify.region"
7603                        value="gid://shopify/TaxonomyValue/9296"
7604                        class="checkbox"
7605                        id="drawer-filter.v.t.shopify.region-2"
7606                        type="checkbox"
7607                        
7608                      >
7609                      <label
7610                        for="drawer-filter.v.t.shopify.region-2"
7611                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7612                      >
7613                        <span class="reversed-link__text">Alto Maipo</span>
7614                        <span class="count">1</span>
7615                      </label>
7616                    </li><li class="flex items-center gap-2">
7617                      <input
7618                        name="filter.v.t.shopify.region"
7619                        value="gid://shopify/TaxonomyValue/9304"
7620                        class="checkbox"
7621                        id="drawer-filter.v.t.shopify.region-3"
7622                        type="checkbox"
7623                        
7624                      >
7625                      <label
7626                        for="drawer-filter.v.t.shopify.region-3"
7627                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7628                      >
7629                        <span class="reversed-link__text">Barossa Valley</span>
7630                        <span class="count">14</span>
7631                      </label>
7632                    </li><li class="flex items-center gap-2">
7633                      <input
7634                        name="filter.v.t.shopify.region"
7635                        value="gid://shopify/TaxonomyValue/9307"
7636                        class="checkbox"
7637                        id="drawer-filter.v.t.shopify.region-4"
7638                        type="checkbox"
7639                        
7640                      >
7641                      <label
7642                        for="drawer-filter.v.t.shopify.region-4"
7643                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7644                      >
7645                        <span class="reversed-link__text">Bolgheri</span>
7646                        <span class="count">1</span>
7647                      </label>
7648                    </li><li class="flex items-center gap-2">
7649                      <input
7650                        name="filter.v.t.shopify.region"
7651                        value="gid://shopify/TaxonomyValue/9308"
7652                        class="checkbox"
7653                        id="drawer-filter.v.t.shopify.region-5"
7654                        type="checkbox"
7655                        
7656                      >
7657                      <label
7658                        for="drawer-filter.v.t.shopify.region-5"
7659                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7660                      >
7661                        <span class="reversed-link__text">Bordeaux</span>
7662                        <span class="count">16</span>
7663                      </label>
7664                    </li><li class="flex items-center gap-2">
7665                      <input
7666                        name="filter.v.t.shopify.region"
7667                        value="gid://shopify/TaxonomyValue/9309"
7668                        class="checkbox"
7669                        id="drawer-filter.v.t.shopify.region-6"
7670                        type="checkbox"
7671                        
7672                      >
7673                      <label
7674                        for="drawer-filter.v.t.shopify.region-6"
7675                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7676                      >
7677                        <span class="reversed-link__text">Burgundy</span>
7678                        <span class="count">20</span>
7679                      </label>
7680                    </li><li class="flex items-center gap-2">
7681                      <input
7682                        name="filter.v.t.shopify.region"
7683                        value="gid://shopify/TaxonomyValue/9310"
7684                        class="checkbox"
7685                        id="drawer-filter.v.t.shopify.region-7"
7686                        type="checkbox"
7687                        
7688                      >
7689                      <label
7690                        for="drawer-filter.v.t.shopify.region-7"
7691                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7692                      >
7693                        <span class="reversed-link__text">California</span>
7694                        <span class="count">1</span>
7695                      </label>
7696                    </li><li class="flex items-center gap-2">
7697                      <input
7698                        name="filter.v.t.shopify.region"
7699                        value="gid://shopify/TaxonomyValue/9311"
7700                        class="checkbox"
7701                        id="drawer-filter.v.t.shopify.region-8"
7702                        type="checkbox"
7703                        
7704                      >
7705                      <label
7706                        for="drawer-filter.v.t.shopify.region-8"
7707                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7708                      >
7709                        <span class="reversed-link__text">Central Otago</span>
7710                        <span class="count">1</span>
7711                      </label>
7712                    </li><li class="flex items-center gap-2">
7713                      <input
7714                        name="filter.v.t.shopify.region"
7715                        value="gid://shopify/TaxonomyValue/9312"
7716                        class="checkbox"
7717                        id="drawer-filter.v.t.shopify.region-9"
7718                        type="checkbox"
7719                        
7720                      >
7721                      <label
7722                        for="drawer-filter.v.t.shopify.region-9"
7723                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7724                      >
7725                        <span class="reversed-link__text">Champagne</span>
7726                        <span class="count">25</span>
7727                      </label>
7728                    </li><li class="flex items-center gap-2">
7729                      <input
7730                        name="filter.v.t.shopify.region"
7731                        value="gid://shopify/TaxonomyValue/9313"
7732                        class="checkbox"
7733                        id="drawer-filter.v.t.shopify.region-10"
7734                        type="checkbox"
7735                        
7736                      >
7737                      <label
7738                        for="drawer-filter.v.t.shopify.region-10"
7739                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7740                      >
7741                        <span class="reversed-link__text">Chianti</span>
7742                        <span class="count">2</span>
7743                      </label>
7744                    </li><li class="flex items-center gap-2">
7745                      <input
7746                        name="filter.v.t.shopify.region"
7747                        value="gid://shopify/TaxonomyValue/9314"
7748                        class="checkbox"
7749                        id="drawer-filter.v.t.shopify.region-11"
7750                        type="checkbox"
7751                        
7752                      >
7753                      <label
7754                        for="drawer-filter.v.t.shopify.region-11"
7755                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7756                      >
7757                        <span class="reversed-link__text">Colchagua Valley</span>
7758                        <span class="count">4</span>
7759                      </label>
7760                    </li><li class="flex items-center gap-2">
7761                      <input
7762                        name="filter.v.t.shopify.region"
7763                        value="gid://shopify/TaxonomyValue/9316"
7764                        class="checkbox"
7765                        id="drawer-filter.v.t.shopify.region-12"
7766                        type="checkbox"
7767                        
7768                      >
7769                      <label
7770                        for="drawer-filter.v.t.shopify.region-12"
7771                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7772                      >
7773                        <span class="reversed-link__text">Coonawarra</span>
7774                        <span class="count">2</span>
7775                      </label>
7776                    </li><li class="flex items-center gap-2">
7777                      <input
7778                        name="filter.v.t.shopify.region"
7779                        value="gid://shopify/TaxonomyValue/9319"
7780                        class="checkbox"
7781                        id="drawer-filter.v.t.shopify.region-13"
7782                        type="checkbox"
7783                        
7784                      >
7785                      <label
7786                        for="drawer-filter.v.t.shopify.region-13"
7787                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7788                      >
7789                        <span class="reversed-link__text">Côtes de Bordeaux</span>
7790                        <span class="count">1</span>
7791                      </label>
7792                    </li><li class="flex items-center gap-2">
7793                      <input
7794                        name="filter.v.t.shopify.region"
7795                        value="gid://shopify/TaxonomyValue/9321"
7796                        class="checkbox"
7797                        id="drawer-filter.v.t.shopify.region-14"
7798                        type="checkbox"
7799                        
7800                      >
7801                      <label
7802                        for="drawer-filter.v.t.shopify.region-14"
7803                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7804                      >
7805                        <span class="reversed-link__text">Côtes de Provence</span>
7806                        <span class="count">3</span>
7807                      </label>
7808                    </li><li class="flex items-center gap-2 show-more-item hidden">
7809                      <input
7810                        name="filter.v.t.shopify.region"
7811                        value="gid://shopify/TaxonomyValue/9322"
7812                        class="checkbox"
7813                        id="drawer-filter.v.t.shopify.region-15"
7814                        type="checkbox"
7815                        
7816                      >
7817                      <label
7818                        for="drawer-filter.v.t.shopify.region-15"
7819                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7820                      >
7821                        <span class="reversed-link__text">Côtes du Rhône</span>
7822                        <span class="count">1</span>
7823                      </label>
7824                    </li><li class="flex items-center gap-2 show-more-item hidden">
7825                      <input
7826                        name="filter.v.t.shopify.region"
7827                        value="gid://shopify/TaxonomyValue/9327"
7828                        class="checkbox"
7829                        id="drawer-filter.v.t.shopify.region-16"
7830                        type="checkbox"
7831                        
7832                      >
7833                      <label
7834                        for="drawer-filter.v.t.shopify.region-16"
7835                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7836                      >
7837                        <span class="reversed-link__text">Douro Valley</span>
7838                        <span class="count">2</span>
7839                      </label>
7840                    </li><li class="flex items-center gap-2 show-more-item hidden">
7841                      <input
7842                        name="filter.v.t.shopify.region"
7843                        value="gid://shopify/TaxonomyValue/9329"
7844                        class="checkbox"
7845                        id="drawer-filter.v.t.shopify.region-17"
7846                        type="checkbox"
7847                        
7848                      >
7849                      <label
7850                        for="drawer-filter.v.t.shopify.region-17"
7851                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7852                      >
7853                        <span class="reversed-link__text">Emilia-Romagna</span>
7854                        <span class="count">1</span>
7855                      </label>
7856                    </li><li class="flex items-center gap-2 show-more-item hidden">
7857                      <input
7858                        name="filter.v.t.shopify.region"
7859                        value="gid://shopify/TaxonomyValue/9331"
7860                        class="checkbox"
7861                        id="drawer-filter.v.t.shopify.region-18"
7862                        type="checkbox"
7863                        
7864                      >
7865                      <label
7866                        for="drawer-filter.v.t.shopify.region-18"
7867                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7868                      >
7869                        <span class="reversed-link__text">Franschhoek</span>
7870                        <span class="count">1</span>
7871                      </label>
7872                    </li><li class="flex items-center gap-2 show-more-item hidden">
7873                      <input
7874                        name="filter.v.t.shopify.region"
7875                        value="gid://shopify/TaxonomyValue/9335"
7876                        class="checkbox"
7877                        id="drawer-filter.v.t.shopify.region-19"
7878                        type="checkbox"
7879                        
7880                      >
7881                      <label
7882                        for="drawer-filter.v.t.shopify.region-19"
7883                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7884                      >
7885                        <span class="reversed-link__text">Hawke&#39;s Bay</span>
7886                        <span class="count">2</span>
7887                      </label>
7888                    </li><li class="flex items-center gap-2 show-more-item hidden">
7889                      <input
7890                        name="filter.v.t.shopify.region"
7891                        value="gid://shopify/TaxonomyValue/9336"
7892                        class="checkbox"
7893                        id="drawer-filter.v.t.shopify.region-20"
7894                        type="checkbox"
7895                        
7896                      >
7897                      <label
7898                        for="drawer-filter.v.t.shopify.region-20"
7899                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7900                      >
7901                        <span class="reversed-link__text">Hemel-en-Aarde Valley</span>
7902                        <span class="count">1</span>
7903                      </label>
7904                    </li><li class="flex items-center gap-2 show-more-item hidden">
7905                      <input
7906                        name="filter.v.t.shopify.region"
7907                        value="gid://shopify/TaxonomyValue/9138"
7908                        class="checkbox"
7909                        id="drawer-filter.v.t.shopify.region-21"
7910                        type="checkbox"
7911                        
7912                      >
7913                      <label
7914                        for="drawer-filter.v.t.shopify.region-21"
7915                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7916                      >
7917                        <span class="reversed-link__text">Highlands</span>
7918                        <span class="count">27</span>
7919                      </label>
7920                    </li><li class="flex items-center gap-2 show-more-item hidden">
7921                      <input
7922                        name="filter.v.t.shopify.region"
7923                        value="gid://shopify/TaxonomyValue/9141"
7924                        class="checkbox"
7925                        id="drawer-filter.v.t.shopify.region-22"
7926                        type="checkbox"
7927                        
7928                      >
7929                      <label
7930                        for="drawer-filter.v.t.shopify.region-22"
7931                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7932                      >
7933                        <span class="reversed-link__text">Irish</span>
7934                        <span class="count">4</span>
7935                      </label>
7936                    </li><li class="flex items-center gap-2 show-more-item hidden">
7937                      <input
7938                        name="filter.v.t.shopify.region"
7939                        value="gid://shopify/TaxonomyValue/9142"
7940                        class="checkbox"
7941                        id="drawer-filter.v.t.shopify.region-23"
7942                        type="checkbox"
7943                        
7944                      >
7945                      <label
7946                        for="drawer-filter.v.t.shopify.region-23"
7947                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7948                      >
7949                        <span class="reversed-link__text">Islay</span>
7950                        <span class="count">5</span>
7951                      </label>
7952                    </li><li class="flex items-center gap-2 show-more-item hidden">
7953                      <input
7954                        name="filter.v.t.shopify.region"
7955                        value="gid://shopify/TaxonomyValue/9125"
7956                        class="checkbox"
7957                        id="drawer-filter.v.t.shopify.region-24"
7958                        type="checkbox"
7959                        
7960                      >
7961                      <label
7962                        for="drawer-filter.v.t.shopify.region-24"
7963                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7964                      >
7965                        <span class="reversed-link__text">Jalisco</span>
7966                        <span class="count">64</span>
7967                      </label>
7968                    </li><li class="flex items-center gap-2 show-more-item hidden">
7969                      <input
7970                        name="filter.v.t.shopify.region"
7971                        value="gid://shopify/TaxonomyValue/9338"
7972                        class="checkbox"
7973                        id="drawer-filter.v.t.shopify.region-25"
7974                        type="checkbox"
7975                        
7976                      >
7977                      <label
7978                        for="drawer-filter.v.t.shopify.region-25"
7979                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7980                      >
7981                        <span class="reversed-link__text">Jerez</span>
7982                        <span class="count">1</span>
7983                      </label>
7984                    </li><li class="flex items-center gap-2 show-more-item hidden">
7985                      <input
7986                        name="filter.v.t.shopify.region"
7987                        value="gid://shopify/TaxonomyValue/9126"
7988                        class="checkbox"
7989                        id="drawer-filter.v.t.shopify.region-26"
7990                        type="checkbox"
7991                        
7992                      >
7993                      <label
7994                        for="drawer-filter.v.t.shopify.region-26"
7995                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
7996                      >
7997                        <span class="reversed-link__text">Kentucky</span>
7998                        <span class="count">7</span>
7999                      </label>
8000                    </li><li class="flex items-center gap-2 show-more-item hidden">
8001                      <input
8002                        name="filter.v.t.shopify.region"
8003                        value="gid://shopify/TaxonomyValue/9341"
8004                        class="checkbox"
8005                        id="drawer-filter.v.t.shopify.region-27"
8006                        type="checkbox"
8007                        
8008                      >
8009                      <label
8010                        for="drawer-filter.v.t.shopify.region-27"
8011                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8012                      >
8013                        <span class="reversed-link__text">Languedoc-Roussillon</span>
8014                        <span class="count">8</span>
8015                      </label>
8016                    </li><li class="flex items-center gap-2 show-more-item hidden">
8017                      <input
8018                        name="filter.v.t.shopify.region"
8019                        value="gid://shopify/TaxonomyValue/9343"
8020                        class="checkbox"
8021                        id="drawer-filter.v.t.shopify.region-28"
8022                        type="checkbox"
8023                        
8024                      >
8025                      <label
8026                        for="drawer-filter.v.t.shopify.region-28"
8027                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8028                      >
8029                        <span class="reversed-link__text">Loire Valley</span>
8030                        <span class="count">7</span>
8031                      </label>
8032                    </li><li class="flex items-center gap-2 show-more-item hidden">
8033                      <input
8034                        name="filter.v.t.shopify.region"
8035                        value="gid://shopify/TaxonomyValue/9143"
8036                        class="checkbox"
8037                        id="drawer-filter.v.t.shopify.region-29"
8038                        type="checkbox"
8039                        
8040                      >
8041                      <label
8042                        for="drawer-filter.v.t.shopify.region-29"
8043                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8044                      >
8045                        <span class="reversed-link__text">Lowlands</span>
8046                        <span class="count">1</span>
8047                      </label>
8048                    </li><li class="flex items-center gap-2 show-more-item hidden">
8049                      <input
8050                        name="filter.v.t.shopify.region"
8051                        value="gid://shopify/TaxonomyValue/9345"
8052                        class="checkbox"
8053                        id="drawer-filter.v.t.shopify.region-30"
8054                        type="checkbox"
8055                        
8056                      >
8057                      <label
8058                        for="drawer-filter.v.t.shopify.region-30"
8059                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8060                      >
8061                        <span class="reversed-link__text">Margaret River</span>
8062                        <span class="count">4</span>
8063                      </label>
8064                    </li><li class="flex items-center gap-2 show-more-item hidden">
8065                      <input
8066                        name="filter.v.t.shopify.region"
8067                        value="gid://shopify/TaxonomyValue/9346"
8068                        class="checkbox"
8069                        id="drawer-filter.v.t.shopify.region-31"
8070                        type="checkbox"
8071                        
8072                      >
8073                      <label
8074                        for="drawer-filter.v.t.shopify.region-31"
8075                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8076                      >
8077                        <span class="reversed-link__text">Marlborough</span>
8078                        <span class="count">9</span>
8079                      </label>
8080                    </li><li class="flex items-center gap-2 show-more-item hidden">
8081                      <input
8082                        name="filter.v.t.shopify.region"
8083                        value="gid://shopify/TaxonomyValue/9347"
8084                        class="checkbox"
8085                        id="drawer-filter.v.t.shopify.region-32"
8086                        type="checkbox"
8087                        
8088                      >
8089                      <label
8090                        for="drawer-filter.v.t.shopify.region-32"
8091                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8092                      >
8093                        <span class="reversed-link__text">McLaren Vale</span>
8094                        <span class="count">2</span>
8095                      </label>
8096                    </li><li class="flex items-center gap-2 show-more-item hidden">
8097                      <input
8098                        name="filter.v.t.shopify.region"
8099                        value="gid://shopify/TaxonomyValue/9349"
8100                        class="checkbox"
8101                        id="drawer-filter.v.t.shopify.region-33"
8102                        type="checkbox"
8103                        
8104                      >
8105                      <label
8106                        for="drawer-filter.v.t.shopify.region-33"
8107                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8108                      >
8109                        <span class="reversed-link__text">Mendoza</span>
8110                        <span class="count">5</span>
8111                      </label>
8112                    </li><li class="flex items-center gap-2 show-more-item hidden">
8113                      <input
8114                        name="filter.v.t.shopify.region"
8115                        value="gid://shopify/TaxonomyValue/9144"
8116                        class="checkbox"
8117                        id="drawer-filter.v.t.shopify.region-34"
8118                        type="checkbox"
8119                        
8120                      >
8121                      <label
8122                        for="drawer-filter.v.t.shopify.region-34"
8123                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8124                      >
8125                        <span class="reversed-link__text">Miyagikyo</span>
8126                        <span class="count">1</span>
8127                      </label>
8128                    </li><li class="flex items-center gap-2 show-more-item hidden">
8129                      <input
8130                        name="filter.v.t.shopify.region"
8131                        value="gid://shopify/TaxonomyValue/9354"
8132                        class="checkbox"
8133                        id="drawer-filter.v.t.shopify.region-35"
8134                        type="checkbox"
8135                        
8136                      >
8137                      <label
8138                        for="drawer-filter.v.t.shopify.region-35"
8139                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8140                      >
8141                        <span class="reversed-link__text">Napa Valley</span>
8142                        <span class="count">2</span>
8143                      </label>
8144                    </li><li class="flex items-center gap-2 show-more-item hidden">
8145                      <input
8146                        name="filter.v.t.shopify.region"
8147                        value="gid://shopify/TaxonomyValue/9360"
8148                        class="checkbox"
8149                        id="drawer-filter.v.t.shopify.region-36"
8150                        type="checkbox"
8151                        
8152                      >
8153                      <label
8154                        for="drawer-filter.v.t.shopify.region-36"
8155                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8156                      >
8157                        <span class="reversed-link__text">Piedmont</span>
8158                        <span class="count">6</span>
8159                      </label>
8160                    </li><li class="flex items-center gap-2 show-more-item hidden">
8161                      <input
8162                        name="filter.v.t.shopify.region"
8163                        value="gid://shopify/TaxonomyValue/9363"
8164                        class="checkbox"
8165                        id="drawer-filter.v.t.shopify.region-37"
8166                        type="checkbox"
8167                        
8168                      >
8169                      <label
8170                        for="drawer-filter.v.t.shopify.region-37"
8171                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8172                      >
8173                        <span class="reversed-link__text">Puglia</span>
8174                        <span class="count">3</span>
8175                      </label>
8176                    </li><li class="flex items-center gap-2 show-more-item hidden">
8177                      <input
8178                        name="filter.v.t.shopify.region"
8179                        value="gid://shopify/TaxonomyValue/9368"
8180                        class="checkbox"
8181                        id="drawer-filter.v.t.shopify.region-38"
8182                        type="checkbox"
8183                        
8184                      >
8185                      <label
8186                        for="drawer-filter.v.t.shopify.region-38"
8187                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8188                      >
8189                        <span class="reversed-link__text">Ribera del Duero</span>
8190                        <span class="count">1</span>
8191                      </label>
8192                    </li><li class="flex items-center gap-2 show-more-item hidden">
8193                      <input
8194                        name="filter.v.t.shopify.region"
8195                        value="gid://shopify/TaxonomyValue/9369"
8196                        class="checkbox"
8197                        id="drawer-filter.v.t.shopify.region-39"
8198                        type="checkbox"
8199                        
8200                      >
8201                      <label
8202                        for="drawer-filter.v.t.shopify.region-39"
8203                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8204                      >
8205                        <span class="reversed-link__text">Rioja</span>
8206                        <span class="count">2</span>
8207                      </label>
8208                    </li><li class="flex items-center gap-2 show-more-item hidden">
8209                      <input
8210                        name="filter.v.t.shopify.region"
8211                        value="gid://shopify/TaxonomyValue/9375"
8212                        class="checkbox"
8213                        id="drawer-filter.v.t.shopify.region-40"
8214                        type="checkbox"
8215                        
8216                      >
8217                      <label
8218                        for="drawer-filter.v.t.shopify.region-40"
8219                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8220                      >
8221                        <span class="reversed-link__text">Sicily</span>
8222                        <span class="count">5</span>
8223                      </label>
8224                    </li><li class="flex items-center gap-2 show-more-item hidden">
8225                      <input
8226                        name="filter.v.t.shopify.region"
8227                        value="gid://shopify/TaxonomyValue/9376"
8228                        class="checkbox"
8229                        id="drawer-filter.v.t.shopify.region-41"
8230                        type="checkbox"
8231                        
8232                      >
8233                      <label
8234                        for="drawer-filter.v.t.shopify.region-41"
8235                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8236                      >
8237                        <span class="reversed-link__text">Sonoma County</span>
8238                        <span class="count">1</span>
8239                      </label>
8240                    </li><li class="flex items-center gap-2 show-more-item hidden">
8241                      <input
8242                        name="filter.v.t.shopify.region"
8243                        value="gid://shopify/TaxonomyValue/9147"
8244                        class="checkbox"
8245                        id="drawer-filter.v.t.shopify.region-42"
8246                        type="checkbox"
8247                        
8248                      >
8249                      <label
8250                        for="drawer-filter.v.t.shopify.region-42"
8251                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8252                      >
8253                        <span class="reversed-link__text">Speyside</span>
8254                        <span class="count">87</span>
8255                      </label>
8256                    </li><li class="flex items-center gap-2 show-more-item hidden">
8257                      <input
8258                        name="filter.v.t.shopify.region"
8259                        value="gid://shopify/TaxonomyValue/9377"
8260                        class="checkbox"
8261                        id="drawer-filter.v.t.shopify.region-43"
8262                        type="checkbox"
8263                        
8264                      >
8265                      <label
8266                        for="drawer-filter.v.t.shopify.region-43"
8267                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8268                      >
8269                        <span class="reversed-link__text">Stellenbosch</span>
8270                        <span class="count">5</span>
8271                      </label>
8272                    </li><li class="flex items-center gap-2 show-more-item hidden">
8273                      <input
8274                        name="filter.v.t.shopify.region"
8275                        value="gid://shopify/TaxonomyValue/9149"
8276                        class="checkbox"
8277                        id="drawer-filter.v.t.shopify.region-44"
8278                        type="checkbox"
8279                        
8280                      >
8281                      <label
8282                        for="drawer-filter.v.t.shopify.region-44"
8283                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8284                      >
8285                        <span class="reversed-link__text">Tennessee</span>
8286                        <span class="count">12</span>
8287                      </label>
8288                    </li><li class="flex items-center gap-2 show-more-item hidden">
8289                      <input
8290                        name="filter.v.t.shopify.region"
8291                        value="gid://shopify/TaxonomyValue/9381"
8292                        class="checkbox"
8293                        id="drawer-filter.v.t.shopify.region-45"
8294                        type="checkbox"
8295                        
8296                      >
8297                      <label
8298                        for="drawer-filter.v.t.shopify.region-45"
8299                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8300                      >
8301                        <span class="reversed-link__text">Tuscany</span>
8302                        <span class="count">8</span>
8303                      </label>
8304                    </li><li class="flex items-center gap-2 show-more-item hidden">
8305                      <input
8306                        name="filter.v.t.shopify.region"
8307                        value="gid://shopify/TaxonomyValue/9384"
8308                        class="checkbox"
8309                        id="drawer-filter.v.t.shopify.region-46"
8310                        type="checkbox"
8311                        
8312                      >
8313                      <label
8314                        for="drawer-filter.v.t.shopify.region-46"
8315                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8316                      >
8317                        <span class="reversed-link__text">Valle de Uco</span>
8318                        <span class="count">2</span>
8319                      </label>
8320                    </li><li class="flex items-center gap-2 show-more-item hidden">
8321                      <input
8322                        name="filter.v.t.shopify.region"
8323                        value="gid://shopify/TaxonomyValue/9385"
8324                        class="checkbox"
8325                        id="drawer-filter.v.t.shopify.region-47"
8326                        type="checkbox"
8327                        
8328                      >
8329                      <label
8330                        for="drawer-filter.v.t.shopify.region-47"
8331                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8332                      >
8333                        <span class="reversed-link__text">Veneto</span>
8334                        <span class="count">16</span>
8335                      </label>
8336                    </li><li class="flex items-center gap-2 show-more-item hidden">
8337                      <input
8338                        name="filter.v.t.shopify.region"
8339                        value="gid://shopify/TaxonomyValue/9389"
8340                        class="checkbox"
8341                        id="drawer-filter.v.t.shopify.region-48"
8342                        type="checkbox"
8343                        
8344                      >
8345                      <label
8346                        for="drawer-filter.v.t.shopify.region-48"
8347                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8348                      >
8349                        <span class="reversed-link__text">Western Cape</span>
8350                        <span class="count">2</span>
8351                      </label>
8352                    </li><li class="flex items-center gap-2 show-more-item hidden">
8353                      <input
8354                        name="filter.v.t.shopify.region"
8355                        value="gid://shopify/TaxonomyValue/9152"
8356                        class="checkbox"
8357                        id="drawer-filter.v.t.shopify.region-49"
8358                        type="checkbox"
8359                        
8360                      >
8361                      <label
8362                        for="drawer-filter.v.t.shopify.region-49"
8363                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8364                      >
8365                        <span class="reversed-link__text">Yamazaki</span>
8366                        <span class="count">1</span>
8367                      </label>
8368                    </li></ul><show-more-button>
8369                  <button
8370                    class="button-show-more btn--link"
8371                    id="Show-More-5-template--18829767475427__main"
8372                    type="button"
8373                  >
8374                    <span class="label-show-more label-text">Show more</span>
8375                    <span class="label-show-less label-text hidden">Show less</span>
8376                  </button>
8377                </show-more-button>
8378            </div>
8379          </details>
8380<details
8381            class="accordion-details facet-accordion-details"
8382            is="accordion-details"
8383            data-filter
8384            data-index="drawer-filter.v.t.shopify.beer-style"
8385            
8386          >
8387            <summary class="accordion-details__summary flex items-center justify-between">
8388              <span class="h6">Beer style</span><svg
8389  xmlns="http://www.w3.org/2000/svg"
8390  class="icon icon-plus-toggle icon--small icon--thick"
8391  viewBox="0 0 20 20"
8392  fill="none"
8393>
8394  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8395  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8396</svg>
8397</summary>
8398            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
8399                      <input
8400                        name="filter.v.t.shopify.beer-style"
8401                        value="gid://shopify/TaxonomyValue/17705"
8402                        class="checkbox"
8403                        id="drawer-filter.v.t.shopify.beer-style-1"
8404                        type="checkbox"
8405                        
8406                      >
8407                      <label
8408                        for="drawer-filter.v.t.shopify.beer-style-1"
8409                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8410                      >
8411                        <span class="reversed-link__text">Amber</span>
8412                        <span class="count">2</span>
8413                      </label>
8414                    </li><li class="flex items-center gap-2">
8415                      <input
8416                        name="filter.v.t.shopify.beer-style"
8417                        value="gid://shopify/TaxonomyValue/8681"
8418                        class="checkbox"
8419                        id="drawer-filter.v.t.shopify.beer-style-2"
8420                        type="checkbox"
8421                        
8422                      >
8423                      <label
8424                        for="drawer-filter.v.t.shopify.beer-style-2"
8425                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8426                      >
8427                        <span class="reversed-link__text">Bitter</span>
8428                        <span class="count">1</span>
8429                      </label>
8430                    </li><li class="flex items-center gap-2">
8431                      <input
8432                        name="filter.v.t.shopify.beer-style"
8433                        value="gid://shopify/TaxonomyValue/8684"
8434                        class="checkbox"
8435                        id="drawer-filter.v.t.shopify.beer-style-3"
8436                        type="checkbox"
8437                        
8438                      >
8439                      <label
8440                        for="drawer-filter.v.t.shopify.beer-style-3"
8441                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8442                      >
8443                        <span class="reversed-link__text">Creamy</span>
8444                        <span class="count">1</span>
8445                      </label>
8446                    </li><li class="flex items-center gap-2">
8447                      <input
8448                        name="filter.v.t.shopify.beer-style"
8449                        value="gid://shopify/TaxonomyValue/8685"
8450                        class="checkbox"
8451                        id="drawer-filter.v.t.shopify.beer-style-4"
8452                        type="checkbox"
8453                        
8454                      >
8455                      <label
8456                        for="drawer-filter.v.t.shopify.beer-style-4"
8457                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8458                      >
8459                        <span class="reversed-link__text">Crisp</span>
8460                        <span class="count">5</span>
8461                      </label>
8462                    </li><li class="flex items-center gap-2">
8463                      <input
8464                        name="filter.v.t.shopify.beer-style"
8465                        value="gid://shopify/TaxonomyValue/17709"
8466                        class="checkbox"
8467                        id="drawer-filter.v.t.shopify.beer-style-5"
8468                        type="checkbox"
8469                        
8470                      >
8471                      <label
8472                        for="drawer-filter.v.t.shopify.beer-style-5"
8473                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8474                      >
8475                        <span class="reversed-link__text">Full</span>
8476                        <span class="count">2</span>
8477                      </label>
8478                    </li><li class="flex items-center gap-2">
8479                      <input
8480                        name="filter.v.t.shopify.beer-style"
8481                        value="gid://shopify/TaxonomyValue/17712"
8482                        class="checkbox"
8483                        id="drawer-filter.v.t.shopify.beer-style-6"
8484                        type="checkbox"
8485                        
8486                      >
8487                      <label
8488                        for="drawer-filter.v.t.shopify.beer-style-6"
8489                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8490                      >
8491                        <span class="reversed-link__text">Light</span>
8492                        <span class="count">3</span>
8493                      </label>
8494                    </li><li class="flex items-center gap-2">
8495                      <input
8496                        name="filter.v.t.shopify.beer-style"
8497                        value="gid://shopify/TaxonomyValue/17714"
8498                        class="checkbox"
8499                        id="drawer-filter.v.t.shopify.beer-style-7"
8500                        type="checkbox"
8501                        
8502                      >
8503                      <label
8504                        for="drawer-filter.v.t.shopify.beer-style-7"
8505                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8506                      >
8507                        <span class="reversed-link__text">Smooth</span>
8508                        <span class="count">6</span>
8509                      </label>
8510                    </li><li class="flex items-center gap-2">
8511                      <input
8512                        name="filter.v.t.shopify.beer-style"
8513                        value="gid://shopify/TaxonomyValue/8690"
8514                        class="checkbox"
8515                        id="drawer-filter.v.t.shopify.beer-style-8"
8516                        type="checkbox"
8517                        
8518                      >
8519                      <label
8520                        for="drawer-filter.v.t.shopify.beer-style-8"
8521                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8522                      >
8523                        <span class="reversed-link__text">Sweet</span>
8524                        <span class="count">2</span>
8525                      </label>
8526                    </li></ul>
8527            </div>
8528          </details>
8529<details
8530            class="accordion-details facet-accordion-details"
8531            is="accordion-details"
8532            data-filter
8533            data-index="drawer-filter.v.t.shopify.wine-sweetness"
8534            
8535          >
8536            <summary class="accordion-details__summary flex items-center justify-between">
8537              <span class="h6">Sweetness</span><svg
8538  xmlns="http://www.w3.org/2000/svg"
8539  class="icon icon-plus-toggle icon--small icon--thick"
8540  viewBox="0 0 20 20"
8541  fill="none"
8542>
8543  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8544  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8545</svg>
8546</summary>
8547            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
8548                      <input
8549                        name="filter.v.t.shopify.wine-sweetness"
8550                        value="gid://shopify/TaxonomyValue/17722"
8551                        class="checkbox"
8552                        id="drawer-filter.v.t.shopify.wine-sweetness-1"
8553                        type="checkbox"
8554                        
8555                      >
8556                      <label
8557                        for="drawer-filter.v.t.shopify.wine-sweetness-1"
8558                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8559                      >
8560                        <span class="reversed-link__text">Dry</span>
8561                        <span class="count">156</span>
8562                      </label>
8563                    </li><li class="flex items-center gap-2">
8564                      <input
8565                        name="filter.v.t.shopify.wine-sweetness"
8566                        value="gid://shopify/TaxonomyValue/19307"
8567                        class="checkbox"
8568                        id="drawer-filter.v.t.shopify.wine-sweetness-2"
8569                        type="checkbox"
8570                        
8571                      >
8572                      <label
8573                        for="drawer-filter.v.t.shopify.wine-sweetness-2"
8574                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8575                      >
8576                        <span class="reversed-link__text">Medium</span>
8577                        <span class="count">1</span>
8578                      </label>
8579                    </li><li class="flex items-center gap-2">
8580                      <input
8581                        name="filter.v.t.shopify.wine-sweetness"
8582                        value="gid://shopify/TaxonomyValue/10044"
8583                        class="checkbox"
8584                        id="drawer-filter.v.t.shopify.wine-sweetness-3"
8585                        type="checkbox"
8586                        
8587                      >
8588                      <label
8589                        for="drawer-filter.v.t.shopify.wine-sweetness-3"
8590                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8591                      >
8592                        <span class="reversed-link__text">Medium dry</span>
8593                        <span class="count">4</span>
8594                      </label>
8595                    </li><li class="flex items-center gap-2">
8596                      <input
8597                        name="filter.v.t.shopify.wine-sweetness"
8598                        value="gid://shopify/TaxonomyValue/15262"
8599                        class="checkbox"
8600                        id="drawer-filter.v.t.shopify.wine-sweetness-4"
8601                        type="checkbox"
8602                        
8603                      >
8604                      <label
8605                        for="drawer-filter.v.t.shopify.wine-sweetness-4"
8606                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8607                      >
8608                        <span class="reversed-link__text">Off-dry</span>
8609                        <span class="count">15</span>
8610                      </label>
8611                    </li><li class="flex items-center gap-2">
8612                      <input
8613                        name="filter.v.t.shopify.wine-sweetness"
8614                        value="gid://shopify/TaxonomyValue/15263"
8615                        class="checkbox"
8616                        id="drawer-filter.v.t.shopify.wine-sweetness-5"
8617                        type="checkbox"
8618                        
8619                      >
8620                      <label
8621                        for="drawer-filter.v.t.shopify.wine-sweetness-5"
8622                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8623                      >
8624                        <span class="reversed-link__text">Semi-sweet</span>
8625                        <span class="count">10</span>
8626                      </label>
8627                    </li><li class="flex items-center gap-2">
8628                      <input
8629                        name="filter.v.t.shopify.wine-sweetness"
8630                        value="gid://shopify/TaxonomyValue/17723"
8631                        class="checkbox"
8632                        id="drawer-filter.v.t.shopify.wine-sweetness-6"
8633                        type="checkbox"
8634                        
8635                      >
8636                      <label
8637                        for="drawer-filter.v.t.shopify.wine-sweetness-6"
8638                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8639                      >
8640                        <span class="reversed-link__text">Sweet</span>
8641                        <span class="count">13</span>
8642                      </label>
8643                    </li></ul>
8644            </div>
8645          </details></form><div class="drawer__sticky drawer__sticky--bottom w-full z-1 background-1">
8646            <button class="btn btn--primary w-full" type="button" aria-controls="FacetDrawer" aria-expanded="false">
8647              <span class="btn__text">
8648                Apply
8649                <facet-count
8650                  
8651                    hidden
8652                  
8653                  >(0)</facet-count
8654                >
8655              </span>
8656            </button>
8657          </div>
8658        </div>
8659      </div>
8660    </div>
8661  </drawer-component>
8662</div>
8663</div>
8664            <div class="collection__toolbar-right flex items-end md:items-center flex-col md:flex-row"><div class="hidden no-js-hidden lg:flex items-center gap-2" id="SortByContainer"><label for="SortBy-search" class="text-nowrap font-body-bolder">Sort by:</label
8665>
8666<div class="select w-auto facet-short flex items-center gap-2 flex-grow"><select
8667    name="sort_by"
8668    class="form-control form-control--select"
8669    id="SortBy-search"
8670    aria-describedby="a11y-refresh-page-message"
8671    is="facet-short"
8672  ><option
8673        value="relevance"
8674        
8675          selected="selected"
8676        
8677      >
8678        Relevance
8679      </option><option
8680        value="price-ascending"
8681        
8682      >
8683        Price, low to high
8684      </option><option
8685        value="price-descending"
8686        
8687      >
8688        Price, high to low
8689      </option></select>
8690  <svg
8691  class="icon icon-caret-down icon--2xs icon--thick"
8692  viewBox="0 0 20 20"
8693  fill="none"
8694  xmlns="http://www.w3.org/2000/svg"
8695>
8696  <path d="M16.25 7.5L10 13.75L3.75 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8697</svg>
8698
8699</div>
8700</div><layout-switcher class="flex items-center gap-2 shrink-0">
8701                  <span class="hidden md:block font-body-bolder">View as:</span
8702                  >
8703                  <button
8704                    class="btn btn--icon-circle btn--icon btn--active"
8705                    data-layout-mode="grid"
8706                    aria-label="View as grid"
8707                  >
8708                    <span class="btn__text flex gap-1 items-center"><svg
8709  class="icon icon-grid-four icon--large icon--thick"
8710  aria-hidden="true"
8711  focusable="false"
8712  xmlns="http://www.w3.org/2000/svg"
8713  width="20"
8714  height="20"
8715  viewBox="0 0 20 20"
8716  fill="none"
8717>
8718  <path d="M15.625 3.75H4.375C4.02982 3.75 3.75 4.02982 3.75 4.375V15.625C3.75 15.9702 4.02982 16.25 4.375 16.25H15.625C15.9702 16.25 16.25 15.9702 16.25 15.625V4.375C16.25 4.02982 15.9702 3.75 15.625 3.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8719  <path d="M10 3.75V16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8720  <path d="M3.75 10H16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8721</svg>
8722</span>
8723                  </button>
8724                  <button
8725                    class="btn btn--icon-circle btn--icon"
8726                    data-layout-mode="list"
8727                    aria-label="View as list"
8728                  >
8729                    <span class="btn__text flex gap-1 items-center"><svg
8730  class="icon icon-list-dashes icon--large icon--thick"
8731  aria-hidden="true"
8732  focusable="false"
8733  xmlns="http://www.w3.org/2000/svg"
8734  width="20"
8735  height="20"
8736  viewBox="0 0 20 20"
8737  fill="none"
8738>
8739  <path d="M7.5 5H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8740  <path d="M7.5 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8741  <path d="M7.5 15H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8742  <path d="M3.125 5H4.375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8743  <path d="M3.125 10H4.375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8744  <path d="M3.125 15H4.375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8745</svg>
8746</span>
8747                  </button>
8748                </layout-switcher></div>
8749          </div></div><div class="facets-active flex flex-wrap items-center gap-2" id="FacetFiltersActive"></div>
8750<div class="collection__content flex"><div
8751          class="no-js-hidden hidden xl:block"
8752          id="FacetFiltersContainer"
8753        >
8754          <div class="sticky-element z-8" style="--sticky-offset: 7.2rem;"><form
8755    class="face-form"
8756    method="GET"
8757    action="/search"
8758    is="facet-form"
8759    data-section-id="template--18829767475427__main"
8760    data-history
8761    update-on-change
8762  >
8763    <div data-filter data-index="vertical-page" hidden>
8764      <input type="hidden" name="page" value=""><input type="hidden" name="q" value="alcohol"><input type="hidden" name="sort_by" value="relevance"></div>
8765<details
8766            class="accordion-details facet-accordion-details"
8767            is="accordion-details"
8768            data-filter
8769            data-index="vertical-filter.v.availability"
8770            
8771          >
8772            <summary class="accordion-details__summary flex items-center justify-between">
8773              <span class="h6">Availability</span><svg
8774  xmlns="http://www.w3.org/2000/svg"
8775  class="icon icon-plus-toggle icon--small icon--thick"
8776  viewBox="0 0 20 20"
8777  fill="none"
8778>
8779  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8780  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8781</svg>
8782</summary>
8783            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
8784                      <input
8785                        name="filter.v.availability"
8786                        value="1"
8787                        class="checkbox"
8788                        id="vertical-filter.v.availability-1"
8789                        type="checkbox"
8790                        
8791                      >
8792                      <label
8793                        for="vertical-filter.v.availability-1"
8794                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8795                      >
8796                        <span class="reversed-link__text">In stock</span>
8797                        <span class="count">1000</span>
8798                      </label>
8799                    </li><li class="flex items-center gap-2">
8800                      <input
8801                        name="filter.v.availability"
8802                        value="0"
8803                        class="checkbox"
8804                        id="vertical-filter.v.availability-2"
8805                        type="checkbox"
8806                        
8807                      >
8808                      <label
8809                        for="vertical-filter.v.availability-2"
8810                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8811                      >
8812                        <span class="reversed-link__text">Out of stock</span>
8813                        <span class="count">113</span>
8814                      </label>
8815                    </li></ul>
8816            </div>
8817          </details>
8818<details
8819            class="accordion-details facet-accordion-details"
8820            is="accordion-details"
8821            data-filter
8822            data-index="vertical-filter.v.t.shopify.country"
8823            
8824          >
8825            <summary class="accordion-details__summary flex items-center justify-between">
8826              <span class="h6">Country</span><svg
8827  xmlns="http://www.w3.org/2000/svg"
8828  class="icon icon-plus-toggle icon--small icon--thick"
8829  viewBox="0 0 20 20"
8830  fill="none"
8831>
8832  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8833  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8834</svg>
8835</summary>
8836            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
8837                      <input
8838                        name="filter.v.t.shopify.country"
8839                        value="gid://shopify/TaxonomyValue/8840"
8840                        class="checkbox"
8841                        id="vertical-filter.v.t.shopify.country-1"
8842                        type="checkbox"
8843                        
8844                      >
8845                      <label
8846                        for="vertical-filter.v.t.shopify.country-1"
8847                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8848                      >
8849                        <span class="reversed-link__text">Argentina</span>
8850                        <span class="count">14</span>
8851                      </label>
8852                    </li><li class="flex items-center gap-2">
8853                      <input
8854                        name="filter.v.t.shopify.country"
8855                        value="gid://shopify/TaxonomyValue/8807"
8856                        class="checkbox"
8857                        id="vertical-filter.v.t.shopify.country-2"
8858                        type="checkbox"
8859                        
8860                      >
8861                      <label
8862                        for="vertical-filter.v.t.shopify.country-2"
8863                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8864                      >
8865                        <span class="reversed-link__text">Australia</span>
8866                        <span class="count">84</span>
8867                      </label>
8868                    </li><li class="flex items-center gap-2">
8869                      <input
8870                        name="filter.v.t.shopify.country"
8871                        value="gid://shopify/TaxonomyValue/8846"
8872                        class="checkbox"
8873                        id="vertical-filter.v.t.shopify.country-3"
8874                        type="checkbox"
8875                        
8876                      >
8877                      <label
8878                        for="vertical-filter.v.t.shopify.country-3"
8879                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8880                      >
8881                        <span class="reversed-link__text">Barbados</span>
8882                        <span class="count">1</span>
8883                      </label>
8884                    </li><li class="flex items-center gap-2">
8885                      <input
8886                        name="filter.v.t.shopify.country"
8887                        value="gid://shopify/TaxonomyValue/8855"
8888                        class="checkbox"
8889                        id="vertical-filter.v.t.shopify.country-4"
8890                        type="checkbox"
8891                        
8892                      >
8893                      <label
8894                        for="vertical-filter.v.t.shopify.country-4"
8895                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8896                      >
8897                        <span class="reversed-link__text">Bulgaria</span>
8898                        <span class="count">4</span>
8899                      </label>
8900                    </li><li class="flex items-center gap-2">
8901                      <input
8902                        name="filter.v.t.shopify.country"
8903                        value="gid://shopify/TaxonomyValue/8811"
8904                        class="checkbox"
8905                        id="vertical-filter.v.t.shopify.country-5"
8906                        type="checkbox"
8907                        
8908                      >
8909                      <label
8910                        for="vertical-filter.v.t.shopify.country-5"
8911                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8912                      >
8913                        <span class="reversed-link__text">Canada</span>
8914                        <span class="count">2</span>
8915                      </label>
8916                    </li><li class="flex items-center gap-2">
8917                      <input
8918                        name="filter.v.t.shopify.country"
8919                        value="gid://shopify/TaxonomyValue/25950"
8920                        class="checkbox"
8921                        id="vertical-filter.v.t.shopify.country-6"
8922                        type="checkbox"
8923                        
8924                      >
8925                      <label
8926                        for="vertical-filter.v.t.shopify.country-6"
8927                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8928                      >
8929                        <span class="reversed-link__text">Caribbean Netherlands</span>
8930                        <span class="count">14</span>
8931                      </label>
8932                    </li><li class="flex items-center gap-2">
8933                      <input
8934                        name="filter.v.t.shopify.country"
8935                        value="gid://shopify/TaxonomyValue/8863"
8936                        class="checkbox"
8937                        id="vertical-filter.v.t.shopify.country-7"
8938                        type="checkbox"
8939                        
8940                      >
8941                      <label
8942                        for="vertical-filter.v.t.shopify.country-7"
8943                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8944                      >
8945                        <span class="reversed-link__text">Chile</span>
8946                        <span class="count">21</span>
8947                      </label>
8948                    </li><li class="flex items-center gap-2">
8949                      <input
8950                        name="filter.v.t.shopify.country"
8951                        value="gid://shopify/TaxonomyValue/8812"
8952                        class="checkbox"
8953                        id="vertical-filter.v.t.shopify.country-8"
8954                        type="checkbox"
8955                        
8956                      >
8957                      <label
8958                        for="vertical-filter.v.t.shopify.country-8"
8959                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8960                      >
8961                        <span class="reversed-link__text">China</span>
8962                        <span class="count">9</span>
8963                      </label>
8964                    </li><li class="flex items-center gap-2">
8965                      <input
8966                        name="filter.v.t.shopify.country"
8967                        value="gid://shopify/TaxonomyValue/8814"
8968                        class="checkbox"
8969                        id="vertical-filter.v.t.shopify.country-9"
8970                        type="checkbox"
8971                        
8972                      >
8973                      <label
8974                        for="vertical-filter.v.t.shopify.country-9"
8975                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8976                      >
8977                        <span class="reversed-link__text">Denmark</span>
8978                        <span class="count">3</span>
8979                      </label>
8980                    </li><li class="flex items-center gap-2">
8981                      <input
8982                        name="filter.v.t.shopify.country"
8983                        value="gid://shopify/TaxonomyValue/8884"
8984                        class="checkbox"
8985                        id="vertical-filter.v.t.shopify.country-10"
8986                        type="checkbox"
8987                        
8988                      >
8989                      <label
8990                        for="vertical-filter.v.t.shopify.country-10"
8991                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
8992                      >
8993                        <span class="reversed-link__text">Finland</span>
8994                        <span class="count">5</span>
8995                      </label>
8996                    </li><li class="flex items-center gap-2">
8997                      <input
8998                        name="filter.v.t.shopify.country"
8999                        value="gid://shopify/TaxonomyValue/8885"
9000                        class="checkbox"
9001                        id="vertical-filter.v.t.shopify.country-11"
9002                        type="checkbox"
9003                        
9004                      >
9005                      <label
9006                        for="vertical-filter.v.t.shopify.country-11"
9007                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9008                      >
9009                        <span class="reversed-link__text">France</span>
9010                        <span class="count">179</span>
9011                      </label>
9012                    </li><li class="flex items-center gap-2">
9013                      <input
9014                        name="filter.v.t.shopify.country"
9015                        value="gid://shopify/TaxonomyValue/25962"
9016                        class="checkbox"
9017                        id="vertical-filter.v.t.shopify.country-12"
9018                        type="checkbox"
9019                        
9020                      >
9021                      <label
9022                        for="vertical-filter.v.t.shopify.country-12"
9023                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9024                      >
9025                        <span class="reversed-link__text">French Guiana</span>
9026                        <span class="count">3</span>
9027                      </label>
9028                    </li><li class="flex items-center gap-2">
9029                      <input
9030                        name="filter.v.t.shopify.country"
9031                        value="gid://shopify/TaxonomyValue/8815"
9032                        class="checkbox"
9033                        id="vertical-filter.v.t.shopify.country-13"
9034                        type="checkbox"
9035                        
9036                      >
9037                      <label
9038                        for="vertical-filter.v.t.shopify.country-13"
9039                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9040                      >
9041                        <span class="reversed-link__text">Germany</span>
9042                        <span class="count">5</span>
9043                      </label>
9044                    </li><li class="flex items-center gap-2">
9045                      <input
9046                        name="filter.v.t.shopify.country"
9047                        value="gid://shopify/TaxonomyValue/8892"
9048                        class="checkbox"
9049                        id="vertical-filter.v.t.shopify.country-14"
9050                        type="checkbox"
9051                        
9052                      >
9053                      <label
9054                        for="vertical-filter.v.t.shopify.country-14"
9055                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9056                      >
9057                        <span class="reversed-link__text">Guatemala</span>
9058                        <span class="count">2</span>
9059                      </label>
9060                    </li><li class="flex items-center gap-2 show-more-item hidden">
9061                      <input
9062                        name="filter.v.t.shopify.country"
9063                        value="gid://shopify/TaxonomyValue/8900"
9064                        class="checkbox"
9065                        id="vertical-filter.v.t.shopify.country-15"
9066                        type="checkbox"
9067                        
9068                      >
9069                      <label
9070                        for="vertical-filter.v.t.shopify.country-15"
9071                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9072                      >
9073                        <span class="reversed-link__text">India</span>
9074                        <span class="count">66</span>
9075                      </label>
9076                    </li><li class="flex items-center gap-2 show-more-item hidden">
9077                      <input
9078                        name="filter.v.t.shopify.country"
9079                        value="gid://shopify/TaxonomyValue/8816"
9080                        class="checkbox"
9081                        id="vertical-filter.v.t.shopify.country-16"
9082                        type="checkbox"
9083                        
9084                      >
9085                      <label
9086                        for="vertical-filter.v.t.shopify.country-16"
9087                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9088                      >
9089                        <span class="reversed-link__text">Ireland</span>
9090                        <span class="count">11</span>
9091                      </label>
9092                    </li><li class="flex items-center gap-2 show-more-item hidden">
9093                      <input
9094                        name="filter.v.t.shopify.country"
9095                        value="gid://shopify/TaxonomyValue/8903"
9096                        class="checkbox"
9097                        id="vertical-filter.v.t.shopify.country-17"
9098                        type="checkbox"
9099                        
9100                      >
9101                      <label
9102                        for="vertical-filter.v.t.shopify.country-17"
9103                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9104                      >
9105                        <span class="reversed-link__text">Israel</span>
9106                        <span class="count">5</span>
9107                      </label>
9108                    </li><li class="flex items-center gap-2 show-more-item hidden">
9109                      <input
9110                        name="filter.v.t.shopify.country"
9111                        value="gid://shopify/TaxonomyValue/8904"
9112                        class="checkbox"
9113                        id="vertical-filter.v.t.shopify.country-18"
9114                        type="checkbox"
9115                        
9116                      >
9117                      <label
9118                        for="vertical-filter.v.t.shopify.country-18"
9119                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9120                      >
9121                        <span class="reversed-link__text">Italy</span>
9122                        <span class="count">117</span>
9123                      </label>
9124                    </li><li class="flex items-center gap-2 show-more-item hidden">
9125                      <input
9126                        name="filter.v.t.shopify.country"
9127                        value="gid://shopify/TaxonomyValue/8906"
9128                        class="checkbox"
9129                        id="vertical-filter.v.t.shopify.country-19"
9130                        type="checkbox"
9131                        
9132                      >
9133                      <label
9134                        for="vertical-filter.v.t.shopify.country-19"
9135                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9136                      >
9137                        <span class="reversed-link__text">Jamaica</span>
9138                        <span class="count">4</span>
9139                      </label>
9140                    </li><li class="flex items-center gap-2 show-more-item hidden">
9141                      <input
9142                        name="filter.v.t.shopify.country"
9143                        value="gid://shopify/TaxonomyValue/8817"
9144                        class="checkbox"
9145                        id="vertical-filter.v.t.shopify.country-20"
9146                        type="checkbox"
9147                        
9148                      >
9149                      <label
9150                        for="vertical-filter.v.t.shopify.country-20"
9151                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9152                      >
9153                        <span class="reversed-link__text">Japan</span>
9154                        <span class="count">21</span>
9155                      </label>
9156                    </li><li class="flex items-center gap-2 show-more-item hidden">
9157                      <input
9158                        name="filter.v.t.shopify.country"
9159                        value="gid://shopify/TaxonomyValue/8915"
9160                        class="checkbox"
9161                        id="vertical-filter.v.t.shopify.country-21"
9162                        type="checkbox"
9163                        
9164                      >
9165                      <label
9166                        for="vertical-filter.v.t.shopify.country-21"
9167                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9168                      >
9169                        <span class="reversed-link__text">Lebanon</span>
9170                        <span class="count">8</span>
9171                      </label>
9172                    </li><li class="flex items-center gap-2 show-more-item hidden">
9173                      <input
9174                        name="filter.v.t.shopify.country"
9175                        value="gid://shopify/TaxonomyValue/8818"
9176                        class="checkbox"
9177                        id="vertical-filter.v.t.shopify.country-22"
9178                        type="checkbox"
9179                        
9180                      >
9181                      <label
9182                        for="vertical-filter.v.t.shopify.country-22"
9183                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9184                      >
9185                        <span class="reversed-link__text">Mexico</span>
9186                        <span class="count">78</span>
9187                      </label>
9188                    </li><li class="flex items-center gap-2 show-more-item hidden">
9189                      <input
9190                        name="filter.v.t.shopify.country"
9191                        value="gid://shopify/TaxonomyValue/8941"
9192                        class="checkbox"
9193                        id="vertical-filter.v.t.shopify.country-23"
9194                        type="checkbox"
9195                        
9196                      >
9197                      <label
9198                        for="vertical-filter.v.t.shopify.country-23"
9199                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9200                      >
9201                        <span class="reversed-link__text">Nepal</span>
9202                        <span class="count">2</span>
9203                      </label>
9204                    </li><li class="flex items-center gap-2 show-more-item hidden">
9205                      <input
9206                        name="filter.v.t.shopify.country"
9207                        value="gid://shopify/TaxonomyValue/8819"
9208                        class="checkbox"
9209                        id="vertical-filter.v.t.shopify.country-24"
9210                        type="checkbox"
9211                        
9212                      >
9213                      <label
9214                        for="vertical-filter.v.t.shopify.country-24"
9215                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9216                      >
9217                        <span class="reversed-link__text">Netherlands</span>
9218                        <span class="count">15</span>
9219                      </label>
9220                    </li><li class="flex items-center gap-2 show-more-item hidden">
9221                      <input
9222                        name="filter.v.t.shopify.country"
9223                        value="gid://shopify/TaxonomyValue/8942"
9224                        class="checkbox"
9225                        id="vertical-filter.v.t.shopify.country-25"
9226                        type="checkbox"
9227                        
9228                      >
9229                      <label
9230                        for="vertical-filter.v.t.shopify.country-25"
9231                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9232                      >
9233                        <span class="reversed-link__text">New Zealand</span>
9234                        <span class="count">23</span>
9235                      </label>
9236                    </li><li class="flex items-center gap-2 show-more-item hidden">
9237                      <input
9238                        name="filter.v.t.shopify.country"
9239                        value="gid://shopify/TaxonomyValue/8954"
9240                        class="checkbox"
9241                        id="vertical-filter.v.t.shopify.country-26"
9242                        type="checkbox"
9243                        
9244                      >
9245                      <label
9246                        for="vertical-filter.v.t.shopify.country-26"
9247                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9248                      >
9249                        <span class="reversed-link__text">Peru</span>
9250                        <span class="count">1</span>
9251                      </label>
9252                    </li><li class="flex items-center gap-2 show-more-item hidden">
9253                      <input
9254                        name="filter.v.t.shopify.country"
9255                        value="gid://shopify/TaxonomyValue/8955"
9256                        class="checkbox"
9257                        id="vertical-filter.v.t.shopify.country-27"
9258                        type="checkbox"
9259                        
9260                      >
9261                      <label
9262                        for="vertical-filter.v.t.shopify.country-27"
9263                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9264                      >
9265                        <span class="reversed-link__text">Philippines</span>
9266                        <span class="count">8</span>
9267                      </label>
9268                    </li><li class="flex items-center gap-2 show-more-item hidden">
9269                      <input
9270                        name="filter.v.t.shopify.country"
9271                        value="gid://shopify/TaxonomyValue/8820"
9272                        class="checkbox"
9273                        id="vertical-filter.v.t.shopify.country-28"
9274                        type="checkbox"
9275                        
9276                      >
9277                      <label
9278                        for="vertical-filter.v.t.shopify.country-28"
9279                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9280                      >
9281                        <span class="reversed-link__text">Poland</span>
9282                        <span class="count">7</span>
9283                      </label>
9284                    </li><li class="flex items-center gap-2 show-more-item hidden">
9285                      <input
9286                        name="filter.v.t.shopify.country"
9287                        value="gid://shopify/TaxonomyValue/8956"
9288                        class="checkbox"
9289                        id="vertical-filter.v.t.shopify.country-29"
9290                        type="checkbox"
9291                        
9292                      >
9293                      <label
9294                        for="vertical-filter.v.t.shopify.country-29"
9295                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9296                      >
9297                        <span class="reversed-link__text">Portugal</span>
9298                        <span class="count">8</span>
9299                      </label>
9300                    </li><li class="flex items-center gap-2 show-more-item hidden">
9301                      <input
9302                        name="filter.v.t.shopify.country"
9303                        value="gid://shopify/TaxonomyValue/25984"
9304                        class="checkbox"
9305                        id="vertical-filter.v.t.shopify.country-30"
9306                        type="checkbox"
9307                        
9308                      >
9309                      <label
9310                        for="vertical-filter.v.t.shopify.country-30"
9311                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9312                      >
9313                        <span class="reversed-link__text">Russia</span>
9314                        <span class="count">9</span>
9315                      </label>
9316                    </li><li class="flex items-center gap-2 show-more-item hidden">
9317                      <input
9318                        name="filter.v.t.shopify.country"
9319                        value="gid://shopify/TaxonomyValue/8821"
9320                        class="checkbox"
9321                        id="vertical-filter.v.t.shopify.country-31"
9322                        type="checkbox"
9323                        
9324                      >
9325                      <label
9326                        for="vertical-filter.v.t.shopify.country-31"
9327                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9328                      >
9329                        <span class="reversed-link__text">South Africa</span>
9330                        <span class="count">26</span>
9331                      </label>
9332                    </li><li class="flex items-center gap-2 show-more-item hidden">
9333                      <input
9334                        name="filter.v.t.shopify.country"
9335                        value="gid://shopify/TaxonomyValue/8975"
9336                        class="checkbox"
9337                        id="vertical-filter.v.t.shopify.country-32"
9338                        type="checkbox"
9339                        
9340                      >
9341                      <label
9342                        for="vertical-filter.v.t.shopify.country-32"
9343                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9344                      >
9345                        <span class="reversed-link__text">South Korea</span>
9346                        <span class="count">4</span>
9347                      </label>
9348                    </li><li class="flex items-center gap-2 show-more-item hidden">
9349                      <input
9350                        name="filter.v.t.shopify.country"
9351                        value="gid://shopify/TaxonomyValue/8822"
9352                        class="checkbox"
9353                        id="vertical-filter.v.t.shopify.country-33"
9354                        type="checkbox"
9355                        
9356                      >
9357                      <label
9358                        for="vertical-filter.v.t.shopify.country-33"
9359                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9360                      >
9361                        <span class="reversed-link__text">Spain</span>
9362                        <span class="count">24</span>
9363                      </label>
9364                    </li><li class="flex items-center gap-2 show-more-item hidden">
9365                      <input
9366                        name="filter.v.t.shopify.country"
9367                        value="gid://shopify/TaxonomyValue/8977"
9368                        class="checkbox"
9369                        id="vertical-filter.v.t.shopify.country-34"
9370                        type="checkbox"
9371                        
9372                      >
9373                      <label
9374                        for="vertical-filter.v.t.shopify.country-34"
9375                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9376                      >
9377                        <span class="reversed-link__text">Sri Lanka</span>
9378                        <span class="count">1</span>
9379                      </label>
9380                    </li><li class="flex items-center gap-2 show-more-item hidden">
9381                      <input
9382                        name="filter.v.t.shopify.country"
9383                        value="gid://shopify/TaxonomyValue/8980"
9384                        class="checkbox"
9385                        id="vertical-filter.v.t.shopify.country-35"
9386                        type="checkbox"
9387                        
9388                      >
9389                      <label
9390                        for="vertical-filter.v.t.shopify.country-35"
9391                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9392                      >
9393                        <span class="reversed-link__text">Sweden</span>
9394                        <span class="count">19</span>
9395                      </label>
9396                    </li><li class="flex items-center gap-2 show-more-item hidden">
9397                      <input
9398                        name="filter.v.t.shopify.country"
9399                        value="gid://shopify/TaxonomyValue/25996"
9400                        class="checkbox"
9401                        id="vertical-filter.v.t.shopify.country-36"
9402                        type="checkbox"
9403                        
9404                      >
9405                      <label
9406                        for="vertical-filter.v.t.shopify.country-36"
9407                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9408                      >
9409                        <span class="reversed-link__text">Taiwan</span>
9410                        <span class="count">2</span>
9411                      </label>
9412                    </li><li class="flex items-center gap-2 show-more-item hidden">
9413                      <input
9414                        name="filter.v.t.shopify.country"
9415                        value="gid://shopify/TaxonomyValue/8823"
9416                        class="checkbox"
9417                        id="vertical-filter.v.t.shopify.country-37"
9418                        type="checkbox"
9419                        
9420                      >
9421                      <label
9422                        for="vertical-filter.v.t.shopify.country-37"
9423                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9424                      >
9425                        <span class="reversed-link__text">Thailand</span>
9426                        <span class="count">1</span>
9427                      </label>
9428                    </li><li class="flex items-center gap-2 show-more-item hidden">
9429                      <input
9430                        name="filter.v.t.shopify.country"
9431                        value="gid://shopify/TaxonomyValue/8987"
9432                        class="checkbox"
9433                        id="vertical-filter.v.t.shopify.country-38"
9434                        type="checkbox"
9435                        
9436                      >
9437                      <label
9438                        for="vertical-filter.v.t.shopify.country-38"
9439                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9440                      >
9441                        <span class="reversed-link__text">Trinidad and Tobago</span>
9442                        <span class="count">1</span>
9443                      </label>
9444                    </li><li class="flex items-center gap-2 show-more-item hidden">
9445                      <input
9446                        name="filter.v.t.shopify.country"
9447                        value="gid://shopify/TaxonomyValue/8993"
9448                        class="checkbox"
9449                        id="vertical-filter.v.t.shopify.country-39"
9450                        type="checkbox"
9451                        
9452                      >
9453                      <label
9454                        for="vertical-filter.v.t.shopify.country-39"
9455                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9456                      >
9457                        <span class="reversed-link__text">Ukraine</span>
9458                        <span class="count">4</span>
9459                      </label>
9460                    </li><li class="flex items-center gap-2 show-more-item hidden">
9461                      <input
9462                        name="filter.v.t.shopify.country"
9463                        value="gid://shopify/TaxonomyValue/8994"
9464                        class="checkbox"
9465                        id="vertical-filter.v.t.shopify.country-40"
9466                        type="checkbox"
9467                        
9468                      >
9469                      <label
9470                        for="vertical-filter.v.t.shopify.country-40"
9471                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9472                      >
9473                        <span class="reversed-link__text">United Arab Emirates</span>
9474                        <span class="count">2</span>
9475                      </label>
9476                    </li><li class="flex items-center gap-2 show-more-item hidden">
9477                      <input
9478                        name="filter.v.t.shopify.country"
9479                        value="gid://shopify/TaxonomyValue/8824"
9480                        class="checkbox"
9481                        id="vertical-filter.v.t.shopify.country-41"
9482                        type="checkbox"
9483                        
9484                      >
9485                      <label
9486                        for="vertical-filter.v.t.shopify.country-41"
9487                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9488                      >
9489                        <span class="reversed-link__text">United Kingdom</span>
9490                        <span class="count">231</span>
9491                      </label>
9492                    </li><li class="flex items-center gap-2 show-more-item hidden">
9493                      <input
9494                        name="filter.v.t.shopify.country"
9495                        value="gid://shopify/TaxonomyValue/8825"
9496                        class="checkbox"
9497                        id="vertical-filter.v.t.shopify.country-42"
9498                        type="checkbox"
9499                        
9500                      >
9501                      <label
9502                        for="vertical-filter.v.t.shopify.country-42"
9503                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9504                      >
9505                        <span class="reversed-link__text">United States</span>
9506                        <span class="count">68</span>
9507                      </label>
9508                    </li><li class="flex items-center gap-2 show-more-item hidden">
9509                      <input
9510                        name="filter.v.t.shopify.country"
9511                        value="gid://shopify/TaxonomyValue/26004"
9512                        class="checkbox"
9513                        id="vertical-filter.v.t.shopify.country-43"
9514                        type="checkbox"
9515                        
9516                      >
9517                      <label
9518                        for="vertical-filter.v.t.shopify.country-43"
9519                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9520                      >
9521                        <span class="reversed-link__text">Venezuela</span>
9522                        <span class="count">2</span>
9523                      </label>
9524                    </li></ul><show-more-button>
9525                  <button
9526                    class="button-show-more btn--link"
9527                    id="Show-More-2-template--18829767475427__main"
9528                    type="button"
9529                  >
9530                    <span class="label-show-more label-text">Show more</span>
9531                    <span class="label-show-less label-text hidden">Show less</span>
9532                  </button>
9533                </show-more-button>
9534            </div>
9535          </details>
9536<details
9537            class="accordion-details facet-accordion-details"
9538            is="accordion-details"
9539            data-filter
9540            data-index="vertical-filter.v.t.shopify.brandy-variety"
9541            
9542          >
9543            <summary class="accordion-details__summary flex items-center justify-between">
9544              <span class="h6">Brandy variety</span><svg
9545  xmlns="http://www.w3.org/2000/svg"
9546  class="icon icon-plus-toggle icon--small icon--thick"
9547  viewBox="0 0 20 20"
9548  fill="none"
9549>
9550  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9551  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9552</svg>
9553</summary>
9554            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
9555                      <input
9556                        name="filter.v.t.shopify.brandy-variety"
9557                        value="gid://shopify/TaxonomyValue/9093"
9558                        class="checkbox"
9559                        id="vertical-filter.v.t.shopify.brandy-variety-1"
9560                        type="checkbox"
9561                        
9562                      >
9563                      <label
9564                        for="vertical-filter.v.t.shopify.brandy-variety-1"
9565                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9566                      >
9567                        <span class="reversed-link__text">Brandy</span>
9568                        <span class="count">17</span>
9569                      </label>
9570                    </li><li class="flex items-center gap-2">
9571                      <input
9572                        name="filter.v.t.shopify.brandy-variety"
9573                        value="gid://shopify/TaxonomyValue/9096"
9574                        class="checkbox"
9575                        id="vertical-filter.v.t.shopify.brandy-variety-2"
9576                        type="checkbox"
9577                        
9578                      >
9579                      <label
9580                        for="vertical-filter.v.t.shopify.brandy-variety-2"
9581                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9582                      >
9583                        <span class="reversed-link__text">Cognac</span>
9584                        <span class="count">21</span>
9585                      </label>
9586                    </li></ul>
9587            </div>
9588          </details>
9589<details
9590            class="accordion-details facet-accordion-details"
9591            is="accordion-details"
9592            data-filter
9593            data-index="vertical-filter.v.option.size"
9594            
9595          >
9596            <summary class="accordion-details__summary flex items-center justify-between">
9597              <span class="h6">Size</span><svg
9598  xmlns="http://www.w3.org/2000/svg"
9599  class="icon icon-plus-toggle icon--small icon--thick"
9600  viewBox="0 0 20 20"
9601  fill="none"
9602>
9603  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9604  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9605</svg>
9606</summary>
9607            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
9608                      <input
9609                        name="filter.v.option.size"
9610                        value="37.5"
9611                        class="checkbox"
9612                        id="vertical-filter.v.option.size-1"
9613                        type="checkbox"
9614                        
9615                      >
9616                      <label
9617                        for="vertical-filter.v.option.size-1"
9618                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9619                      >
9620                        <span class="reversed-link__text">37.5</span>
9621                        <span class="count">1</span>
9622                      </label>
9623                    </li><li class="flex items-center gap-2">
9624                      <input
9625                        name="filter.v.option.size"
9626                        value="5CL"
9627                        class="checkbox"
9628                        id="vertical-filter.v.option.size-2"
9629                        type="checkbox"
9630                        
9631                      >
9632                      <label
9633                        for="vertical-filter.v.option.size-2"
9634                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9635                      >
9636                        <span class="reversed-link__text">5CL</span>
9637                        <span class="count">18</span>
9638                      </label>
9639                    </li><li class="flex items-center gap-2">
9640                      <input
9641                        name="filter.v.option.size"
9642                        value="18CL"
9643                        class="checkbox"
9644                        id="vertical-filter.v.option.size-3"
9645                        type="checkbox"
9646                        
9647                      >
9648                      <label
9649                        for="vertical-filter.v.option.size-3"
9650                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9651                      >
9652                        <span class="reversed-link__text">18CL</span>
9653                        <span class="count">6</span>
9654                      </label>
9655                    </li><li class="flex items-center gap-2">
9656                      <input
9657                        name="filter.v.option.size"
9658                        value="20CL"
9659                        class="checkbox"
9660                        id="vertical-filter.v.option.size-4"
9661                        type="checkbox"
9662                        
9663                      >
9664                      <label
9665                        for="vertical-filter.v.option.size-4"
9666                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9667                      >
9668                        <span class="reversed-link__text">20CL</span>
9669                        <span class="count">9</span>
9670                      </label>
9671                    </li><li class="flex items-center gap-2">
9672                      <input
9673                        name="filter.v.option.size"
9674                        value="20 CL"
9675                        class="checkbox"
9676                        id="vertical-filter.v.option.size-5"
9677                        type="checkbox"
9678                        
9679                      >
9680                      <label
9681                        for="vertical-filter.v.option.size-5"
9682                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9683                      >
9684                        <span class="reversed-link__text">20 CL</span>
9685                        <span class="count">1</span>
9686                      </label>
9687                    </li><li class="flex items-center gap-2">
9688                      <input
9689                        name="filter.v.option.size"
9690                        value="25CL"
9691                        class="checkbox"
9692                        id="vertical-filter.v.option.size-6"
9693                        type="checkbox"
9694                        
9695                      >
9696                      <label
9697                        for="vertical-filter.v.option.size-6"
9698                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9699                      >
9700                        <span class="reversed-link__text">25CL</span>
9701                        <span class="count">3</span>
9702                      </label>
9703                    </li><li class="flex items-center gap-2">
9704                      <input
9705                        name="filter.v.option.size"
9706                        value="27.5CL"
9707                        class="checkbox"
9708                        id="vertical-filter.v.option.size-7"
9709                        type="checkbox"
9710                        
9711                      >
9712                      <label
9713                        for="vertical-filter.v.option.size-7"
9714                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9715                      >
9716                        <span class="reversed-link__text">27.5CL</span>
9717                        <span class="count">2</span>
9718                      </label>
9719                    </li><li class="flex items-center gap-2">
9720                      <input
9721                        name="filter.v.option.size"
9722                        value="30CL"
9723                        class="checkbox"
9724                        id="vertical-filter.v.option.size-8"
9725                        type="checkbox"
9726                        
9727                      >
9728                      <label
9729                        for="vertical-filter.v.option.size-8"
9730                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9731                      >
9732                        <span class="reversed-link__text">30CL</span>
9733                        <span class="count">1</span>
9734                      </label>
9735                    </li><li class="flex items-center gap-2">
9736                      <input
9737                        name="filter.v.option.size"
9738                        value="33 CL"
9739                        class="checkbox"
9740                        id="vertical-filter.v.option.size-9"
9741                        type="checkbox"
9742                        
9743                      >
9744                      <label
9745                        for="vertical-filter.v.option.size-9"
9746                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9747                      >
9748                        <span class="reversed-link__text">33 CL</span>
9749                        <span class="count">1</span>
9750                      </label>
9751                    </li><li class="flex items-center gap-2">
9752                      <input
9753                        name="filter.v.option.size"
9754                        value="33CL"
9755                        class="checkbox"
9756                        id="vertical-filter.v.option.size-10"
9757                        type="checkbox"
9758                        
9759                      >
9760                      <label
9761                        for="vertical-filter.v.option.size-10"
9762                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9763                      >
9764                        <span class="reversed-link__text">33CL</span>
9765                        <span class="count">9</span>
9766                      </label>
9767                    </li><li class="flex items-center gap-2">
9768                      <input
9769                        name="filter.v.option.size"
9770                        value="35CL"
9771                        class="checkbox"
9772                        id="vertical-filter.v.option.size-11"
9773                        type="checkbox"
9774                        
9775                      >
9776                      <label
9777                        for="vertical-filter.v.option.size-11"
9778                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9779                      >
9780                        <span class="reversed-link__text">35CL</span>
9781                        <span class="count">3</span>
9782                      </label>
9783                    </li><li class="flex items-center gap-2">
9784                      <input
9785                        name="filter.v.option.size"
9786                        value="35.5CL"
9787                        class="checkbox"
9788                        id="vertical-filter.v.option.size-12"
9789                        type="checkbox"
9790                        
9791                      >
9792                      <label
9793                        for="vertical-filter.v.option.size-12"
9794                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9795                      >
9796                        <span class="reversed-link__text">35.5CL</span>
9797                        <span class="count">1</span>
9798                      </label>
9799                    </li><li class="flex items-center gap-2">
9800                      <input
9801                        name="filter.v.option.size"
9802                        value="36CL"
9803                        class="checkbox"
9804                        id="vertical-filter.v.option.size-13"
9805                        type="checkbox"
9806                        
9807                      >
9808                      <label
9809                        for="vertical-filter.v.option.size-13"
9810                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9811                      >
9812                        <span class="reversed-link__text">36CL</span>
9813                        <span class="count">4</span>
9814                      </label>
9815                    </li><li class="flex items-center gap-2">
9816                      <input
9817                        name="filter.v.option.size"
9818                        value="37.5CL"
9819                        class="checkbox"
9820                        id="vertical-filter.v.option.size-14"
9821                        type="checkbox"
9822                        
9823                      >
9824                      <label
9825                        for="vertical-filter.v.option.size-14"
9826                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9827                      >
9828                        <span class="reversed-link__text">37.5CL</span>
9829                        <span class="count">8</span>
9830                      </label>
9831                    </li><li class="flex items-center gap-2 show-more-item hidden">
9832                      <input
9833                        name="filter.v.option.size"
9834                        value="37.5 CL"
9835                        class="checkbox"
9836                        id="vertical-filter.v.option.size-15"
9837                        type="checkbox"
9838                        
9839                      >
9840                      <label
9841                        for="vertical-filter.v.option.size-15"
9842                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9843                      >
9844                        <span class="reversed-link__text">37.5 CL</span>
9845                        <span class="count">1</span>
9846                      </label>
9847                    </li><li class="flex items-center gap-2 show-more-item hidden">
9848                      <input
9849                        name="filter.v.option.size"
9850                        value="44CL"
9851                        class="checkbox"
9852                        id="vertical-filter.v.option.size-16"
9853                        type="checkbox"
9854                        
9855                      >
9856                      <label
9857                        for="vertical-filter.v.option.size-16"
9858                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9859                      >
9860                        <span class="reversed-link__text">44CL</span>
9861                        <span class="count">1</span>
9862                      </label>
9863                    </li><li class="flex items-center gap-2 show-more-item hidden">
9864                      <input
9865                        name="filter.v.option.size"
9866                        value="50CL"
9867                        class="checkbox"
9868                        id="vertical-filter.v.option.size-17"
9869                        type="checkbox"
9870                        
9871                      >
9872                      <label
9873                        for="vertical-filter.v.option.size-17"
9874                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9875                      >
9876                        <span class="reversed-link__text">50CL</span>
9877                        <span class="count">21</span>
9878                      </label>
9879                    </li><li class="flex items-center gap-2 show-more-item hidden">
9880                      <input
9881                        name="filter.v.option.size"
9882                        value="50 CL"
9883                        class="checkbox"
9884                        id="vertical-filter.v.option.size-18"
9885                        type="checkbox"
9886                        
9887                      >
9888                      <label
9889                        for="vertical-filter.v.option.size-18"
9890                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9891                      >
9892                        <span class="reversed-link__text">50 CL</span>
9893                        <span class="count">1</span>
9894                      </label>
9895                    </li><li class="flex items-center gap-2 show-more-item hidden">
9896                      <input
9897                        name="filter.v.option.size"
9898                        value="70 CL"
9899                        class="checkbox"
9900                        id="vertical-filter.v.option.size-19"
9901                        type="checkbox"
9902                        
9903                      >
9904                      <label
9905                        for="vertical-filter.v.option.size-19"
9906                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9907                      >
9908                        <span class="reversed-link__text">70 CL</span>
9909                        <span class="count">8</span>
9910                      </label>
9911                    </li><li class="flex items-center gap-2 show-more-item hidden">
9912                      <input
9913                        name="filter.v.option.size"
9914                        value="70CL"
9915                        class="checkbox"
9916                        id="vertical-filter.v.option.size-20"
9917                        type="checkbox"
9918                        
9919                      >
9920                      <label
9921                        for="vertical-filter.v.option.size-20"
9922                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9923                      >
9924                        <span class="reversed-link__text">70CL</span>
9925                        <span class="count">218</span>
9926                      </label>
9927                    </li><li class="flex items-center gap-2 show-more-item hidden">
9928                      <input
9929                        name="filter.v.option.size"
9930                        value="75CL"
9931                        class="checkbox"
9932                        id="vertical-filter.v.option.size-21"
9933                        type="checkbox"
9934                        
9935                      >
9936                      <label
9937                        for="vertical-filter.v.option.size-21"
9938                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9939                      >
9940                        <span class="reversed-link__text">75CL</span>
9941                        <span class="count">383</span>
9942                      </label>
9943                    </li><li class="flex items-center gap-2 show-more-item hidden">
9944                      <input
9945                        name="filter.v.option.size"
9946                        value="75 CL"
9947                        class="checkbox"
9948                        id="vertical-filter.v.option.size-22"
9949                        type="checkbox"
9950                        
9951                      >
9952                      <label
9953                        for="vertical-filter.v.option.size-22"
9954                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9955                      >
9956                        <span class="reversed-link__text">75 CL</span>
9957                        <span class="count">112</span>
9958                      </label>
9959                    </li><li class="flex items-center gap-2 show-more-item hidden">
9960                      <input
9961                        name="filter.v.option.size"
9962                        value="75 Cl"
9963                        class="checkbox"
9964                        id="vertical-filter.v.option.size-23"
9965                        type="checkbox"
9966                        
9967                      >
9968                      <label
9969                        for="vertical-filter.v.option.size-23"
9970                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9971                      >
9972                        <span class="reversed-link__text">75 Cl</span>
9973                        <span class="count">1</span>
9974                      </label>
9975                    </li><li class="flex items-center gap-2 show-more-item hidden">
9976                      <input
9977                        name="filter.v.option.size"
9978                        value="1L"
9979                        class="checkbox"
9980                        id="vertical-filter.v.option.size-24"
9981                        type="checkbox"
9982                        
9983                      >
9984                      <label
9985                        for="vertical-filter.v.option.size-24"
9986                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
9987                      >
9988                        <span class="reversed-link__text">1L</span>
9989                        <span class="count">166</span>
9990                      </label>
9991                    </li><li class="flex items-center gap-2 show-more-item hidden">
9992                      <input
9993                        name="filter.v.option.size"
9994                        value="1.14L"
9995                        class="checkbox"
9996                        id="vertical-filter.v.option.size-25"
9997                        type="checkbox"
9998                        
9999                      >
10000                      <label
10001                        for="vertical-filter.v.option.size-25"
10002                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10003                      >
10004                        <span class="reversed-link__text">1.14L</span>
10005                        <span class="count">1</span>
10006                      </label>
10007                    </li><li class="flex items-center gap-2 show-more-item hidden">
10008                      <input
10009                        name="filter.v.option.size"
10010                        value="1.5L"
10011                        class="checkbox"
10012                        id="vertical-filter.v.option.size-26"
10013                        type="checkbox"
10014                        
10015                      >
10016                      <label
10017                        for="vertical-filter.v.option.size-26"
10018                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10019                      >
10020                        <span class="reversed-link__text">1.5L</span>
10021                        <span class="count">5</span>
10022                      </label>
10023                    </li><li class="flex items-center gap-2 show-more-item hidden">
10024                      <input
10025                        name="filter.v.option.size"
10026                        value="1.75L"
10027                        class="checkbox"
10028                        id="vertical-filter.v.option.size-27"
10029                        type="checkbox"
10030                        
10031                      >
10032                      <label
10033                        for="vertical-filter.v.option.size-27"
10034                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10035                      >
10036                        <span class="reversed-link__text">1.75L</span>
10037                        <span class="count">2</span>
10038                      </label>
10039                    </li><li class="flex items-center gap-2 show-more-item hidden">
10040                      <input
10041                        name="filter.v.option.size"
10042                        value="3L"
10043                        class="checkbox"
10044                        id="vertical-filter.v.option.size-28"
10045                        type="checkbox"
10046                        
10047                      >
10048                      <label
10049                        for="vertical-filter.v.option.size-28"
10050                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10051                      >
10052                        <span class="reversed-link__text">3L</span>
10053                        <span class="count">8</span>
10054                      </label>
10055                    </li><li class="flex items-center gap-2 show-more-item hidden">
10056                      <input
10057                        name="filter.v.option.size"
10058                        value="4.5L"
10059                        class="checkbox"
10060                        id="vertical-filter.v.option.size-29"
10061                        type="checkbox"
10062                        
10063                      >
10064                      <label
10065                        for="vertical-filter.v.option.size-29"
10066                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10067                      >
10068                        <span class="reversed-link__text">4.5L</span>
10069                        <span class="count">2</span>
10070                      </label>
10071                    </li><li class="flex items-center gap-2 show-more-item hidden">
10072                      <input
10073                        name="filter.v.option.size"
10074                        value="5L"
10075                        class="checkbox"
10076                        id="vertical-filter.v.option.size-30"
10077                        type="checkbox"
10078                        
10079                      >
10080                      <label
10081                        for="vertical-filter.v.option.size-30"
10082                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10083                      >
10084                        <span class="reversed-link__text">5L</span>
10085                        <span class="count">1</span>
10086                      </label>
10087                    </li><li class="flex items-center gap-2 show-more-item hidden">
10088                      <input
10089                        name="filter.v.option.size"
10090                        value="6L"
10091                        class="checkbox"
10092                        id="vertical-filter.v.option.size-31"
10093                        type="checkbox"
10094                        
10095                      >
10096                      <label
10097                        for="vertical-filter.v.option.size-31"
10098                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10099                      >
10100                        <span class="reversed-link__text">6L</span>
10101                        <span class="count">1</span>
10102                      </label>
10103                    </li><li class="flex items-center gap-2 show-more-item hidden">
10104                      <input
10105                        name="filter.v.option.size"
10106                        value="1 Ltr"
10107                        class="checkbox"
10108                        id="vertical-filter.v.option.size-32"
10109                        type="checkbox"
10110                        
10111                      >
10112                      <label
10113                        for="vertical-filter.v.option.size-32"
10114                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10115                      >
10116                        <span class="reversed-link__text">1 Ltr</span>
10117                        <span class="count">4</span>
10118                      </label>
10119                    </li><li class="flex items-center gap-2 show-more-item hidden">
10120                      <input
10121                        name="filter.v.option.size"
10122                        value="1Ltr"
10123                        class="checkbox"
10124                        id="vertical-filter.v.option.size-33"
10125                        type="checkbox"
10126                        
10127                      >
10128                      <label
10129                        for="vertical-filter.v.option.size-33"
10130                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10131                      >
10132                        <span class="reversed-link__text">1Ltr</span>
10133                        <span class="count">1</span>
10134                      </label>
10135                    </li><li class="flex items-center gap-2 show-more-item hidden">
10136                      <input
10137                        name="filter.v.option.size"
10138                        value="1LTR"
10139                        class="checkbox"
10140                        id="vertical-filter.v.option.size-34"
10141                        type="checkbox"
10142                        
10143                      >
10144                      <label
10145                        for="vertical-filter.v.option.size-34"
10146                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10147                      >
10148                        <span class="reversed-link__text">1LTR</span>
10149                        <span class="count">3</span>
10150                      </label>
10151                    </li><li class="flex items-center gap-2 show-more-item hidden">
10152                      <input
10153                        name="filter.v.option.size"
10154                        value="1.75 Ltr"
10155                        class="checkbox"
10156                        id="vertical-filter.v.option.size-35"
10157                        type="checkbox"
10158                        
10159                      >
10160                      <label
10161                        for="vertical-filter.v.option.size-35"
10162                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10163                      >
10164                        <span class="reversed-link__text">1.75 Ltr</span>
10165                        <span class="count">1</span>
10166                      </label>
10167                    </li><li class="flex items-center gap-2 show-more-item hidden">
10168                      <input
10169                        name="filter.v.option.size"
10170                        value="1.75LTR"
10171                        class="checkbox"
10172                        id="vertical-filter.v.option.size-36"
10173                        type="checkbox"
10174                        
10175                      >
10176                      <label
10177                        for="vertical-filter.v.option.size-36"
10178                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10179                      >
10180                        <span class="reversed-link__text">1.75LTR</span>
10181                        <span class="count">1</span>
10182                      </label>
10183                    </li><li class="flex items-center gap-2 show-more-item hidden">
10184                      <input
10185                        name="filter.v.option.size"
10186                        value="70-CL"
10187                        class="checkbox"
10188                        id="vertical-filter.v.option.size-37"
10189                        type="checkbox"
10190                        
10191                      >
10192                      <label
10193                        for="vertical-filter.v.option.size-37"
10194                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10195                      >
10196                        <span class="reversed-link__text">70-CL</span>
10197                        <span class="count">1</span>
10198                      </label>
10199                    </li><li class="flex items-center gap-2 show-more-item hidden">
10200                      <input
10201                        name="filter.v.option.size"
10202                        value="75-cl"
10203                        class="checkbox"
10204                        id="vertical-filter.v.option.size-38"
10205                        type="checkbox"
10206                        
10207                      >
10208                      <label
10209                        for="vertical-filter.v.option.size-38"
10210                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10211                      >
10212                        <span class="reversed-link__text">75-cl</span>
10213                        <span class="count">1</span>
10214                      </label>
10215                    </li><li class="flex items-center gap-2 show-more-item hidden">
10216                      <input
10217                        name="filter.v.option.size"
10218                        value="75-CL"
10219                        class="checkbox"
10220                        id="vertical-filter.v.option.size-39"
10221                        type="checkbox"
10222                        
10223                      >
10224                      <label
10225                        for="vertical-filter.v.option.size-39"
10226                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10227                      >
10228                        <span class="reversed-link__text">75-CL</span>
10229                        <span class="count">5</span>
10230                      </label>
10231                    </li><li class="flex items-center gap-2 show-more-item hidden">
10232                      <input
10233                        name="filter.v.option.size"
10234                        value="Size"
10235                        class="checkbox"
10236                        id="vertical-filter.v.option.size-40"
10237                        type="checkbox"
10238                        
10239                      >
10240                      <label
10241                        for="vertical-filter.v.option.size-40"
10242                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10243                      >
10244                        <span class="reversed-link__text">Size</span>
10245                        <span class="count">1</span>
10246                      </label>
10247                    </li></ul><show-more-button>
10248                  <button
10249                    class="button-show-more btn--link"
10250                    id="Show-More-4-template--18829767475427__main"
10251                    type="button"
10252                  >
10253                    <span class="label-show-more label-text">Show more</span>
10254                    <span class="label-show-less label-text hidden">Show less</span>
10255                  </button>
10256                </show-more-button>
10257            </div>
10258          </details>
10259<details
10260            class="accordion-details facet-accordion-details"
10261            is="accordion-details"
10262            data-filter
10263            data-index="vertical-filter.v.t.shopify.region"
10264            
10265          >
10266            <summary class="accordion-details__summary flex items-center justify-between">
10267              <span class="h6">Region</span><svg
10268  xmlns="http://www.w3.org/2000/svg"
10269  class="icon icon-plus-toggle icon--small icon--thick"
10270  viewBox="0 0 20 20"
10271  fill="none"
10272>
10273  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10274  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10275</svg>
10276</summary>
10277            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
10278                      <input
10279                        name="filter.v.t.shopify.region"
10280                        value="gid://shopify/TaxonomyValue/9284"
10281                        class="checkbox"
10282                        id="vertical-filter.v.t.shopify.region-1"
10283                        type="checkbox"
10284                        
10285                      >
10286                      <label
10287                        for="vertical-filter.v.t.shopify.region-1"
10288                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10289                      >
10290                        <span class="reversed-link__text">Abruzzo</span>
10291                        <span class="count">1</span>
10292                      </label>
10293                    </li><li class="flex items-center gap-2">
10294                      <input
10295                        name="filter.v.t.shopify.region"
10296                        value="gid://shopify/TaxonomyValue/9296"
10297                        class="checkbox"
10298                        id="vertical-filter.v.t.shopify.region-2"
10299                        type="checkbox"
10300                        
10301                      >
10302                      <label
10303                        for="vertical-filter.v.t.shopify.region-2"
10304                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10305                      >
10306                        <span class="reversed-link__text">Alto Maipo</span>
10307                        <span class="count">1</span>
10308                      </label>
10309                    </li><li class="flex items-center gap-2">
10310                      <input
10311                        name="filter.v.t.shopify.region"
10312                        value="gid://shopify/TaxonomyValue/9304"
10313                        class="checkbox"
10314                        id="vertical-filter.v.t.shopify.region-3"
10315                        type="checkbox"
10316                        
10317                      >
10318                      <label
10319                        for="vertical-filter.v.t.shopify.region-3"
10320                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10321                      >
10322                        <span class="reversed-link__text">Barossa Valley</span>
10323                        <span class="count">14</span>
10324                      </label>
10325                    </li><li class="flex items-center gap-2">
10326                      <input
10327                        name="filter.v.t.shopify.region"
10328                        value="gid://shopify/TaxonomyValue/9307"
10329                        class="checkbox"
10330                        id="vertical-filter.v.t.shopify.region-4"
10331                        type="checkbox"
10332                        
10333                      >
10334                      <label
10335                        for="vertical-filter.v.t.shopify.region-4"
10336                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10337                      >
10338                        <span class="reversed-link__text">Bolgheri</span>
10339                        <span class="count">1</span>
10340                      </label>
10341                    </li><li class="flex items-center gap-2">
10342                      <input
10343                        name="filter.v.t.shopify.region"
10344                        value="gid://shopify/TaxonomyValue/9308"
10345                        class="checkbox"
10346                        id="vertical-filter.v.t.shopify.region-5"
10347                        type="checkbox"
10348                        
10349                      >
10350                      <label
10351                        for="vertical-filter.v.t.shopify.region-5"
10352                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10353                      >
10354                        <span class="reversed-link__text">Bordeaux</span>
10355                        <span class="count">16</span>
10356                      </label>
10357                    </li><li class="flex items-center gap-2">
10358                      <input
10359                        name="filter.v.t.shopify.region"
10360                        value="gid://shopify/TaxonomyValue/9309"
10361                        class="checkbox"
10362                        id="vertical-filter.v.t.shopify.region-6"
10363                        type="checkbox"
10364                        
10365                      >
10366                      <label
10367                        for="vertical-filter.v.t.shopify.region-6"
10368                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10369                      >
10370                        <span class="reversed-link__text">Burgundy</span>
10371                        <span class="count">20</span>
10372                      </label>
10373                    </li><li class="flex items-center gap-2">
10374                      <input
10375                        name="filter.v.t.shopify.region"
10376                        value="gid://shopify/TaxonomyValue/9310"
10377                        class="checkbox"
10378                        id="vertical-filter.v.t.shopify.region-7"
10379                        type="checkbox"
10380                        
10381                      >
10382                      <label
10383                        for="vertical-filter.v.t.shopify.region-7"
10384                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10385                      >
10386                        <span class="reversed-link__text">California</span>
10387                        <span class="count">1</span>
10388                      </label>
10389                    </li><li class="flex items-center gap-2">
10390                      <input
10391                        name="filter.v.t.shopify.region"
10392                        value="gid://shopify/TaxonomyValue/9311"
10393                        class="checkbox"
10394                        id="vertical-filter.v.t.shopify.region-8"
10395                        type="checkbox"
10396                        
10397                      >
10398                      <label
10399                        for="vertical-filter.v.t.shopify.region-8"
10400                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10401                      >
10402                        <span class="reversed-link__text">Central Otago</span>
10403                        <span class="count">1</span>
10404                      </label>
10405                    </li><li class="flex items-center gap-2">
10406                      <input
10407                        name="filter.v.t.shopify.region"
10408                        value="gid://shopify/TaxonomyValue/9312"
10409                        class="checkbox"
10410                        id="vertical-filter.v.t.shopify.region-9"
10411                        type="checkbox"
10412                        
10413                      >
10414                      <label
10415                        for="vertical-filter.v.t.shopify.region-9"
10416                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10417                      >
10418                        <span class="reversed-link__text">Champagne</span>
10419                        <span class="count">25</span>
10420                      </label>
10421                    </li><li class="flex items-center gap-2">
10422                      <input
10423                        name="filter.v.t.shopify.region"
10424                        value="gid://shopify/TaxonomyValue/9313"
10425                        class="checkbox"
10426                        id="vertical-filter.v.t.shopify.region-10"
10427                        type="checkbox"
10428                        
10429                      >
10430                      <label
10431                        for="vertical-filter.v.t.shopify.region-10"
10432                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10433                      >
10434                        <span class="reversed-link__text">Chianti</span>
10435                        <span class="count">2</span>
10436                      </label>
10437                    </li><li class="flex items-center gap-2">
10438                      <input
10439                        name="filter.v.t.shopify.region"
10440                        value="gid://shopify/TaxonomyValue/9314"
10441                        class="checkbox"
10442                        id="vertical-filter.v.t.shopify.region-11"
10443                        type="checkbox"
10444                        
10445                      >
10446                      <label
10447                        for="vertical-filter.v.t.shopify.region-11"
10448                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10449                      >
10450                        <span class="reversed-link__text">Colchagua Valley</span>
10451                        <span class="count">4</span>
10452                      </label>
10453                    </li><li class="flex items-center gap-2">
10454                      <input
10455                        name="filter.v.t.shopify.region"
10456                        value="gid://shopify/TaxonomyValue/9316"
10457                        class="checkbox"
10458                        id="vertical-filter.v.t.shopify.region-12"
10459                        type="checkbox"
10460                        
10461                      >
10462                      <label
10463                        for="vertical-filter.v.t.shopify.region-12"
10464                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10465                      >
10466                        <span class="reversed-link__text">Coonawarra</span>
10467                        <span class="count">2</span>
10468                      </label>
10469                    </li><li class="flex items-center gap-2">
10470                      <input
10471                        name="filter.v.t.shopify.region"
10472                        value="gid://shopify/TaxonomyValue/9319"
10473                        class="checkbox"
10474                        id="vertical-filter.v.t.shopify.region-13"
10475                        type="checkbox"
10476                        
10477                      >
10478                      <label
10479                        for="vertical-filter.v.t.shopify.region-13"
10480                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10481                      >
10482                        <span class="reversed-link__text">Côtes de Bordeaux</span>
10483                        <span class="count">1</span>
10484                      </label>
10485                    </li><li class="flex items-center gap-2">
10486                      <input
10487                        name="filter.v.t.shopify.region"
10488                        value="gid://shopify/TaxonomyValue/9321"
10489                        class="checkbox"
10490                        id="vertical-filter.v.t.shopify.region-14"
10491                        type="checkbox"
10492                        
10493                      >
10494                      <label
10495                        for="vertical-filter.v.t.shopify.region-14"
10496                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10497                      >
10498                        <span class="reversed-link__text">Côtes de Provence</span>
10499                        <span class="count">3</span>
10500                      </label>
10501                    </li><li class="flex items-center gap-2 show-more-item hidden">
10502                      <input
10503                        name="filter.v.t.shopify.region"
10504                        value="gid://shopify/TaxonomyValue/9322"
10505                        class="checkbox"
10506                        id="vertical-filter.v.t.shopify.region-15"
10507                        type="checkbox"
10508                        
10509                      >
10510                      <label
10511                        for="vertical-filter.v.t.shopify.region-15"
10512                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10513                      >
10514                        <span class="reversed-link__text">Côtes du Rhône</span>
10515                        <span class="count">1</span>
10516                      </label>
10517                    </li><li class="flex items-center gap-2 show-more-item hidden">
10518                      <input
10519                        name="filter.v.t.shopify.region"
10520                        value="gid://shopify/TaxonomyValue/9327"
10521                        class="checkbox"
10522                        id="vertical-filter.v.t.shopify.region-16"
10523                        type="checkbox"
10524                        
10525                      >
10526                      <label
10527                        for="vertical-filter.v.t.shopify.region-16"
10528                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10529                      >
10530                        <span class="reversed-link__text">Douro Valley</span>
10531                        <span class="count">2</span>
10532                      </label>
10533                    </li><li class="flex items-center gap-2 show-more-item hidden">
10534                      <input
10535                        name="filter.v.t.shopify.region"
10536                        value="gid://shopify/TaxonomyValue/9329"
10537                        class="checkbox"
10538                        id="vertical-filter.v.t.shopify.region-17"
10539                        type="checkbox"
10540                        
10541                      >
10542                      <label
10543                        for="vertical-filter.v.t.shopify.region-17"
10544                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10545                      >
10546                        <span class="reversed-link__text">Emilia-Romagna</span>
10547                        <span class="count">1</span>
10548                      </label>
10549                    </li><li class="flex items-center gap-2 show-more-item hidden">
10550                      <input
10551                        name="filter.v.t.shopify.region"
10552                        value="gid://shopify/TaxonomyValue/9331"
10553                        class="checkbox"
10554                        id="vertical-filter.v.t.shopify.region-18"
10555                        type="checkbox"
10556                        
10557                      >
10558                      <label
10559                        for="vertical-filter.v.t.shopify.region-18"
10560                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10561                      >
10562                        <span class="reversed-link__text">Franschhoek</span>
10563                        <span class="count">1</span>
10564                      </label>
10565                    </li><li class="flex items-center gap-2 show-more-item hidden">
10566                      <input
10567                        name="filter.v.t.shopify.region"
10568                        value="gid://shopify/TaxonomyValue/9335"
10569                        class="checkbox"
10570                        id="vertical-filter.v.t.shopify.region-19"
10571                        type="checkbox"
10572                        
10573                      >
10574                      <label
10575                        for="vertical-filter.v.t.shopify.region-19"
10576                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10577                      >
10578                        <span class="reversed-link__text">Hawke&#39;s Bay</span>
10579                        <span class="count">2</span>
10580                      </label>
10581                    </li><li class="flex items-center gap-2 show-more-item hidden">
10582                      <input
10583                        name="filter.v.t.shopify.region"
10584                        value="gid://shopify/TaxonomyValue/9336"
10585                        class="checkbox"
10586                        id="vertical-filter.v.t.shopify.region-20"
10587                        type="checkbox"
10588                        
10589                      >
10590                      <label
10591                        for="vertical-filter.v.t.shopify.region-20"
10592                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10593                      >
10594                        <span class="reversed-link__text">Hemel-en-Aarde Valley</span>
10595                        <span class="count">1</span>
10596                      </label>
10597                    </li><li class="flex items-center gap-2 show-more-item hidden">
10598                      <input
10599                        name="filter.v.t.shopify.region"
10600                        value="gid://shopify/TaxonomyValue/9138"
10601                        class="checkbox"
10602                        id="vertical-filter.v.t.shopify.region-21"
10603                        type="checkbox"
10604                        
10605                      >
10606                      <label
10607                        for="vertical-filter.v.t.shopify.region-21"
10608                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10609                      >
10610                        <span class="reversed-link__text">Highlands</span>
10611                        <span class="count">27</span>
10612                      </label>
10613                    </li><li class="flex items-center gap-2 show-more-item hidden">
10614                      <input
10615                        name="filter.v.t.shopify.region"
10616                        value="gid://shopify/TaxonomyValue/9141"
10617                        class="checkbox"
10618                        id="vertical-filter.v.t.shopify.region-22"
10619                        type="checkbox"
10620                        
10621                      >
10622                      <label
10623                        for="vertical-filter.v.t.shopify.region-22"
10624                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10625                      >
10626                        <span class="reversed-link__text">Irish</span>
10627                        <span class="count">4</span>
10628                      </label>
10629                    </li><li class="flex items-center gap-2 show-more-item hidden">
10630                      <input
10631                        name="filter.v.t.shopify.region"
10632                        value="gid://shopify/TaxonomyValue/9142"
10633                        class="checkbox"
10634                        id="vertical-filter.v.t.shopify.region-23"
10635                        type="checkbox"
10636                        
10637                      >
10638                      <label
10639                        for="vertical-filter.v.t.shopify.region-23"
10640                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10641                      >
10642                        <span class="reversed-link__text">Islay</span>
10643                        <span class="count">5</span>
10644                      </label>
10645                    </li><li class="flex items-center gap-2 show-more-item hidden">
10646                      <input
10647                        name="filter.v.t.shopify.region"
10648                        value="gid://shopify/TaxonomyValue/9125"
10649                        class="checkbox"
10650                        id="vertical-filter.v.t.shopify.region-24"
10651                        type="checkbox"
10652                        
10653                      >
10654                      <label
10655                        for="vertical-filter.v.t.shopify.region-24"
10656                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10657                      >
10658                        <span class="reversed-link__text">Jalisco</span>
10659                        <span class="count">64</span>
10660                      </label>
10661                    </li><li class="flex items-center gap-2 show-more-item hidden">
10662                      <input
10663                        name="filter.v.t.shopify.region"
10664                        value="gid://shopify/TaxonomyValue/9338"
10665                        class="checkbox"
10666                        id="vertical-filter.v.t.shopify.region-25"
10667                        type="checkbox"
10668                        
10669                      >
10670                      <label
10671                        for="vertical-filter.v.t.shopify.region-25"
10672                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10673                      >
10674                        <span class="reversed-link__text">Jerez</span>
10675                        <span class="count">1</span>
10676                      </label>
10677                    </li><li class="flex items-center gap-2 show-more-item hidden">
10678                      <input
10679                        name="filter.v.t.shopify.region"
10680                        value="gid://shopify/TaxonomyValue/9126"
10681                        class="checkbox"
10682                        id="vertical-filter.v.t.shopify.region-26"
10683                        type="checkbox"
10684                        
10685                      >
10686                      <label
10687                        for="vertical-filter.v.t.shopify.region-26"
10688                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10689                      >
10690                        <span class="reversed-link__text">Kentucky</span>
10691                        <span class="count">7</span>
10692                      </label>
10693                    </li><li class="flex items-center gap-2 show-more-item hidden">
10694                      <input
10695                        name="filter.v.t.shopify.region"
10696                        value="gid://shopify/TaxonomyValue/9341"
10697                        class="checkbox"
10698                        id="vertical-filter.v.t.shopify.region-27"
10699                        type="checkbox"
10700                        
10701                      >
10702                      <label
10703                        for="vertical-filter.v.t.shopify.region-27"
10704                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10705                      >
10706                        <span class="reversed-link__text">Languedoc-Roussillon</span>
10707                        <span class="count">8</span>
10708                      </label>
10709                    </li><li class="flex items-center gap-2 show-more-item hidden">
10710                      <input
10711                        name="filter.v.t.shopify.region"
10712                        value="gid://shopify/TaxonomyValue/9343"
10713                        class="checkbox"
10714                        id="vertical-filter.v.t.shopify.region-28"
10715                        type="checkbox"
10716                        
10717                      >
10718                      <label
10719                        for="vertical-filter.v.t.shopify.region-28"
10720                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10721                      >
10722                        <span class="reversed-link__text">Loire Valley</span>
10723                        <span class="count">7</span>
10724                      </label>
10725                    </li><li class="flex items-center gap-2 show-more-item hidden">
10726                      <input
10727                        name="filter.v.t.shopify.region"
10728                        value="gid://shopify/TaxonomyValue/9143"
10729                        class="checkbox"
10730                        id="vertical-filter.v.t.shopify.region-29"
10731                        type="checkbox"
10732                        
10733                      >
10734                      <label
10735                        for="vertical-filter.v.t.shopify.region-29"
10736                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10737                      >
10738                        <span class="reversed-link__text">Lowlands</span>
10739                        <span class="count">1</span>
10740                      </label>
10741                    </li><li class="flex items-center gap-2 show-more-item hidden">
10742                      <input
10743                        name="filter.v.t.shopify.region"
10744                        value="gid://shopify/TaxonomyValue/9345"
10745                        class="checkbox"
10746                        id="vertical-filter.v.t.shopify.region-30"
10747                        type="checkbox"
10748                        
10749                      >
10750                      <label
10751                        for="vertical-filter.v.t.shopify.region-30"
10752                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10753                      >
10754                        <span class="reversed-link__text">Margaret River</span>
10755                        <span class="count">4</span>
10756                      </label>
10757                    </li><li class="flex items-center gap-2 show-more-item hidden">
10758                      <input
10759                        name="filter.v.t.shopify.region"
10760                        value="gid://shopify/TaxonomyValue/9346"
10761                        class="checkbox"
10762                        id="vertical-filter.v.t.shopify.region-31"
10763                        type="checkbox"
10764                        
10765                      >
10766                      <label
10767                        for="vertical-filter.v.t.shopify.region-31"
10768                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10769                      >
10770                        <span class="reversed-link__text">Marlborough</span>
10771                        <span class="count">9</span>
10772                      </label>
10773                    </li><li class="flex items-center gap-2 show-more-item hidden">
10774                      <input
10775                        name="filter.v.t.shopify.region"
10776                        value="gid://shopify/TaxonomyValue/9347"
10777                        class="checkbox"
10778                        id="vertical-filter.v.t.shopify.region-32"
10779                        type="checkbox"
10780                        
10781                      >
10782                      <label
10783                        for="vertical-filter.v.t.shopify.region-32"
10784                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10785                      >
10786                        <span class="reversed-link__text">McLaren Vale</span>
10787                        <span class="count">2</span>
10788                      </label>
10789                    </li><li class="flex items-center gap-2 show-more-item hidden">
10790                      <input
10791                        name="filter.v.t.shopify.region"
10792                        value="gid://shopify/TaxonomyValue/9349"
10793                        class="checkbox"
10794                        id="vertical-filter.v.t.shopify.region-33"
10795                        type="checkbox"
10796                        
10797                      >
10798                      <label
10799                        for="vertical-filter.v.t.shopify.region-33"
10800                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10801                      >
10802                        <span class="reversed-link__text">Mendoza</span>
10803                        <span class="count">5</span>
10804                      </label>
10805                    </li><li class="flex items-center gap-2 show-more-item hidden">
10806                      <input
10807                        name="filter.v.t.shopify.region"
10808                        value="gid://shopify/TaxonomyValue/9144"
10809                        class="checkbox"
10810                        id="vertical-filter.v.t.shopify.region-34"
10811                        type="checkbox"
10812                        
10813                      >
10814                      <label
10815                        for="vertical-filter.v.t.shopify.region-34"
10816                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10817                      >
10818                        <span class="reversed-link__text">Miyagikyo</span>
10819                        <span class="count">1</span>
10820                      </label>
10821                    </li><li class="flex items-center gap-2 show-more-item hidden">
10822                      <input
10823                        name="filter.v.t.shopify.region"
10824                        value="gid://shopify/TaxonomyValue/9354"
10825                        class="checkbox"
10826                        id="vertical-filter.v.t.shopify.region-35"
10827                        type="checkbox"
10828                        
10829                      >
10830                      <label
10831                        for="vertical-filter.v.t.shopify.region-35"
10832                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10833                      >
10834                        <span class="reversed-link__text">Napa Valley</span>
10835                        <span class="count">2</span>
10836                      </label>
10837                    </li><li class="flex items-center gap-2 show-more-item hidden">
10838                      <input
10839                        name="filter.v.t.shopify.region"
10840                        value="gid://shopify/TaxonomyValue/9360"
10841                        class="checkbox"
10842                        id="vertical-filter.v.t.shopify.region-36"
10843                        type="checkbox"
10844                        
10845                      >
10846                      <label
10847                        for="vertical-filter.v.t.shopify.region-36"
10848                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10849                      >
10850                        <span class="reversed-link__text">Piedmont</span>
10851                        <span class="count">6</span>
10852                      </label>
10853                    </li><li class="flex items-center gap-2 show-more-item hidden">
10854                      <input
10855                        name="filter.v.t.shopify.region"
10856                        value="gid://shopify/TaxonomyValue/9363"
10857                        class="checkbox"
10858                        id="vertical-filter.v.t.shopify.region-37"
10859                        type="checkbox"
10860                        
10861                      >
10862                      <label
10863                        for="vertical-filter.v.t.shopify.region-37"
10864                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10865                      >
10866                        <span class="reversed-link__text">Puglia</span>
10867                        <span class="count">3</span>
10868                      </label>
10869                    </li><li class="flex items-center gap-2 show-more-item hidden">
10870                      <input
10871                        name="filter.v.t.shopify.region"
10872                        value="gid://shopify/TaxonomyValue/9368"
10873                        class="checkbox"
10874                        id="vertical-filter.v.t.shopify.region-38"
10875                        type="checkbox"
10876                        
10877                      >
10878                      <label
10879                        for="vertical-filter.v.t.shopify.region-38"
10880                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10881                      >
10882                        <span class="reversed-link__text">Ribera del Duero</span>
10883                        <span class="count">1</span>
10884                      </label>
10885                    </li><li class="flex items-center gap-2 show-more-item hidden">
10886                      <input
10887                        name="filter.v.t.shopify.region"
10888                        value="gid://shopify/TaxonomyValue/9369"
10889                        class="checkbox"
10890                        id="vertical-filter.v.t.shopify.region-39"
10891                        type="checkbox"
10892                        
10893                      >
10894                      <label
10895                        for="vertical-filter.v.t.shopify.region-39"
10896                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10897                      >
10898                        <span class="reversed-link__text">Rioja</span>
10899                        <span class="count">2</span>
10900                      </label>
10901                    </li><li class="flex items-center gap-2 show-more-item hidden">
10902                      <input
10903                        name="filter.v.t.shopify.region"
10904                        value="gid://shopify/TaxonomyValue/9375"
10905                        class="checkbox"
10906                        id="vertical-filter.v.t.shopify.region-40"
10907                        type="checkbox"
10908                        
10909                      >
10910                      <label
10911                        for="vertical-filter.v.t.shopify.region-40"
10912                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10913                      >
10914                        <span class="reversed-link__text">Sicily</span>
10915                        <span class="count">5</span>
10916                      </label>
10917                    </li><li class="flex items-center gap-2 show-more-item hidden">
10918                      <input
10919                        name="filter.v.t.shopify.region"
10920                        value="gid://shopify/TaxonomyValue/9376"
10921                        class="checkbox"
10922                        id="vertical-filter.v.t.shopify.region-41"
10923                        type="checkbox"
10924                        
10925                      >
10926                      <label
10927                        for="vertical-filter.v.t.shopify.region-41"
10928                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10929                      >
10930                        <span class="reversed-link__text">Sonoma County</span>
10931                        <span class="count">1</span>
10932                      </label>
10933                    </li><li class="flex items-center gap-2 show-more-item hidden">
10934                      <input
10935                        name="filter.v.t.shopify.region"
10936                        value="gid://shopify/TaxonomyValue/9147"
10937                        class="checkbox"
10938                        id="vertical-filter.v.t.shopify.region-42"
10939                        type="checkbox"
10940                        
10941                      >
10942                      <label
10943                        for="vertical-filter.v.t.shopify.region-42"
10944                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10945                      >
10946                        <span class="reversed-link__text">Speyside</span>
10947                        <span class="count">87</span>
10948                      </label>
10949                    </li><li class="flex items-center gap-2 show-more-item hidden">
10950                      <input
10951                        name="filter.v.t.shopify.region"
10952                        value="gid://shopify/TaxonomyValue/9377"
10953                        class="checkbox"
10954                        id="vertical-filter.v.t.shopify.region-43"
10955                        type="checkbox"
10956                        
10957                      >
10958                      <label
10959                        for="vertical-filter.v.t.shopify.region-43"
10960                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10961                      >
10962                        <span class="reversed-link__text">Stellenbosch</span>
10963                        <span class="count">5</span>
10964                      </label>
10965                    </li><li class="flex items-center gap-2 show-more-item hidden">
10966                      <input
10967                        name="filter.v.t.shopify.region"
10968                        value="gid://shopify/TaxonomyValue/9149"
10969                        class="checkbox"
10970                        id="vertical-filter.v.t.shopify.region-44"
10971                        type="checkbox"
10972                        
10973                      >
10974                      <label
10975                        for="vertical-filter.v.t.shopify.region-44"
10976                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10977                      >
10978                        <span class="reversed-link__text">Tennessee</span>
10979                        <span class="count">12</span>
10980                      </label>
10981                    </li><li class="flex items-center gap-2 show-more-item hidden">
10982                      <input
10983                        name="filter.v.t.shopify.region"
10984                        value="gid://shopify/TaxonomyValue/9381"
10985                        class="checkbox"
10986                        id="vertical-filter.v.t.shopify.region-45"
10987                        type="checkbox"
10988                        
10989                      >
10990                      <label
10991                        for="vertical-filter.v.t.shopify.region-45"
10992                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
10993                      >
10994                        <span class="reversed-link__text">Tuscany</span>
10995                        <span class="count">8</span>
10996                      </label>
10997                    </li><li class="flex items-center gap-2 show-more-item hidden">
10998                      <input
10999                        name="filter.v.t.shopify.region"
11000                        value="gid://shopify/TaxonomyValue/9384"
11001                        class="checkbox"
11002                        id="vertical-filter.v.t.shopify.region-46"
11003                        type="checkbox"
11004                        
11005                      >
11006                      <label
11007                        for="vertical-filter.v.t.shopify.region-46"
11008                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11009                      >
11010                        <span class="reversed-link__text">Valle de Uco</span>
11011                        <span class="count">2</span>
11012                      </label>
11013                    </li><li class="flex items-center gap-2 show-more-item hidden">
11014                      <input
11015                        name="filter.v.t.shopify.region"
11016                        value="gid://shopify/TaxonomyValue/9385"
11017                        class="checkbox"
11018                        id="vertical-filter.v.t.shopify.region-47"
11019                        type="checkbox"
11020                        
11021                      >
11022                      <label
11023                        for="vertical-filter.v.t.shopify.region-47"
11024                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11025                      >
11026                        <span class="reversed-link__text">Veneto</span>
11027                        <span class="count">16</span>
11028                      </label>
11029                    </li><li class="flex items-center gap-2 show-more-item hidden">
11030                      <input
11031                        name="filter.v.t.shopify.region"
11032                        value="gid://shopify/TaxonomyValue/9389"
11033                        class="checkbox"
11034                        id="vertical-filter.v.t.shopify.region-48"
11035                        type="checkbox"
11036                        
11037                      >
11038                      <label
11039                        for="vertical-filter.v.t.shopify.region-48"
11040                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11041                      >
11042                        <span class="reversed-link__text">Western Cape</span>
11043                        <span class="count">2</span>
11044                      </label>
11045                    </li><li class="flex items-center gap-2 show-more-item hidden">
11046                      <input
11047                        name="filter.v.t.shopify.region"
11048                        value="gid://shopify/TaxonomyValue/9152"
11049                        class="checkbox"
11050                        id="vertical-filter.v.t.shopify.region-49"
11051                        type="checkbox"
11052                        
11053                      >
11054                      <label
11055                        for="vertical-filter.v.t.shopify.region-49"
11056                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11057                      >
11058                        <span class="reversed-link__text">Yamazaki</span>
11059                        <span class="count">1</span>
11060                      </label>
11061                    </li></ul><show-more-button>
11062                  <button
11063                    class="button-show-more btn--link"
11064                    id="Show-More-5-template--18829767475427__main"
11065                    type="button"
11066                  >
11067                    <span class="label-show-more label-text">Show more</span>
11068                    <span class="label-show-less label-text hidden">Show less</span>
11069                  </button>
11070                </show-more-button>
11071            </div>
11072          </details>
11073<details
11074            class="accordion-details facet-accordion-details"
11075            is="accordion-details"
11076            data-filter
11077            data-index="vertical-filter.v.t.shopify.beer-style"
11078            
11079          >
11080            <summary class="accordion-details__summary flex items-center justify-between">
11081              <span class="h6">Beer style</span><svg
11082  xmlns="http://www.w3.org/2000/svg"
11083  class="icon icon-plus-toggle icon--small icon--thick"
11084  viewBox="0 0 20 20"
11085  fill="none"
11086>
11087  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11088  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11089</svg>
11090</summary>
11091            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
11092                      <input
11093                        name="filter.v.t.shopify.beer-style"
11094                        value="gid://shopify/TaxonomyValue/17705"
11095                        class="checkbox"
11096                        id="vertical-filter.v.t.shopify.beer-style-1"
11097                        type="checkbox"
11098                        
11099                      >
11100                      <label
11101                        for="vertical-filter.v.t.shopify.beer-style-1"
11102                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11103                      >
11104                        <span class="reversed-link__text">Amber</span>
11105                        <span class="count">2</span>
11106                      </label>
11107                    </li><li class="flex items-center gap-2">
11108                      <input
11109                        name="filter.v.t.shopify.beer-style"
11110                        value="gid://shopify/TaxonomyValue/8681"
11111                        class="checkbox"
11112                        id="vertical-filter.v.t.shopify.beer-style-2"
11113                        type="checkbox"
11114                        
11115                      >
11116                      <label
11117                        for="vertical-filter.v.t.shopify.beer-style-2"
11118                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11119                      >
11120                        <span class="reversed-link__text">Bitter</span>
11121                        <span class="count">1</span>
11122                      </label>
11123                    </li><li class="flex items-center gap-2">
11124                      <input
11125                        name="filter.v.t.shopify.beer-style"
11126                        value="gid://shopify/TaxonomyValue/8684"
11127                        class="checkbox"
11128                        id="vertical-filter.v.t.shopify.beer-style-3"
11129                        type="checkbox"
11130                        
11131                      >
11132                      <label
11133                        for="vertical-filter.v.t.shopify.beer-style-3"
11134                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11135                      >
11136                        <span class="reversed-link__text">Creamy</span>
11137                        <span class="count">1</span>
11138                      </label>
11139                    </li><li class="flex items-center gap-2">
11140                      <input
11141                        name="filter.v.t.shopify.beer-style"
11142                        value="gid://shopify/TaxonomyValue/8685"
11143                        class="checkbox"
11144                        id="vertical-filter.v.t.shopify.beer-style-4"
11145                        type="checkbox"
11146                        
11147                      >
11148                      <label
11149                        for="vertical-filter.v.t.shopify.beer-style-4"
11150                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11151                      >
11152                        <span class="reversed-link__text">Crisp</span>
11153                        <span class="count">5</span>
11154                      </label>
11155                    </li><li class="flex items-center gap-2">
11156                      <input
11157                        name="filter.v.t.shopify.beer-style"
11158                        value="gid://shopify/TaxonomyValue/17709"
11159                        class="checkbox"
11160                        id="vertical-filter.v.t.shopify.beer-style-5"
11161                        type="checkbox"
11162                        
11163                      >
11164                      <label
11165                        for="vertical-filter.v.t.shopify.beer-style-5"
11166                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11167                      >
11168                        <span class="reversed-link__text">Full</span>
11169                        <span class="count">2</span>
11170                      </label>
11171                    </li><li class="flex items-center gap-2">
11172                      <input
11173                        name="filter.v.t.shopify.beer-style"
11174                        value="gid://shopify/TaxonomyValue/17712"
11175                        class="checkbox"
11176                        id="vertical-filter.v.t.shopify.beer-style-6"
11177                        type="checkbox"
11178                        
11179                      >
11180                      <label
11181                        for="vertical-filter.v.t.shopify.beer-style-6"
11182                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11183                      >
11184                        <span class="reversed-link__text">Light</span>
11185                        <span class="count">3</span>
11186                      </label>
11187                    </li><li class="flex items-center gap-2">
11188                      <input
11189                        name="filter.v.t.shopify.beer-style"
11190                        value="gid://shopify/TaxonomyValue/17714"
11191                        class="checkbox"
11192                        id="vertical-filter.v.t.shopify.beer-style-7"
11193                        type="checkbox"
11194                        
11195                      >
11196                      <label
11197                        for="vertical-filter.v.t.shopify.beer-style-7"
11198                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11199                      >
11200                        <span class="reversed-link__text">Smooth</span>
11201                        <span class="count">6</span>
11202                      </label>
11203                    </li><li class="flex items-center gap-2">
11204                      <input
11205                        name="filter.v.t.shopify.beer-style"
11206                        value="gid://shopify/TaxonomyValue/8690"
11207                        class="checkbox"
11208                        id="vertical-filter.v.t.shopify.beer-style-8"
11209                        type="checkbox"
11210                        
11211                      >
11212                      <label
11213                        for="vertical-filter.v.t.shopify.beer-style-8"
11214                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11215                      >
11216                        <span class="reversed-link__text">Sweet</span>
11217                        <span class="count">2</span>
11218                      </label>
11219                    </li></ul>
11220            </div>
11221          </details>
11222<details
11223            class="accordion-details facet-accordion-details"
11224            is="accordion-details"
11225            data-filter
11226            data-index="vertical-filter.v.t.shopify.wine-sweetness"
11227            
11228          >
11229            <summary class="accordion-details__summary flex items-center justify-between">
11230              <span class="h6">Sweetness</span><svg
11231  xmlns="http://www.w3.org/2000/svg"
11232  class="icon icon-plus-toggle icon--small icon--thick"
11233  viewBox="0 0 20 20"
11234  fill="none"
11235>
11236  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11237  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11238</svg>
11239</summary>
11240            <div class="accordion-details__content parent-display flex flex-col gap-3"><ul class="grid gap-3"><li class="flex items-center gap-2">
11241                      <input
11242                        name="filter.v.t.shopify.wine-sweetness"
11243                        value="gid://shopify/TaxonomyValue/17722"
11244                        class="checkbox"
11245                        id="vertical-filter.v.t.shopify.wine-sweetness-1"
11246                        type="checkbox"
11247                        
11248                      >
11249                      <label
11250                        for="vertical-filter.v.t.shopify.wine-sweetness-1"
11251                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11252                      >
11253                        <span class="reversed-link__text">Dry</span>
11254                        <span class="count">156</span>
11255                      </label>
11256                    </li><li class="flex items-center gap-2">
11257                      <input
11258                        name="filter.v.t.shopify.wine-sweetness"
11259                        value="gid://shopify/TaxonomyValue/19307"
11260                        class="checkbox"
11261                        id="vertical-filter.v.t.shopify.wine-sweetness-2"
11262                        type="checkbox"
11263                        
11264                      >
11265                      <label
11266                        for="vertical-filter.v.t.shopify.wine-sweetness-2"
11267                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11268                      >
11269                        <span class="reversed-link__text">Medium</span>
11270                        <span class="count">1</span>
11271                      </label>
11272                    </li><li class="flex items-center gap-2">
11273                      <input
11274                        name="filter.v.t.shopify.wine-sweetness"
11275                        value="gid://shopify/TaxonomyValue/10044"
11276                        class="checkbox"
11277                        id="vertical-filter.v.t.shopify.wine-sweetness-3"
11278                        type="checkbox"
11279                        
11280                      >
11281                      <label
11282                        for="vertical-filter.v.t.shopify.wine-sweetness-3"
11283                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11284                      >
11285                        <span class="reversed-link__text">Medium dry</span>
11286                        <span class="count">4</span>
11287                      </label>
11288                    </li><li class="flex items-center gap-2">
11289                      <input
11290                        name="filter.v.t.shopify.wine-sweetness"
11291                        value="gid://shopify/TaxonomyValue/15262"
11292                        class="checkbox"
11293                        id="vertical-filter.v.t.shopify.wine-sweetness-4"
11294                        type="checkbox"
11295                        
11296                      >
11297                      <label
11298                        for="vertical-filter.v.t.shopify.wine-sweetness-4"
11299                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11300                      >
11301                        <span class="reversed-link__text">Off-dry</span>
11302                        <span class="count">15</span>
11303                      </label>
11304                    </li><li class="flex items-center gap-2">
11305                      <input
11306                        name="filter.v.t.shopify.wine-sweetness"
11307                        value="gid://shopify/TaxonomyValue/15263"
11308                        class="checkbox"
11309                        id="vertical-filter.v.t.shopify.wine-sweetness-5"
11310                        type="checkbox"
11311                        
11312                      >
11313                      <label
11314                        for="vertical-filter.v.t.shopify.wine-sweetness-5"
11315                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11316                      >
11317                        <span class="reversed-link__text">Semi-sweet</span>
11318                        <span class="count">10</span>
11319                      </label>
11320                    </li><li class="flex items-center gap-2">
11321                      <input
11322                        name="filter.v.t.shopify.wine-sweetness"
11323                        value="gid://shopify/TaxonomyValue/17723"
11324                        class="checkbox"
11325                        id="vertical-filter.v.t.shopify.wine-sweetness-6"
11326                        type="checkbox"
11327                        
11328                      >
11329                      <label
11330                        for="vertical-filter.v.t.shopify.wine-sweetness-6"
11331                        class="flex flex-grow justify-between items-center gap-1 text-subtext reversed-link"
11332                      >
11333                        <span class="reversed-link__text">Sweet</span>
11334                        <span class="count">13</span>
11335                      </label>
11336                    </li></ul>
11337            </div>
11338          </details></form></div>
11339        </div><div class="flex flex-col flex-grow" id="ProductGridWrapper">
11340        <div id="ProductGridContainer"><div
11341              id="ProductsList"
11342              class="grid-list products-list f-grid f-grid--gap-medium f-grid--row-gap-large"
11343              style="--f-columns-mobile: 2; --f-columns-md: 3; --f-columns-xl: 4;"
11344            ><div class="f-column card"><product-card
11345  class="product-card product-card--adapt "
11346  data-product-handle="red-horse-extra-strong-brew-can-50cl"
11347  data-product-id="8836192731363"
11348>
11349  <div class="product-card__inner flex flex-col h-full">
11350
11351    <div class="product-card__media relative overflow-hidden">
11352      <a href="/products/red-horse-extra-strong-brew-can-50cl?_pos=1&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
11353            src="//royalspirit.ae/cdn/shop/files/r_479e4fec-4627-4dd5-8ac3-bdc4f0c3ea24_600x.png?v=1772715725"
11354            alt="Red Horse Extra Strong Brew Can 50cl"
11355            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
11356            loading="lazy"
11357          ><img
11358            src="//royalspirit.ae/cdn/shop/files/rr_a24fdcfe-0798-4043-a583-326e81af94a7_600x.webp?v=1773923029"
11359            alt="Red Horse Extra Strong Brew Can 50cl"
11360            class="product-card__image--hover absolute inset-0 w-full h-full object-cover opacity-0 transition-opacity duration-300 ease-in-out"
11361            loading="lazy"
11362          ></a>
11363    </div>
11364
11365    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
11366      <div>
11367        
11368          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
11369            BEER
11370          </div>
11371        
11372
11373        <h2 class="product-card__title text-lg font-semibold">
11374          <a href="/products/red-horse-extra-strong-brew-can-50cl?_pos=1&_sid=21de8ef4c&_ss=r" class="hover:underline">
11375            Red Horse Extra Strong Brew Can 50cl
11376          </a>
11377        </h2>
11378
11379        <div class="product-card__price text-base mt-2">
11380          
11381            <span class="text-gray-800">
11382              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
11382ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 30.00
11383            </span>
11384          
11385        </div>
11386      </div>
11387
11388      <form
11389        method="post"
11390        action="/cart/add"
11391        id="product-form-template--18829767475427__main-8836192731363"
11392        data-cart-drawer-form
11393      >
11394        <input type="hidden" name="id" value="46311853555939">
11395        <button
11396          id="product-form-template--18829767475427__main-8836192731363-submit"
11397          type="submit"
11398          name="add"
11399          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
11400          
11401        >
11402          <div class="btn__text flex gap-1 items-center justify-center">
11403            <span class="product-card__atc-text product-card__action-text">Add to cart
11404</span>
11405          </div>
11406          
11407
11408<div class="loading__spinner hidden">
11409  <svg
11410    aria-hidden="true"
11411    focusable="false"
11412    class="spinner icon icon--extra-medium"
11413    viewBox="0 0 66 66"
11414    xmlns="http://www.w3.org/2000/svg"
11415  >
11416    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11417  </svg>
11418</div>
11419
11420        </button>
11421      </form>
11422    </div>
11423  </div>
11424</product-card>
11425
11426<script>
11427(function () {
11428  if (window.__cartDrawerFormInit) return;
11429  window.__cartDrawerFormInit = true;
11430
11431  async function refreshCartContent(sectionId) {
11432    const res = await fetch('/?sections=' + sectionId);
11433    const data = await res.json();
11434    const html = data[sectionId];
11435    if (!html) return;
11436
11437    const parser = new DOMParser();
11438    const doc = parser.parseFromString(html, 'text/html');
11439
11440    // Update cart items body
11441    const bodyId = 'CartDrawerBody-' + sectionId;
11442    const currentBody = document.getElementById(bodyId);
11443    const updatedBody = doc.getElementById(bodyId);
11444    if (currentBody && updatedBody) {
11445      currentBody.innerHTML = updatedBody.innerHTML;
11446      currentBody.className = updatedBody.className;
11447      updatedBody.hasAttribute('hidden')
11448        ? currentBody.setAttribute('hidden', '')
11449        : currentBody.removeAttribute('hidden');
11450    }
11451
11452    // Update empty state
11453    const emptyId = 'CartDrawerEmpty-' + sectionId;
11454    const currentEmpty = document.getElementById(emptyId);
11455    const updatedEmpty = doc.getElementById(emptyId);
11456    if (currentEmpty && updatedEmpty) {
11457      currentEmpty.innerHTML = updatedEmpty.innerHTML;
11458      currentEmpty.className = updatedEmpty.className;
11459      updatedEmpty.hasAttribute('hidden')
11460        ? currentEmpty.setAttribute('hidden', '')
11461        : currentEmpty.removeAttribute('hidden');
11462    }
11463
11464    // Update footer (totals)
11465    const footerId = 'CartDrawerFooter-' + sectionId;
11466    const currentFooter = document.getElementById(footerId);
11467    const updatedFooter = doc.getElementById(footerId);
11468    if (currentFooter && updatedFooter) {
11469      currentFooter.innerHTML = updatedFooter.innerHTML;
11470      currentFooter.className = updatedFooter.className;
11471      updatedFooter.hasAttribute('hidden')
11472        ? currentFooter.setAttribute('hidden', '')
11473        : currentFooter.removeAttribute('hidden');
11474    }
11475  }
11476
11477  function openCartDrawer() {
11478    const drawerEl = document.getElementById('CartDrawer');
11479    if (!drawerEl) return;
11480
11481    // Find the header cart button (NOT the close btn inside drawer)
11482    // It sits outside the drawer and has aria-controls="CartDrawer"
11483    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
11484    let headerBtn = null;
11485    allTriggers.forEach(btn => {
11486      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
11487      if (!drawerEl.contains(btn)) {
11488        headerBtn = btn;
11489      }
11490    });
11491
11492    if (headerBtn) {
11493      // Drawer is hidden — clicking the header button will open it
11494      if (drawerEl.hasAttribute('hidden')) {
11495        headerBtn.click();
11496      }
11497    } else {
11498      // Fallback: manually open
11499      drawerEl.removeAttribute('hidden');
11500    }
11501  }
11502
11503  document.addEventListener('submit', async function (e) {
11504    const form = e.target.closest('[data-cart-drawer-form]');
11505    if (!form) return;
11506    e.preventDefault();
11507
11508    const btn = form.querySelector('[type="submit"]');
11509    btn.classList.add('loading');
11510    btn.disabled = true;
11511
11512    try {
11513      // 1. Add item to cart
11514      const addRes = await fetch('/cart/add.js', {
11515        method: 'POST',
11516        headers: {
11517          'Content-Type': 'application/json',
11518          'X-Requested-With': 'XMLHttpRequest'
11519        },
11520        body: JSON.stringify({
11521          id: form.querySelector('[name="id"]').value,
11522          quantity: 1
11523        })
11524      });
11525
11526      if (!addRes.ok) throw new Error('Add to cart failed');
11527
11528      // 2. Get section ID from the drawer element
11529      const drawerEl = document.getElementById('CartDrawer');
11530      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
11531
11532      // 3. Refresh cart content first
11533      if (sectionId) {
11534        await refreshCartContent(sectionId);
11535      }
11536
11537      // 4. Open the drawer
11538      openCartDrawer();
11539
11540    } catch (err) {
11541      console.error('[card-product] ATC error:', err);
11542    } finally {
11543      btn.classList.remove('loading');
11544      btn.disabled = false;
11545    }
11546  });
11547})();
11548</script>
11548</div><div class="f-column card"><product-card
11549  class="product-card product-card--adapt "
11550  data-product-handle="king-fisher-extra-strong-beer-can-50cl"
11551  data-product-id="8836174446819"
11552>
11553  <div class="product-card__inner flex flex-col h-full">
11554
11555    <div class="product-card__media relative overflow-hidden">
11556      <a href="/products/king-fisher-extra-strong-beer-can-50cl?_pos=2&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
11557            src="//royalspirit.ae/cdn/shop/files/kk_600x.png?v=1772717553"
11558            alt="King Fisher Extra Strong Beer Can 50CL"
11559            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
11560            loading="lazy"
11561          ><img
11562            src="//royalspirit.ae/cdn/shop/files/k_600x.png?v=1772717567"
11563            alt="King Fisher Extra Strong Beer Can 50CL"
11564            class="product-card__image--hover absolute inset-0 w-full h-full object-cover opacity-0 transition-opacity duration-300 ease-in-out"
11565            loading="lazy"
11566          ></a>
11567    </div>
11568
11569    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
11570      <div>
11571        
11572          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
11573            BEER
11574          </div>
11575        
11576
11577        <h2 class="product-card__title text-lg font-semibold">
11578          <a href="/products/king-fisher-extra-strong-beer-can-50cl?_pos=2&_sid=21de8ef4c&_ss=r" class="hover:underline">
11579            King Fisher Extra Strong Beer Can 50CL
11580          </a>
11581        </h2>
11582
11583        <div class="product-card__price text-base mt-2">
11584          
11585            <span class="line-through text-gray-500">
11586              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
11586ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 42.00
11587            </span>
11588            <span class="text-red-600 font-semibold">
11589              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
11589ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 30.00
11590            </span>
11591          
11592        </div>
11593      </div>
11594
11595      <form
11596        method="post"
11597        action="/cart/add"
11598        id="product-form-template--18829767475427__main-8836174446819"
11599        data-cart-drawer-form
11600      >
11601        <input type="hidden" name="id" value="46328987680995">
11602        <button
11603          id="product-form-template--18829767475427__main-8836174446819-submit"
11604          type="submit"
11605          name="add"
11606          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
11607          
11608        >
11609          <div class="btn__text flex gap-1 items-center justify-center">
11610            <span class="product-card__atc-text product-card__action-text">Add to cart
11611</span>
11612          </div>
11613          
11614
11615<div class="loading__spinner hidden">
11616  <svg
11617    aria-hidden="true"
11618    focusable="false"
11619    class="spinner icon icon--extra-medium"
11620    viewBox="0 0 66 66"
11621    xmlns="http://www.w3.org/2000/svg"
11622  >
11623    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11624  </svg>
11625</div>
11626
11627        </button>
11628      </form>
11629    </div>
11630  </div>
11631</product-card>
11632
11633<script>
11634(function () {
11635  if (window.__cartDrawerFormInit) return;
11636  window.__cartDrawerFormInit = true;
11637
11638  async function refreshCartContent(sectionId) {
11639    const res = await fetch('/?sections=' + sectionId);
11640    const data = await res.json();
11641    const html = data[sectionId];
11642    if (!html) return;
11643
11644    const parser = new DOMParser();
11645    const doc = parser.parseFromString(html, 'text/html');
11646
11647    // Update cart items body
11648    const bodyId = 'CartDrawerBody-' + sectionId;
11649    const currentBody = document.getElementById(bodyId);
11650    const updatedBody = doc.getElementById(bodyId);
11651    if (currentBody && updatedBody) {
11652      currentBody.innerHTML = updatedBody.innerHTML;
11653      currentBody.className = updatedBody.className;
11654      updatedBody.hasAttribute('hidden')
11655        ? currentBody.setAttribute('hidden', '')
11656        : currentBody.removeAttribute('hidden');
11657    }
11658
11659    // Update empty state
11660    const emptyId = 'CartDrawerEmpty-' + sectionId;
11661    const currentEmpty = document.getElementById(emptyId);
11662    const updatedEmpty = doc.getElementById(emptyId);
11663    if (currentEmpty && updatedEmpty) {
11664      currentEmpty.innerHTML = updatedEmpty.innerHTML;
11665      currentEmpty.className = updatedEmpty.className;
11666      updatedEmpty.hasAttribute('hidden')
11667        ? currentEmpty.setAttribute('hidden', '')
11668        : currentEmpty.removeAttribute('hidden');
11669    }
11670
11671    // Update footer (totals)
11672    const footerId = 'CartDrawerFooter-' + sectionId;
11673    const currentFooter = document.getElementById(footerId);
11674    const updatedFooter = doc.getElementById(footerId);
11675    if (currentFooter && updatedFooter) {
11676      currentFooter.innerHTML = updatedFooter.innerHTML;
11677      currentFooter.className = updatedFooter.className;
11678      updatedFooter.hasAttribute('hidden')
11679        ? currentFooter.setAttribute('hidden', '')
11680        : currentFooter.removeAttribute('hidden');
11681    }
11682  }
11683
11684  function openCartDrawer() {
11685    const drawerEl = document.getElementById('CartDrawer');
11686    if (!drawerEl) return;
11687
11688    // Find the header cart button (NOT the close btn inside drawer)
11689    // It sits outside the drawer and has aria-controls="CartDrawer"
11690    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
11691    let headerBtn = null;
11692    allTriggers.forEach(btn => {
11693      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
11694      if (!drawerEl.contains(btn)) {
11695        headerBtn = btn;
11696      }
11697    });
11698
11699    if (headerBtn) {
11700      // Drawer is hidden — clicking the header button will open it
11701      if (drawerEl.hasAttribute('hidden')) {
11702        headerBtn.click();
11703      }
11704    } else {
11705      // Fallback: manually open
11706      drawerEl.removeAttribute('hidden');
11707    }
11708  }
11709
11710  document.addEventListener('submit', async function (e) {
11711    const form = e.target.closest('[data-cart-drawer-form]');
11712    if (!form) return;
11713    e.preventDefault();
11714
11715    const btn = form.querySelector('[type="submit"]');
11716    btn.classList.add('loading');
11717    btn.disabled = true;
11718
11719    try {
11720      // 1. Add item to cart
11721      const addRes = await fetch('/cart/add.js', {
11722        method: 'POST',
11723        headers: {
11724          'Content-Type': 'application/json',
11725          'X-Requested-With': 'XMLHttpRequest'
11726        },
11727        body: JSON.stringify({
11728          id: form.querySelector('[name="id"]').value,
11729          quantity: 1
11730        })
11731      });
11732
11733      if (!addRes.ok) throw new Error('Add to cart failed');
11734
11735      // 2. Get section ID from the drawer element
11736      const drawerEl = document.getElementById('CartDrawer');
11737      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
11738
11739      // 3. Refresh cart content first
11740      if (sectionId) {
11741        await refreshCartContent(sectionId);
11742      }
11743
11744      // 4. Open the drawer
11745      openCartDrawer();
11746
11747    } catch (err) {
11748      console.error('[card-product] ATC error:', err);
11749    } finally {
11750      btn.classList.remove('loading');
11751      btn.disabled = false;
11752    }
11753  });
11754})();
11755</script>
11755</div><div class="f-column card"><product-card
11756  class="product-card product-card--adapt "
11757  data-product-handle="absolut-raspberry-1ltr"
11758  data-product-id="8836718493923"
11759>
11760  <div class="product-card__inner flex flex-col h-full">
11761
11762    <div class="product-card__media relative overflow-hidden">
11763      <a href="/products/absolut-raspberry-1ltr?_pos=3&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
11764            src="//royalspirit.ae/cdn/shop/files/FINALVODKA_600x.png?v=1788787814"
11765            alt="Absolut Raspberri 1L"
11766            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
11767            loading="lazy"
11768          ></a>
11769    </div>
11770
11771    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
11772      <div>
11773        
11774          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
11775            VODKA
11776          </div>
11777        
11778
11779        <h2 class="product-card__title text-lg font-semibold">
11780          <a href="/products/absolut-raspberry-1ltr?_pos=3&_sid=21de8ef4c&_ss=r" class="hover:underline">
11781            Absolut Raspberri 1L
11782          </a>
11783        </h2>
11784
11785        <div class="product-card__price text-base mt-2">
11786          
11787            <span class="line-through text-gray-500">
11788              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
11788ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 79.00
11789            </span>
11790            <span class="text-red-600 font-semibold">
11791              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
11791ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 60.00
11792            </span>
11793          
11794        </div>
11795      </div>
11796
11797      <form
11798        method="post"
11799        action="/cart/add"
11800        id="product-form-template--18829767475427__main-8836718493923"
11801        data-cart-drawer-form
11802      >
11803        <input type="hidden" name="id" value="46315424055523">
11804        <button
11805          id="product-form-template--18829767475427__main-8836718493923-submit"
11806          type="submit"
11807          name="add"
11808          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
11809          
11810        >
11811          <div class="btn__text flex gap-1 items-center justify-center">
11812            <span class="product-card__atc-text product-card__action-text">Add to cart
11813</span>
11814          </div>
11815          
11816
11817<div class="loading__spinner hidden">
11818  <svg
11819    aria-hidden="true"
11820    focusable="false"
11821    class="spinner icon icon--extra-medium"
11822    viewBox="0 0 66 66"
11823    xmlns="http://www.w3.org/2000/svg"
11824  >
11825    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11826  </svg>
11827</div>
11828
11829        </button>
11830      </form>
11831    </div>
11832  </div>
11833</product-card>
11834
11835<script>
11836(function () {
11837  if (window.__cartDrawerFormInit) return;
11838  window.__cartDrawerFormInit = true;
11839
11840  async function refreshCartContent(sectionId) {
11841    const res = await fetch('/?sections=' + sectionId);
11842    const data = await res.json();
11843    const html = data[sectionId];
11844    if (!html) return;
11845
11846    const parser = new DOMParser();
11847    const doc = parser.parseFromString(html, 'text/html');
11848
11849    // Update cart items body
11850    const bodyId = 'CartDrawerBody-' + sectionId;
11851    const currentBody = document.getElementById(bodyId);
11852    const updatedBody = doc.getElementById(bodyId);
11853    if (currentBody && updatedBody) {
11854      currentBody.innerHTML = updatedBody.innerHTML;
11855      currentBody.className = updatedBody.className;
11856      updatedBody.hasAttribute('hidden')
11857        ? currentBody.setAttribute('hidden', '')
11858        : currentBody.removeAttribute('hidden');
11859    }
11860
11861    // Update empty state
11862    const emptyId = 'CartDrawerEmpty-' + sectionId;
11863    const currentEmpty = document.getElementById(emptyId);
11864    const updatedEmpty = doc.getElementById(emptyId);
11865    if (currentEmpty && updatedEmpty) {
11866      currentEmpty.innerHTML = updatedEmpty.innerHTML;
11867      currentEmpty.className = updatedEmpty.className;
11868      updatedEmpty.hasAttribute('hidden')
11869        ? currentEmpty.setAttribute('hidden', '')
11870        : currentEmpty.removeAttribute('hidden');
11871    }
11872
11873    // Update footer (totals)
11874    const footerId = 'CartDrawerFooter-' + sectionId;
11875    const currentFooter = document.getElementById(footerId);
11876    const updatedFooter = doc.getElementById(footerId);
11877    if (currentFooter && updatedFooter) {
11878      currentFooter.innerHTML = updatedFooter.innerHTML;
11879      currentFooter.className = updatedFooter.className;
11880      updatedFooter.hasAttribute('hidden')
11881        ? currentFooter.setAttribute('hidden', '')
11882        : currentFooter.removeAttribute('hidden');
11883    }
11884  }
11885
11886  function openCartDrawer() {
11887    const drawerEl = document.getElementById('CartDrawer');
11888    if (!drawerEl) return;
11889
11890    // Find the header cart button (NOT the close btn inside drawer)
11891    // It sits outside the drawer and has aria-controls="CartDrawer"
11892    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
11893    let headerBtn = null;
11894    allTriggers.forEach(btn => {
11895      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
11896      if (!drawerEl.contains(btn)) {
11897        headerBtn = btn;
11898      }
11899    });
11900
11901    if (headerBtn) {
11902      // Drawer is hidden — clicking the header button will open it
11903      if (drawerEl.hasAttribute('hidden')) {
11904        headerBtn.click();
11905      }
11906    } else {
11907      // Fallback: manually open
11908      drawerEl.removeAttribute('hidden');
11909    }
11910  }
11911
11912  document.addEventListener('submit', async function (e) {
11913    const form = e.target.closest('[data-cart-drawer-form]');
11914    if (!form) return;
11915    e.preventDefault();
11916
11917    const btn = form.querySelector('[type="submit"]');
11918    btn.classList.add('loading');
11919    btn.disabled = true;
11920
11921    try {
11922      // 1. Add item to cart
11923      const addRes = await fetch('/cart/add.js', {
11924        method: 'POST',
11925        headers: {
11926          'Content-Type': 'application/json',
11927          'X-Requested-With': 'XMLHttpRequest'
11928        },
11929        body: JSON.stringify({
11930          id: form.querySelector('[name="id"]').value,
11931          quantity: 1
11932        })
11933      });
11934
11935      if (!addRes.ok) throw new Error('Add to cart failed');
11936
11937      // 2. Get section ID from the drawer element
11938      const drawerEl = document.getElementById('CartDrawer');
11939      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
11940
11941      // 3. Refresh cart content first
11942      if (sectionId) {
11943        await refreshCartContent(sectionId);
11944      }
11945
11946      // 4. Open the drawer
11947      openCartDrawer();
11948
11949    } catch (err) {
11950      console.error('[card-product] ATC error:', err);
11951    } finally {
11952      btn.classList.remove('loading');
11953      btn.disabled = false;
11954    }
11955  });
11956})();
11957</script>
11957</div><div class="f-column card"><product-card
11958  class="product-card product-card--adapt "
11959  data-product-handle="alfonso-platinum-brandy-1ltr"
11960  data-product-id="8834489909475"
11961>
11962  <div class="product-card__inner flex flex-col h-full">
11963
11964    <div class="product-card__media relative overflow-hidden">
11965      <a href="/products/alfonso-platinum-brandy-1ltr?_pos=4&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
11966            src="//royalspirit.ae/cdn/shop/files/WEB-alfonso-1-platinum_2_600x.webp?v=1748779659"
11967            alt="Alfonso Platinum Brandy 1L"
11968            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
11969            loading="lazy"
11970          ></a>
11971    </div>
11972
11973    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
11974      <div>
11975        
11976          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
11977            BRANDY
11978          </div>
11979        
11980
11981        <h2 class="product-card__title text-lg font-semibold">
11982          <a href="/products/alfonso-platinum-brandy-1ltr?_pos=4&_sid=21de8ef4c&_ss=r" class="hover:underline">
11983            Alfonso Platinum Brandy 1L
11984          </a>
11985        </h2>
11986
11987        <div class="product-card__price text-base mt-2">
11988          
11989            <span class="line-through text-gray-500">
11990              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
11990ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 50.00
11991            </span>
11992            <span class="text-red-600 font-semibold">
11993              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
11993ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 25.00
11994            </span>
11995          
11996        </div>
11997      </div>
11998
11999      <form
12000        method="post"
12001        action="/cart/add"
12002        id="product-form-template--18829767475427__main-8834489909475"
12003        data-cart-drawer-form
12004      >
12005        <input type="hidden" name="id" value="46303278661859">
12006        <button
12007          id="product-form-template--18829767475427__main-8834489909475-submit"
12008          type="submit"
12009          name="add"
12010          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
12011          
12012        >
12013          <div class="btn__text flex gap-1 items-center justify-center">
12014            <span class="product-card__atc-text product-card__action-text">Add to cart
12015</span>
12016          </div>
12017          
12018
12019<div class="loading__spinner hidden">
12020  <svg
12021    aria-hidden="true"
12022    focusable="false"
12023    class="spinner icon icon--extra-medium"
12024    viewBox="0 0 66 66"
12025    xmlns="http://www.w3.org/2000/svg"
12026  >
12027    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12028  </svg>
12029</div>
12030
12031        </button>
12032      </form>
12033    </div>
12034  </div>
12035</product-card>
12036
12037<script>
12038(function () {
12039  if (window.__cartDrawerFormInit) return;
12040  window.__cartDrawerFormInit = true;
12041
12042  async function refreshCartContent(sectionId) {
12043    const res = await fetch('/?sections=' + sectionId);
12044    const data = await res.json();
12045    const html = data[sectionId];
12046    if (!html) return;
12047
12048    const parser = new DOMParser();
12049    const doc = parser.parseFromString(html, 'text/html');
12050
12051    // Update cart items body
12052    const bodyId = 'CartDrawerBody-' + sectionId;
12053    const currentBody = document.getElementById(bodyId);
12054    const updatedBody = doc.getElementById(bodyId);
12055    if (currentBody && updatedBody) {
12056      currentBody.innerHTML = updatedBody.innerHTML;
12057      currentBody.className = updatedBody.className;
12058      updatedBody.hasAttribute('hidden')
12059        ? currentBody.setAttribute('hidden', '')
12060        : currentBody.removeAttribute('hidden');
12061    }
12062
12063    // Update empty state
12064    const emptyId = 'CartDrawerEmpty-' + sectionId;
12065    const currentEmpty = document.getElementById(emptyId);
12066    const updatedEmpty = doc.getElementById(emptyId);
12067    if (currentEmpty && updatedEmpty) {
12068      currentEmpty.innerHTML = updatedEmpty.innerHTML;
12069      currentEmpty.className = updatedEmpty.className;
12070      updatedEmpty.hasAttribute('hidden')
12071        ? currentEmpty.setAttribute('hidden', '')
12072        : currentEmpty.removeAttribute('hidden');
12073    }
12074
12075    // Update footer (totals)
12076    const footerId = 'CartDrawerFooter-' + sectionId;
12077    const currentFooter = document.getElementById(footerId);
12078    const updatedFooter = doc.getElementById(footerId);
12079    if (currentFooter && updatedFooter) {
12080      currentFooter.innerHTML = updatedFooter.innerHTML;
12081      currentFooter.className = updatedFooter.className;
12082      updatedFooter.hasAttribute('hidden')
12083        ? currentFooter.setAttribute('hidden', '')
12084        : currentFooter.removeAttribute('hidden');
12085    }
12086  }
12087
12088  function openCartDrawer() {
12089    const drawerEl = document.getElementById('CartDrawer');
12090    if (!drawerEl) return;
12091
12092    // Find the header cart button (NOT the close btn inside drawer)
12093    // It sits outside the drawer and has aria-controls="CartDrawer"
12094    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
12095    let headerBtn = null;
12096    allTriggers.forEach(btn => {
12097      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
12098      if (!drawerEl.contains(btn)) {
12099        headerBtn = btn;
12100      }
12101    });
12102
12103    if (headerBtn) {
12104      // Drawer is hidden — clicking the header button will open it
12105      if (drawerEl.hasAttribute('hidden')) {
12106        headerBtn.click();
12107      }
12108    } else {
12109      // Fallback: manually open
12110      drawerEl.removeAttribute('hidden');
12111    }
12112  }
12113
12114  document.addEventListener('submit', async function (e) {
12115    const form = e.target.closest('[data-cart-drawer-form]');
12116    if (!form) return;
12117    e.preventDefault();
12118
12119    const btn = form.querySelector('[type="submit"]');
12120    btn.classList.add('loading');
12121    btn.disabled = true;
12122
12123    try {
12124      // 1. Add item to cart
12125      const addRes = await fetch('/cart/add.js', {
12126        method: 'POST',
12127        headers: {
12128          'Content-Type': 'application/json',
12129          'X-Requested-With': 'XMLHttpRequest'
12130        },
12131        body: JSON.stringify({
12132          id: form.querySelector('[name="id"]').value,
12133          quantity: 1
12134        })
12135      });
12136
12137      if (!addRes.ok) throw new Error('Add to cart failed');
12138
12139      // 2. Get section ID from the drawer element
12140      const drawerEl = document.getElementById('CartDrawer');
12141      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
12142
12143      // 3. Refresh cart content first
12144      if (sectionId) {
12145        await refreshCartContent(sectionId);
12146      }
12147
12148      // 4. Open the drawer
12149      openCartDrawer();
12150
12151    } catch (err) {
12152      console.error('[card-product] ATC error:', err);
12153    } finally {
12154      btn.classList.remove('loading');
12155      btn.disabled = false;
12156    }
12157  });
12158})();
12159</script>
12159</div><div class="f-column card"><product-card
12160  class="product-card product-card--adapt "
12161  data-product-handle="lion-strong-beer-8-8-can-50cl"
12162  data-product-id="8845154386147"
12163>
12164  <div class="product-card__inner flex flex-col h-full">
12165
12166    <div class="product-card__media relative overflow-hidden">
12167      <a href="/products/lion-strong-beer-8-8-can-50cl?_pos=5&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
12168            src="//royalspirit.ae/cdn/shop/files/ChatGPT_Image_Sep_14_2026_03_19_52_PM_a85b2bdc-5716-4f66-92c5-af090b89c641_600x.png?v=1789386768"
12169            alt="Lion Strong Beer 8.8% Can 50 CL"
12170            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
12171            loading="lazy"
12172          ><img
12173            src="//royalspirit.ae/cdn/shop/files/ChatGPT_Image_Sep_14_2026_03_19_58_PM_f5fd38a9-9981-4a2c-ac70-d758b20f4e84_600x.png?v=1789386785"
12174            alt="Lion Strong Beer 8.8% Can 50 CL"
12175            class="product-card__image--hover absolute inset-0 w-full h-full object-cover opacity-0 transition-opacity duration-300 ease-in-out"
12176            loading="lazy"
12177          ></a>
12178    </div>
12179
12180    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
12181      <div>
12182        
12183          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
12184            BEER
12185          </div>
12186        
12187
12188        <h2 class="product-card__title text-lg font-semibold">
12189          <a href="/products/lion-strong-beer-8-8-can-50cl?_pos=5&_sid=21de8ef4c&_ss=r" class="hover:underline">
12190            Lion Strong Beer 8.8% Can 50 CL
12191          </a>
12192        </h2>
12193
12194        <div class="product-card__price text-base mt-2">
12195          
12196            <span class="text-gray-800">
12197              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
12197ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 36.00
12198            </span>
12199          
12200        </div>
12201      </div>
12202
12203      <form
12204        method="post"
12205        action="/cart/add"
12206        id="product-form-template--18829767475427__main-8845154386147"
12207        data-cart-drawer-form
12208      >
12209        <input type="hidden" name="id" value="46355565183203">
12210        <button
12211          id="product-form-template--18829767475427__main-8845154386147-submit"
12212          type="submit"
12213          name="add"
12214          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
12215          
12216        >
12217          <div class="btn__text flex gap-1 items-center justify-center">
12218            <span class="product-card__atc-text product-card__action-text">Add to cart
12219</span>
12220          </div>
12221          
12222
12223<div class="loading__spinner hidden">
12224  <svg
12225    aria-hidden="true"
12226    focusable="false"
12227    class="spinner icon icon--extra-medium"
12228    viewBox="0 0 66 66"
12229    xmlns="http://www.w3.org/2000/svg"
12230  >
12231    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12232  </svg>
12233</div>
12234
12235        </button>
12236      </form>
12237    </div>
12238  </div>
12239</product-card>
12240
12241<script>
12242(function () {
12243  if (window.__cartDrawerFormInit) return;
12244  window.__cartDrawerFormInit = true;
12245
12246  async function refreshCartContent(sectionId) {
12247    const res = await fetch('/?sections=' + sectionId);
12248    const data = await res.json();
12249    const html = data[sectionId];
12250    if (!html) return;
12251
12252    const parser = new DOMParser();
12253    const doc = parser.parseFromString(html, 'text/html');
12254
12255    // Update cart items body
12256    const bodyId = 'CartDrawerBody-' + sectionId;
12257    const currentBody = document.getElementById(bodyId);
12258    const updatedBody = doc.getElementById(bodyId);
12259    if (currentBody && updatedBody) {
12260      currentBody.innerHTML = updatedBody.innerHTML;
12261      currentBody.className = updatedBody.className;
12262      updatedBody.hasAttribute('hidden')
12263        ? currentBody.setAttribute('hidden', '')
12264        : currentBody.removeAttribute('hidden');
12265    }
12266
12267    // Update empty state
12268    const emptyId = 'CartDrawerEmpty-' + sectionId;
12269    const currentEmpty = document.getElementById(emptyId);
12270    const updatedEmpty = doc.getElementById(emptyId);
12271    if (currentEmpty && updatedEmpty) {
12272      currentEmpty.innerHTML = updatedEmpty.innerHTML;
12273      currentEmpty.className = updatedEmpty.className;
12274      updatedEmpty.hasAttribute('hidden')
12275        ? currentEmpty.setAttribute('hidden', '')
12276        : currentEmpty.removeAttribute('hidden');
12277    }
12278
12279    // Update footer (totals)
12280    const footerId = 'CartDrawerFooter-' + sectionId;
12281    const currentFooter = document.getElementById(footerId);
12282    const updatedFooter = doc.getElementById(footerId);
12283    if (currentFooter && updatedFooter) {
12284      currentFooter.innerHTML = updatedFooter.innerHTML;
12285      currentFooter.className = updatedFooter.className;
12286      updatedFooter.hasAttribute('hidden')
12287        ? currentFooter.setAttribute('hidden', '')
12288        : currentFooter.removeAttribute('hidden');
12289    }
12290  }
12291
12292  function openCartDrawer() {
12293    const drawerEl = document.getElementById('CartDrawer');
12294    if (!drawerEl) return;
12295
12296    // Find the header cart button (NOT the close btn inside drawer)
12297    // It sits outside the drawer and has aria-controls="CartDrawer"
12298    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
12299    let headerBtn = null;
12300    allTriggers.forEach(btn => {
12301      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
12302      if (!drawerEl.contains(btn)) {
12303        headerBtn = btn;
12304      }
12305    });
12306
12307    if (headerBtn) {
12308      // Drawer is hidden — clicking the header button will open it
12309      if (drawerEl.hasAttribute('hidden')) {
12310        headerBtn.click();
12311      }
12312    } else {
12313      // Fallback: manually open
12314      drawerEl.removeAttribute('hidden');
12315    }
12316  }
12317
12318  document.addEventListener('submit', async function (e) {
12319    const form = e.target.closest('[data-cart-drawer-form]');
12320    if (!form) return;
12321    e.preventDefault();
12322
12323    const btn = form.querySelector('[type="submit"]');
12324    btn.classList.add('loading');
12325    btn.disabled = true;
12326
12327    try {
12328      // 1. Add item to cart
12329      const addRes = await fetch('/cart/add.js', {
12330        method: 'POST',
12331        headers: {
12332          'Content-Type': 'application/json',
12333          'X-Requested-With': 'XMLHttpRequest'
12334        },
12335        body: JSON.stringify({
12336          id: form.querySelector('[name="id"]').value,
12337          quantity: 1
12338        })
12339      });
12340
12341      if (!addRes.ok) throw new Error('Add to cart failed');
12342
12343      // 2. Get section ID from the drawer element
12344      const drawerEl = document.getElementById('CartDrawer');
12345      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
12346
12347      // 3. Refresh cart content first
12348      if (sectionId) {
12349        await refreshCartContent(sectionId);
12350      }
12351
12352      // 4. Open the drawer
12353      openCartDrawer();
12354
12355    } catch (err) {
12356      console.error('[card-product] ATC error:', err);
12357    } finally {
12358      btn.classList.remove('loading');
12359      btn.disabled = false;
12360    }
12361  });
12362})();
12363</script>
12363</div><div class="f-column card"><product-card
12364  class="product-card product-card--adapt "
12365  data-product-handle="jinro-peach-soju-36cl"
12366  data-product-id="8835501261027"
12367>
12368  <div class="product-card__inner flex flex-col h-full">
12369
12370    <div class="product-card__media relative overflow-hidden">
12371      <a href="/products/jinro-peach-soju-36cl?_pos=6&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
12372            src="//royalspirit.ae/cdn/shop/files/Q_51017803-4745-494e-aaf2-3d9abd183902_600x.png?v=1788442793"
12373            alt="Jinro Peach Soju 36CL"
12374            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
12375            loading="lazy"
12376          ></a>
12377    </div>
12378
12379    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
12380      <div>
12381        
12382          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
12383            RTD
12384          </div>
12385        
12386
12387        <h2 class="product-card__title text-lg font-semibold">
12388          <a href="/products/jinro-peach-soju-36cl?_pos=6&_sid=21de8ef4c&_ss=r" class="hover:underline">
12389            Jinro Peach Soju 36CL
12390          </a>
12391        </h2>
12392
12393        <div class="product-card__price text-base mt-2">
12394          
12395            <span class="line-through text-gray-500">
12396              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
12396ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 16.00
12397            </span>
12398            <span class="text-red-600 font-semibold">
12399              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
12399ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 12.00
12400            </span>
12401          
12402        </div>
12403      </div>
12404
12405      <form
12406        method="post"
12407        action="/cart/add"
12408        id="product-form-template--18829767475427__main-8835501261027"
12409        data-cart-drawer-form
12410      >
12411        <input type="hidden" name="id" value="46330550223075">
12412        <button
12413          id="product-form-template--18829767475427__main-8835501261027-submit"
12414          type="submit"
12415          name="add"
12416          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
12417          
12418        >
12419          <div class="btn__text flex gap-1 items-center justify-center">
12420            <span class="product-card__atc-text product-card__action-text">Add to cart
12421</span>
12422          </div>
12423          
12424
12425<div class="loading__spinner hidden">
12426  <svg
12427    aria-hidden="true"
12428    focusable="false"
12429    class="spinner icon icon--extra-medium"
12430    viewBox="0 0 66 66"
12431    xmlns="http://www.w3.org/2000/svg"
12432  >
12433    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12434  </svg>
12435</div>
12436
12437        </button>
12438      </form>
12439    </div>
12440  </div>
12441</product-card>
12442
12443<script>
12444(function () {
12445  if (window.__cartDrawerFormInit) return;
12446  window.__cartDrawerFormInit = true;
12447
12448  async function refreshCartContent(sectionId) {
12449    const res = await fetch('/?sections=' + sectionId);
12450    const data = await res.json();
12451    const html = data[sectionId];
12452    if (!html) return;
12453
12454    const parser = new DOMParser();
12455    const doc = parser.parseFromString(html, 'text/html');
12456
12457    // Update cart items body
12458    const bodyId = 'CartDrawerBody-' + sectionId;
12459    const currentBody = document.getElementById(bodyId);
12460    const updatedBody = doc.getElementById(bodyId);
12461    if (currentBody && updatedBody) {
12462      currentBody.innerHTML = updatedBody.innerHTML;
12463      currentBody.className = updatedBody.className;
12464      updatedBody.hasAttribute('hidden')
12465        ? currentBody.setAttribute('hidden', '')
12466        : currentBody.removeAttribute('hidden');
12467    }
12468
12469    // Update empty state
12470    const emptyId = 'CartDrawerEmpty-' + sectionId;
12471    const currentEmpty = document.getElementById(emptyId);
12472    const updatedEmpty = doc.getElementById(emptyId);
12473    if (currentEmpty && updatedEmpty) {
12474      currentEmpty.innerHTML = updatedEmpty.innerHTML;
12475      currentEmpty.className = updatedEmpty.className;
12476      updatedEmpty.hasAttribute('hidden')
12477        ? currentEmpty.setAttribute('hidden', '')
12478        : currentEmpty.removeAttribute('hidden');
12479    }
12480
12481    // Update footer (totals)
12482    const footerId = 'CartDrawerFooter-' + sectionId;
12483    const currentFooter = document.getElementById(footerId);
12484    const updatedFooter = doc.getElementById(footerId);
12485    if (currentFooter && updatedFooter) {
12486      currentFooter.innerHTML = updatedFooter.innerHTML;
12487      currentFooter.className = updatedFooter.className;
12488      updatedFooter.hasAttribute('hidden')
12489        ? currentFooter.setAttribute('hidden', '')
12490        : currentFooter.removeAttribute('hidden');
12491    }
12492  }
12493
12494  function openCartDrawer() {
12495    const drawerEl = document.getElementById('CartDrawer');
12496    if (!drawerEl) return;
12497
12498    // Find the header cart button (NOT the close btn inside drawer)
12499    // It sits outside the drawer and has aria-controls="CartDrawer"
12500    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
12501    let headerBtn = null;
12502    allTriggers.forEach(btn => {
12503      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
12504      if (!drawerEl.contains(btn)) {
12505        headerBtn = btn;
12506      }
12507    });
12508
12509    if (headerBtn) {
12510      // Drawer is hidden — clicking the header button will open it
12511      if (drawerEl.hasAttribute('hidden')) {
12512        headerBtn.click();
12513      }
12514    } else {
12515      // Fallback: manually open
12516      drawerEl.removeAttribute('hidden');
12517    }
12518  }
12519
12520  document.addEventListener('submit', async function (e) {
12521    const form = e.target.closest('[data-cart-drawer-form]');
12522    if (!form) return;
12523    e.preventDefault();
12524
12525    const btn = form.querySelector('[type="submit"]');
12526    btn.classList.add('loading');
12527    btn.disabled = true;
12528
12529    try {
12530      // 1. Add item to cart
12531      const addRes = await fetch('/cart/add.js', {
12532        method: 'POST',
12533        headers: {
12534          'Content-Type': 'application/json',
12535          'X-Requested-With': 'XMLHttpRequest'
12536        },
12537        body: JSON.stringify({
12538          id: form.querySelector('[name="id"]').value,
12539          quantity: 1
12540        })
12541      });
12542
12543      if (!addRes.ok) throw new Error('Add to cart failed');
12544
12545      // 2. Get section ID from the drawer element
12546      const drawerEl = document.getElementById('CartDrawer');
12547      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
12548
12549      // 3. Refresh cart content first
12550      if (sectionId) {
12551        await refreshCartContent(sectionId);
12552      }
12553
12554      // 4. Open the drawer
12555      openCartDrawer();
12556
12557    } catch (err) {
12558      console.error('[card-product] ATC error:', err);
12559    } finally {
12560      btn.classList.remove('loading');
12561      btn.disabled = false;
12562    }
12563  });
12564})();
12565</script>
12565</div><div class="f-column card"><product-card
12566  class="product-card product-card--adapt "
12567  data-product-handle="sanmiguel-light-bottle-33cl"
12568  data-product-id="8836194304227"
12569>
12570  <div class="product-card__inner flex flex-col h-full">
12571
12572    <div class="product-card__media relative overflow-hidden">
12573      <a href="/products/sanmiguel-light-bottle-33cl?_pos=7&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
12574            src="//royalspirit.ae/cdn/shop/files/S24_097b8a36-2998-4541-9603-7398aeeedbb5_600x.png?v=1772723839"
12575            alt="Sanmiguel Light Bottle 33CL"
12576            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
12577            loading="lazy"
12578          ><img
12579            src="//royalspirit.ae/cdn/shop/files/S6_140a3b66-dd11-4f24-860d-587636d104f1_600x.png?v=1772723839"
12580            alt="Sanmiguel Light Bottle 33CL"
12581            class="product-card__image--hover absolute inset-0 w-full h-full object-cover opacity-0 transition-opacity duration-300 ease-in-out"
12582            loading="lazy"
12583          ></a>
12584    </div>
12585
12586    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
12587      <div>
12588        
12589          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
12590            BEER
12591          </div>
12592        
12593
12594        <h2 class="product-card__title text-lg font-semibold">
12595          <a href="/products/sanmiguel-light-bottle-33cl?_pos=7&_sid=21de8ef4c&_ss=r" class="hover:underline">
12596            Sanmiguel Light Bottle 33CL
12597          </a>
12598        </h2>
12599
12600        <div class="product-card__price text-base mt-2">
12601          
12602            <span class="text-gray-800">
12603              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
12603ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 30.00
12604            </span>
12605          
12606        </div>
12607      </div>
12608
12609      <form
12610        method="post"
12611        action="/cart/add"
12612        id="product-form-template--18829767475427__main-8836194304227"
12613        data-cart-drawer-form
12614      >
12615        <input type="hidden" name="id" value="46311869350115">
12616        <button
12617          id="product-form-template--18829767475427__main-8836194304227-submit"
12618          type="submit"
12619          name="add"
12620          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
12621          
12622        >
12623          <div class="btn__text flex gap-1 items-center justify-center">
12624            <span class="product-card__atc-text product-card__action-text">Add to cart
12625</span>
12626          </div>
12627          
12628
12629<div class="loading__spinner hidden">
12630  <svg
12631    aria-hidden="true"
12632    focusable="false"
12633    class="spinner icon icon--extra-medium"
12634    viewBox="0 0 66 66"
12635    xmlns="http://www.w3.org/2000/svg"
12636  >
12637    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12638  </svg>
12639</div>
12640
12641        </button>
12642      </form>
12643    </div>
12644  </div>
12645</product-card>
12646
12647<script>
12648(function () {
12649  if (window.__cartDrawerFormInit) return;
12650  window.__cartDrawerFormInit = true;
12651
12652  async function refreshCartContent(sectionId) {
12653    const res = await fetch('/?sections=' + sectionId);
12654    const data = await res.json();
12655    const html = data[sectionId];
12656    if (!html) return;
12657
12658    const parser = new DOMParser();
12659    const doc = parser.parseFromString(html, 'text/html');
12660
12661    // Update cart items body
12662    const bodyId = 'CartDrawerBody-' + sectionId;
12663    const currentBody = document.getElementById(bodyId);
12664    const updatedBody = doc.getElementById(bodyId);
12665    if (currentBody && updatedBody) {
12666      currentBody.innerHTML = updatedBody.innerHTML;
12667      currentBody.className = updatedBody.className;
12668      updatedBody.hasAttribute('hidden')
12669        ? currentBody.setAttribute('hidden', '')
12670        : currentBody.removeAttribute('hidden');
12671    }
12672
12673    // Update empty state
12674    const emptyId = 'CartDrawerEmpty-' + sectionId;
12675    const currentEmpty = document.getElementById(emptyId);
12676    const updatedEmpty = doc.getElementById(emptyId);
12677    if (currentEmpty && updatedEmpty) {
12678      currentEmpty.innerHTML = updatedEmpty.innerHTML;
12679      currentEmpty.className = updatedEmpty.className;
12680      updatedEmpty.hasAttribute('hidden')
12681        ? currentEmpty.setAttribute('hidden', '')
12682        : currentEmpty.removeAttribute('hidden');
12683    }
12684
12685    // Update footer (totals)
12686    const footerId = 'CartDrawerFooter-' + sectionId;
12687    const currentFooter = document.getElementById(footerId);
12688    const updatedFooter = doc.getElementById(footerId);
12689    if (currentFooter && updatedFooter) {
12690      currentFooter.innerHTML = updatedFooter.innerHTML;
12691      currentFooter.className = updatedFooter.className;
12692      updatedFooter.hasAttribute('hidden')
12693        ? currentFooter.setAttribute('hidden', '')
12694        : currentFooter.removeAttribute('hidden');
12695    }
12696  }
12697
12698  function openCartDrawer() {
12699    const drawerEl = document.getElementById('CartDrawer');
12700    if (!drawerEl) return;
12701
12702    // Find the header cart button (NOT the close btn inside drawer)
12703    // It sits outside the drawer and has aria-controls="CartDrawer"
12704    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
12705    let headerBtn = null;
12706    allTriggers.forEach(btn => {
12707      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
12708      if (!drawerEl.contains(btn)) {
12709        headerBtn = btn;
12710      }
12711    });
12712
12713    if (headerBtn) {
12714      // Drawer is hidden — clicking the header button will open it
12715      if (drawerEl.hasAttribute('hidden')) {
12716        headerBtn.click();
12717      }
12718    } else {
12719      // Fallback: manually open
12720      drawerEl.removeAttribute('hidden');
12721    }
12722  }
12723
12724  document.addEventListener('submit', async function (e) {
12725    const form = e.target.closest('[data-cart-drawer-form]');
12726    if (!form) return;
12727    e.preventDefault();
12728
12729    const btn = form.querySelector('[type="submit"]');
12730    btn.classList.add('loading');
12731    btn.disabled = true;
12732
12733    try {
12734      // 1. Add item to cart
12735      const addRes = await fetch('/cart/add.js', {
12736        method: 'POST',
12737        headers: {
12738          'Content-Type': 'application/json',
12739          'X-Requested-With': 'XMLHttpRequest'
12740        },
12741        body: JSON.stringify({
12742          id: form.querySelector('[name="id"]').value,
12743          quantity: 1
12744        })
12745      });
12746
12747      if (!addRes.ok) throw new Error('Add to cart failed');
12748
12749      // 2. Get section ID from the drawer element
12750      const drawerEl = document.getElementById('CartDrawer');
12751      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
12752
12753      // 3. Refresh cart content first
12754      if (sectionId) {
12755        await refreshCartContent(sectionId);
12756      }
12757
12758      // 4. Open the drawer
12759      openCartDrawer();
12760
12761    } catch (err) {
12762      console.error('[card-product] ATC error:', err);
12763    } finally {
12764      btn.classList.remove('loading');
12765      btn.disabled = false;
12766    }
12767  });
12768})();
12769</script>
12769</div><div class="f-column card"><product-card
12770  class="product-card product-card--adapt "
12771  data-product-handle="lamborghini-red-0-75cl"
12772  data-product-id="9125178867939"
12773>
12774  <div class="product-card__inner flex flex-col h-full">
12775
12776    <div class="product-card__media relative overflow-hidden">
12777      <a href="/products/lamborghini-red-0-75cl?_pos=8&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
12778            src="//royalspirit.ae/cdn/shop/files/1_297643d7-b44a-400e-8ad8-5a9cbcbbdc0d_600x.png?v=1769181173"
12779            alt="Lamborghini Red 0% 75CL"
12780            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
12781            loading="lazy"
12782          ></a>
12783    </div>
12784
12785    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
12786      <div>
12787        
12788          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
12789            Wine
12790          </div>
12791        
12792
12793        <h2 class="product-card__title text-lg font-semibold">
12794          <a href="/products/lamborghini-red-0-75cl?_pos=8&_sid=21de8ef4c&_ss=r" class="hover:underline">
12795            Lamborghini Red 0% 75CL
12796          </a>
12797        </h2>
12798
12799        <div class="product-card__price text-base mt-2">
12800          
12801            <span class="text-gray-800">
12802              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
12802ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 149.00
12803            </span>
12804          
12805        </div>
12806      </div>
12807
12808      <form
12809        method="post"
12810        action="/cart/add"
12811        id="product-form-template--18829767475427__main-9125178867939"
12812        data-cart-drawer-form
12813      >
12814        <input type="hidden" name="id" value="47871348277475">
12815        <button
12816          id="product-form-template--18829767475427__main-9125178867939-submit"
12817          type="submit"
12818          name="add"
12819          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
12820          
12821        >
12822          <div class="btn__text flex gap-1 items-center justify-center">
12823            <span class="product-card__atc-text product-card__action-text">Add to cart
12824</span>
12825          </div>
12826          
12827
12828<div class="loading__spinner hidden">
12829  <svg
12830    aria-hidden="true"
12831    focusable="false"
12832    class="spinner icon icon--extra-medium"
12833    viewBox="0 0 66 66"
12834    xmlns="http://www.w3.org/2000/svg"
12835  >
12836    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12837  </svg>
12838</div>
12839
12840        </button>
12841      </form>
12842    </div>
12843  </div>
12844</product-card>
12845
12846<script>
12847(function () {
12848  if (window.__cartDrawerFormInit) return;
12849  window.__cartDrawerFormInit = true;
12850
12851  async function refreshCartContent(sectionId) {
12852    const res = await fetch('/?sections=' + sectionId);
12853    const data = await res.json();
12854    const html = data[sectionId];
12855    if (!html) return;
12856
12857    const parser = new DOMParser();
12858    const doc = parser.parseFromString(html, 'text/html');
12859
12860    // Update cart items body
12861    const bodyId = 'CartDrawerBody-' + sectionId;
12862    const currentBody = document.getElementById(bodyId);
12863    const updatedBody = doc.getElementById(bodyId);
12864    if (currentBody && updatedBody) {
12865      currentBody.innerHTML = updatedBody.innerHTML;
12866      currentBody.className = updatedBody.className;
12867      updatedBody.hasAttribute('hidden')
12868        ? currentBody.setAttribute('hidden', '')
12869        : currentBody.removeAttribute('hidden');
12870    }
12871
12872    // Update empty state
12873    const emptyId = 'CartDrawerEmpty-' + sectionId;
12874    const currentEmpty = document.getElementById(emptyId);
12875    const updatedEmpty = doc.getElementById(emptyId);
12876    if (currentEmpty && updatedEmpty) {
12877      currentEmpty.innerHTML = updatedEmpty.innerHTML;
12878      currentEmpty.className = updatedEmpty.className;
12879      updatedEmpty.hasAttribute('hidden')
12880        ? currentEmpty.setAttribute('hidden', '')
12881        : currentEmpty.removeAttribute('hidden');
12882    }
12883
12884    // Update footer (totals)
12885    const footerId = 'CartDrawerFooter-' + sectionId;
12886    const currentFooter = document.getElementById(footerId);
12887    const updatedFooter = doc.getElementById(footerId);
12888    if (currentFooter && updatedFooter) {
12889      currentFooter.innerHTML = updatedFooter.innerHTML;
12890      currentFooter.className = updatedFooter.className;
12891      updatedFooter.hasAttribute('hidden')
12892        ? currentFooter.setAttribute('hidden', '')
12893        : currentFooter.removeAttribute('hidden');
12894    }
12895  }
12896
12897  function openCartDrawer() {
12898    const drawerEl = document.getElementById('CartDrawer');
12899    if (!drawerEl) return;
12900
12901    // Find the header cart button (NOT the close btn inside drawer)
12902    // It sits outside the drawer and has aria-controls="CartDrawer"
12903    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
12904    let headerBtn = null;
12905    allTriggers.forEach(btn => {
12906      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
12907      if (!drawerEl.contains(btn)) {
12908        headerBtn = btn;
12909      }
12910    });
12911
12912    if (headerBtn) {
12913      // Drawer is hidden — clicking the header button will open it
12914      if (drawerEl.hasAttribute('hidden')) {
12915        headerBtn.click();
12916      }
12917    } else {
12918      // Fallback: manually open
12919      drawerEl.removeAttribute('hidden');
12920    }
12921  }
12922
12923  document.addEventListener('submit', async function (e) {
12924    const form = e.target.closest('[data-cart-drawer-form]');
12925    if (!form) return;
12926    e.preventDefault();
12927
12928    const btn = form.querySelector('[type="submit"]');
12929    btn.classList.add('loading');
12930    btn.disabled = true;
12931
12932    try {
12933      // 1. Add item to cart
12934      const addRes = await fetch('/cart/add.js', {
12935        method: 'POST',
12936        headers: {
12937          'Content-Type': 'application/json',
12938          'X-Requested-With': 'XMLHttpRequest'
12939        },
12940        body: JSON.stringify({
12941          id: form.querySelector('[name="id"]').value,
12942          quantity: 1
12943        })
12944      });
12945
12946      if (!addRes.ok) throw new Error('Add to cart failed');
12947
12948      // 2. Get section ID from the drawer element
12949      const drawerEl = document.getElementById('CartDrawer');
12950      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
12951
12952      // 3. Refresh cart content first
12953      if (sectionId) {
12954        await refreshCartContent(sectionId);
12955      }
12956
12957      // 4. Open the drawer
12958      openCartDrawer();
12959
12960    } catch (err) {
12961      console.error('[card-product] ATC error:', err);
12962    } finally {
12963      btn.classList.remove('loading');
12964      btn.disabled = false;
12965    }
12966  });
12967})();
12968</script>
12968</div><div class="f-column card"><product-card
12969  class="product-card product-card--adapt "
12970  data-product-handle="2xl-vodka-cranberry-cocktail-10-2-25cl"
12971  data-product-id="8846920057059"
12972>
12973  <div class="product-card__inner flex flex-col h-full">
12974
12975    <div class="product-card__media relative overflow-hidden">
12976      <a href="/products/2xl-vodka-cranberry-cocktail-10-2-25cl?_pos=9&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
12977            src="//royalspirit.ae/cdn/shop/files/download_-_2025-05-14T161603.321-removebg-preview_119dcc7d-d40f-426e-b22c-4c82301e1dcc_600x.png?v=1748779679"
12978            alt="2XL Vodka Cranberry Cocktail 10.2 % 25cl"
12979            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
12980            loading="lazy"
12981          ></a>
12982    </div>
12983
12984    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
12985      <div>
12986        
12987          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
12988            RTD
12989          </div>
12990        
12991
12992        <h2 class="product-card__title text-lg font-semibold">
12993          <a href="/products/2xl-vodka-cranberry-cocktail-10-2-25cl?_pos=9&_sid=21de8ef4c&_ss=r" class="hover:underline">
12994            2XL Vodka Cranberry Cocktail 10.2 % 25cl
12995          </a>
12996        </h2>
12997
12998        <div class="product-card__price text-base mt-2">
12999          
13000            <span class="text-gray-800">
13001              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
13001ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 48.00
13002            </span>
13003          
13004        </div>
13005      </div>
13006
13007      <form
13008        method="post"
13009        action="/cart/add"
13010        id="product-form-template--18829767475427__main-8846920057059"
13011        data-cart-drawer-form
13012      >
13013        <input type="hidden" name="id" value="46361579061475">
13014        <button
13015          id="product-form-template--18829767475427__main-8846920057059-submit"
13016          type="submit"
13017          name="add"
13018          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
13019          
13020        >
13021          <div class="btn__text flex gap-1 items-center justify-center">
13022            <span class="product-card__atc-text product-card__action-text">Add to cart
13023</span>
13024          </div>
13025          
13026
13027<div class="loading__spinner hidden">
13028  <svg
13029    aria-hidden="true"
13030    focusable="false"
13031    class="spinner icon icon--extra-medium"
13032    viewBox="0 0 66 66"
13033    xmlns="http://www.w3.org/2000/svg"
13034  >
13035    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13036  </svg>
13037</div>
13038
13039        </button>
13040      </form>
13041    </div>
13042  </div>
13043</product-card>
13044
13045<script>
13046(function () {
13047  if (window.__cartDrawerFormInit) return;
13048  window.__cartDrawerFormInit = true;
13049
13050  async function refreshCartContent(sectionId) {
13051    const res = await fetch('/?sections=' + sectionId);
13052    const data = await res.json();
13053    const html = data[sectionId];
13054    if (!html) return;
13055
13056    const parser = new DOMParser();
13057    const doc = parser.parseFromString(html, 'text/html');
13058
13059    // Update cart items body
13060    const bodyId = 'CartDrawerBody-' + sectionId;
13061    const currentBody = document.getElementById(bodyId);
13062    const updatedBody = doc.getElementById(bodyId);
13063    if (currentBody && updatedBody) {
13064      currentBody.innerHTML = updatedBody.innerHTML;
13065      currentBody.className = updatedBody.className;
13066      updatedBody.hasAttribute('hidden')
13067        ? currentBody.setAttribute('hidden', '')
13068        : currentBody.removeAttribute('hidden');
13069    }
13070
13071    // Update empty state
13072    const emptyId = 'CartDrawerEmpty-' + sectionId;
13073    const currentEmpty = document.getElementById(emptyId);
13074    const updatedEmpty = doc.getElementById(emptyId);
13075    if (currentEmpty && updatedEmpty) {
13076      currentEmpty.innerHTML = updatedEmpty.innerHTML;
13077      currentEmpty.className = updatedEmpty.className;
13078      updatedEmpty.hasAttribute('hidden')
13079        ? currentEmpty.setAttribute('hidden', '')
13080        : currentEmpty.removeAttribute('hidden');
13081    }
13082
13083    // Update footer (totals)
13084    const footerId = 'CartDrawerFooter-' + sectionId;
13085    const currentFooter = document.getElementById(footerId);
13086    const updatedFooter = doc.getElementById(footerId);
13087    if (currentFooter && updatedFooter) {
13088      currentFooter.innerHTML = updatedFooter.innerHTML;
13089      currentFooter.className = updatedFooter.className;
13090      updatedFooter.hasAttribute('hidden')
13091        ? currentFooter.setAttribute('hidden', '')
13092        : currentFooter.removeAttribute('hidden');
13093    }
13094  }
13095
13096  function openCartDrawer() {
13097    const drawerEl = document.getElementById('CartDrawer');
13098    if (!drawerEl) return;
13099
13100    // Find the header cart button (NOT the close btn inside drawer)
13101    // It sits outside the drawer and has aria-controls="CartDrawer"
13102    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
13103    let headerBtn = null;
13104    allTriggers.forEach(btn => {
13105      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
13106      if (!drawerEl.contains(btn)) {
13107        headerBtn = btn;
13108      }
13109    });
13110
13111    if (headerBtn) {
13112      // Drawer is hidden — clicking the header button will open it
13113      if (drawerEl.hasAttribute('hidden')) {
13114        headerBtn.click();
13115      }
13116    } else {
13117      // Fallback: manually open
13118      drawerEl.removeAttribute('hidden');
13119    }
13120  }
13121
13122  document.addEventListener('submit', async function (e) {
13123    const form = e.target.closest('[data-cart-drawer-form]');
13124    if (!form) return;
13125    e.preventDefault();
13126
13127    const btn = form.querySelector('[type="submit"]');
13128    btn.classList.add('loading');
13129    btn.disabled = true;
13130
13131    try {
13132      // 1. Add item to cart
13133      const addRes = await fetch('/cart/add.js', {
13134        method: 'POST',
13135        headers: {
13136          'Content-Type': 'application/json',
13137          'X-Requested-With': 'XMLHttpRequest'
13138        },
13139        body: JSON.stringify({
13140          id: form.querySelector('[name="id"]').value,
13141          quantity: 1
13142        })
13143      });
13144
13145      if (!addRes.ok) throw new Error('Add to cart failed');
13146
13147      // 2. Get section ID from the drawer element
13148      const drawerEl = document.getElementById('CartDrawer');
13149      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
13150
13151      // 3. Refresh cart content first
13152      if (sectionId) {
13153        await refreshCartContent(sectionId);
13154      }
13155
13156      // 4. Open the drawer
13157      openCartDrawer();
13158
13159    } catch (err) {
13160      console.error('[card-product] ATC error:', err);
13161    } finally {
13162      btn.classList.remove('loading');
13163      btn.disabled = false;
13164    }
13165  });
13166})();
13167</script>
13167</div><div class="f-column card"><product-card
13168  class="product-card product-card--adapt "
13169  data-product-handle="matz-16-beer-50-cl"
13170  data-product-id="9660346400995"
13171>
13172  <div class="product-card__inner flex flex-col h-full">
13173
13174    <div class="product-card__media relative overflow-hidden">
13175      <a href="/products/matz-16-beer-50-cl?_pos=10&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
13176            src="//royalspirit.ae/cdn/shop/files/ChatGPT_Image_Sep_14_2026_03_40_14_PM_600x.png?v=1789386845"
13177            alt="MATZ 16% Beer 50 CL"
13178            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
13179            loading="lazy"
13180          ></a>
13181    </div>
13182
13183    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
13184      <div>
13185        
13186          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
13187            BEER
13188          </div>
13189        
13190
13191        <h2 class="product-card__title text-lg font-semibold">
13192          <a href="/products/matz-16-beer-50-cl?_pos=10&_sid=21de8ef4c&_ss=r" class="hover:underline">
13193            MATZ 16% Beer 50 CL
13194          </a>
13195        </h2>
13196
13197        <div class="product-card__price text-base mt-2">
13198          
13199            <span class="text-gray-800">
13200              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
13200ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 100.00
13201            </span>
13202          
13203        </div>
13204      </div>
13205
13206      <form
13207        method="post"
13208        action="/cart/add"
13209        id="product-form-template--18829767475427__main-9660346400995"
13210        data-cart-drawer-form
13211      >
13212        <input type="hidden" name="id" value="49705804693731">
13213        <button
13214          id="product-form-template--18829767475427__main-9660346400995-submit"
13215          type="submit"
13216          name="add"
13217          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
13218          
13219        >
13220          <div class="btn__text flex gap-1 items-center justify-center">
13221            <span class="product-card__atc-text product-card__action-text">Add to cart
13222</span>
13223          </div>
13224          
13225
13226<div class="loading__spinner hidden">
13227  <svg
13228    aria-hidden="true"
13229    focusable="false"
13230    class="spinner icon icon--extra-medium"
13231    viewBox="0 0 66 66"
13232    xmlns="http://www.w3.org/2000/svg"
13233  >
13234    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13235  </svg>
13236</div>
13237
13238        </button>
13239      </form>
13240    </div>
13241  </div>
13242</product-card>
13243
13244<script>
13245(function () {
13246  if (window.__cartDrawerFormInit) return;
13247  window.__cartDrawerFormInit = true;
13248
13249  async function refreshCartContent(sectionId) {
13250    const res = await fetch('/?sections=' + sectionId);
13251    const data = await res.json();
13252    const html = data[sectionId];
13253    if (!html) return;
13254
13255    const parser = new DOMParser();
13256    const doc = parser.parseFromString(html, 'text/html');
13257
13258    // Update cart items body
13259    const bodyId = 'CartDrawerBody-' + sectionId;
13260    const currentBody = document.getElementById(bodyId);
13261    const updatedBody = doc.getElementById(bodyId);
13262    if (currentBody && updatedBody) {
13263      currentBody.innerHTML = updatedBody.innerHTML;
13264      currentBody.className = updatedBody.className;
13265      updatedBody.hasAttribute('hidden')
13266        ? currentBody.setAttribute('hidden', '')
13267        : currentBody.removeAttribute('hidden');
13268    }
13269
13270    // Update empty state
13271    const emptyId = 'CartDrawerEmpty-' + sectionId;
13272    const currentEmpty = document.getElementById(emptyId);
13273    const updatedEmpty = doc.getElementById(emptyId);
13274    if (currentEmpty && updatedEmpty) {
13275      currentEmpty.innerHTML = updatedEmpty.innerHTML;
13276      currentEmpty.className = updatedEmpty.className;
13277      updatedEmpty.hasAttribute('hidden')
13278        ? currentEmpty.setAttribute('hidden', '')
13279        : currentEmpty.removeAttribute('hidden');
13280    }
13281
13282    // Update footer (totals)
13283    const footerId = 'CartDrawerFooter-' + sectionId;
13284    const currentFooter = document.getElementById(footerId);
13285    const updatedFooter = doc.getElementById(footerId);
13286    if (currentFooter && updatedFooter) {
13287      currentFooter.innerHTML = updatedFooter.innerHTML;
13288      currentFooter.className = updatedFooter.className;
13289      updatedFooter.hasAttribute('hidden')
13290        ? currentFooter.setAttribute('hidden', '')
13291        : currentFooter.removeAttribute('hidden');
13292    }
13293  }
13294
13295  function openCartDrawer() {
13296    const drawerEl = document.getElementById('CartDrawer');
13297    if (!drawerEl) return;
13298
13299    // Find the header cart button (NOT the close btn inside drawer)
13300    // It sits outside the drawer and has aria-controls="CartDrawer"
13301    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
13302    let headerBtn = null;
13303    allTriggers.forEach(btn => {
13304      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
13305      if (!drawerEl.contains(btn)) {
13306        headerBtn = btn;
13307      }
13308    });
13309
13310    if (headerBtn) {
13311      // Drawer is hidden — clicking the header button will open it
13312      if (drawerEl.hasAttribute('hidden')) {
13313        headerBtn.click();
13314      }
13315    } else {
13316      // Fallback: manually open
13317      drawerEl.removeAttribute('hidden');
13318    }
13319  }
13320
13321  document.addEventListener('submit', async function (e) {
13322    const form = e.target.closest('[data-cart-drawer-form]');
13323    if (!form) return;
13324    e.preventDefault();
13325
13326    const btn = form.querySelector('[type="submit"]');
13327    btn.classList.add('loading');
13328    btn.disabled = true;
13329
13330    try {
13331      // 1. Add item to cart
13332      const addRes = await fetch('/cart/add.js', {
13333        method: 'POST',
13334        headers: {
13335          'Content-Type': 'application/json',
13336          'X-Requested-With': 'XMLHttpRequest'
13337        },
13338        body: JSON.stringify({
13339          id: form.querySelector('[name="id"]').value,
13340          quantity: 1
13341        })
13342      });
13343
13344      if (!addRes.ok) throw new Error('Add to cart failed');
13345
13346      // 2. Get section ID from the drawer element
13347      const drawerEl = document.getElementById('CartDrawer');
13348      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
13349
13350      // 3. Refresh cart content first
13351      if (sectionId) {
13352        await refreshCartContent(sectionId);
13353      }
13354
13355      // 4. Open the drawer
13356      openCartDrawer();
13357
13358    } catch (err) {
13359      console.error('[card-product] ATC error:', err);
13360    } finally {
13361      btn.classList.remove('loading');
13362      btn.disabled = false;
13363    }
13364  });
13365})();
13366</script>
13366</div><div class="f-column card"><product-card
13367  class="product-card product-card--adapt "
13368  data-product-handle="haywards-5000-beer-can-50cl"
13369  data-product-id="9679861514467"
13370>
13371  <div class="product-card__inner flex flex-col h-full">
13372
13373    <div class="product-card__media relative overflow-hidden">
13374      <a href="/products/haywards-5000-beer-can-50cl?_pos=11&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
13375            src="//royalspirit.ae/cdn/shop/files/PACK_OF_6_600x.png?v=1789727316"
13376            alt="Haywards 5000 Beer Can 50CL"
13377            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
13378            loading="lazy"
13379          ><img
13380            src="//royalspirit.ae/cdn/shop/files/PACK_OF_24_600x.png?v=1789743960"
13381            alt="Haywards 5000 Beer Can 50CL"
13382            class="product-card__image--hover absolute inset-0 w-full h-full object-cover opacity-0 transition-opacity duration-300 ease-in-out"
13383            loading="lazy"
13384          ></a>
13385    </div>
13386
13387    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
13388      <div>
13389        
13390          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
13391            BEER
13392          </div>
13393        
13394
13395        <h2 class="product-card__title text-lg font-semibold">
13396          <a href="/products/haywards-5000-beer-can-50cl?_pos=11&_sid=21de8ef4c&_ss=r" class="hover:underline">
13397            Haywards 5000 Beer Can 50CL
13398          </a>
13399        </h2>
13400
13401        <div class="product-card__price text-base mt-2">
13402          
13403            <span class="text-gray-800">
13404              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
13404ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 30.00
13405            </span>
13406          
13407        </div>
13408      </div>
13409
13410      <form
13411        method="post"
13412        action="/cart/add"
13413        id="product-form-template--18829767475427__main-9679861514467"
13414        data-cart-drawer-form
13415      >
13416        <input type="hidden" name="id" value="49769504637155">
13417        <button
13418          id="product-form-template--18829767475427__main-9679861514467-submit"
13419          type="submit"
13420          name="add"
13421          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
13422          
13423        >
13424          <div class="btn__text flex gap-1 items-center justify-center">
13425            <span class="product-card__atc-text product-card__action-text">Add to cart
13426</span>
13427          </div>
13428          
13429
13430<div class="loading__spinner hidden">
13431  <svg
13432    aria-hidden="true"
13433    focusable="false"
13434    class="spinner icon icon--extra-medium"
13435    viewBox="0 0 66 66"
13436    xmlns="http://www.w3.org/2000/svg"
13437  >
13438    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13439  </svg>
13440</div>
13441
13442        </button>
13443      </form>
13444    </div>
13445  </div>
13446</product-card>
13447
13448<script>
13449(function () {
13450  if (window.__cartDrawerFormInit) return;
13451  window.__cartDrawerFormInit = true;
13452
13453  async function refreshCartContent(sectionId) {
13454    const res = await fetch('/?sections=' + sectionId);
13455    const data = await res.json();
13456    const html = data[sectionId];
13457    if (!html) return;
13458
13459    const parser = new DOMParser();
13460    const doc = parser.parseFromString(html, 'text/html');
13461
13462    // Update cart items body
13463    const bodyId = 'CartDrawerBody-' + sectionId;
13464    const currentBody = document.getElementById(bodyId);
13465    const updatedBody = doc.getElementById(bodyId);
13466    if (currentBody && updatedBody) {
13467      currentBody.innerHTML = updatedBody.innerHTML;
13468      currentBody.className = updatedBody.className;
13469      updatedBody.hasAttribute('hidden')
13470        ? currentBody.setAttribute('hidden', '')
13471        : currentBody.removeAttribute('hidden');
13472    }
13473
13474    // Update empty state
13475    const emptyId = 'CartDrawerEmpty-' + sectionId;
13476    const currentEmpty = document.getElementById(emptyId);
13477    const updatedEmpty = doc.getElementById(emptyId);
13478    if (currentEmpty && updatedEmpty) {
13479      currentEmpty.innerHTML = updatedEmpty.innerHTML;
13480      currentEmpty.className = updatedEmpty.className;
13481      updatedEmpty.hasAttribute('hidden')
13482        ? currentEmpty.setAttribute('hidden', '')
13483        : currentEmpty.removeAttribute('hidden');
13484    }
13485
13486    // Update footer (totals)
13487    const footerId = 'CartDrawerFooter-' + sectionId;
13488    const currentFooter = document.getElementById(footerId);
13489    const updatedFooter = doc.getElementById(footerId);
13490    if (currentFooter && updatedFooter) {
13491      currentFooter.innerHTML = updatedFooter.innerHTML;
13492      currentFooter.className = updatedFooter.className;
13493      updatedFooter.hasAttribute('hidden')
13494        ? currentFooter.setAttribute('hidden', '')
13495        : currentFooter.removeAttribute('hidden');
13496    }
13497  }
13498
13499  function openCartDrawer() {
13500    const drawerEl = document.getElementById('CartDrawer');
13501    if (!drawerEl) return;
13502
13503    // Find the header cart button (NOT the close btn inside drawer)
13504    // It sits outside the drawer and has aria-controls="CartDrawer"
13505    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
13506    let headerBtn = null;
13507    allTriggers.forEach(btn => {
13508      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
13509      if (!drawerEl.contains(btn)) {
13510        headerBtn = btn;
13511      }
13512    });
13513
13514    if (headerBtn) {
13515      // Drawer is hidden — clicking the header button will open it
13516      if (drawerEl.hasAttribute('hidden')) {
13517        headerBtn.click();
13518      }
13519    } else {
13520      // Fallback: manually open
13521      drawerEl.removeAttribute('hidden');
13522    }
13523  }
13524
13525  document.addEventListener('submit', async function (e) {
13526    const form = e.target.closest('[data-cart-drawer-form]');
13527    if (!form) return;
13528    e.preventDefault();
13529
13530    const btn = form.querySelector('[type="submit"]');
13531    btn.classList.add('loading');
13532    btn.disabled = true;
13533
13534    try {
13535      // 1. Add item to cart
13536      const addRes = await fetch('/cart/add.js', {
13537        method: 'POST',
13538        headers: {
13539          'Content-Type': 'application/json',
13540          'X-Requested-With': 'XMLHttpRequest'
13541        },
13542        body: JSON.stringify({
13543          id: form.querySelector('[name="id"]').value,
13544          quantity: 1
13545        })
13546      });
13547
13548      if (!addRes.ok) throw new Error('Add to cart failed');
13549
13550      // 2. Get section ID from the drawer element
13551      const drawerEl = document.getElementById('CartDrawer');
13552      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
13553
13554      // 3. Refresh cart content first
13555      if (sectionId) {
13556        await refreshCartContent(sectionId);
13557      }
13558
13559      // 4. Open the drawer
13560      openCartDrawer();
13561
13562    } catch (err) {
13563      console.error('[card-product] ATC error:', err);
13564    } finally {
13565      btn.classList.remove('loading');
13566      btn.disabled = false;
13567    }
13568  });
13569})();
13570</script>
13570</div><div class="f-column card"><product-card
13571  class="product-card product-card--adapt "
13572  data-product-handle="magic-moments-remix-vodka-lemon-1l"
13573  data-product-id="8890166018275"
13574>
13575  <div class="product-card__inner flex flex-col h-full">
13576
13577    <div class="product-card__media relative overflow-hidden">
13578      <a href="/products/magic-moments-remix-vodka-lemon-1l?_pos=12&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
13579            src="//royalspirit.ae/cdn/shop/files/download_-_2025-06-11T205806.046-removebg-preview_910b3e2f-358b-4742-a138-bbec29327955_600x.png?v=1750436255"
13580            alt="Magic Moments Remix Vodka Lemon 75CL"
13581            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
13582            loading="lazy"
13583          ></a>
13584    </div>
13585
13586    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
13587      <div>
13588        
13589          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
13590            VODKA
13591          </div>
13592        
13593
13594        <h2 class="product-card__title text-lg font-semibold">
13595          <a href="/products/magic-moments-remix-vodka-lemon-1l?_pos=12&_sid=21de8ef4c&_ss=r" class="hover:underline">
13596            Magic Moments Remix Vodka Lemon 75CL
13597          </a>
13598        </h2>
13599
13600        <div class="product-card__price text-base mt-2">
13601          
13602            <span class="text-gray-800">
13603              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
13603ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 22.00
13604            </span>
13605          
13606        </div>
13607      </div>
13608
13609      <form
13610        method="post"
13611        action="/cart/add"
13612        id="product-form-template--18829767475427__main-8890166018275"
13613        data-cart-drawer-form
13614      >
13615        <input type="hidden" name="id" value="46565443043555">
13616        <button
13617          id="product-form-template--18829767475427__main-8890166018275-submit"
13618          type="submit"
13619          name="add"
13620          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
13621          
13622        >
13623          <div class="btn__text flex gap-1 items-center justify-center">
13624            <span class="product-card__atc-text product-card__action-text">Add to cart
13625</span>
13626          </div>
13627          
13628
13629<div class="loading__spinner hidden">
13630  <svg
13631    aria-hidden="true"
13632    focusable="false"
13633    class="spinner icon icon--extra-medium"
13634    viewBox="0 0 66 66"
13635    xmlns="http://www.w3.org/2000/svg"
13636  >
13637    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13638  </svg>
13639</div>
13640
13641        </button>
13642      </form>
13643    </div>
13644  </div>
13645</product-card>
13646
13647<script>
13648(function () {
13649  if (window.__cartDrawerFormInit) return;
13650  window.__cartDrawerFormInit = true;
13651
13652  async function refreshCartContent(sectionId) {
13653    const res = await fetch('/?sections=' + sectionId);
13654    const data = await res.json();
13655    const html = data[sectionId];
13656    if (!html) return;
13657
13658    const parser = new DOMParser();
13659    const doc = parser.parseFromString(html, 'text/html');
13660
13661    // Update cart items body
13662    const bodyId = 'CartDrawerBody-' + sectionId;
13663    const currentBody = document.getElementById(bodyId);
13664    const updatedBody = doc.getElementById(bodyId);
13665    if (currentBody && updatedBody) {
13666      currentBody.innerHTML = updatedBody.innerHTML;
13667      currentBody.className = updatedBody.className;
13668      updatedBody.hasAttribute('hidden')
13669        ? currentBody.setAttribute('hidden', '')
13670        : currentBody.removeAttribute('hidden');
13671    }
13672
13673    // Update empty state
13674    const emptyId = 'CartDrawerEmpty-' + sectionId;
13675    const currentEmpty = document.getElementById(emptyId);
13676    const updatedEmpty = doc.getElementById(emptyId);
13677    if (currentEmpty && updatedEmpty) {
13678      currentEmpty.innerHTML = updatedEmpty.innerHTML;
13679      currentEmpty.className = updatedEmpty.className;
13680      updatedEmpty.hasAttribute('hidden')
13681        ? currentEmpty.setAttribute('hidden', '')
13682        : currentEmpty.removeAttribute('hidden');
13683    }
13684
13685    // Update footer (totals)
13686    const footerId = 'CartDrawerFooter-' + sectionId;
13687    const currentFooter = document.getElementById(footerId);
13688    const updatedFooter = doc.getElementById(footerId);
13689    if (currentFooter && updatedFooter) {
13690      currentFooter.innerHTML = updatedFooter.innerHTML;
13691      currentFooter.className = updatedFooter.className;
13692      updatedFooter.hasAttribute('hidden')
13693        ? currentFooter.setAttribute('hidden', '')
13694        : currentFooter.removeAttribute('hidden');
13695    }
13696  }
13697
13698  function openCartDrawer() {
13699    const drawerEl = document.getElementById('CartDrawer');
13700    if (!drawerEl) return;
13701
13702    // Find the header cart button (NOT the close btn inside drawer)
13703    // It sits outside the drawer and has aria-controls="CartDrawer"
13704    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
13705    let headerBtn = null;
13706    allTriggers.forEach(btn => {
13707      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
13708      if (!drawerEl.contains(btn)) {
13709        headerBtn = btn;
13710      }
13711    });
13712
13713    if (headerBtn) {
13714      // Drawer is hidden — clicking the header button will open it
13715      if (drawerEl.hasAttribute('hidden')) {
13716        headerBtn.click();
13717      }
13718    } else {
13719      // Fallback: manually open
13720      drawerEl.removeAttribute('hidden');
13721    }
13722  }
13723
13724  document.addEventListener('submit', async function (e) {
13725    const form = e.target.closest('[data-cart-drawer-form]');
13726    if (!form) return;
13727    e.preventDefault();
13728
13729    const btn = form.querySelector('[type="submit"]');
13730    btn.classList.add('loading');
13731    btn.disabled = true;
13732
13733    try {
13734      // 1. Add item to cart
13735      const addRes = await fetch('/cart/add.js', {
13736        method: 'POST',
13737        headers: {
13738          'Content-Type': 'application/json',
13739          'X-Requested-With': 'XMLHttpRequest'
13740        },
13741        body: JSON.stringify({
13742          id: form.querySelector('[name="id"]').value,
13743          quantity: 1
13744        })
13745      });
13746
13747      if (!addRes.ok) throw new Error('Add to cart failed');
13748
13749      // 2. Get section ID from the drawer element
13750      const drawerEl = document.getElementById('CartDrawer');
13751      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
13752
13753      // 3. Refresh cart content first
13754      if (sectionId) {
13755        await refreshCartContent(sectionId);
13756      }
13757
13758      // 4. Open the drawer
13759      openCartDrawer();
13760
13761    } catch (err) {
13762      console.error('[card-product] ATC error:', err);
13763    } finally {
13764      btn.classList.remove('loading');
13765      btn.disabled = false;
13766    }
13767  });
13768})();
13769</script>
13769</div><div class="f-column card"><product-card
13770  class="product-card product-card--adapt "
13771  data-product-handle="flirt-vodka-1l"
13772  data-product-id="8837136482531"
13773>
13774  <div class="product-card__inner flex flex-col h-full">
13775
13776    <div class="product-card__media relative overflow-hidden">
13777      <a href="/products/flirt-vodka-1l?_pos=13&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
13778            src="//royalspirit.ae/cdn/shop/files/vod2196-173359184720_600x.png?v=1747054683"
13779            alt="Flirt Vodka 1L"
13780            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
13781            loading="lazy"
13782          ></a>
13783    </div>
13784
13785    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
13786      <div>
13787        
13788          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
13789            VODKA
13790          </div>
13791        
13792
13793        <h2 class="product-card__title text-lg font-semibold">
13794          <a href="/products/flirt-vodka-1l?_pos=13&_sid=21de8ef4c&_ss=r" class="hover:underline">
13795            Flirt Vodka 1L
13796          </a>
13797        </h2>
13798
13799        <div class="product-card__price text-base mt-2">
13800          
13801            <span class="line-through text-gray-500">
13802              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
13802ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 30.00
13803            </span>
13804            <span class="text-red-600 font-semibold">
13805              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
13805ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 25.00
13806            </span>
13807          
13808        </div>
13809      </div>
13810
13811      <form
13812        method="post"
13813        action="/cart/add"
13814        id="product-form-template--18829767475427__main-8837136482531"
13815        data-cart-drawer-form
13816      >
13817        <input type="hidden" name="id" value="46318304854243">
13818        <button
13819          id="product-form-template--18829767475427__main-8837136482531-submit"
13820          type="submit"
13821          name="add"
13822          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
13823          
13824        >
13825          <div class="btn__text flex gap-1 items-center justify-center">
13826            <span class="product-card__atc-text product-card__action-text">Add to cart
13827</span>
13828          </div>
13829          
13830
13831<div class="loading__spinner hidden">
13832  <svg
13833    aria-hidden="true"
13834    focusable="false"
13835    class="spinner icon icon--extra-medium"
13836    viewBox="0 0 66 66"
13837    xmlns="http://www.w3.org/2000/svg"
13838  >
13839    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13840  </svg>
13841</div>
13842
13843        </button>
13844      </form>
13845    </div>
13846  </div>
13847</product-card>
13848
13849<script>
13850(function () {
13851  if (window.__cartDrawerFormInit) return;
13852  window.__cartDrawerFormInit = true;
13853
13854  async function refreshCartContent(sectionId) {
13855    const res = await fetch('/?sections=' + sectionId);
13856    const data = await res.json();
13857    const html = data[sectionId];
13858    if (!html) return;
13859
13860    const parser = new DOMParser();
13861    const doc = parser.parseFromString(html, 'text/html');
13862
13863    // Update cart items body
13864    const bodyId = 'CartDrawerBody-' + sectionId;
13865    const currentBody = document.getElementById(bodyId);
13866    const updatedBody = doc.getElementById(bodyId);
13867    if (currentBody && updatedBody) {
13868      currentBody.innerHTML = updatedBody.innerHTML;
13869      currentBody.className = updatedBody.className;
13870      updatedBody.hasAttribute('hidden')
13871        ? currentBody.setAttribute('hidden', '')
13872        : currentBody.removeAttribute('hidden');
13873    }
13874
13875    // Update empty state
13876    const emptyId = 'CartDrawerEmpty-' + sectionId;
13877    const currentEmpty = document.getElementById(emptyId);
13878    const updatedEmpty = doc.getElementById(emptyId);
13879    if (currentEmpty && updatedEmpty) {
13880      currentEmpty.innerHTML = updatedEmpty.innerHTML;
13881      currentEmpty.className = updatedEmpty.className;
13882      updatedEmpty.hasAttribute('hidden')
13883        ? currentEmpty.setAttribute('hidden', '')
13884        : currentEmpty.removeAttribute('hidden');
13885    }
13886
13887    // Update footer (totals)
13888    const footerId = 'CartDrawerFooter-' + sectionId;
13889    const currentFooter = document.getElementById(footerId);
13890    const updatedFooter = doc.getElementById(footerId);
13891    if (currentFooter && updatedFooter) {
13892      currentFooter.innerHTML = updatedFooter.innerHTML;
13893      currentFooter.className = updatedFooter.className;
13894      updatedFooter.hasAttribute('hidden')
13895        ? currentFooter.setAttribute('hidden', '')
13896        : currentFooter.removeAttribute('hidden');
13897    }
13898  }
13899
13900  function openCartDrawer() {
13901    const drawerEl = document.getElementById('CartDrawer');
13902    if (!drawerEl) return;
13903
13904    // Find the header cart button (NOT the close btn inside drawer)
13905    // It sits outside the drawer and has aria-controls="CartDrawer"
13906    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
13907    let headerBtn = null;
13908    allTriggers.forEach(btn => {
13909      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
13910      if (!drawerEl.contains(btn)) {
13911        headerBtn = btn;
13912      }
13913    });
13914
13915    if (headerBtn) {
13916      // Drawer is hidden — clicking the header button will open it
13917      if (drawerEl.hasAttribute('hidden')) {
13918        headerBtn.click();
13919      }
13920    } else {
13921      // Fallback: manually open
13922      drawerEl.removeAttribute('hidden');
13923    }
13924  }
13925
13926  document.addEventListener('submit', async function (e) {
13927    const form = e.target.closest('[data-cart-drawer-form]');
13928    if (!form) return;
13929    e.preventDefault();
13930
13931    const btn = form.querySelector('[type="submit"]');
13932    btn.classList.add('loading');
13933    btn.disabled = true;
13934
13935    try {
13936      // 1. Add item to cart
13937      const addRes = await fetch('/cart/add.js', {
13938        method: 'POST',
13939        headers: {
13940          'Content-Type': 'application/json',
13941          'X-Requested-With': 'XMLHttpRequest'
13942        },
13943        body: JSON.stringify({
13944          id: form.querySelector('[name="id"]').value,
13945          quantity: 1
13946        })
13947      });
13948
13949      if (!addRes.ok) throw new Error('Add to cart failed');
13950
13951      // 2. Get section ID from the drawer element
13952      const drawerEl = document.getElementById('CartDrawer');
13953      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
13954
13955      // 3. Refresh cart content first
13956      if (sectionId) {
13957        await refreshCartContent(sectionId);
13958      }
13959
13960      // 4. Open the drawer
13961      openCartDrawer();
13962
13963    } catch (err) {
13964      console.error('[card-product] ATC error:', err);
13965    } finally {
13966      btn.classList.remove('loading');
13967      btn.disabled = false;
13968    }
13969  });
13970})();
13971</script>
13971</div><div class="f-column card"><product-card
13972  class="product-card product-card--adapt "
13973  data-product-handle="ginebra-san-miguel-frasco-gin-70cl"
13974  data-product-id="8836202627299"
13975>
13976  <div class="product-card__inner flex flex-col h-full">
13977
13978    <div class="product-card__media relative overflow-hidden">
13979      <a href="/products/ginebra-san-miguel-frasco-gin-70cl?_pos=14&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
13980            src="//royalspirit.ae/cdn/shop/files/4_1d71f171-3594-46e4-bfc3-931033795cba_600x.png?v=1748354268"
13981            alt="Ginebra San Miguel Frasco Gin 70cl"
13982            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
13983            loading="lazy"
13984          ></a>
13985    </div>
13986
13987    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
13988      <div>
13989        
13990          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
13991            GIN
13992          </div>
13993        
13994
13995        <h2 class="product-card__title text-lg font-semibold">
13996          <a href="/products/ginebra-san-miguel-frasco-gin-70cl?_pos=14&_sid=21de8ef4c&_ss=r" class="hover:underline">
13997            Ginebra San Miguel Frasco Gin 70cl
13998          </a>
13999        </h2>
14000
14001        <div class="product-card__price text-base mt-2">
14002          
14003            <span class="line-through text-gray-500">
14004              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
14004ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 20.00
14005            </span>
14006            <span class="text-red-600 font-semibold">
14007              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
14007ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 15.00
14008            </span>
14009          
14010        </div>
14011      </div>
14012
14013      <form
14014        method="post"
14015        action="/cart/add"
14016        id="product-form-template--18829767475427__main-8836202627299"
14017        data-cart-drawer-form
14018      >
14019        <input type="hidden" name="id" value="46312109768931">
14020        <button
14021          id="product-form-template--18829767475427__main-8836202627299-submit"
14022          type="submit"
14023          name="add"
14024          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
14025          
14026        >
14027          <div class="btn__text flex gap-1 items-center justify-center">
14028            <span class="product-card__atc-text product-card__action-text">Add to cart
14029</span>
14030          </div>
14031          
14032
14033<div class="loading__spinner hidden">
14034  <svg
14035    aria-hidden="true"
14036    focusable="false"
14037    class="spinner icon icon--extra-medium"
14038    viewBox="0 0 66 66"
14039    xmlns="http://www.w3.org/2000/svg"
14040  >
14041    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
14042  </svg>
14043</div>
14044
14045        </button>
14046      </form>
14047    </div>
14048  </div>
14049</product-card>
14050
14051<script>
14052(function () {
14053  if (window.__cartDrawerFormInit) return;
14054  window.__cartDrawerFormInit = true;
14055
14056  async function refreshCartContent(sectionId) {
14057    const res = await fetch('/?sections=' + sectionId);
14058    const data = await res.json();
14059    const html = data[sectionId];
14060    if (!html) return;
14061
14062    const parser = new DOMParser();
14063    const doc = parser.parseFromString(html, 'text/html');
14064
14065    // Update cart items body
14066    const bodyId = 'CartDrawerBody-' + sectionId;
14067    const currentBody = document.getElementById(bodyId);
14068    const updatedBody = doc.getElementById(bodyId);
14069    if (currentBody && updatedBody) {
14070      currentBody.innerHTML = updatedBody.innerHTML;
14071      currentBody.className = updatedBody.className;
14072      updatedBody.hasAttribute('hidden')
14073        ? currentBody.setAttribute('hidden', '')
14074        : currentBody.removeAttribute('hidden');
14075    }
14076
14077    // Update empty state
14078    const emptyId = 'CartDrawerEmpty-' + sectionId;
14079    const currentEmpty = document.getElementById(emptyId);
14080    const updatedEmpty = doc.getElementById(emptyId);
14081    if (currentEmpty && updatedEmpty) {
14082      currentEmpty.innerHTML = updatedEmpty.innerHTML;
14083      currentEmpty.className = updatedEmpty.className;
14084      updatedEmpty.hasAttribute('hidden')
14085        ? currentEmpty.setAttribute('hidden', '')
14086        : currentEmpty.removeAttribute('hidden');
14087    }
14088
14089    // Update footer (totals)
14090    const footerId = 'CartDrawerFooter-' + sectionId;
14091    const currentFooter = document.getElementById(footerId);
14092    const updatedFooter = doc.getElementById(footerId);
14093    if (currentFooter && updatedFooter) {
14094      currentFooter.innerHTML = updatedFooter.innerHTML;
14095      currentFooter.className = updatedFooter.className;
14096      updatedFooter.hasAttribute('hidden')
14097        ? currentFooter.setAttribute('hidden', '')
14098        : currentFooter.removeAttribute('hidden');
14099    }
14100  }
14101
14102  function openCartDrawer() {
14103    const drawerEl = document.getElementById('CartDrawer');
14104    if (!drawerEl) return;
14105
14106    // Find the header cart button (NOT the close btn inside drawer)
14107    // It sits outside the drawer and has aria-controls="CartDrawer"
14108    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
14109    let headerBtn = null;
14110    allTriggers.forEach(btn => {
14111      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
14112      if (!drawerEl.contains(btn)) {
14113        headerBtn = btn;
14114      }
14115    });
14116
14117    if (headerBtn) {
14118      // Drawer is hidden — clicking the header button will open it
14119      if (drawerEl.hasAttribute('hidden')) {
14120        headerBtn.click();
14121      }
14122    } else {
14123      // Fallback: manually open
14124      drawerEl.removeAttribute('hidden');
14125    }
14126  }
14127
14128  document.addEventListener('submit', async function (e) {
14129    const form = e.target.closest('[data-cart-drawer-form]');
14130    if (!form) return;
14131    e.preventDefault();
14132
14133    const btn = form.querySelector('[type="submit"]');
14134    btn.classList.add('loading');
14135    btn.disabled = true;
14136
14137    try {
14138      // 1. Add item to cart
14139      const addRes = await fetch('/cart/add.js', {
14140        method: 'POST',
14141        headers: {
14142          'Content-Type': 'application/json',
14143          'X-Requested-With': 'XMLHttpRequest'
14144        },
14145        body: JSON.stringify({
14146          id: form.querySelector('[name="id"]').value,
14147          quantity: 1
14148        })
14149      });
14150
14151      if (!addRes.ok) throw new Error('Add to cart failed');
14152
14153      // 2. Get section ID from the drawer element
14154      const drawerEl = document.getElementById('CartDrawer');
14155      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
14156
14157      // 3. Refresh cart content first
14158      if (sectionId) {
14159        await refreshCartContent(sectionId);
14160      }
14161
14162      // 4. Open the drawer
14163      openCartDrawer();
14164
14165    } catch (err) {
14166      console.error('[card-product] ATC error:', err);
14167    } finally {
14168      btn.classList.remove('loading');
14169      btn.disabled = false;
14170    }
14171  });
14172})();
14173</script>
14173</div><div class="f-column card"><product-card
14174  class="product-card product-card--adapt "
14175  data-product-handle="absolut-blue-vodka-4-5ltr"
14176  data-product-id="8836706271459"
14177>
14178  <div class="product-card__inner flex flex-col h-full">
14179
14180    <div class="product-card__media relative overflow-hidden">
14181      <a href="/products/absolut-blue-vodka-4-5ltr?_pos=15&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
14182            src="//royalspirit.ae/cdn/shop/files/12_80be8f2d-c04d-4fab-a5bf-0dccda0091b8_600x.png?v=1746273495"
14183            alt="ABSOLUT VODKA"
14184            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
14185            loading="lazy"
14186          ></a>
14187    </div>
14188
14189    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
14190      <div>
14191        
14192          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
14193            VODKA
14194          </div>
14195        
14196
14197        <h2 class="product-card__title text-lg font-semibold">
14198          <a href="/products/absolut-blue-vodka-4-5ltr?_pos=15&_sid=21de8ef4c&_ss=r" class="hover:underline">
14199            Absolut Vodka 1L
14200          </a>
14201        </h2>
14202
14203        <div class="product-card__price text-base mt-2">
14204          
14205            <span class="line-through text-gray-500">
14206              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
14206ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 79.00
14207            </span>
14208            <span class="text-red-600 font-semibold">
14209              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
14209ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 55.00
14210            </span>
14211          
14212        </div>
14213      </div>
14214
14215      <form
14216        method="post"
14217        action="/cart/add"
14218        id="product-form-template--18829767475427__main-8836706271459"
14219        data-cart-drawer-form
14220      >
14221        <input type="hidden" name="id" value="46315347083491">
14222        <button
14223          id="product-form-template--18829767475427__main-8836706271459-submit"
14224          type="submit"
14225          name="add"
14226          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
14227          
14228        >
14229          <div class="btn__text flex gap-1 items-center justify-center">
14230            <span class="product-card__atc-text product-card__action-text">Add to cart
14231</span>
14232          </div>
14233          
14234
14235<div class="loading__spinner hidden">
14236  <svg
14237    aria-hidden="true"
14238    focusable="false"
14239    class="spinner icon icon--extra-medium"
14240    viewBox="0 0 66 66"
14241    xmlns="http://www.w3.org/2000/svg"
14242  >
14243    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
14244  </svg>
14245</div>
14246
14247        </button>
14248      </form>
14249    </div>
14250  </div>
14251</product-card>
14252
14253<script>
14254(function () {
14255  if (window.__cartDrawerFormInit) return;
14256  window.__cartDrawerFormInit = true;
14257
14258  async function refreshCartContent(sectionId) {
14259    const res = await fetch('/?sections=' + sectionId);
14260    const data = await res.json();
14261    const html = data[sectionId];
14262    if (!html) return;
14263
14264    const parser = new DOMParser();
14265    const doc = parser.parseFromString(html, 'text/html');
14266
14267    // Update cart items body
14268    const bodyId = 'CartDrawerBody-' + sectionId;
14269    const currentBody = document.getElementById(bodyId);
14270    const updatedBody = doc.getElementById(bodyId);
14271    if (currentBody && updatedBody) {
14272      currentBody.innerHTML = updatedBody.innerHTML;
14273      currentBody.className = updatedBody.className;
14274      updatedBody.hasAttribute('hidden')
14275        ? currentBody.setAttribute('hidden', '')
14276        : currentBody.removeAttribute('hidden');
14277    }
14278
14279    // Update empty state
14280    const emptyId = 'CartDrawerEmpty-' + sectionId;
14281    const currentEmpty = document.getElementById(emptyId);
14282    const updatedEmpty = doc.getElementById(emptyId);
14283    if (currentEmpty && updatedEmpty) {
14284      currentEmpty.innerHTML = updatedEmpty.innerHTML;
14285      currentEmpty.className = updatedEmpty.className;
14286      updatedEmpty.hasAttribute('hidden')
14287        ? currentEmpty.setAttribute('hidden', '')
14288        : currentEmpty.removeAttribute('hidden');
14289    }
14290
14291    // Update footer (totals)
14292    const footerId = 'CartDrawerFooter-' + sectionId;
14293    const currentFooter = document.getElementById(footerId);
14294    const updatedFooter = doc.getElementById(footerId);
14295    if (currentFooter && updatedFooter) {
14296      currentFooter.innerHTML = updatedFooter.innerHTML;
14297      currentFooter.className = updatedFooter.className;
14298      updatedFooter.hasAttribute('hidden')
14299        ? currentFooter.setAttribute('hidden', '')
14300        : currentFooter.removeAttribute('hidden');
14301    }
14302  }
14303
14304  function openCartDrawer() {
14305    const drawerEl = document.getElementById('CartDrawer');
14306    if (!drawerEl) return;
14307
14308    // Find the header cart button (NOT the close btn inside drawer)
14309    // It sits outside the drawer and has aria-controls="CartDrawer"
14310    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
14311    let headerBtn = null;
14312    allTriggers.forEach(btn => {
14313      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
14314      if (!drawerEl.contains(btn)) {
14315        headerBtn = btn;
14316      }
14317    });
14318
14319    if (headerBtn) {
14320      // Drawer is hidden — clicking the header button will open it
14321      if (drawerEl.hasAttribute('hidden')) {
14322        headerBtn.click();
14323      }
14324    } else {
14325      // Fallback: manually open
14326      drawerEl.removeAttribute('hidden');
14327    }
14328  }
14329
14330  document.addEventListener('submit', async function (e) {
14331    const form = e.target.closest('[data-cart-drawer-form]');
14332    if (!form) return;
14333    e.preventDefault();
14334
14335    const btn = form.querySelector('[type="submit"]');
14336    btn.classList.add('loading');
14337    btn.disabled = true;
14338
14339    try {
14340      // 1. Add item to cart
14341      const addRes = await fetch('/cart/add.js', {
14342        method: 'POST',
14343        headers: {
14344          'Content-Type': 'application/json',
14345          'X-Requested-With': 'XMLHttpRequest'
14346        },
14347        body: JSON.stringify({
14348          id: form.querySelector('[name="id"]').value,
14349          quantity: 1
14350        })
14351      });
14352
14353      if (!addRes.ok) throw new Error('Add to cart failed');
14354
14355      // 2. Get section ID from the drawer element
14356      const drawerEl = document.getElementById('CartDrawer');
14357      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
14358
14359      // 3. Refresh cart content first
14360      if (sectionId) {
14361        await refreshCartContent(sectionId);
14362      }
14363
14364      // 4. Open the drawer
14365      openCartDrawer();
14366
14367    } catch (err) {
14368      console.error('[card-product] ATC error:', err);
14369    } finally {
14370      btn.classList.remove('loading');
14371      btn.disabled = false;
14372    }
14373  });
14374})();
14375</script>
14375</div><div class="f-column card"><product-card
14376  class="product-card product-card--adapt "
14377  data-product-handle="bacardi-breezer-lemon-27-5cl"
14378  data-product-id="8835429826787"
14379>
14380  <div class="product-card__inner flex flex-col h-full">
14381
14382    <div class="product-card__media relative overflow-hidden">
14383      <a href="/products/bacardi-breezer-lemon-27-5cl?_pos=16&_sid=21de8ef4c&_ss=r" class="product-card__media-link block"><img
14384            src="//royalspirit.ae/cdn/shop/files/download_-_2025-06-16T200018.755-removebg-preview_600x.png?v=1750090407"
14385            alt="Bacardi Breezer Lime 27.5CL"
14386            class="product-card__image block w-full transition-opacity duration-300 ease-in-out"
14387            loading="lazy"
14388          ></a>
14389    </div>
14390
14391    <div class="product-card__content p-4 flex flex-col flex-1 justify-between space-y-3">
14392      <div>
14393        
14394          <div class="product-card__category text-sm uppercase text-gray-500 tracking-wide mb-1">
14395            RTD
14396          </div>
14397        
14398
14399        <h2 class="product-card__title text-lg font-semibold">
14400          <a href="/products/bacardi-breezer-lemon-27-5cl?_pos=16&_sid=21de8ef4c&_ss=r" class="hover:underline">
14401            Bacardi Breezer Lime 27.5CL
14402          </a>
14403        </h2>
14404
14405        <div class="product-card__price text-base mt-2">
14406          
14407            <span class="line-through text-gray-500">
14408              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
14408ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 60.00
14409            </span>
14410            <span class="text-red-600 font-semibold">
14411              <?xml version="1.0" encoding="UTF-8"?> <svg id="OT-Dhiram" xmlns="http://www.w3.org/2000/svg"       viewB
14411ox="0 0 344.84 299.91">   <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 48.00
14412            </span>
14413          
14414        </div>
14415      </div>
14416
14417      <form
14418        method="post"
14419        action="/cart/add"
14420        id="product-form-template--18829767475427__main-8835429826787"
14421        data-cart-drawer-form
14422      >
14423        <input type="hidden" name="id" value="46330107920611">
14424        <button
14425          id="product-form-template--18829767475427__main-8835429826787-submit"
14426          type="submit"
14427          name="add"
14428          class="product-card__atc product-card__action-button btn btn--primary w-full mt-4"
14429          
14430        >
14431          <div class="btn__text flex gap-1 items-center justify-center">
14432            <span class="product-card__atc-text product-card__action-text">Add to cart
14433</span>
14434          </div>
14435          
14436
14437<div class="loading__spinner hidden">
14438  <svg
14439    aria-hidden="true"
14440    focusable="false"
14441    class="spinner icon icon--extra-medium"
14442    viewBox="0 0 66 66"
14443    xmlns="http://www.w3.org/2000/svg"
14444  >
14445    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
14446  </svg>
14447</div>
14448
14449        </button>
14450      </form>
14451    </div>
14452  </div>
14453</product-card>
14454
14455<script>
14456(function () {
14457  if (window.__cartDrawerFormInit) return;
14458  window.__cartDrawerFormInit = true;
14459
14460  async function refreshCartContent(sectionId) {
14461    const res = await fetch('/?sections=' + sectionId);
14462    const data = await res.json();
14463    const html = data[sectionId];
14464    if (!html) return;
14465
14466    const parser = new DOMParser();
14467    const doc = parser.parseFromString(html, 'text/html');
14468
14469    // Update cart items body
14470    const bodyId = 'CartDrawerBody-' + sectionId;
14471    const currentBody = document.getElementById(bodyId);
14472    const updatedBody = doc.getElementById(bodyId);
14473    if (currentBody && updatedBody) {
14474      currentBody.innerHTML = updatedBody.innerHTML;
14475      currentBody.className = updatedBody.className;
14476      updatedBody.hasAttribute('hidden')
14477        ? currentBody.setAttribute('hidden', '')
14478        : currentBody.removeAttribute('hidden');
14479    }
14480
14481    // Update empty state
14482    const emptyId = 'CartDrawerEmpty-' + sectionId;
14483    const currentEmpty = document.getElementById(emptyId);
14484    const updatedEmpty = doc.getElementById(emptyId);
14485    if (currentEmpty && updatedEmpty) {
14486      currentEmpty.innerHTML = updatedEmpty.innerHTML;
14487      currentEmpty.className = updatedEmpty.className;
14488      updatedEmpty.hasAttribute('hidden')
14489        ? currentEmpty.setAttribute('hidden', '')
14490        : currentEmpty.removeAttribute('hidden');
14491    }
14492
14493    // Update footer (totals)
14494    const footerId = 'CartDrawerFooter-' + sectionId;
14495    const currentFooter = document.getElementById(footerId);
14496    const updatedFooter = doc.getElementById(footerId);
14497    if (currentFooter && updatedFooter) {
14498      currentFooter.innerHTML = updatedFooter.innerHTML;
14499      currentFooter.className = updatedFooter.className;
14500      updatedFooter.hasAttribute('hidden')
14501        ? currentFooter.setAttribute('hidden', '')
14502        : currentFooter.removeAttribute('hidden');
14503    }
14504  }
14505
14506  function openCartDrawer() {
14507    const drawerEl = document.getElementById('CartDrawer');
14508    if (!drawerEl) return;
14509
14510    // Find the header cart button (NOT the close btn inside drawer)
14511    // It sits outside the drawer and has aria-controls="CartDrawer"
14512    const allTriggers = document.querySelectorAll('[aria-controls="CartDrawer"]');
14513    let headerBtn = null;
14514    allTriggers.forEach(btn => {
14515      // The close btn is INSIDE the drawer, the open btn is OUTSIDE
14516      if (!drawerEl.contains(btn)) {
14517        headerBtn = btn;
14518      }
14519    });
14520
14521    if (headerBtn) {
14522      // Drawer is hidden — clicking the header button will open it
14523      if (drawerEl.hasAttribute('hidden')) {
14524        headerBtn.click();
14525      }
14526    } else {
14527      // Fallback: manually open
14528      drawerEl.removeAttribute('hidden');
14529    }
14530  }
14531
14532  document.addEventListener('submit', async function (e) {
14533    const form = e.target.closest('[data-cart-drawer-form]');
14534    if (!form) return;
14535    e.preventDefault();
14536
14537    const btn = form.querySelector('[type="submit"]');
14538    btn.classList.add('loading');
14539    btn.disabled = true;
14540
14541    try {
14542      // 1. Add item to cart
14543      const addRes = await fetch('/cart/add.js', {
14544        method: 'POST',
14545        headers: {
14546          'Content-Type': 'application/json',
14547          'X-Requested-With': 'XMLHttpRequest'
14548        },
14549        body: JSON.stringify({
14550          id: form.querySelector('[name="id"]').value,
14551          quantity: 1
14552        })
14553      });
14554
14555      if (!addRes.ok) throw new Error('Add to cart failed');
14556
14557      // 2. Get section ID from the drawer element
14558      const drawerEl = document.getElementById('CartDrawer');
14559      const sectionId = drawerEl ? drawerEl.dataset.sectionId : null;
14560
14561      // 3. Refresh cart content first
14562      if (sectionId) {
14563        await refreshCartContent(sectionId);
14564      }
14565
14566      // 4. Open the drawer
14567      openCartDrawer();
14568
14569    } catch (err) {
14570      console.error('[card-product] ATC error:', err);
14571    } finally {
14572      btn.classList.remove('loading');
14573      btn.disabled = false;
14574    }
14575  });
14576})();
14577</script>
14577</div></div>
14578<nav
14579    class="pagination"
14580    role="navigation"
14581    aria-label="Pagination"
14582  ><ul class="pagination__list list-unstyled flex items-center flex-wrap justify-center" role="list"><li><a
14583                  role="link"
14584                  aria-disabled="true"
14585                  class="pagination__item pagination__item--current background-2"
14586                  aria-current="page"
14587                  aria-label="Page 1"
14588                >1</a></li><li><a
14589                href="/search?options%5Bprefix%5D=last&page=2&q=alcohol&type=product"
14590                class="pagination__item"
14591                aria-label="Page 2"
14592              >2</a></li><li><a
14593                href="/search?options%5Bprefix%5D=last&page=3&q=alcohol&type=product"
14594                class="pagination__item"
14595                aria-label="Page 3"
14596              >3</a></li><li><span class="pagination__item">&hellip;</span></li><li><a
14597                href="/search?options%5Bprefix%5D=last&page=63&q=alcohol&type=product"
14598                class="pagination__item"
14599                aria-label="Page 63"
14600              >63</a></li><li>
14601            <a
14602              href="/search?options%5Bprefix%5D=last&page=2&q=alcohol&type=product"
14603              class="pagination__item pagination__item--next pagination__item-arrow motion-reduce"
14604            >
14605              <span>Next</span>
14606              <svg
14607  class="icon icon-caret-right rtl-flip-x icon--extra-small icon--thick"
14608  viewBox="0 0 20 20"
14609  fill="none"
14610  xmlns="http://www.w3.org/2000/svg"
14611>
14612  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14613</svg>
14614
14615            </a>
14616          </li></ul></nav></div>
14617      </div>
14618    </div>
14619  
14620</div>
14621
14622
14623</div>
14624      </main>
14625
14626      <!-- BEGIN sections: footer-group -->
14627<section id="shopify-section-sections--18829767737571__multicolumn_icon_rTKNUF" class="shopify-section shopify-section-group-footer-group section"><link href="//royalspirit.ae/cdn/shop/t/2/assets/component-multicolumn-card.css?v=86164564055702023201745239064" rel="stylesheet" type="text/css" media="all" />
14628
14629
14630<style data-shopify>
14631  .section-sections--18829767737571__multicolumn_icon_rTKNUF {
14632    --section-padding-top: 32px;
14633    --section-padding-bottom: 32px;
14634    --f-columns-mobile: 1;
14635    --f-columns-md: 2;
14636    --f-columns-lg: 4;
14637    --icon-color: #1d349a;
14638  }
14639</style>
14640
14641<div class="section section-sections--18829767737571__multicolumn_icon_rTKNUF section--padding multicolumn-icon color-scheme-1">
14642  <div class="page-width">
14643    
14644
14645
14646    <div class="section__content block f-grid--gap-large f-grid--row-gap-inherit">
14647      <div class="multicolumn__items f-grid"><div class="f-column relative multicolumn-card-wrapper">
14648            <div
14649              class="multicolumn-card multicolumn-card--image-icon multicolumn-card--layout-left flex gap-x-3 text-left color-scheme-1 color-scheme-inherit h-full"
14650              style="--img-max: 28px;--img-max-mb: 28px;"
14651              
14652            >
14653              <div class="multicolumn-card__image shrink-0">
14654                <motion-element
14655                  class="block w-full h-full"
14656                  data-motion="zoom-out-sm"
14657                  style="--aspect-ratio: 1;"
14658                >
14659<svg
14660    class="icon icon-phone icon--medium icon--thick shrink-0"
14661    aria-hidden="true"
14662    focusable="false"
14663    xmlns="http://www.w3.org/2000/svg"
14664    width="20"
14665    height="20"
14666    viewBox="0 0 20 20"
14667    fill="none"
14668  ><path d="M12.843 11.3544C12.9295 11.2968 13.0291 11.2617 13.1326 11.2523C13.2362 11.2429 13.3404 11.2594 13.4359 11.3005L17.1203 12.9512C17.2445 13.0043 17.3481 13.0962 17.4157 13.2131C17.4833 13.3299 17.5112 13.4656 17.4953 13.5997C17.3739 14.5067 16.9273 15.3389 16.2383 15.9413C15.5494 16.5437 14.6652 16.8754 13.75 16.8747C10.9321 16.8747 8.22957 15.7553 6.23699 13.7627C4.24442 11.7701 3.125 9.0676 3.125 6.24968C3.1243 5.33452 3.456 4.45026 4.05841 3.76134C4.66082 3.07242 5.49293 2.62574 6.4 2.50436C6.53409 2.48844 6.66973 2.51636 6.78662 2.58396C6.90351 2.65156 6.99537 2.7552 7.04844 2.87936L8.69922 6.56686C8.73978 6.66157 8.7563 6.76484 8.7473 6.86748C8.7383 6.97012 8.70407 7.06894 8.64766 7.15515L6.97813 9.1403C6.9189 9.22966 6.88388 9.33286 6.87649 9.43981C6.86909 9.54676 6.88958 9.6538 6.93594 9.75046C7.58203 11.0731 8.94922 12.4239 10.2758 13.0637C10.373 13.1099 10.4805 13.1299 10.5878 13.1218C10.695 13.1138 10.7983 13.0778 10.8875 13.0176L12.843 11.3544Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"/></svg></motion-element>
14669              </div>
14670              <div class="multicolumn-card__info rich-text rich-text--tight flex-1 flex flex-col items-start"><h3 class="multicolumn-card__title rich-text__heading h6">
14671                    Call Us
14672                  </h3><div class="multicolumn-card__text rich-text__text rte text-base text-subtext">
14673                    <p>+971 56 981 2858<br/></p>
14674                  </div></div>
14675            </div>
14676            
14677              
14678              <div class="multicolumn-card__divider no-empty hidden--mobile"></div>
14679            
14680          </div><div class="f-column relative multicolumn-card-wrapper">
14681            <div
14682              class="multicolumn-card multicolumn-card--image-icon multicolumn-card--layout-left flex gap-x-3 text-left color-scheme-1 color-scheme-inherit h-full"
14683              style="--img-max: 28px;--img-max-mb: 28px;"
14684              
14685            >
14686              <div class="multicolumn-card__image shrink-0">
14687                <motion-element
14688                  class="block w-full h-full"
14689                  data-motion="zoom-out-sm"
14690                  style="--aspect-ratio: 1;"
14691                >
14692<svg
14693    class="icon icon-paperplane icon--medium icon--thick shrink-0"
14694    aria-hidden="true"
14695    focusable="false"
14696    xmlns="http://www.w3.org/2000/svg"
14697    width="20"
14698    height="20"
14699    viewBox="0 0 20 20"
14700    fill="none"
14701  ><path d="M10 9.42969V14.4297" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"/>
14702        <path d="M10.0006 14.3746L17.2881 16.8363C17.4081 16.8802 17.5387 16.8863 17.6623 16.8537C17.7859 16.8212 17.8965 16.7515 17.9793 16.6541C18.0621 16.5567 18.113 16.4362 18.1251 16.309C18.1373 16.1818 18.1102 16.0539 18.0475 15.9425L10.5405 2.81754C10.4864 2.71985 10.4072 2.63842 10.311 2.58172C10.2148 2.52502 10.1052 2.49512 9.99358 2.49512C9.88194 2.49512 9.77233 2.52502 9.67616 2.58172C9.57998 2.63842 9.50076 2.71985 9.44671 2.81754L1.95843 15.9425C1.89634 16.0536 1.8696 16.1809 1.88178 16.3075C1.89396 16.4341 1.94448 16.554 2.02658 16.6511C2.10869 16.7482 2.21849 16.818 2.3413 16.8511C2.46411 16.8842 2.5941 16.879 2.71389 16.8363L10.0006 14.3746Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"/></svg></motion-element>
14703              </div>
14704              <div class="multicolumn-card__info rich-text rich-text--tight flex-1 flex flex-col items-start"><h3 class="multicolumn-card__title rich-text__heading h6">
14705                    Get in Touch
14706                  </h3><div class="multicolumn-card__text rich-text__text rte text-base text-subtext">
14707                    <p>[email protected]</p>
14708                  </div></div>
14709            </div>
14710            
14711              
14712              <div class="multicolumn-card__divider no-empty hidden--tablet hidden--mobile"></div>
14713            
14714          </div><div class="f-column relative multicolumn-card-wrapper">
14715            <div
14716              class="multicolumn-card multicolumn-card--image-icon multicolumn-card--layout-left flex gap-x-3 text-left color-scheme-1 color-scheme-inherit h-full"
14717              style="--img-max: 28px;--img-max-mb: 28px;"
14718              
14719            >
14720              <div class="multicolumn-card__image shrink-0">
14721                <motion-element
14722                  class="block w-full h-full"
14723                  data-motion="zoom-out-sm"
14724                  style="--aspect-ratio: 1;"
14725                >
14726<svg
14727    class="icon icon-location icon--medium icon--thick shrink-0"
14728    aria-hidden="true"
14729    focusable="false"
14730    xmlns="http://www.w3.org/2000/svg"
14731    width="20"
14732    height="20"
14733    viewBox="0 0 20 20"
14734    fill="none"
14735  ><path d="M10 10.625C11.3808 10.625 12.5 9.50575 12.5 8.125C12.5 6.74429 11.3808 5.625 10 5.625C8.61925 5.625 7.5 6.74429 7.5 8.125C7.5 9.50575 8.61925 10.625 10 10.625Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
14736        <path d="M16.25 8.125C16.25 13.75 10 18.125 10 18.125C10 18.125 3.75 13.75 3.75 8.125C3.75 6.46740 4.40848 4.87768 5.58058 3.70558C6.75268 2.53348 8.34242 1.875 10 1.875C11.6576 1.875 13.2473 2.53348 14.4194 3.70558C15.5915 4.87768 16.25 6.46740 16.25 8.125Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></motion-element>
14737              </div>
14738              <div class="multicolumn-card__info rich-text rich-text--tight flex-1 flex flex-col items-start"><h3 class="multicolumn-card__title rich-text__heading h6">
14739                    <strong>WareHouse</strong>
14740                  </h3><div class="multicolumn-card__text rich-text__text rte text-base text-subtext">
14741                    <p>Royal Spirit General Trading LLC Warehouse Number :B2-04 KEZAD Logistics Park 4, Al Ma'mourah Abu Dhabi</p>
14742                  </div></div>
14743            </div>
14744            
14745              
14746              <div class="multicolumn-card__divider no-empty hidden--mobile"></div>
14747            
14748          </div><div class="f-column relative multicolumn-card-wrapper">
14749            <div
14750              class="multicolumn-card multicolumn-card--image-icon multicolumn-card--layout-left flex gap-x-3 text-left color-scheme-1 color-scheme-inherit h-full"
14751              style="--img-max: 32px;--img-max-mb: 32px;"
14752              
14753            >
14754              <div class="multicolumn-card__image shrink-0">
14755                <motion-element
14756                  class="block w-full h-full"
14757                  data-motion="zoom-out-sm"
14758                  style="--aspect-ratio: 1;"
14759                >
14760<svg
14761    class="icon icon-map-pin icon--medium icon--thick shrink-0"
14762    aria-hidden="true"
14763    focusable="false"
14764    xmlns="http://www.w3.org/2000/svg"
14765    width="20"
14766    height="20"
14767    viewBox="0 0 20 20"
14768    fill="none"
14769  ><path d="M10 10.625C11.3807 10.625 12.5 9.50571 12.5 8.125C12.5 6.74429 11.3807 5.625 10 5.625C8.61929 5.625 7.5 6.74429 7.5 8.125C7.5 9.50571 8.61929 10.625 10 10.625Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14770        <path d="M16.25 8.125C16.25 13.75 10 18.125 10 18.125C10 18.125 3.75 13.75 3.75 8.125C3.75 6.4674 4.40848 4.87769 5.58058 3.70558C6.75269 2.53348 8.3424 1.875 10 1.875C11.6576 1.875 13.2473 2.53348 14.4194 3.70558C15.5915 4.87769 16.25 6.4674 16.25 8.125Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></motion-element>
14771              </div>
14772              <div class="multicolumn-card__info rich-text rich-text--tight flex-1 flex flex-col items-start"><h3 class="multicolumn-card__title rich-text__heading h6">
14773                    <strong>Store Address</strong>
14774                  </h3><div class="multicolumn-card__text rich-text__text rte text-base text-subtext">
14775                    <p>Royal Spirit, Millennium Al Rawdah Hotel, 1778 Sheikh Rashid Bin Saeed Street, Al Rawdah, Abu Dhabi.</p>
14776                  </div></div>
14777            </div>
14778            
14779              
14780              <div class="multicolumn-card__divider no-empty hidden--desktop hidden--tablet hidden--mobile"></div>
14781            
14782          </div></div>
14783    </div>
14784  </div>
14785</div>
14786
14787<style> #shopify-section-sections--18829767737571__multicolumn_icon_rTKNUF .rich-text__text {--text-margin-top: 0.4rem;} </style></section><div id="shopify-section-sections--18829767737571__footer" class="shopify-section shopify-section-group-footer-group">
14788<script src="//royalspirit.ae/cdn/shop/t/2/assets/footer.js?v=56475581656799193111745239064" defer="defer"></script>
14788<style>
14789  .section-sections--18829767737571__footer {
14790    --section-padding-top: 40px;
14791    --section-padding-bottom: 40px;
14792  }
14793</style>
14794<footer class="footer color-scheme-1 section-sections--18829767737571__footer">
14795  <div class="section-divider page-width">
14796    <div class="border-top no-empty"></div>
14797  </div>
14798  <div class="footer__wrapper section--padding"><div class="footer__top page-width" style="--total-items: 3;">
14799        <div class="footer__top-wrapper flex flex-wrap"><div
14800                class="footer-block footer-block--newsletter f-column w-full lg:order-none order-first"
14801                style="--col-width:0.55;--form-width: 465px;"
14802                
14803              ><div class="footer-newsletter text-left"><h3 class="footer-block__heading inline-richtext h3">Join Our Newsletter</h3><div class="footer-newsletter__description rte text-subtext">
14804                          <p>Sign up to our newsletter & receive 10% off your first order.</p>
14805                        </div><div class="footer-newsletter__form">
14806                        <div class="newsletter-form"><form method="post" action="/contact#ContactSubscribe-newsletter_3qCrWc" id="ContactSubscribe-newsletter_3qCrWc" accept-charset="UTF-8" class="contact-form" is="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
14807    <div class="newsletter-form__field-wrapper">
14808      <div class="form-field relative">
14809        <label class="form-label visually-hidden" for="NewsletterForm-newsletter_3qCrWc">
14810          Email
14811        </label>
14812        <input
14813          id="NewsletterForm-newsletter_3qCrWc"
14814          type="email"
14815          name="contact[email]"
14816          class="form-control flex-1"
14817          value=""
14818          aria-required="true"
14819          autocorrect="off"
14820          autocapitalize="off"
14821          autocomplete="email"
14822          
14823          placeholder="Enter your email"
14824          required
14825        >
14826        <button
14827          type="submit"
14828          class="newsletter-form__button btn btn--primary"
14829          name="commit"
14830          id="Newsletter-submit--newsletter_3qCrWc"
14831        >
14832          <span class="btn__text">Sign up</span>
14833        </button>
14834        <p
14835          class="form-message alert alert--error blocks-radius hidden w-full"
14836          id="Newsletter-error-subscribed--newsletter_3qCrWc"
14837        >
14838          <svg
14839  class="icon icon-error icon--medium"
14840  viewBox="0 0 16 16"
14841  fill="none"
14842  xmlns="http://www.w3.org/2000/svg"
14843>
14844  <path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10"/>
14845  <path d="M8 8.5V5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
14846  <path d="M8 11.5C8.41421 11.5 8.75 11.1642 8.75 10.75C8.75 10.3358 8.41421 10 8 10C7.58579 10 7.25 10.3358 7.25 10.75C7.25 11.1642 7.58579 11.5 8 11.5Z" fill="currentColor"/>
14847</svg>
14848
14849You have already subscribed!</p></div>
14850    </div></form></div>
14851
14852                      </div><div class="footer-newsletter__term rte text-subtext">
14853                          <p>By subscribing you agree to the <a href="#">Terms of Use</a> & <a href="#">Privacy Policy.</a></p>
14854                        </div></div></div><div
14855                class="footer-block footer-block--menu f-column w-full"
14856                style="--col-width:0.15;"
14857                
14858              >
14859<details
14860                        id="Details-menu_DEKGYP-sections--18829767737571__footer"
14861                        
14862                          is="footer-details"
14863                          open
14864                          data-open-default="false"
14865                        
14866                        class="accordion-details footer-accordion-details"
14867                      ><summary class="accordion-details__summary flex items-center justify-between gap-2">
14868                            <h3 class="footer-block__heading inline-richtext h6">Quick Links</h3>
14869                            <span class="flex items-center lg:hidden"><svg
14870  xmlns="http://www.w3.org/2000/svg"
14871  class="icon icon-plus-toggle icon--small icon--thick"
14872  viewBox="0 0 20 20"
14873  fill="none"
14874>
14875  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14876  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14877</svg>
14878</span>
14879                          </summary>
14879<ul class="accordion-details__content linklist linklist--vertical list-unstyled"><li class="reversed-link">
14880                              <a
14881                                href="/"
14882                                class="text-subtext block"
14883                              >
14884                                <span class="reversed-link__text">
14885                                  Home
14886                                </span>
14887                              </a>
14888                            </li><li class="reversed-link">
14889                              <a
14890                                href="/pages/about-us"
14891                                class="text-subtext block"
14892                              >
14893                                <span class="reversed-link__text">
14894                                  About Us
14895                                </span>
14896                              </a>
14897                            </li><li class="reversed-link">
14898                              <a
14899                                href="/pages/corporate"
14900                                class="text-subtext block"
14901                              >
14902                                <span class="reversed-link__text">
14903                                  Corporate
14904                                </span>
14905                              </a>
14906                            </li><li class="reversed-link">
14907                              <a
14908                                href="https://royalspirit.ae/blogs/news"
14909                                class="text-subtext block"
14910                              >
14911                                <span class="reversed-link__text">
14912                                  News
14913                                </span>
14914                              </a>
14915                            </li><li class="reversed-link">
14916                              <a
14917                                href="https://royalspirit.ae/blogs/news"
14918                                class="text-subtext block"
14919                              >
14920                                <span class="reversed-link__text">
14921                                  Blog
14922                                </span>
14923                              </a>
14924                            </li><li class="reversed-link">
14925                              <a
14926                                href="/pages/faq"
14927                                class="text-subtext block"
14928                              >
14929                                <span class="reversed-link__text">
14930                                  FAQ
14931                                </span>
14932                              </a>
14933                            </li><li class="reversed-link">
14934                              <a
14935                                href="/pages/contact-us"
14936                                class="text-subtext block"
14937                              >
14938                                <span class="reversed-link__text">
14939                                  Contact
14940                                </span>
14941                              </a>
14942                            </li></ul>
14943                      </details></div><div
14944                class="footer-block footer-block--menu f-column w-full"
14945                style="--col-width:0.15;"
14946                
14947              >
14948<details
14949                        id="Details-menu_4eCrBB-sections--18829767737571__footer"
14950                        
14951                          is="footer-details"
14952                          open
14953                          data-open-default="false"
14954                        
14955                        class="accordion-details footer-accordion-details"
14956                      ><summary class="accordion-details__summary flex items-center justify-between gap-2">
14957                            <h3 class="footer-block__heading inline-richtext h6">Customer Services</h3>
14958                            <span class="flex items-center lg:hidden"><svg
14959  xmlns="http://www.w3.org/2000/svg"
14960  class="icon icon-plus-toggle icon--small icon--thick"
14961  viewBox="0 0 20 20"
14962  fill="none"
14963>
14964  <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14965  <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14966</svg>
14967</span>
14968                          </summary>
14968<ul class="accordion-details__content linklist linklist--vertical list-unstyled"><li class="reversed-link">
14969                              <a
14970                                href="#"
14971                                class="text-subtext block"
14972                              >
14973                                <span class="reversed-link__text">
14974                                  My Orders
14975                                </span>
14976                              </a>
14977                            </li><li class="reversed-link">
14978                              <a
14979                                href="/pages/return-refund"
14980                                class="text-subtext block"
14981                              >
14982                                <span class="reversed-link__text">
14983                                  Return & Refund
14984                                </span>
14985                              </a>
14986                            </li><li class="reversed-link">
14987                              <a
14988                                href="/pages/shipping-delivery"
14989                                class="text-subtext block"
14990                              >
14991                                <span class="reversed-link__text">
14992                                  Shipping & Delivery
14993                                </span>
14994                              </a>
14995                            </li><li class="reversed-link">
14996                              <a
14997                                href="/pages/privacy-policy"
14998                                class="text-subtext block"
14999                              >
15000                                <span class="reversed-link__text">
15001                                  Privacy Policy
15002                                </span>
15003                              </a>
15004                            </li><li class="reversed-link">
15005                              <a
15006                                href="/pages/terms-conditions-1"
15007                                class="text-subtext block"
15008                              >
15009                                <span class="reversed-link__text">
15010                                  Terms & Conditions
15011                                </span>
15012                              </a>
15013                            </li></ul>
15014                      </details></div></div>
15015      </div>
15016    
15017    <div class="footer__bottom page-width">
15018      
15019      
15020        <div class="footer__bottom-row flex justify-between items-end">
15021          <div class="grid gap-5">
15022            <div class="footer__localization relative z-2 flex items-center"></div><div class="footer__payment">
15023                <span class="visually-hidden">Payment methods</span>
15024                <ul class="list list-payment" role="list"></ul>
15025              </div></div>
15026
15027<ul
15028  class="list-unstyled flex flex-wrap gap-x-3 gap-y-2 items-center socials--bordered footer__list-social"
15029  role="list"
15030><li class="social__item inline-flex">
15031      <a
15032        rel="nofollow"
15033        href="https://www.facebook.com/RoyalSpirit.AE/"
15034        class="social__link inline-flex btn btn--icon btn--icon-circle"
15035      ><svg
15036  aria-hidden="true"
15037  focusable="false"
15038  role="presentation"
15039  class="icon icon-facebook icon--large"
15040  viewBox="0 0 24 24"
15041  xmlns="http://www.w3.org/2000/svg"
15042>
15043  <path d="M9.1875 13.5223V21H13.2656V13.5223H16.3066L16.9395 10.084H13.2656V8.86758C13.2656 7.05 13.9793 6.35391 15.8215 6.35391C16.3945 6.35391 16.8551 6.36797 17.1223 6.39609V3.27773C16.6195 3.14062 15.3891 3 14.6789 3C10.9207 3 9.1875 4.77539 9.1875 8.60391V10.084H6.86719V13.5223H9.1875Z" fill="currentColor"/>
15044</svg>
15045<span class="visually-hidden">Facebook</span>
15046      </a>
15047    </li><li class="social__item inline-flex">
15048      <a
15049        rel="nofollow"
15050        href="https://www.instagram.com/royalspirit.ae?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
15051        class="social__link inline-flex btn btn--icon btn--icon-circle"
15052      ><svg
15053  aria-hidden="true"
15054  focusable="false"
15055  role="presentation"
15056  class="icon icon-instagram icon--large"
15057  viewBox="0 0 24 24"
15058  xmlns="http://www.w3.org/2000/svg"
15059>
15060  <path d="M11.7255 3C9.35597 3 9.0586 3.01036 8.12796 3.05271C7.19914 3.09525 6.56515 3.2423 6.0104 3.45806C5.43656 3.68091 4.9498 3.97902 4.46485 4.46416C3.97953 4.94913 3.68144 5.43591 3.45787 6.00958C3.24157 6.56453 3.09434 7.19872 3.05253 8.12721C3.01091 9.05788 3 9.35544 3 11.725C3 14.0946 3.01054 14.391 3.05271 15.3217C3.09543 16.2506 3.24248 16.8846 3.45805 17.4393C3.68107 18.0132 3.97917 18.5 4.4643 18.9849C4.94907 19.4703 5.43584 19.7691 6.00931 19.9919C6.56442 20.2077 7.1986 20.3548 8.12724 20.3973C9.05787 20.4396 9.35506 20.45 11.7244 20.45C14.094 20.45 14.3905 20.4396 15.3211 20.3973C16.25 20.3548 16.8847 20.2077 17.4398 19.9919C18.0135 19.7691 18.4995 19.4703 18.9843 18.9849C19.4696 18.5 19.7677 18.0132 19.9912 17.4395C20.2057 16.8846 20.353 16.2504 20.3966 15.3219C20.4384 14.3912 20.4493 14.0946 20.4493 11.725C20.4493 9.35544 20.4384 9.05806 20.3966 8.12739C20.353 7.19854 20.2057 6.56453 19.9912 6.00976C19.7677 5.43591 19.4696 4.94913 18.9843 4.46416C18.4989 3.97884 18.0136 3.68073 17.4393 3.45806C16.8831 3.2423 16.2487 3.09525 15.3199 3.05271C14.3892 3.01036 14.093 3 11.7227 3H11.7255ZM10.9428 4.57232C11.1751 4.57195 11.4343 4.57232 11.7255 4.57232C14.055 4.57232 14.3311 4.58068 15.251 4.62249C16.1016 4.66139 16.5633 4.80353 16.8709 4.92295C17.278 5.08109 
1506017.5683 5.27014 17.8735 5.57551C18.1789 5.88089 18.3679 6.17172 18.5264 6.57889C18.6458 6.88608 18.7881 7.34778 18.8269 8.19846C18.8687 9.11822 18.8777 9.39452 18.8777 11.723C18.8777 14.0515 18.8687 14.3278 18.8269 15.2475C18.788 16.0982 18.6458 16.5599 18.5264 16.8671C18.3683 17.2743 18.1789 17.5642 17.8735 17.8694C17.5681 18.1748 17.2782 18.3638 16.8709 18.522C16.5637 18.6419 16.1016 18.7837 15.251 18.8226C14.3313 18.8644 14.055 18.8735 11.7255 18.8735C9.39578 18.8735 9.11968 18.8644 8.19994 18.8226C7.34928 18.7833 6.8876 18.6412 6.57987 18.5218C6.17271 18.3636 5.88189 18.1746 5.57652 17.8692C5.27116 17.5638 5.08212 17.2737 4.92362 16.8664C4.8042 16.5592 4.66188 16.0975 4.62316 15.2468C4.58136 14.3271 4.573 14.0508 4.573 11.7208C4.573 9.39088 4.58136 9.11604 4.62316 8.19628C4.66206 7.3456 4.8042 6.8839 4.92362 6.57634C5.08176 6.16917 5.27116 5.87834 5.57652 5.57297C5.88189 5.26759 6.17271 5.07855 6.57987 4.92005C6.88741 4.80008 7.34928 4.6583 8.19994 4.61921C9.0048 4.58286 9.31671 4.57195 10.9428 4.57014V4.57232ZM16.3827 6.02103C15.8046 6.02103 15.3357 6.48945 15.3357 7.06767C15.3357 7.6457 15.8046 8.11467 16.3827 8.11467C16.9607 8.11467 17.4296 7.6457 17.4296 7.06767C17.4296 6.48964 16.9607 6.02067 16.3827 6.02067V6.02103ZM11.7255 7.24435C9.25109 7.24435 7.24495 9.25055 7.24495 11.725C7.24495 14.1994 9.25109 16.2047 11.7255 16.2047C14.1998 16.2047 16.2053 14.1994 16.2053 11.725C16.2053 9.25055 14.1997 7.24435 11.7253 7.24435H11.7255ZM11.7255 8.81667C13.3315 8.81667 14.6337 10.1187 14.6337 11.725C14.6337 13.3311 13.3315 14.6333 11.7255 14.6333C10.1192 14.6333 8.81722 13.3311 8.81722 11.725C8.81722 10.1187 10.1192 8.81667 11.7255 8.81667Z" fill="currentColor"/>
15061</svg>
15062<span class="visually-hidden">Instagram</span>
15063      </a>
15064    </li><li class="social__item inline-flex">
15065      <a
15066        rel="nofollow"
15067        href="https://www.tiktok.com/@royalspirit.ae"
15068        class="social__link inline-flex btn btn--icon btn--icon-circle"
15069      ><svg
15070  aria-hidden="true"
15071  focusable="false"
15072  role="presentation"
15073  class="icon icon-tiktok icon--large"
15074  fill="none"
15075  viewBox="0 0 24 24"
15076  xmlns="http://www.w3.org/2000/svg"
15077>
15078  <path d="M10.2664 17.2589C11.6014 17.2589 12.6837 16.3032 12.6837 14.8417V4H15.5826C15.42 5.97723 17.3855 7.88718 19.5532 7.8435V10.5695C17.6994 10.5695 16.123 9.78561 15.5743 9.35059V14.8417C15.5743 17.2589 13.6728 20 10.2664 20C6.8601 20 5 17.2589 5 14.8417C5 11.43 8.61044 9.45136 11.0017 9.93497V12.7115C10.8814 12.669 10.5712 12.6061 10.3069 12.6061C8.96086 12.5564 7.8492 13.6482 7.8492 14.8417C7.8492 16.1767 8.93143 17.2589 10.2664 17.2589Z" fill="currentColor"/>
15079</svg>
15080<span class="visually-hidden">TikTok</span>
15081      </a>
15082    </li><li class="social__item inline-flex">
15083      <a
15084        rel="nofollow"
15085        href="https://www.youtube.com/@royalspirit2024"
15086        class="social__link inline-flex btn btn--icon btn--icon-circle"
15087      ><svg
15088  aria-hidden="true"
15089  focusable="false"
15090  role="presentation"
15091  class="icon icon-youtube icon--large"
15092  viewBox="0 0 24 24"
15093  xmlns="http://www.w3.org/2000/svg"
15094>
15095  <path fill-rule="evenodd" clip-rule="evenodd" d="M19.8212 5.42824C20.6776 5.65882 21.3529 6.33412 21.5835 7.19059C22.0118 8.75529 21.9953 12.0165 21.9953 12.0165C21.9953 12.0165 21.9953 15.2612 21.5835 16.8259C21.3529 17.6824 20.6776 18.3576 19.8212 18.5882C18.2565 19 11.9976 19 11.9976 19C11.9976 19 5.75529 19 4.17412 18.5718C3.31765 18.3412 2.64235 17.6659 2.41176 16.8094C2 15.2612 2 12 2 12C2 12 2 8.75529 2.41176 7.19059C2.64235 6.33412 3.33412 5.64235 4.17412 5.41176C5.73882 5 11.9976 5 11.9976 5C11.9976 5 18.2565 5 19.8212 5.42824ZM15.2091 11.8857L10.0044 14.8834V8.88807L15.2091 11.8857Z" fill="currentColor"/>
15096</svg>
15097<span class="visually-hidden">YouTube</span>
15098      </a>
15099    </li></ul>
15100</div>
15101      
15102      <div class="footer__bottom-row flex justify-between items-center">
15103        <div class="footer__copyright">
15104          <p class="footer__copyright-content"><p>Copyright © 2025 <a class="link-underline" href="/">Royal Spirit</a>. All rights reserved.</p></p></div>
15105        <div class="footer__info flex items-center">
15106          
15107        </div>
15108      </div>
15109    </div>
15110  </div>
15111</footer>
15112
15113<style> #shopify-section-sections--18829767737571__footer .form-control {background-color: #ededed;} </style></div><section id="shopify-section-sections--18829767737571__custom_liquid_dGTGEh" class="shopify-section shopify-section-group-footer-group section"><div
15114  class="section section--padding color-scheme-1"
15115  data-section-index="3"
15116  style="--section-padding-top: 50px;--section-padding-bottom: 50px;"
15117>
15118  <style>
15119.track-order-float {
15120    position: fixed;
15121    right: 20px;
15122    bottom: 95px;
15123    width: 56px;
15124    height: 56px;
15125    border-radius: 50%;
15126    overflow: hidden;
15127    z-index: 9999;
15128    animation: flyIn 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
15129}
15130
15131.track-order-float img {
15132    width: 100%;
15133    height: 100%;
15134    display: block;
15135}
15136
15137@keyframes flyIn {
15138    0% {
15139        opacity: 0;
15140        transform: translateY(250px) scale(0.2) rotate(-30deg);
15141    }
15142    60% {
15143        opacity: 1;
15144        transform: translateY(-15px) scale(1.08) rotate(5deg);
15145    }
15146    80% {
15147        transform: translateY(5px) scale(.98) rotate(-2deg);
15148    }
15149    100% {
15150        opacity: 1;
15151        transform: translateY(0) scale(1) rotate(0deg);
15152    }
15153}
15154</style>
15155</div>
15156
15157
15158</section>
15159<!-- END sections: footer-group -->
15160    </div>
15161
15162    <!-- BEGIN sections: overlay-group -->
15163<div id="shopify-section-sections--18829767803107__product-compare" class="shopify-section shopify-section-group-overlay-group section-group-overlay-product-compare"><compare-drawer
15164  class="drawer drawer--loading modal compare-drawer"
15165  id="CompareDrawer"
15166  shopify-design-mode
15167  hidden
15168>
15169  <div class="fixed-overlay" aria-controls="CompareDrawer"></div>
15170  <div class="drawer__inner">
15171    <button
15172      class="drawer__close-btn"
15173      aria-controls="CompareDrawer"
15174      aria-label="Close"
15175    >
15176      <svg
15177  xmlns="http://www.w3.org/2000/svg"
15178  aria-hidden="true"
15179  focusable="false"
15180  class="icon icon-close icon--large icon--thick"
15181  fill="none"
15182  viewBox="0 0 24 24"
15183>
15184  <path d="M18.75 5.13496L5.25 18.8544" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15185  <path d="M18.75 18.8544L5.25 5.13496" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15186</svg>
15187
15188    </button>
15189
15190<div class="loading__spinner drawer__loading-spinner">
15191  <svg
15192    aria-hidden="true"
15193    focusable="false"
15194    class="spinner icon icon--extra-medium"
15195    viewBox="0 0 66 66"
15196    xmlns="http://www.w3.org/2000/svg"
15197  >
15198    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
15199  </svg>
15200</div>
15201<div class="drawer__body v-scrollable h-full">
15202      <h3 class="compare-drawer__title h3 text-center">Product Comparison</h3>
15203      <div class="compare-table-container h-scrollable relative z-0">
15204        <table class="compare-table text-subtext"><tr data-compare-key="info">
15205              <td class="td-label background-1 text-body"></td>
15206            </tr><tr data-compare-key="description">
15207              <td class="td-label background-1 text-body">Description
15208</td>
15209            </tr><tr data-compare-key="price">
15210              <td class="td-label background-1 text-body">Price
15211</td>
15212            </tr></table>
15213      </div>
15214    </div>
15215  </div>
15216  <template id="MainProduct-compare__rows">
15217    <table>
15218      <tr></tr>
15219    </table>
15220  </template></compare-drawer>
15221
15222</div>
15223<!-- END sections: overlay-group -->
15224<ul hidden>
15225      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
15226      <li id="a11y-new-window-message">Opens in a new window.</li>
15227    </ul>
15228
15229    
15230      
15230<script src="//royalspirit.ae/cdn/shop/t/2/assets/quick-view.js?v=93783555645323306721745239065" defer="defer"></script>
15230
15231    
15232<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 15232-15233
15232
15233<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
15233GTM-NDKPNJRQ
vendor: 83 bytes, lines 15233-15234
15233"
15234height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
15235<!-- End Google Tag Manager (noscript) -->
15236<div id="shopify-section-cart-drawer" class="shopify-section"><link
15237      rel="stylesheet"
15238      href="//royalspirit.ae/cdn/shop/t/2/assets/cart.css?v=45179574801244356571745239064"
15239      media="print"
15240      fetchpriority="low"
15241      onload="this.media='all'"
15242    >
15242<script src="//royalspirit.ae/cdn/shop/t/2/assets/cart.js?v=38481915429267096921772972380" defer="defer"></script>
15242<cart-drawer
15243    id="CartDrawer"
15244    class="drawer cart-drawer drawer--right"
15245    data-section-id="cart-drawer"
15246    shopify-design-mode
15247    hidden
15248  >
15249    <div class="fixed-overlay" aria-controls="CartDrawer"></div>
15250    <div class="drawer__inner">
15251      <div id="CartDrawer-cart-drawer" class="drawer__content flex flex-col h-full w-full">
15252        <div class="drawer__header"><div class="drawer__header-inner cart-drawer__header flex items-center justify-between gap-3">
15253            <h2 class="drawer__heading h3">
15254              <span>Your cart</span>
15255              <cart-count
15256                class="cart-count cart-count--blank"
15257                aria-label="0 items"
15258                
15259                  hidden
15260                
15261                data-type="blank"
15262              >
15263                (0)
15264              </cart-count>
15265            </h2>
15266            <button
15267              class="drawer__close-btn z-1 static"
15268              aria-controls="CartDrawer"
15269              onclick="document.getElementById('CartDrawer').setAttribute('data-manual-close','true')"
15270              type="button"
15271              aria-label="Close"
15272            >
15273              <svg
15274  xmlns="http://www.w3.org/2000/svg"
15275  aria-hidden="true"
15276  focusable="false"
15277  class="icon icon-close icon--large icon--thick"
15278  fill="none"
15279  viewBox="0 0 24 24"
15280>
15281  <path d="M18.75 5.13496L5.25 18.8544" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15282  <path d="M18.75 18.8544L5.25 5.13496" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15283</svg>
15284
15285            </button>
15286          </div>
15287        </div>
15288        <div
15289          id="CartDrawerEmpty-cart-drawer"
15290          class="drawer__body flex-grow v-scrollable"
15291        >
15292          <div class="cart-drawer__empty text-center flex flex-col gap-10">
15293            <div class="grid gap-3">
15294              <p class="h4">Your cart is currently empty.</p><div class="rte text-subtext"><p>Not sure where to start? Try these collections:</p></div></div><a class="btn btn--primary self-center" href="/collections/all">
15295              <span class="btn__text">Continue shopping</span>
15296            </a>
15297          </div>
15298        </div>
15299        <div class="drawer__body flex-grow v-scrollable flex flex-col"><div
15300            id="CartDrawerBody-cart-drawer"
15301            class="flex flex-col gap-8 flex-grow hidden"
15302          ><cart-items class="flex-grow">
15303              <ul role="list" class="flex flex-col gap-8"></ul>
15304            </cart-items></div>
15305        </div>
15306        <div
15307          id="CartDrawerFooter-cart-drawer"
15308          class="drawer__footer cart-drawer__footer grid gap-4 hidden"
15309        >
15310          <div class="drawer__footer-head grid gap-4"><div class="flex gap-2 cart-drawer__addons"><button
15311                    type="button"
15312                    class="btn btn--secondary btn--small font-body flex gap-2 items-center justify-center"
15313                    aria-controls="CartNote-cart-drawer"
15314                    aria-expanded="false"
15315                  >
15316                    <span class="btn__text flex gap-1 items-center">
15317                      Order note
15318<svg
15319  class="icon icon-caret-right rtl-flip-x icon--extra-small icon--thick"
15320  viewBox="0 0 20 20"
15321  fill="none"
15322  xmlns="http://www.w3.org/2000/svg"
15323>
15324  <path d="M7.5 3.75L13.75 10L7.5 16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15325</svg>
15326</span>
15327                  </button><modal-component
15328                    id="CartNote-cart-drawer"
15329                    class="drawer cart-addons-drawer drawer--bottom"
15330                    hidden
15331                  >
15332                    <div class="fixed-overlay absolute" aria-controls="CartNote-cart-drawer"></div>
15333                    <div class="drawer__inner">
15334                      <button
15335                        aria-controls="CartNote-cart-drawer"
15336                        class="drawer__close-btn z-1"
15337                        aria-label="Close"
15338                      ><svg
15339  xmlns="http://www.w3.org/2000/svg"
15340  aria-hidden="true"
15341  focusable="false"
15342  class="icon icon-close icon--medium icon--thick"
15343  fill="none"
15344  viewBox="0 0 24 24"
15345>
15346  <path d="M18.75 5.13496L5.25 18.8544" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15347  <path d="M18.75 18.8544L5.25 5.13496" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15348</svg>
15349</button>
15350                      <div class="drawer__content cart-addons-drawer__content grid gap-5">
15351                        <h4>Order note</h4>
15352                        <cart-note class="flex flex-col items-start gap-5">
15353                          <div class="form-field w-full">
15354                            <textarea
15355                              name="note"
15356                              class="form-control form-control--textarea"
15357                              rows="5"
15358                              placeholder="Order special instructions"
15359                              id="CartNoteForm-cart-drawer"
15360                            ></textarea>
15361                            <label class="visually-hidden" for="CartNoteForm-cart-drawer">Order note</label>
15362                          </div>
15363                          <button
15364                            class="btn btn--primary"
15365                            type="button"
15366                            aria-controls="CartNote-cart-drawer"
15367                            aria-expanded="false"
15368                          >
15369                            <span class="btn__text">Apply</span>
15370                          </button>
15371                        </cart-note>
15372                      </div>
15373                    </div>
15374                  </modal-component></div></div>
15375          <div class="drawer__footer-body">
15376            <div class="grid gap-5">
15377              <div class="grid gap-1"><div class="totals flex justify-between h5 items-center">
15378                  <span class="totals__subtotal">Estimated total</span>
15379                  <span class="totals__subtotal-value"><?xml version="1.0" encoding="UTF-8"?> <svg id="Dhiram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 344.84 299.91"> <path d="M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z"/> </svg> 0.00</span>
15380                </div>
15381                <div class="tax-note text-sm-extra">Taxes and <a href="/policies/shipping-policy" class="btn--link text-sm-extra">shipping</a> calculated at checkout</div>
15382              </div>
15383              <form action="/cart" method="POST" novalidate class="drawer__footer-buttons flex gap-2">
15384                <a href="/cart" class="btn btn--secondary">
15385                  <span class="btn__text">View cart</span>
15386                </a>
15387                <button class="btn btn--primary flex-grow" type="submit" name="checkout">
15388                  <span class="btn__text">Check out</span>
15389                </button>
15390              </form>
15391            </div>
15392          </div>
15393        </div>
15394      </div>
15395    </div>
15396  </cart-drawer>
15397</div>
15398
15399  <style> #goodav-root .goodav-wallpaper {background-image: none; background-color: #000 !important;} motion-element.inline-flex {color: #fff;} button.btn.btn--secondary.btn--small.font-body.flex.gap-2.items-center.justify-center {color: #fff;} a.btn.btn--secondary {color: #fff;} button.btn.btn--primary.w-full:hover {color: #000 !important;} .text-base span.line-through.text-gray-500 {text-decoration: line-through; font-weight: bold;} .rc-anchor-normal .rc-anchor-content .rc-inline-block .rc-anchor-error-message {display: none;} div#rc-anchor-container {display: none;} .product-card__price.text-base.mt-2 {display: flex; flex-direction: row-reverse; justify-content: start; gap: 10px;} .rc-anchor-normal .rc-anchor-content {height: 74px; display: none; width: 206px;} @media screen and (max-width: 480px) {.btn:not(.btn--plain, .btn--underline, .btn--link, .btn--inherit) .btn__text {overflow: hidden; text-overflow: ellipsis; }} button.btn.btn--primary.w-full:hover {color: #ffffff !important; background-color: #fff !important;} .search__types {display: none !important;} .search__types + .search__input {padding-inline-start: 20px;} button.btn.btn--primary.w-full:hover {color: #000000 !important; background-color: #fff;} .lbcard__popup-btn-trigger {position: absolute !important; bottom: 2rem; inset-inline-end: 2rem; --btn-trigger-padding: 1.2rem; padding: 0 var(--btn-trigger-padding); display: none;} input#contact-email {border: transparent;} .btn--secondary:before,.btn--icon:before,.btn--outline:before,.btn--white:before {background-color: rgb(255 255 255 / 2%);} </style>
15400<div id="shopify-block-AaUY3TDlOK3J2UVAyQ__4015264832934714879" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: ecomsend-app -->
15400<script type="text/javascript">
15401  //SendWILL APPS COMMON JS CODE
15402  window.EcomSendApps = window.EcomSendApps || {}
15403
15404  window.EcomSendApps.design_mode = false
15405  
15406
15407  window.EcomSendApps.common = window.EcomSendApps.common || {}
15408  window.EcomSendApps.common.shop = {
15409    permanent_domain: '7m39k8-js.myshopify.com',
15410    currency: "AED",
15411    money_format: "\u003c?xml version=\"1.0\" encoding=\"UTF-8\"?\u003e \u003csvg id=\"OT-Dhiram\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"       viewBox=\"0 0 344.84 299.91\"\u003e   \u003cpath d=\"M342.14,140.96l2.7,2.54v-7.72c0-17-11.92-30.84-26.56-30.84h-23.41C278.49,36.7,222.69,0,139.68,0c-52.86,0-59.65,0-109.71,0,0,0,15.03,12.63,15.03,52.4v52.58h-27.68c-5.38,0-10.43-2.08-14.61-6.01l-2.7-2.54v7.72c0,17.01,11.92,30.84,26.56,30.84h18.44s0,29.99,0,29.99h-27.68c-5.38,0-10.43-2.07-14.61-6.01l-2.7-2.54v7.71c0,17,11.92,30.82,26.56,30.82h18.44s0,54.89,0,54.89c0,38.65-15.03,50.06-15.03,50.06h109.71c85.62,0,139.64-36.96,155.38-104.98h32.46c5.38,0,10.43,2.07,14.61,6l2.7,2.54v-7.71c0-17-11.92-30.83-26.56-30.83h-18.9c.32-4.88.49-9.87.49-15s-.18-10.11-.51-14.99h28.17c5.37,0,10.43,2.07,14.61,6.01ZM89.96,15.01h45.86c61.7,0,97.44,27.33,108.1,89.94l-153.96.02V15.01ZM136.21,284.93h-46.26v-89.98l153.87-.02c-9.97,56.66-42.07,88.38-107.61,90ZM247.34,149.96c0,5.13-.11,10.13-.34,14.99l-157.04.02v-29.99l157.05-.02c.22,4.84.33,9.83.33,15Z\"\/\u003e \u003c\/svg\u003e {{amount}}",
15412    id: 73208365283,
15413  }
15414
15415  
15416  
15417    window.EcomSendApps.common.customer = {
15418      id: null,
15419      tags: null,
15420      email: null,
15421      accepts_marketing: null,
15422      first_name: null,
15423    }
15424  
15425
15426  
15427  window.EcomSendApps.common.template = 'search'
15428</script>
15428
15429<!-- END app snippet -->
15430
15431<script>
15432  window.EcomSendApps = window.EcomSendApps || {}
15433  /** @description shared localStorage key used by web-pixel sandbox to read storefront GDPR mode */
15434  const ECOMSEND_GDPR_ENABLED_STORAGE_KEY = "ECOMSEND:GDPR_ENABLED"
15435  /** @description storefront main bundle asset url */
15436  const ECOMSEND_MAIN_SCRIPT_URL = 'https://cdn.shopify.com/extensions/01a0f197-ce1f-7a19-8adb-6b78fec4702f/ecomsend-209/assets/ecomsend.js'
15437  /** @description storefront style asset url */
15438  const ECOMSEND_MAIN_STYLE_URL = 'https://cdn.shopify.com/extensions/01a0f197-ce1f-7a19-8adb-6b78fec4702f/ecomsend-209/assets/style.css'
15439  /** @description storefront wasm asset url for runtime signature module */
15440  const ECOMSEND_WASM_ASSET_URL = 'https://cdn.shopify.com/extensions/01a0f197-ce1f-7a19-8adb-6b78fec4702f/ecomsend-209/assets/client_safe.wasm'
15441  /** @description fallback delay when requestIdleCallback is unavailable */
15442  const ECOMSEND_IDLE_TIMEOUT_MS = 800
15443  /** @description user interaction events used to trigger lazy init earlier */
15444  const ECOMSEND_INTERACTION_EVENTS = ["pointerdown", "keydown", "touchstart"]
15445  /** @description global flag key for emergency immediate loading */
15446  const ECOMSEND_FORCE_IMMEDIATE_FLAG = window.EcomSendApps?.forceImmediateLoad === true
15447  /** @description default GDPR mode comes from block setting and can be overridden on window.EcomSendApps.GDPR */
15448  const ECOMSEND_DEFAULT_GDPR_FLAG = false
15449  /** @description default CWTracks mode comes from block setting and can be overridden on window.EcomSendApps.CWTracksEnabled */
15450  const ECOMSEND_DEFAULT_CWTRACKS_ENABLED = false
15451
15452  /** @description normalize merchant-provided GDPR switch into a strict boolean value */
15453  function normalizeEcomsendBooleanFlag(rawValue) {
15454    if (typeof rawValue === "boolean") {
15455      return rawValue
15456    }
15457    if (typeof rawValue === "number") {
15458      return rawValue === 1
15459    }
15460    if (typeof rawValue === "string") {
15461      const normalizedValue = rawValue.trim().toLowerCase()
15462      return normalizedValue === "true" || normalizedValue === "1" || normalizedValue === "yes"
15463    }
15464    return false
15465  }
15466
15467  /** @description lock runtime switch value on EcomSendApps to reduce accidental console overwrite. */
15468  function lockEcomsendReadonlyFlag(flagName, flagValue) {
15469    try {
15470      Object.defineProperty(window.EcomSendApps, flagName, {
15471        value: flagValue,
15472        writable: false,
15473        configurable: false,
15474        enumerable: true,
15475      })
15476      return
15477    } catch (error) {}
15478    window.EcomSendApps[flagName] = flagValue
15479  }
15480
15481  /** @description resolve storefront GDPR mode from merchant theme override */
15482  function resolveEcomsendGdprMode() {
15483    if (typeof window.EcomSendApps.GDPR === "undefined") {
15484      window.EcomSendApps.GDPR = ECOMSEND_DEFAULT_GDPR_FLAG
15485    }
15486    const gdprEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.GDPR)
15487    window.EcomSendApps.GDPR = gdprEnabled
15488    return gdprEnabled
15489  }
15490
15491  /** @description resolve storefront CWTracks mode from merchant theme block setting and runtime override */
15492  function resolveEcomsendCwTracksMode() {
15493    if (typeof window.EcomSendApps.CWTracksEnabled === "undefined") {
15494      window.EcomSendApps.CWTracksEnabled = ECOMSEND_DEFAULT_CWTRACKS_ENABLED
15495    }
15496    const cwTracksEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.CWTracksEnabled)
15497    window.EcomSendApps.CWTracksEnabled = cwTracksEnabled
15498    return cwTracksEnabled
15499  }
15500
15501  /** @description persist storefront GDPR mode so web-pixel sandbox can consume the same switch */
15502  function syncEcomsendGdprModeToStorage(gdprEnabled) {
15503    if (!window.localStorage) {
15504      return
15505    }
15506    if (gdprEnabled) {
15507      window.localStorage.setItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY, "true")
15508      return
15509    }
15510    window.localStorage.removeItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY)
15511  }
15512
15513  /** @description enable GDPR gating only when merchant explicitly turns on storefront GDPR mode */
15514  const ECOMSEND_GDPR_ENABLED = resolveEcomsendGdprMode()
15515  /** @description enable CWTracks callback/event emit only when merchant turns on CWTracks mode. */
15516  const ECOMSEND_CWTRACKS_ENABLED = resolveEcomsendCwTracksMode()
15517  lockEcomsendReadonlyFlag("GDPR", ECOMSEND_GDPR_ENABLED)
15518  lockEcomsendReadonlyFlag("CWTracksEnabled", ECOMSEND_CWTRACKS_ENABLED)
15519
15520  try {
15521    syncEcomsendGdprModeToStorage(ECOMSEND_GDPR_ENABLED)
15522  } catch (error) {}
15523
15524  /** @description create main stylesheet node for storefront runtime */
15525  function createEcomSendMainStyleEle() {
15526    const ecomsendMainStyleEle = document.createElement("link")
15527    ecomsendMainStyleEle.rel = "stylesheet"
15528    ecomsendMainStyleEle.href = ECOMSEND_MAIN_STYLE_URL
15529    ecomsendMainStyleEle.dataset.ecomsendTag = "main-style"
15530    return ecomsendMainStyleEle
15531  }
15532
15533  /** @description append runtime stylesheet exactly once */
15534  function ensureEcomSendMainStyleLoaded() {
15535    if (document.querySelector('link[data-ecomsend-tag="main-style"]')) {
15536      return
15537    }
15538    const ecomsendMainStyleEle = createEcomSendMainStyleEle()
15539    document.head.appendChild(ecomsendMainStyleEle)
15540  }
15541
15542  /** @description remove interaction listeners after first lazy-init trigger */
15543  function clearInteractionListeners() {
15544    ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => {
15545      window.removeEventListener(eventName, scheduleMainBundleLoad)
15546    })
15547  }
15548
15549  /** @description run low-priority task via idle callback with timeout fallback */
15550  function scheduleLowPriorityTask(taskRunner, timeoutMs) {
15551    if (window.requestIdleCallback) {
15552      window.requestIdleCallback(() => {
15553        taskRunner()
15554      }, { timeout: timeoutMs })
15555      return
15556    }
15557    window.setTimeout(() => {
15558      taskRunner()
15559    }, timeoutMs)
15560  }
15561
15562  /** @description load main storefront bundle once and keep rollback override */
15563  function loadEcomsendMainBundle() {
15564    if (window.__ecomsendMainBundleLoaded) {
15565      return
15566    }
15567    window.__ecomsendMainBundleLoaded = true
15568    clearInteractionListeners()
15569    /** @description ensure storefront runtime css is loaded together with main bundle */
15570    ensureEcomSendMainStyleLoaded()
15571    const ecomsendMainScriptEle = document.createElement("script")
15572    ecomsendMainScriptEle.src = ECOMSEND_MAIN_SCRIPT_URL
15573    ecomsendMainScriptEle.async = true
15574    ecomsendMainScriptEle.dataset.ecomsendTag = "main-script"
15575    document.body.appendChild(ecomsendMainScriptEle)
15576  }
15577
15578  /** @description schedule heavy bundle with idle-first strategy to reduce main-thread contention */
15579  function scheduleMainBundleLoad() {
15580    if (window.__ecomsendMainBundleLoadScheduled) {
15581      return
15582    }
15583    /** @description dedupe idle scheduling from DOMContentLoaded and first interactions */
15584    window.__ecomsendMainBundleLoadScheduled = true
15585    if (ECOMSEND_FORCE_IMMEDIATE_FLAG) {
15586      loadEcomsendMainBundle()
15587      return
15588    }
15589    scheduleLowPriorityTask(loadEcomsendMainBundle, ECOMSEND_IDLE_TIMEOUT_MS)
15590  }
15591
15592  /** @description cache marketing params for pixel/report flows before heavy bundle starts */
15593  function cacheMarketingParams() {
15594    const urlParams = new URLSearchParams(window.location.search)
15595    const marketingId = urlParams.get("ec_marketing_id")
15596    const ecEmailId = urlParams.get("ec_email_id")
15597    const ecMarketingSign = urlParams.get("ec_marketing_sign")
15598
15599    if (marketingId && window.localStorage) {
15600      window.localStorage.setItem("ec_marketing_id", marketingId)
15601    }
15602    if (ecEmailId && window.localStorage) {
15603      window.localStorage.setItem("ec_email_id", ecEmailId)
15604    }
15605    if (ecMarketingSign && window.localStorage) {
15606      window.localStorage.setItem("ec_marketing_sign", ecMarketingSign)
15607    }
15608  }
15609
15610  /** @description check whether marketing storage is allowed under Shopify customer privacy state */
15611  function isMarketingStorageAllowedByCustomerPrivacy() {
15612    const customerPrivacy = window?.Shopify?.customerPrivacy
15613    if (!customerPrivacy) {
15614      return false
15615    }
15616    const marketingAllowed = typeof customerPrivacy.marketingAllowed === "function" && customerPrivacy.marketingAllowed()
15617    if (marketingAllowed) {
15618      return true
15619    }
15620    if (typeof customerPrivacy.currentVisitorConsent === "function") {
15621      const consent = customerPrivacy.currentVisitorConsent()
15622      return consent?.marketing === "yes"
15623    }
15624    return false
15625  }
15626
15627  /** @description check whether analytics storage is allowed under Shopify customer privacy state */
15628  function isAnalyticsStorageAllowedByCustomerPrivacy() {
15629    const customerPrivacy = window?.Shopify?.customerPrivacy
15630    if (!customerPrivacy) {
15631      return false
15632    }
15633    const analyticsAllowed = typeof customerPrivacy.analyticsProcessingAllowed === "function" && customerPrivacy.analyticsProcessingAllowed()
15634    if (analyticsAllowed) {
15635      return true
15636    }
15637    if (typeof customerPrivacy.currentVisitorConsent === "function") {
15638      const consent = customerPrivacy.currentVisitorConsent()
15639      return consent?.analytics === "yes"
15640    }
15641    return false
15642  }
15643
15644  /** @description execute marketing param caching with GDPR guard: functional off when GDPR disabled */
15645  function cacheMarketingParamsWithGdprGuard() {
15646    if (!ECOMSEND_GDPR_ENABLED) {
15647      cacheMarketingParams()
15648      return
15649    }
15650    if (isMarketingStorageAllowedByCustomerPrivacy()) {
15651      cacheMarketingParams()
15652    }
15653  }
15654
15655  /** @description cache shop id used by pixel report branches */
15656  function cacheShopIdForPixel() {
15657    if (!window.EcomSendApps?.common?.shop?.id || !window.localStorage) {
15658      return
15659    }
15660    window.localStorage.setItem("ECOMSEND:ES_SHOP_ID", window.EcomSendApps.common.shop.id)
15661  }
15662
15663  /**
15664   * Flow client config (e.g. browserStaySeconds) is fetched by the main ecomsend.js bundle:
15665   * bootstrapFlowClientConfig → POST /api/automation/v2/clientFlowConfig (API Sign)
15666   * → localStorage ECOMSEND:FLOW_CLIENT_CONFIG.byEventId → read by web-pixel.
15667   * Keep new C-end Flow config on this path; do not scatter fetches in liquid.
15668   */
15669
15670  /** @description execute shop id caching with GDPR guard and shared consent policy */
15671  function cacheShopIdWithGdprGuard() {
15672    if (!ECOMSEND_GDPR_ENABLED) {
15673      cacheShopIdForPixel()
15674      return
15675    }
15676    if (isAnalyticsStorageAllowedByCustomerPrivacy()) {
15677      cacheShopIdForPixel()
15678    }
15679  }
15680
15681  /** @description load Shopify consent-tracking API before GDPR-gated cache writes */
15682  function withCustomerPrivacyApiReady(onReady) {
15683    if (!ECOMSEND_GDPR_ENABLED) {
15684      onReady()
15685      return
15686    }
15687    if (window?.Shopify?.customerPrivacy) {
15688      onReady()
15689      return
15690    }
15691    if (typeof window?.Shopify?.loadFeatures !== "function") {
15692      return
15693    }
15694    window.Shopify.loadFeatures(
15695      [{ name: "consent-tracking-api", version: "0.1" }],
15696      (error) => {
15697        if (error) {
15698          return
15699        }
15700        onReady()
15701      }
15702    )
15703  }
15704
15705  try {
15706    withCustomerPrivacyApiReady(() => {
15707      cacheMarketingParamsWithGdprGuard()
15708      cacheShopIdWithGdprGuard()
15709    })
15710    if (ECOMSEND_GDPR_ENABLED) {
15711      document.addEventListener("visitorConsentCollected", () => {
15712        cacheMarketingParamsWithGdprGuard()
15713        cacheShopIdWithGdprGuard()
15714      })
15715    }
15716  } catch (e) {}
15717
15718  /** @description inject wasm asset url into shared namespace before main bundle executes */
15719  window.EcomSendApps.wasmURL = ECOMSEND_WASM_ASSET_URL
15720
15721  ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => {
15722    window.addEventListener(eventName, scheduleMainBundleLoad, { once: true, passive: true })
15723  })
15724
15725  if (document.readyState === "loading") {
15726    document.addEventListener("DOMContentLoaded", scheduleMainBundleLoad, { once: true })
15727  } else {
15728    scheduleMainBundleLoad()
15729  }
15730</script>
15730
15731
15732<style id="ecomsend-custom-style"></style>
15733
15734<script>window.shopLocale = 'en'</script>
15734
15735
15736<script>
15737  /** @description timeout used for deferred discount request scheduling */
15738  const ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS = 1500
15739
15740  /** @description apply discount code from url query only when parameter exists */
15741  function applyWillDiscountCode() {
15742    const urlParams = new URLSearchParams(window.location.search)
15743    const willDiscountCode = urlParams.get("willDiscountCode")
15744    if (!willDiscountCode || /[\u0000-\u001F\u007F]/.test(willDiscountCode)) {
15745      return
15746    }
15747    fetch("/cart/update.js", {
15748      method: "POST",
15749      headers: {
15750        "Content-Type": "application/json",
15751      },
15752      body: JSON.stringify({
15753        discount: willDiscountCode,
15754      }),
15755    })
15756  }
15757
15758  try {
15759    if (!window.__ecomsendDeferredTasksScheduled) {
15760      /** @description global guard to avoid duplicate deferred task scheduling */
15761      window.__ecomsendDeferredTasksScheduled = true
15762      if (window.requestIdleCallback) {
15763        window.requestIdleCallback(() => {
15764          applyWillDiscountCode()
15765        }, { timeout: ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS })
15766      } else {
15767        window.setTimeout(() => {
15768          applyWillDiscountCode()
15769        }, ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS)
15770      }
15771    }
15772  } catch (error) {}
15773</script>
15773
15774
15775
15776
15777</div><div id="shopify-block-ARVZGby9xRG9peXNVY__8746983209849429782" class="shopify-block shopify-app-block">
15777<script type="module" src="https://cdn.shopify.com/extensions/01a0f1a2-5f0f-719e-9447-324ebb17c4ed/dealeasy-286/assets/dealeasy-widgets.esm.js" defer></script>
15777
15778
15779<script>
15780  var dealeasyPublicAccessToken = '80feb2bca1cbae90cc2172bedb7dedd6' || '';
15781  var dealeasyUsingTranslatedHandles = false || false;
15782  var dealeasyPublicApiVersion = "2026-07";
15783
15784  window.dealeasyProduct = {
15785    id: 'gid://shopify/Product/' + '',
15786    handle: ''
15787  };
15788
15789  var editableQtySelector = '' === "true";
15790  var minimizeFreeGiftTitle = '' === "true";
15791  var isRtlLanguageStore = '' === "true";
15792  var discountRoundingMethod = '';</script>
15792
15793
15794
15795
15796
15797<!-- BEGIN app snippet: custom-css --><style>.lb-qty-selector-atc-button{
15798margin-bottom:10px !important;
15799}
15800 </style><!-- END app snippet -->
15801<!-- BEGIN app snippet: custom-script -->
15801<script></script>
15801<!-- END app snippet -->
15802
15803
15804  
15804<script></script>
15804
15805<style></style>
15806
15807
15808
15809</div><div id="shopify-block-AU2MxZFdVZkF6YmhHM__7887822579089021210" class="shopify-block shopify-app-block">
15809<script>
15810    
15811
15812    window.goodAvAppsData = {
15813        customerId: null,
15814    }
15815</script>
15815
15816
15817<script async src="https://av.good-apps.co/storage/js/good_apps_timer-7m39k8-js.myshopify.com.js?ver=1790816072&shop=7m39k8-js.myshopify.com"></script>
15817
15818
15819
15820</div><div id="shopify-block-AeGVhTnZTZ3g4c0xJR__643381569867433295" class="shopify-block shopify-app-block">
15820<script>
15821  var collectionProducts = [];
15822  var cartItems = [];
15823  var cartPrice = 0;
15824  var tikTokCart = [];
15825  var productId = "";
15826  var productTitle = "";
15827  var productType = "";
15828  var value = "";
15829  var productMainId = "";
15830  var pageType = "";
15831
15832  function encodeInfinitePixelData(data) {
15833    try {
15834      return btoa(
15835        encodeURIComponent(
15836          JSON.stringify(data)
15837        ).replace(
15838          /%([0-9A-F]{2})/g,
15839          function(match, p1) {
15840            return String.fromCharCode(
15841              parseInt(p1, 16)
15842            );
15843          }
15844        )
15845      );
15846    } catch (error) {
15847      console.error(
15848        "Unable to encode Infinite pixel data:",
15849        error
15850      );
15851
15852      return null;
15853    }
15854  }
15855  function decodeInfinitePixelData(encodedData) {
15856    // Nothing stored yet (first load, before the pixel fetch lands) is normal,
15857    // not an error. atob(null) yields bytes that decodeURIComponent rejects.
15858    if (typeof encodedData !== "string" || encodedData === "") {
15859      return null;
15860    }
15861
15862    try {
15863      return JSON.parse(
15864        decodeURIComponent(
15865          Array.prototype.map.call(
15866            atob(encodedData),
15867            function(char) {
15868              return "%" +
15869                ("00" + char.charCodeAt(0).toString(16)).slice(-2);
15870            }
15871          ).join("")
15872        )
15873      );
15874    } catch (error) {
15875      console.error(
15876        "Unable to decode Infinite pixel data:",
15877        error
15878      );
15879
15880      return null;
15881    }
15882  }
15883</script>
15883
15884
15885
15886
15887
15888
15889
15890<script>
15891  
15892</script>
15892
15893
15894<script>
15895
15896</script>
15896
15897
15898
15899</div><!-- Failed to render app block "1513253815146976218": app block path "shopify://apps/omnisend-email-marketing-sms/blocks/app-embed/44704aa2-794f-4c5d-8c8e-039c841158e9" does not exist --><div id="shopify-block-ARVdBblVmTDU0QW1yU__8529531577560427644" class="shopify-block shopify-app-block">
15900<script>
15901  window.OTP_PLUS_CUSTOMER = {
15902    logged_in: false,
15903    customer_id: null
15904  };
15905</script>
15905
15906
15907
15908
15909
15910
15911<script>
15912  window.OTP_PLUS_SETTINGS = {"id":15210,"shop":"7m39k8-js.myshopify.com","loginType":{"via_sms":true,"via_social":true},"serviceType":2,"smsDetails":{},"smsButton":{},"widgetTitle":"ROYAL SPIRIT","sizeandshape":{},"singleColor":null,"iconColors":{"blue":false,"black":false,"brown":false,"green":false,"white":false,"creame":false,"lightBlue":false,"lightGray":false},"socialService":{"apple":"","google":"google-login"},"socialAlignIcons":{},"fontSize":null,"borderRadius":null,"buttonModes":{"dark_mode":false,"light_mode":true},"previewButtonColor":"#B03030","buttonTextColor":null,"formCustomization":{},"rediretURL":"https:\/\/royalspirit.ae","defaultEmail":false,"errorMessage":"","onboarding_completed":true,"app_embed":true,"classic_customer_accounts":false,"cart_quantity_enabled":false,"cart_quantity_max":21,"guest_checkout_otp_enabled":false,"post_purchase_otp_enabled":false,"post_purchase_otp_mode":"standard","product_protection_enabled":false,"product_protection_min_price":null,"session_phone_verification_enabled":false,"trusted_device_enabled":false,"page_locks_enabled":false,"trusted_device_days":30,"nca_modal_login_enabled":true,"classic_modal_login_enabled":false,"extra_countries":[{"iso":"AE","code":"+971","name":"United Arab Emirates","flagUrl":"https:\/\/flagcdn.com\/w40\/ae.png"},{"iso":"PH","code":"+63","name":"Philippines","flagUrl":"https:\/\/flagcdn.com\/w40\/ph.png"},{"iso":"IT","code":"+39","name":"Italy","flagUrl":"https:\/\/flagcdn.com\/w40\/it.png"},{"iso":"GB","code":"+44","name":"United Kingdom","flagUrl":"https:\/\/flagcdn.com\/w40\/gb.png"},{"iso":"IN","code":"+91","name":"India","flagUrl":"https:\/\/flagcdn.com\/w40\/in.png"},{"iso":"US","code":"+1","name":"United States","flagUrl":"https:\/\/flagcdn.com\/w40\/us.png"},{"iso":"UA","code":"+380","name":"Ukraine","flagUrl":"https:\/\/flagcdn.com\/w40\/ua.png"},{"iso":"NP","code":"+977","name":"Nepal","flagUrl":"https:\/\/flagcdn.com\/w40\/np.png"},{"iso":"MY","code":"+60","name":"Malaysia","flagUrl":"https:\/\/flagcdn.com\/w40\/my.png"},{"iso":"CA","code":"+1","name":"Canada","flagUrl":"https:\/\/flagcdn.com\/w40\/ca.png"},{"iso":"HK","code":"+852","name":"Hong Kong","flagUrl":"https:\/\/flagcdn.com\/w40\/hk.png"},{"iso":"LR","code":"+231","name":"Liberia","flagUrl":"https:\/\/flagcdn.com\/w40\/lr.png"},{"iso":"LU","code":"+352","name":"Luxembourg","flagUrl":"https:\/\/flagcdn.com\/w40\/lu.png"},{"iso":"MX","code":"+52","name":"Mexico","flagUrl":"https:\/\/flagcdn.com\/w40\/mx.png"},{"iso":"JP","code":"+81","name":"Japan","flagUrl":"https:\/\/flagcdn.com\/w40\/jp.png"},{"iso":"ID","code":"+62","name":"Indonesia","flagUrl":"https:\/\/flagcdn.com\/w40\/id.png"},{"iso":"KW","code":"+965","name":"Kuwait","flagUrl":"https:\/\/flagcdn.com\/w40\/kw.png"},{"iso":"GR","code":"+30","name":"Greece","flagUrl":"https:\/\/flagcdn.com\/w40\/gr.png"},{"iso":"EG","code":"+20","name":"Egypt","flagUrl":"https:\/\/flagcdn.com\/w40\/eg.png"},{"iso":"LK","code":"+94","name":"Sri Lanka","flagUrl":"https:\/\/flagcdn.com\/w40\/lk.png"},{"iso":"ZA","code":"+27","name":"South Africa","flagUrl":"https:\/\/flagcdn.com\/w40\/za.png"}],"pro_trial_started_at":"2026-09-12T18:01:43.744Z","pro_trial_converted_at":null,"pro_trial_sweep_resolution":null,"show_login_avatar":false,"otp_sender_name":null,"otp_template":null,"logo_url":null,"hide_powered_by":false,"expected_daily_otp_volume":null,"expected_monthly_otp_volume":null,"protected_product_gids":[],"locked_page_paths":[],"page_lock_requires_login":false,"is_legacy_accounts":false,"is_nca_store":true,"is_paid":false};
15913  window.OTP_PLUS_MAIN_URL = "https:\/\/cdn.shopify.com\/extensions\/01a0f195-6ebe-7d78-ba37-6aa3691b9b71\/otp-plus-sso-140\/assets\/main.js";
15914</script>
15914
15915
15916
15917
15918
15919
15920</div>
15920<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
15920
15921</body>
15922</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.