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 "alcohol" 29</title> 30 31 32 <meta name="description" content="Order your favorite drinks with fast delivery across Dubai & 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 "alcohol""> 39<meta property="og:type" content="website"> 40<meta property="og:description" content="Order your favorite drinks with fast delivery across Dubai & 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 "alcohol""> 45<meta name="twitter:description" content="Order your favorite drinks with fast delivery across Dubai & 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&type=product"> 1121<link rel="alternate" hreflang="en" href="https://royalspirit.ae/search?q=alcohol&type=product"> 1122<link rel="alternate" hreflang="af" href="https://royalspirit.ae/af/search?q=alcohol&type=product"> 1123<link rel="alternate" hreflang="hi" href="https://royalspirit.ae/hi/search?q=alcohol&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®ion_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®ion_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'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'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">…</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.